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

package/dist/components/Checkbox/Checkbox.js

@@ -1,366 +1,4 @@
-import { jsx as f, jsxs as B, Fragment as U } from "react/jsx-runtime";
-import * as p from "react";
-import j, { forwardRef as z, useId as V, useCallback as X } from "react";
-import { u as L } from "../../index-DLcqcWxM.js";
-import { P as I, a as J, c as T, b as Q } from "../../index--l0zux8V.js";
-import { u as Y } from "../../index-BZPx6jYI.js";
-import { u as Z } from "../../index-BRXMsxSL.js";
-import { P as ee } from "../../index-3fEdeexs.js";
-import { cn as E } from "../../utils/index.js";
-import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
-import { useToggle as oe } from "../../hooks/useToggle.js";
-import { P } from "../../index-BOE_3f_Z.js";
-function R() {
-  return R = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-    }
-    return e;
-  }, R.apply(this, arguments);
-}
-function ne(e, a) {
-  if (e == null) return {};
-  var n = ae(e, a), r, o;
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < t.length; o++)
-      r = t[o], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
-  }
-  return n;
-}
-function ae(e, a) {
-  if (e == null) return {};
-  var n = {}, r = Object.keys(e), o, t;
-  for (t = 0; t < r.length; t++)
-    o = r[t], !(a.indexOf(o) >= 0) && (n[o] = e[o]);
-  return n;
-}
-var N = z(function(e, a) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ne(e, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", R({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: t,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: r,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ j.createElement("polyline", {
-    points: "20 6 9 17 4 12"
-  }));
-});
-N.propTypes = {
-  color: P.string,
-  size: P.oneOfType([P.string, P.number])
-};
-N.displayName = "Check";
-var _ = "Checkbox", [ce] = Q(_), [se, O] = ce(_);
-function ie(e) {
-  const {
-    __scopeCheckbox: a,
-    checked: n,
-    children: r,
-    defaultChecked: o,
-    disabled: t,
-    form: l,
-    name: h,
-    onCheckedChange: i,
-    required: b,
-    value: k = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: d
-  } = e, [u, x] = J({
-    prop: n,
-    defaultProp: o ?? !1,
-    onChange: i,
-    caller: _
-  }), [C, m] = p.useState(null), [v, c] = p.useState(null), s = p.useRef(!1), y = C ? !!l || !!C.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), w = {
-    checked: u,
-    disabled: t,
-    setChecked: x,
-    control: C,
-    setControl: m,
-    name: h,
-    form: l,
-    value: k,
-    hasConsumerStoppedPropagationRef: s,
-    required: b,
-    defaultChecked: g(o) ? !1 : o,
-    isFormControl: y,
-    bubbleInput: v,
-    setBubbleInput: c
-  };
-  return /* @__PURE__ */ f(
-    se,
-    {
-      scope: a,
-      ...w,
-      children: le(d) ? d(w) : r
-    }
-  );
-}
-var M = "CheckboxTrigger", q = p.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: a, onClick: n, ...r }, o) => {
-    const {
-      control: t,
-      value: l,
-      disabled: h,
-      checked: i,
-      required: b,
-      setControl: k,
-      setChecked: d,
-      hasConsumerStoppedPropagationRef: u,
-      isFormControl: x,
-      bubbleInput: C
-    } = O(M, e), m = L(o, k), v = p.useRef(i);
-    return p.useEffect(() => {
-      const c = t?.form;
-      if (c) {
-        const s = () => d(v.current);
-        return c.addEventListener("reset", s), () => c.removeEventListener("reset", s);
-      }
-    }, [t, d]), /* @__PURE__ */ f(
-      I.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": g(i) ? "mixed" : i,
-        "aria-required": b,
-        "data-state": W(i),
-        "data-disabled": h ? "" : void 0,
-        disabled: h,
-        value: l,
-        ...r,
-        ref: m,
-        onKeyDown: T(a, (c) => {
-          c.key === "Enter" && c.preventDefault();
-        }),
-        onClick: T(n, (c) => {
-          d((s) => g(s) ? !0 : !s), C && x && (u.current = c.isPropagationStopped(), u.current || c.stopPropagation());
-        })
-      }
-    );
-  }
-);
-q.displayName = M;
-var A = p.forwardRef(
-  (e, a) => {
-    const {
-      __scopeCheckbox: n,
-      name: r,
-      checked: o,
-      defaultChecked: t,
-      required: l,
-      disabled: h,
-      value: i,
-      onCheckedChange: b,
-      form: k,
-      ...d
-    } = e;
-    return /* @__PURE__ */ f(
-      ie,
-      {
-        __scopeCheckbox: n,
-        checked: o,
-        defaultChecked: t,
-        disabled: h,
-        required: l,
-        onCheckedChange: b,
-        name: r,
-        form: k,
-        value: i,
-        internal_do_not_use_render: ({ isFormControl: u }) => /* @__PURE__ */ B(U, { children: [
-          /* @__PURE__ */ f(
-            q,
-            {
-              ...d,
-              ref: a,
-              __scopeCheckbox: n
-            }
-          ),
-          u && /* @__PURE__ */ f(
-            K,
-            {
-              __scopeCheckbox: n
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-A.displayName = _;
-var F = "CheckboxIndicator", D = p.forwardRef(
-  (e, a) => {
-    const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
-    return /* @__PURE__ */ f(
-      ee,
-      {
-        present: r || g(t.checked) || t.checked === !0,
-        children: /* @__PURE__ */ f(
-          I.span,
-          {
-            "data-state": W(t.checked),
-            "data-disabled": t.disabled ? "" : void 0,
-            ...o,
-            ref: a,
-            style: { pointerEvents: "none", ...e.style }
-          }
-        )
-      }
-    );
-  }
-);
-D.displayName = F;
-var H = "CheckboxBubbleInput", K = p.forwardRef(
-  ({ __scopeCheckbox: e, ...a }, n) => {
-    const {
-      control: r,
-      hasConsumerStoppedPropagationRef: o,
-      checked: t,
-      defaultChecked: l,
-      required: h,
-      disabled: i,
-      name: b,
-      value: k,
-      form: d,
-      bubbleInput: u,
-      setBubbleInput: x
-    } = O(H, e), C = L(n, x), m = Y(t), v = Z(r);
-    p.useEffect(() => {
-      const s = u;
-      if (!s) return;
-      const y = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(
-        y,
-        "checked"
-      ).set, $ = !o.current;
-      if (m !== t && S) {
-        const G = new Event("click", { bubbles: $ });
-        s.indeterminate = g(t), S.call(s, g(t) ? !1 : t), s.dispatchEvent(G);
-      }
-    }, [u, m, t, o]);
-    const c = p.useRef(g(t) ? !1 : t);
-    return /* @__PURE__ */ f(
-      I.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: l ?? c.current,
-        required: h,
-        disabled: i,
-        name: b,
-        value: k,
-        form: d,
-        ...a,
-        tabIndex: -1,
-        ref: C,
-        style: {
-          ...a.style,
-          ...v,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: "translateX(-100%)"
-        }
-      }
-    );
-  }
-);
-K.displayName = H;
-function le(e) {
-  return typeof e == "function";
-}
-function g(e) {
-  return e === "indeterminate";
-}
-function W(e) {
-  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-const de = z(
-  ({
-    ariaLabelledBy: e,
-    className: a,
-    defaultChecked: n,
-    disabled: r,
-    id: o,
-    label: t,
-    labelClassName: l,
-    labelWrapperClassName: h,
-    name: i,
-    theme: b,
-    title: k,
-    variant: d,
-    onChange: u,
-    ...x
-  }, C) => {
-    const [m, v] = oe(n ?? !1), c = V(), s = X(
-      (y) => {
-        v(y), u?.(y);
-      },
-      [u, v]
-    );
-    return /* @__PURE__ */ B(
-      "div",
-      {
-        className: E("flex items-center gap-4", h),
-        "data-theme": b,
-        children: [
-          /* @__PURE__ */ f(
-            A,
-            {
-              id: o ?? c,
-              checked: m,
-              ref: C,
-              name: i,
-              disabled: r,
-              "aria-labelledby": e,
-              title: k,
-              className: E(
-                te({
-                  className: a,
-                  variant: d,
-                  checked: m
-                })
-              ),
-              onCheckedChange: s,
-              ...x,
-              children: /* @__PURE__ */ f(D, { children: /* @__PURE__ */ f(N, { className: "w-4 h-4 stroke-2" }) })
-            }
-          ),
-          t ? /* @__PURE__ */ f(
-            "label",
-            {
-              htmlFor: i ?? o,
-              className: E(
-                re({
-                  className: l
-                }),
-                {
-                  "cursor-not-allowed": r
-                }
-              ),
-              onClick: () => !r && s(!m),
-              children: t
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-de.displayName = "KonstructCheckbox";
+import { t as r } from "../../Checkbox-Cn0UWlk8.js";
 export {
-  de as Checkbox
+  r as Checkbox
 };

package/dist/components/Checkbox/Checkbox.variants.js

@@ -1,66 +1,56 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e(
-  [
-    "cursor-pointer",
-    "border",
-    "rounded",
-    "w-5",
-    "h-5",
-    "flex",
-    "justify-center",
-    "items-center",
-    "transition-all",
-    "text-slate-800",
-    "border-zinc-400",
-    "disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        checked: !0,
-        class: [
-          "kubefirst:border-kubefirst-primary",
-          "kubefirst:bg-kubefirst-primary",
-          "bg-aurora-500",
-          "border-aurora-500",
-          "disabled:bg-zinc-300",
-          "disabled:border-transparent",
-          "*:text-metal-900",
-          "kubefirst:*:text-white",
-          "disabled:*:text-white",
-          "dark:disabled:*:text-metal-900",
-          "dark:disabled:bg-aurora-500/45"
-        ]
-      },
-      {
-        checked: !1,
-        class: [
-          "kubefirst:border-kubefirst-primary",
-          "kubefirst:text-white",
-          "border-zinc-400",
-          "disabled:bg-zinc-50",
-          "disabled:border-zinc-300",
-          "dark:disabled:bg-metal-800",
-          "dark:disabled:border-metal-600",
-          "dark:border-metal-600",
-          "dark:bg-metal-800"
-        ]
-      }
-    ],
-    defaultVariants: {
-      variant: "default"
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "cursor-pointer",
+  "border",
+  "rounded",
+  "w-5",
+  "h-5",
+  "flex",
+  "justify-center",
+  "items-center",
+  "transition-all",
+  "text-slate-800",
+  "border-zinc-400",
+  "disabled:cursor-not-allowed"
+], {
+  variants: {
+    variant: { default: "" },
+    checked: {
+      true: "",
+      false: ""
     }
-  }
-), a = e([
+  },
+  compoundVariants: [{
+    checked: !0,
+    class: [
+      "kubefirst:border-kubefirst-primary",
+      "kubefirst:bg-kubefirst-primary",
+      "bg-aurora-500",
+      "border-aurora-500",
+      "disabled:bg-zinc-300",
+      "disabled:border-transparent",
+      "*:text-metal-900",
+      "kubefirst:*:text-white",
+      "disabled:*:text-white",
+      "dark:disabled:*:text-metal-900",
+      "dark:disabled:bg-aurora-500/45"
+    ]
+  }, {
+    checked: !1,
+    class: [
+      "kubefirst:border-kubefirst-primary",
+      "kubefirst:text-white",
+      "border-zinc-400",
+      "disabled:bg-zinc-50",
+      "disabled:border-zinc-300",
+      "dark:disabled:bg-metal-800",
+      "dark:disabled:border-metal-600",
+      "dark:border-metal-600",
+      "dark:bg-metal-800"
+    ]
+  }],
+  defaultVariants: { variant: "default" }
+}), t = e([
   "select-none",
   "cursor-pointer",
   "text-sm",
@@ -68,6 +58,6 @@ const t = e(
   "dark:text-slate-50"
 ]);
 export {
-  t as checkboxVariants,
-  a as labelVariants
+  a as checkboxVariants,
+  t as labelVariants
 };

package/dist/components/Command/Command.js

@@ -1,40 +1,31 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-DWyM654o.js";
-import { V as l } from "../../index-BKjcReYh.js";
-import { cn as m } from "../../utils/index.js";
-import { wrapperVariants as f } from "./Command.variants.js";
-import { DialogContent as c } from "./components/DialogContent.js";
-import { Command as h } from "./components/Command.js";
-import { CommandGroup as b } from "./components/CommandGroup.js";
-import { CommandItem as y } from "./components/CommandItem.js";
-import { CommandSeparator as H } from "./components/CommandSeparator.js";
-const j = ({
-  children: r,
-  title: a,
-  titleClassName: e,
-  wrapperClassName: n,
-  theme: t,
-  ...d
-}) => /* @__PURE__ */ o(s, { ...d, children: /* @__PURE__ */ i(
-  c,
-  {
+import { n as d } from "../../dist-CBnErrr1.js";
+import { t as m } from "../../utils-DHuiYnx1.js";
+import { a as s, c as p } from "../../dist-COY3FRYC.js";
+import { wrapperVariants as l } from "./Command.variants.js";
+import { CommandGroup as j } from "./components/CommandGroup.js";
+import { CommandItem as w } from "./components/CommandItem.js";
+import { CommandSeparator as V } from "./components/CommandSeparator.js";
+import { DialogContent as f } from "./components/DialogContent.js";
+import { Command as c } from "./components/Command.js";
+import "./components/index.js";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+var I = ({ children: r, title: a, titleClassName: e, wrapperClassName: i, theme: t, ...n }) => /* @__PURE__ */ o(p, {
+  ...n,
+  children: /* @__PURE__ */ h(f, {
     className: "overflow-hidden p-0 border-0 rounded-none!",
     "data-theme": t,
-    children: [
-      /* @__PURE__ */ o(p, { className: m("hidden", e), children: /* @__PURE__ */ o(l, { children: a }) }),
-      /* @__PURE__ */ o(
-        h,
-        {
-          className: m(f({ className: n })),
-          children: r
-        }
-      )
-    ]
-  }
-) });
+    children: [/* @__PURE__ */ o(s, {
+      className: m("hidden", e),
+      children: /* @__PURE__ */ o(d, { children: a })
+    }), /* @__PURE__ */ o(c, {
+      className: m(l({ className: i })),
+      children: r
+    })]
+  })
+});
 export {
-  j as Command,
-  b as CommandGroup,
-  y as CommandItem,
-  H as CommandSeparator
+  I as Command,
+  j as CommandGroup,
+  w as CommandItem,
+  V as CommandSeparator
 };

package/dist/components/Command/Command.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const r = e([
+import { t as e } from "../../dist-DtEbXv47.js";
+var t = e([
   "[&_[cmdk-group-heading]]:font-medium",
   "[&_[cmdk-group-heading]]:px-2",
   "[&_[cmdk-group-heading]]:text-muted-foreground",
@@ -46,5 +46,5 @@ const r = e([
 export {
   d as inputVariants,
   o as searchInconInputVariants,
-  r as wrapperVariants
+  t as wrapperVariants
 };

package/dist/components/Command/components/Command.js

@@ -1,8 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
+import { t as r } from "../../../dist-DNSmoWJp.js";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-CrCTywU1.js";
-const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
-s.displayName = o.displayName;
+import { jsx as m } from "react/jsx-runtime";
+var d = p(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
+  ref: i,
+  className: a,
+  ...e,
+  children: /* @__PURE__ */ m("div", {
+    className: "w-[500px]",
+    children: o
+  })
+}));
+d.displayName = r.displayName;
 export {
-  s as Command
+  d as Command
 };

package/dist/components/Command/components/CommandEmpty.js

@@ -1,15 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-CrCTywU1.js";
-const r = p((t, e) => /* @__PURE__ */ o(
-  m.Empty,
-  {
-    ref: e,
-    className: "py-6 text-center text-sm",
-    ...t
-  }
-));
-r.displayName = m.Empty.displayName;
+import { t as m } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as a } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var p = a((t, r) => /* @__PURE__ */ e(m.Empty, {
+  ref: r,
+  className: "py-6 text-center text-sm",
+  ...t
+}));
+p.displayName = m.Empty.displayName;
 export {
-  r as CommandEmpty
+  p as CommandEmpty
 };

package/dist/components/Command/components/CommandGroup.js

@@ -1,18 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
+import { t as e } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../dist-DNSmoWJp.js";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-CrCTywU1.js";
-import { cn as a } from "../../../utils/index.js";
-const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
-  o.Group,
-  {
-    ref: d,
-    className: a(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      r
-    ),
-    ...m
-  }
-));
+import { jsx as a } from "react/jsx-runtime";
+var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {
+  ref: d,
+  className: e("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", r),
+  ...m
+}));
 t.displayName = o.Group.displayName;
 export {
   t as CommandGroup