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

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

@@ -1,84 +1,4 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-CrCTywU1.js";
-import s, { forwardRef as u } from "react";
-import { cn as f } from "../../../utils/index.js";
-import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index-BOE_3f_Z.js";
-function p() {
-  return p = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, p.apply(this, arguments);
-}
-function h(r, n) {
-  if (r == null) return {};
-  var e = b(r, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
-  }
-  return e;
-}
-function b(r, n) {
-  if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
-  for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
-  return e;
-}
-var l = u(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, d = h(r, ["color", "size"]);
-  return /* @__PURE__ */ s.createElement("svg", p({
-    ref: n,
-    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"
-  }, d), /* @__PURE__ */ s.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /* @__PURE__ */ s.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-});
-l.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
-};
-l.displayName = "Search";
-const x = u(({ className: r, ...n }, e) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: "flex items-center px-3 border-b border-neutral-900/35",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ c(l, { className: f(v({ className: r })) }),
-      /* @__PURE__ */ c(
-        m.Input,
-        {
-          ref: e,
-          className: f(g({ className: r })),
-          ...n
-        }
-      )
-    ]
-  }
-));
-x.displayName = m.Input.displayName;
+import { t as o } from "../../../CommandInput-BKv-EZ7T.js";
 export {
-  x as CommandInput
+  o as CommandInput
 };

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

@@ -1,29 +1,20 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-CrCTywU1.js";
-import { cn as p } from "../../../utils/index.js";
-import { CommandContext as u } from "../contexts/Command.context.js";
-const f = i(({ className: n, onSelect: e, ...r }, a) => {
-  const { setOpen: t } = c(u), s = l(
-    (m) => {
-      e?.(m), t(!1);
-    },
-    [t, e]
-  );
-  return /* @__PURE__ */ d(
-    o.Item,
-    {
-      ref: a,
-      className: p(
-        "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        n
-      ),
-      onSelect: s,
-      ...r
-    }
-  );
+import { t as d } from "../../../utils-DHuiYnx1.js";
+import { t as a } from "../../../dist-DNSmoWJp.js";
+import { CommandContext as i } from "../contexts/Command.context.js";
+import { forwardRef as c, useCallback as l, useContext as p } from "react";
+import { jsx as u } from "react/jsx-runtime";
+var f = c(({ className: o, onSelect: e, ...r }, n) => {
+  const { setOpen: t } = p(i), s = l((m) => {
+    e?.(m), t(!1);
+  }, [t, e]);
+  return /* @__PURE__ */ u(a.Item, {
+    ref: n,
+    className: d("relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", o),
+    onSelect: s,
+    ...r
+  });
 });
-f.displayName = o.Item.displayName;
+f.displayName = a.Item.displayName;
 export {
   f as CommandItem
 };

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

@@ -1,15 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-CrCTywU1.js";
-import { cn as t } from "../../../utils/index.js";
-const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
-  o.List,
-  {
-    ref: a,
-    className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
-    ...r
-  }
-));
+import { t } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as i } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var e = i(({ className: m, ...r }, a) => /* @__PURE__ */ s(o.List, {
+  ref: a,
+  className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
+  ...r
+}));
 e.displayName = o.List.displayName;
 export {
   e as CommandList

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

@@ -1,15 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-CrCTywU1.js";
-import { cn as t } from "../../../utils/index.js";
-const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    ref: m,
-    className: t("-mx-1 h-px border-t border-neutral-900/45 mb-2", o),
-    ...a
-  }
-));
+import { t as e } from "../../../utils-DHuiYnx1.js";
+import { t as r } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as t } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var s = t(({ className: a, ...o }, m) => /* @__PURE__ */ p(r.Separator, {
+  ref: m,
+  className: e("-mx-1 h-px border-t border-neutral-900/45 mb-2", a),
+  ...o
+}));
 s.displayName = r.Separator.displayName;
 export {
   s as CommandSeparator

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

@@ -1,19 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as r } from "../../../utils/index.js";
-const a = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ m(
-  "span",
-  {
-    className: r(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      t
-    ),
-    ...o
-  }
-);
-a.displayName = "CommandShortcut";
+import { t as o } from "../../../utils-DHuiYnx1.js";
+import { jsx as a } from "react/jsx-runtime";
+var r = ({ className: t, ...m }) => /* @__PURE__ */ a("span", {
+  className: o("ml-auto text-xs tracking-widest text-muted-foreground", t),
+  ...m
+});
+r.displayName = "CommandShortcut";
 export {
-  a as CommandShortcut
+  r as CommandShortcut
 };

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

@@ -1,31 +1,22 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-DWyM654o.js";
-import { cn as m } from "../../../utils/index.js";
+import { t as r } from "../../../x-BwIi6Wii.js";
+import { t as d } from "../../../utils-DHuiYnx1.js";
+import { i as l, n as e, t as m } from "../../../dist-COY3FRYC.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
-import { X as c } from "../../../x-Eoa9FJjA.js";
-const f = i(({ className: e, children: s, ...n }, d) => /* @__PURE__ */ t(r, { children: [
-  /* @__PURE__ */ a(p, {}),
-  /* @__PURE__ */ t(
-    o,
-    {
-      ref: d,
-      className: m(
-        "fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        e
-      ),
-      ...n,
-      children: [
-        s,
-        /* @__PURE__ */ t(l, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white", children: [
-          /* @__PURE__ */ a(c, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-f.displayName = o.displayName;
+import { forwardRef as f } from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var c = f(({ className: o, children: s, ...n }, i) => /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(e, {
+  ref: i,
+  className: d("fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", o),
+  ...n,
+  children: [s, /* @__PURE__ */ a(m, {
+    className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",
+    children: [/* @__PURE__ */ t(r, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
+      className: "sr-only",
+      children: "Close"
+    })]
+  })]
+})] }));
+c.displayName = e.displayName;
 export {
-  f as DialogContent
+  c as DialogContent
 };

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

@@ -1,19 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { O as a } from "../../../index-DWyM654o.js";
-import { cn as i } from "../../../utils/index.js";
-const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a,
-  {
-    ref: o,
-    className: i(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200",
-      t
-    ),
-    ...e
-  }
-));
-m.displayName = a.displayName;
+import { t as r } from "../../../utils-DHuiYnx1.js";
+import { o as a } from "../../../dist-COY3FRYC.js";
+import { forwardRef as s } from "react";
+import { jsx as d } from "react/jsx-runtime";
+var i = s(({ className: t, ...e }, o) => /* @__PURE__ */ d(a, {
+  ref: o,
+  className: r("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200", t),
+  ...e
+}));
+i.displayName = a.displayName;
 export {
-  m as DialogOverlay
+  i as DialogOverlay
 };

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

@@ -1,20 +1,20 @@
-import { CommandEmpty as r } from "./CommandEmpty.js";
-import { CommandGroup as p } from "./CommandGroup.js";
-import { CommandInput as a } from "./CommandInput.js";
-import { CommandItem as f } from "./CommandItem.js";
+import { t as o } from "../../../CommandInput-BKv-EZ7T.js";
+import { CommandEmpty as t } from "./CommandEmpty.js";
+import { CommandGroup as a } from "./CommandGroup.js";
+import { CommandItem as n } from "./CommandItem.js";
 import { CommandList as C } from "./CommandList.js";
-import { CommandSeparator as u } from "./CommandSeparator.js";
-import { CommandShortcut as I } from "./CommandShortcut.js";
-import { DialogContent as c } from "./DialogContent.js";
-import { Command as h } from "./Command.js";
+import { CommandSeparator as e } from "./CommandSeparator.js";
+import { CommandShortcut as s } from "./CommandShortcut.js";
+import { DialogContent as S } from "./DialogContent.js";
+import { Command as g } from "./Command.js";
 export {
-  h as Command,
-  r as CommandEmpty,
-  p as CommandGroup,
-  a as CommandInput,
-  f as CommandItem,
+  g as Command,
+  t as CommandEmpty,
+  a as CommandGroup,
+  o as CommandInput,
+  n as CommandItem,
   C as CommandList,
-  u as CommandSeparator,
-  I as CommandShortcut,
-  c as DialogContent
+  e as CommandSeparator,
+  s as CommandShortcut,
+  S as DialogContent
 };

package/dist/components/Command/contexts/Command.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const t = {
+var t = {
   isOpen: !1,
   setOpen: () => {
     throw new Error("onOpen is not implemented");

package/dist/components/Command/contexts/Command.provider.js

@@ -1,24 +1,18 @@
-import { CommandContext as s } from "./Command.context.js";
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as e } from "react";
-import { useToggle as p } from "../../../hooks/useToggle.js";
-const f = ({ children: t }) => {
-  const [r, o] = p(!1), n = e(
-    (l) => o(l),
-    [o]
-  ), m = e(() => o(), [o]);
-  return /* @__PURE__ */ a(
-    s.Provider,
-    {
-      value: {
-        isOpen: r,
-        setOpen: n,
-        toggleOpen: m
-      },
-      children: t
-    }
-  );
+import { useToggle as l } from "../../../hooks/useToggle.js";
+import { CommandContext as p } from "./Command.context.js";
+import { useCallback as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var c = ({ children: r }) => {
+  const [t, e] = l(!1), n = o((a) => e(a), [e]), m = o(() => e(), [e]);
+  return /* @__PURE__ */ s(p.Provider, {
+    value: {
+      isOpen: t,
+      setOpen: n,
+      toggleOpen: m
+    },
+    children: r
+  });
 };
 export {
-  f as CommandProvider
+  c as CommandProvider
 };

package/dist/components/Command/contexts/index.js

@@ -1,6 +1,6 @@
-import { CommandContext as r } from "./Command.context.js";
+import { CommandContext as m } from "./Command.context.js";
 import { CommandProvider as t } from "./Command.provider.js";
 export {
-  r as CommandContext,
+  m as CommandContext,
   t as CommandProvider
 };

package/dist/components/Counter/Counter.js

@@ -1,211 +1,5 @@
-import { jsxs as f, jsx as u } from "react/jsx-runtime";
-import { R as j } from "../../index-BKjcReYh.js";
-import m, { forwardRef as g, useId as T, useCallback as N } from "react";
-import { cn as p } from "../../utils/index.js";
-import { labelVariants as W, buttonVariants as k, counterVariants as V } from "./Counter.variants.js";
-import { Typography as M } from "../Typography/Typography.js";
-import { P as a } from "../../index-BOE_3f_Z.js";
-function v() {
-  return v = Object.assign || function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var r = arguments[o];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, v.apply(this, arguments);
-}
-function R(e, o) {
-  if (e == null) return {};
-  var r = C(e, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function C(e, o) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var O = g(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = R(e, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", v({
-    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"
-  }, l), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-O.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
-};
-O.displayName = "Minus";
-function b() {
-  return b = Object.assign || function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var r = arguments[o];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, b.apply(this, arguments);
-}
-function B(e, o) {
-  if (e == null) return {};
-  var r = D(e, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function D(e, o) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var w = g(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = B(e, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", b({
-    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"
-  }, l), /* @__PURE__ */ m.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ m.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-w.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
-};
-w.displayName = "Plus";
-const K = g(
-  ({
-    canDecrement: e = !0,
-    canIncrement: o = !0,
-    className: r,
-    decrementButtonClassName: t,
-    incrementButtonClassName: n,
-    isRequired: i,
-    label: l,
-    labelWrapperClassName: P,
-    max: y = -1 / 0,
-    min: h = 1 / 0,
-    name: x,
-    theme: z,
-    value: I,
-    onChange: d
-  }, _) => {
-    const E = T(), s = I ?? 0, L = N(() => {
-      let c = 0;
-      h === 1 / 0 ? c = s - 1 : c = Math.max(h, s - 1), d?.({ target: { value: c } });
-    }, [s, h, d]), $ = N(() => {
-      let c = 0;
-      y === -1 / 0 ? c = s + 1 : c = Math.min(y, s + 1), d?.({ target: { value: c } });
-    }, [s, y, d]);
-    return /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", "data-theme": z, children: [
-      l ? /* @__PURE__ */ u("div", { className: p(P), children: /* @__PURE__ */ f(
-        M,
-        {
-          component: "label",
-          htmlFor: x ?? E,
-          variant: "labelLarge",
-          className: p(W()),
-          children: [
-            "Number of nodes",
-            " ",
-            i && /* @__PURE__ */ u("span", { className: "text-red-600 dark:text-red-500", children: "*" })
-          ]
-        }
-      ) }) : null,
-      /* @__PURE__ */ f("div", { className: "flex items-center", role: "presentation", children: [
-        /* @__PURE__ */ f(
-          "button",
-          {
-            type: "button",
-            onClick: L,
-            className: p(
-              k({
-                button: "rigth",
-                className: t
-              })
-            ),
-            disabled: !e,
-            children: [
-              /* @__PURE__ */ u(O, { className: "w-4 h-4" }),
-              /* @__PURE__ */ u(j, { children: "Decrement" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ u(
-          "input",
-          {
-            ref: _,
-            type: "number",
-            value: s,
-            name: x,
-            className: p(V({ className: r })),
-            readOnly: !0,
-            "aria-label": typeof l == "string" ? l : "number input"
-          }
-        ),
-        /* @__PURE__ */ f(
-          "button",
-          {
-            type: "button",
-            onClick: $,
-            className: p(
-              k({
-                button: "left",
-                className: n
-              })
-            ),
-            disabled: !o,
-            children: [
-              /* @__PURE__ */ u(w, { className: "w-4 h-4" }),
-              /* @__PURE__ */ u(j, { children: "Increment" })
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
+"use client";
+import { t as e } from "../../Counter-DtQu_T-D.js";
 export {
-  K as Counter
+  e as Counter
 };