@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/Badge/Badge.variants.js

@@ -1,106 +1,96 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(
-  [
-    "flex",
-    "items-center",
-    "justify-center",
-    "gap-2",
-    "rounded",
-    "px-2",
-    "py-1",
-    "w-max",
-    "shadow-xs",
-    "data-[state=hidden]:animate-out",
-    "data-[state=hidden]:fade-out-0",
-    "data-[state=hidden]:zoom-out-95"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [
-          "bg-gray-100",
-          "text-gray-800",
-          "dark:text-gray-300",
-          "dark:bg-gray-300/15"
-        ],
-        danger: [
-          "bg-red-100",
-          "text-red-800",
-          "dark:text-red-400",
-          "dark:bg-red-400/10"
-        ],
-        info: [
-          "bg-blue-100",
-          "text-blue-800",
-          "dark:text-sky-400",
-          "dark:bg-sky-400/10"
-        ],
-        success: [
-          "bg-green-100",
-          "text-green-800",
-          "dark:text-green-400",
-          "dark:bg-green-400/10"
-        ],
-        warning: [
-          "bg-yellow-100",
-          "text-yellow-800",
-          "dark:text-amber-300",
-          "dark:bg-amber-300/10"
-        ],
-        violet: [
-          "bg-violet-50",
-          "text-violet-800",
-          "dark:text-purple-400",
-          "dark:bg-purple-400/8"
-        ],
-        orange: [
-          "bg-orange-50",
-          "text-orange-800",
-          "dark:text-orange-400",
-          "dark:bg-orange-400/10"
-        ]
-      },
-      size: {
-        default: "text-xs leading-4"
-      }
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "flex",
+  "items-center",
+  "justify-center",
+  "gap-2",
+  "rounded",
+  "px-2",
+  "py-1",
+  "w-max",
+  "shadow-xs",
+  "data-[state=hidden]:animate-out",
+  "data-[state=hidden]:fade-out-0",
+  "data-[state=hidden]:zoom-out-95"
+], {
+  variants: {
+    variant: {
+      default: [
+        "bg-gray-100",
+        "text-gray-800",
+        "dark:text-gray-300",
+        "dark:bg-gray-300/15"
+      ],
+      danger: [
+        "bg-red-100",
+        "text-red-800",
+        "dark:text-red-400",
+        "dark:bg-red-400/10"
+      ],
+      info: [
+        "bg-blue-100",
+        "text-blue-800",
+        "dark:text-sky-400",
+        "dark:bg-sky-400/10"
+      ],
+      success: [
+        "bg-green-100",
+        "text-green-800",
+        "dark:text-green-400",
+        "dark:bg-green-400/10"
+      ],
+      warning: [
+        "bg-yellow-100",
+        "text-yellow-800",
+        "dark:text-amber-300",
+        "dark:bg-amber-300/10"
+      ],
+      violet: [
+        "bg-violet-50",
+        "text-violet-800",
+        "dark:text-purple-400",
+        "dark:bg-purple-400/8"
+      ],
+      orange: [
+        "bg-orange-50",
+        "text-orange-800",
+        "dark:text-orange-400",
+        "dark:bg-orange-400/10"
+      ]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    size: { default: "text-xs leading-4" }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-), r = e(
-  [
-    "rounded-full",
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    "focus:outline-none",
-    "text-inherit",
-    "cursor-pointer",
-    "text-gray-700"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ["text-gray-700", "dark:text-gray-300"],
-        danger: ["text-red-700", "dark:text-red-400"],
-        info: ["text-blue-700", "dark:text-sky-400"],
-        success: ["text-green-700", "dark:text-green-400"],
-        warning: ["text-yellow-700", "dark:text-amber-300"],
-        violet: ["text-violet-700", "dark:text-purple-400"],
-        orange: ["text-orange-800", "dark:text-orange-400"]
-      },
-      size: {
-        default: ["h-3.5", "w-3.5"]
-      }
+}), r = e([
+  "rounded-full",
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "focus:outline-none",
+  "text-inherit",
+  "cursor-pointer",
+  "text-gray-700"
+], {
+  variants: {
+    variant: {
+      default: ["text-gray-700", "dark:text-gray-300"],
+      danger: ["text-red-700", "dark:text-red-400"],
+      info: ["text-blue-700", "dark:text-sky-400"],
+      success: ["text-green-700", "dark:text-green-400"],
+      warning: ["text-yellow-700", "dark:text-amber-300"],
+      violet: ["text-violet-700", "dark:text-purple-400"],
+      orange: ["text-orange-800", "dark:text-orange-400"]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    size: { default: ["h-3.5", "w-3.5"] }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-);
+});
 export {
   a as badgeVariants,
   r as buttonDismissVariants

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,91 +1,4 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import u, { forwardRef as b, useId as v, Fragment as y } from "react";
-import { cn as h } from "../../utils/index.js";
-import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
-import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index-BOE_3f_Z.js";
-function m() {
-  return m = Object.assign || function(r) {
-    for (var o = 1; o < arguments.length; o++) {
-      var e = arguments[o];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, m.apply(this, arguments);
-}
-function x(r, o) {
-  if (r == null) return {};
-  var e = P(r, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
-  }
-  return e;
-}
-function P(r, o) {
-  if (r == null) return {};
-  var e = {}, t = Object.keys(r), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (e[n] = r[n]);
-  return e;
-}
-var c = b(function(r, o) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, n = r.size, i = n === void 0 ? 24 : n, s = x(r, ["color", "size"]);
-  return /* @__PURE__ */ u.createElement("svg", m({
-    ref: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ u.createElement("polyline", {
-    points: "9 18 15 12 9 6"
-  }));
-});
-c.propTypes = {
-  color: l.string,
-  size: l.oneOfType([l.string, l.number])
-};
-c.displayName = "ChevronRight";
-const W = ({
-  "aria-label": r = "breadcrumb",
-  className: o,
-  steps: e,
-  theme: t,
-  wrapperClassName: n,
-  ...i
-}) => {
-  const s = v();
-  return /* @__PURE__ */ a(
-    "nav",
-    {
-      "aria-label": r,
-      "data-theme": t,
-      className: h(
-        j({
-          className: n
-        })
-      ),
-      children: /* @__PURE__ */ a("ol", { className: h(O({ className: o })), ...i, children: e.map(({ label: p, ...d }, f) => /* @__PURE__ */ g(y, { children: [
-        /* @__PURE__ */ a(
-          w,
-          {
-            ...d,
-            label: p,
-            isLast: f === e.length - 1
-          }
-        ),
-        f !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(c, { className: "text-gray-400 w-5 h-5 mt-0.5" }) })
-      ] }, `${s}-${p}`)) })
-    }
-  );
-};
+import { t as m } from "../../Breadcrumb-C95aOsYk.js";
 export {
-  W as Breadcrumb
+  m as Breadcrumb
 };

package/dist/components/Breadcrumb/Breadcrumb.variants.js

@@ -1,12 +1,16 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e([
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
   "text-gray-600",
   "text-md",
   "flex",
   "gap-2",
   "items-center"
-]), a = e(["flex", "gap-1", "items-center"]);
+]), t = r([
+  "flex",
+  "gap-1",
+  "items-center"
+]);
 export {
-  a as breadcrumbVariants,
-  t as breadcrumbWrapperVariants
+  t as breadcrumbVariants,
+  e as breadcrumbWrapperVariants
 };

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,49 +1,35 @@
-import { jsx as e, Fragment as p } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { u as h, L as b } from "../../../../useBreadcrumb-C_Wb2cXs.js";
-import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
-const g = ({
-  isActive: r,
-  isLast: t,
-  label: n,
-  target: s,
-  theme: c,
-  to: a,
-  component: l = "a"
-}) => {
-  const { isInsideRouter: u } = h(), o = (f) => {
-    a === "#" && f.preventDefault();
+import { t as m } from "../../../../utils-DHuiYnx1.js";
+import { n as p, t as h } from "../../../../useBreadcrumb-BBm5lX0U.js";
+import { breadcrumbLabelVariants as b, breadcrumbLinkVariants as o } from "./Item.variants.js";
+import { Fragment as k, jsx as e } from "react/jsx-runtime";
+var g = ({ isActive: a, isLast: t, label: n, target: s, theme: c, to: r, component: l = "a" }) => {
+  const { isInsideRouter: u } = h(), d = (f) => {
+    r === "#" && f.preventDefault();
   }, i = l;
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      "aria-current": t ? "page" : void 0,
-      className: "group font-medium text-inherit",
-      "data-theme": c,
-      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
-        b,
-        {
-          to: a,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) : /* @__PURE__ */ e(
-        i,
-        {
-          href: i === "a" ? a : void 0,
-          to: i !== "a" ? a : void 0,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
-    }
-  );
+  return /* @__PURE__ */ e("li", {
+    "aria-current": t ? "page" : void 0,
+    className: "group font-medium text-inherit",
+    "data-theme": c,
+    children: r ? /* @__PURE__ */ e(k, { children: u ? /* @__PURE__ */ e(p, {
+      to: r,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) : /* @__PURE__ */ e(i, {
+      href: i === "a" ? r : void 0,
+      to: i !== "a" ? r : void 0,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) }) : /* @__PURE__ */ e("span", {
+      className: m(b({ isActive: a })),
+      children: n
+    })
+  });
 };
 export {
   g as Item

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -1,69 +1,56 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const s = e(
-  [
-    "text-sm",
-    "leading-5",
-    "text-gray-400",
-    "font-semibold",
-    "dark:text-gray-400"
-  ],
-  {
-    variants: {
-      isActive: {
-        true: "",
-        false: "cursor-auto"
-      }
-    },
-    defaultVariants: {
-      isActive: !0
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        class: [
-          "group-[&:has(:focus-visible)]:no-underline",
-          "group-[&:has(:focus-visible)]:outline-2",
-          "group-[&:has(:focus-visible)]:outline-offset-6",
-          "group-[&:has(:focus-visible)]:outline-gray-500",
-          "group-[&:has(:focus-visible)]:text-gray-500",
-          "group-[&:has(:focus-visible)]:rounded-xs",
-          "group-hover:rounded-xs",
-          "hover:no-underline",
-          "hover:text-gray-500",
-          "dark:hover:text-gray-300"
-        ]
-      },
-      {
-        isActive: void 0,
-        class: [
-          "group-[&:has(:focus-visible)]:no-underline",
-          "group-[&:has(:focus-visible)]:outline-2",
-          "group-[&:has(:focus-visible)]:outline-offset-6",
-          "group-[&:has(:focus-visible)]:outline-gray-500",
-          "group-[&:has(:focus-visible)]:text-gray-500",
-          "group-[&:has(:focus-visible)]:rounded-xs",
-          "group-hover:rounded-xs",
-          "hover:no-underline",
-          "hover:text-gray-500",
-          "dark:hover:text-gray-300"
-        ]
-      }
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var s = e([
+  "text-sm",
+  "leading-5",
+  "text-gray-400",
+  "font-semibold",
+  "dark:text-gray-400"
+], {
+  variants: { isActive: {
+    true: "",
+    false: "cursor-auto"
+  } },
+  defaultVariants: { isActive: !0 },
+  compoundVariants: [{
+    isActive: !0,
+    class: [
+      "group-[&:has(:focus-visible)]:no-underline",
+      "group-[&:has(:focus-visible)]:outline-2",
+      "group-[&:has(:focus-visible)]:outline-offset-6",
+      "group-[&:has(:focus-visible)]:outline-gray-500",
+      "group-[&:has(:focus-visible)]:text-gray-500",
+      "group-[&:has(:focus-visible)]:rounded-xs",
+      "group-hover:rounded-xs",
+      "hover:no-underline",
+      "hover:text-gray-500",
+      "dark:hover:text-gray-300"
     ]
-  }
-), o = e(
-  ["text-sm", "leading-5", "font-semibold"],
-  {
-    variants: {
-      isActive: {
-        true: ["text-gray-600", "dark:text-gray-300"],
-        false: ["text-gray-400", "cursor-default"]
-      }
-    },
-    defaultVariants: {
-      isActive: !0
-    }
-  }
-);
+  }, {
+    isActive: void 0,
+    class: [
+      "group-[&:has(:focus-visible)]:no-underline",
+      "group-[&:has(:focus-visible)]:outline-2",
+      "group-[&:has(:focus-visible)]:outline-offset-6",
+      "group-[&:has(:focus-visible)]:outline-gray-500",
+      "group-[&:has(:focus-visible)]:text-gray-500",
+      "group-[&:has(:focus-visible)]:rounded-xs",
+      "group-hover:rounded-xs",
+      "hover:no-underline",
+      "hover:text-gray-500",
+      "dark:hover:text-gray-300"
+    ]
+  }]
+}), o = e([
+  "text-sm",
+  "leading-5",
+  "font-semibold"
+], {
+  variants: { isActive: {
+    true: ["text-gray-600", "dark:text-gray-300"],
+    false: ["text-gray-400", "cursor-default"]
+  } },
+  defaultVariants: { isActive: !0 }
+});
 export {
   o as breadcrumbLabelVariants,
   s as breadcrumbLinkVariants

package/dist/components/Breadcrumb/hooks/useBreadcrumb.js

@@ -1,4 +1,4 @@
-import { u } from "../../../useBreadcrumb-C_Wb2cXs.js";
+import { t as e } from "../../../useBreadcrumb-BBm5lX0U.js";
 export {
-  u as useBreadcrumb
+  e as useBreadcrumb
 };

package/dist/components/Button/Button.js

@@ -1,42 +1,24 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { S as l } from "../../index-BvoZGpli.js";
-import { cn as x } from "../../utils/index.js";
-import { buttonVariants as B } from "./Button.variants.js";
-const C = c(
-  ({
+import { t as u } from "../../dist-DXJSck4j.js";
+import { t as l } from "../../utils-DHuiYnx1.js";
+import { buttonVariants as c } from "./Button.variants.js";
+import { forwardRef as x } from "react";
+import { jsx as B } from "react/jsx-runtime";
+var N = x(({ appearance: o, asChild: r = !1, className: a, disabled: t = !1, shape: m, size: f, theme: s, variant: e, version: n, ...p }, i) => /* @__PURE__ */ B(r ? u : "button", {
+  ref: i,
+  "data-theme": s,
+  className: l(c({
     appearance: o,
-    asChild: r = !1,
-    className: m,
-    disabled: t = !1,
-    shape: a,
-    size: n,
-    theme: s,
-    variant: f,
-    version: p,
-    ...e
-  }, i) => /* @__PURE__ */ u(
-    r ? l : "button",
-    {
-      ref: i,
-      "data-theme": s,
-      className: x(
-        B({
-          appearance: o,
-          className: m,
-          disabled: t,
-          shape: a,
-          size: n,
-          variant: f,
-          version: p
-        })
-      ),
-      disabled: t,
-      ...e
-    }
-  )
-);
-C.displayName = "KonstructButton";
+    className: a,
+    disabled: t,
+    shape: m,
+    size: f,
+    variant: e,
+    version: n
+  })),
+  disabled: t,
+  ...p
+}));
+N.displayName = "KonstructButton";
 export {
-  C as Button
+  N as Button
 };