@konstructio/ui/dist/plugins/konstruct.js

A set of reusable and customizable React components built for konstruct.io

import { g as m } from "../_commonjsHelpers-C6fGbg64.js";
import { addAnimationStyles as p, defaultAnimationThemeValues as c } from "./utils/animation.styles.js";
import { konstructColors as _ } from "./utils/colors.js";
var o = {}, l = {}, s;
function P() {
  return s || (s = 1, function(e) {
    Object.defineProperty(e, "__esModule", {
      value: !0
    }), Object.defineProperty(e, "default", {
      enumerable: !0,
      get: function() {
        return i;
      }
    });
    function n(r, t) {
      return {
        handler: r,
        config: t
      };
    }
    n.withOptions = function(r, t = () => ({})) {
      const u = function(a) {
        return {
          __options: a,
          handler: r(a),
          config: t(a)
        };
      };
      return u.__isOptionsFunction = !0, u.__pluginFunction = r, u.__configFunction = t, u;
    };
    const i = n;
  }(l)), l;
}
var f;
function v() {
  return f || (f = 1, function(e) {
    Object.defineProperty(e, "__esModule", {
      value: !0
    }), Object.defineProperty(e, "default", {
      enumerable: !0,
      get: function() {
        return r;
      }
    });
    const n = /* @__PURE__ */ i(/* @__PURE__ */ P());
    function i(t) {
      return t && t.__esModule ? t : {
        default: t
      };
    }
    const r = n.default;
  }(o)), o;
}
var d, g;
function b() {
  if (g) return d;
  g = 1;
  let e = /* @__PURE__ */ v();
  return d = (e.__esModule ? e : { default: e }).default, d;
}
var h = /* @__PURE__ */ b();
const k = /* @__PURE__ */ m(h), q = k(
  function({ addBase: e, addUtilities: n, matchUtilities: i, theme: r }) {
    e({
      ":root": {
        "--viewport-padding": "25px"
      }
    }), p({ addUtilities: n, matchUtilities: i, theme: r });
  },
  {
    theme: {
      extend: {
        colors: { ..._ },
        viewportPadding: "",
        ...c,
        backgroundImage: {
          "kubefirst-gradient": "linear-gradient(90deg, #81E2B4, #8851C8)"
        },
        animation: {
          "gradient-move": "moveGradient 6s linear infinite",
          "slide-in": "slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1)",
          "swipe-out": "swipeOut 150ms cubic-bezier(0.16, 1, 0.3, 1)"
        },
        keyframes: {
          moveGradient: {
            "0%": { backgroundPosition: "0% 50%" },
            "50%": { backgroundPosition: "100% 50%" },
            "100%": { backgroundPosition: "0% 50%" }
          },
          hide: {
            from: { opacity: "1" },
            to: { opacity: "0" }
          },
          slideIn: {
            from: {
              transform: "translateX(calc(100% + var(--viewport-padding)))"
            },
            to: {
              transform: "translateX(0)"
            }
          },
          swipeOut: {
            from: {
              transform: "translateX(0)"
            },
            to: {
              transform: "translateX(calc(100% + var(--viewport-padding)))"
            }
          },
          ...c.keyframes
        }
      }
    }
  }
);
export {
  q as konstructPlugin
};