@konstructio/ui 0.1.2-alpha.5 → 0.1.2-alpha.7

package/dist/{Modal-D-NOEWMX.js → Modal-B8jrP02v.js}

@@ -1,15 +1,15 @@
 import { Body as b } from "./components/Modal/components/Body/Body.js";
 import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
 import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import { Children as i, isValidElement as s, useEffect as w } from "react";
-import { r as x } from "./index-BITvcJAz.js";
-import { R as A } from "./index-DBbEcSUG.js";
-import { R as E } from "./Combination-VYaRRJBZ.js";
-import { cn as f } from "./utils/index.js";
-import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as k } from "./x-4F_5p77m.js";
-const B = ({
+import { createPortal as A } from "react-dom";
+import { R as N } from "./index-sp5ZfG6g.js";
+import { R } from "./Combination-VYaRRJBZ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as k, modalVariants as x } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as B } from "./x-4F_5p77m.js";
+const E = ({
   children: e,
   theme: t,
   className: m,
@@ -27,7 +27,7 @@ const B = ({
       o.type
     )
   );
-  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(R, { children: /* @__PURE__ */ f(
     "div",
     {
       className: "fixed inset-0 grid place-content-center",
@@ -41,11 +41,11 @@ const B = ({
             role: "presentation"
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: f(
-              R({
+            className: p(
+              x({
                 className: m
               })
             ),
@@ -53,18 +53,18 @@ const B = ({
             "aria-modal": "true",
             children: [
               l,
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ f(
                 "button",
                 {
-                  className: f(
-                    N({
+                  className: p(
+                    k({
                       className: d
                     })
                   ),
                   onClick: a,
                   children: [
-                    /* @__PURE__ */ n(k, {}),
-                    /* @__PURE__ */ n(A, { children: "Dismiss modal" })
+                    /* @__PURE__ */ n(B, {}),
+                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
                   ]
                 }
               ),
@@ -85,8 +85,8 @@ const B = ({
   }), () => {
     a.abort();
   };
-}, [t]), e ? x.createPortal(
-  /* @__PURE__ */ n(B, { ...d, onClose: t }),
+}, [t]), e ? A(
+  /* @__PURE__ */ n(E, { ...d, onClose: t }),
   m || document.body
 ) : null);
 r.Header = v;
@@ -94,5 +94,5 @@ r.Body = b;
 r.Footer = g;
 export {
   r as M,
-  B as W
+  E as W
 };

package/dist/components/Alert/Alert.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-DBbEcSUG.js";
+import { V as k } from "../../index-sp5ZfG6g.js";
 import { cn as a } from "../../utils/index.js";
 import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
 import { X as y } from "../../x-4F_5p77m.js";

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-os7vysFS.js";
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Bn4c-gww.js";
 import { Button as l } from "../Button/Button.js";
 import { cn as t } from "../../utils/index.js";
 import { useAlertDialog as z } from "./hooks/useAlertDialog.js";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-os7vysFS.js";
+import { A as p } from "../../../index-Bn4c-gww.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-os7vysFS.js";
+import { A as g } from "../../../index-Bn4c-gww.js";
 export {
   g as AlertDialogTrigger
 };

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

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

package/dist/components/Checkbox/Checkbox.js

@@ -6,7 +6,7 @@ import { c as J, a as Q, b as j } from "../../index-BfXxHr_2.js";
 import { u as Y } from "../../index-BZPx6jYI.js";
 import { u as Z } from "../../index-BAEWsOG1.js";
 import { P as ee } from "../../index-C1g_chDT.js";
-import { P as w } from "../../index-BITvcJAz.js";
+import { P as w } from "../../index-BVRIAMfe.js";
 import { cn as T } from "../../utils/index.js";
 import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
 import { useToggle as oe } from "../../hooks/useToggle.js";

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-DzIBBMjs.js";
-import { V as l } from "../../index-DBbEcSUG.js";
+import { R as s, D as p } from "../../index-amYX3uxF.js";
+import { V as l } from "../../index-sp5ZfG6g.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";

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-B7t8D14s.js";
+import { _ as o } from "../../../index-0XtjXVpJ.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;
 export {

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-B7t8D14s.js";
+import { _ as m } from "../../../index-0XtjXVpJ.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-B7t8D14s.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

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

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-B7t8D14s.js";
+import { _ as m } from "../../../index-0XtjXVpJ.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";

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

@@ -1,6 +1,6 @@
 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-B7t8D14s.js";
+import { _ as o } from "../../../index-0XtjXVpJ.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) => {

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-B7t8D14s.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 import { cn as t } from "../../../utils/index.js";
 const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
   o.List,

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-B7t8D14s.js";
+import { _ as r } from "../../../index-0XtjXVpJ.js";
 import { cn as t } from "../../../utils/index.js";
 const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
   r.Separator,

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

@@ -1,6 +1,6 @@
 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-DzIBBMjs.js";
+import { a as r, C as o, b as l } from "../../../index-amYX3uxF.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { X as c } from "../../../x-4F_5p77m.js";

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

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { O as a } from "../../../index-DzIBBMjs.js";
+import { O as a } from "../../../index-amYX3uxF.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-BITvcJAz.js";
-import { M as d } from "../../Modal-D-NOEWMX.js";
+import "react-dom";
+import { M as d } from "../../Modal-B8jrP02v.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../../index-DBbEcSUG.js";
+import "../../../../index-sp5ZfG6g.js";
 import "react";
 import "../../../../Combination-VYaRRJBZ.js";
-import { W as f } from "../../../../Modal-D-NOEWMX.js";
+import { W as f } from "../../../../Modal-B8jrP02v.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
 import "../../../../x-4F_5p77m.js";

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-D-NOEWMX.js";
+import { W as a } from "../../../Modal-B8jrP02v.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/NumberInput/NumberInput.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { R as O } from "../../index-DBbEcSUG.js";
+import { R as O } from "../../index-sp5ZfG6g.js";
 import f, { forwardRef as b, useId as N, useCallback as w } from "react";
 import { cn as y } from "../../utils/index.js";
 import { labelVariants as z, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R as g, T as R, a as V, b as c } from "../../index-C84F4YyO.js";
+import { R as g, T as R, a as V, b as c } from "../../index-l3NwplN0.js";
 import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
 import { cn as a } from "../../utils/index.js";
 import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as x, T as N, b as v } from "../../index-C84F4YyO.js";
+import { R as x, T as N, b as v } from "../../index-l3NwplN0.js";
 import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
 import { cn as r } from "../../utils/index.js";
 import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";

package/dist/components/Switch/Switch.js

@@ -5,7 +5,7 @@ import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
 import { u as N } from "../../index-DQH6odE9.js";
 import { u as F } from "../../index-BZPx6jYI.js";
 import { u as L } from "../../index-BAEWsOG1.js";
-import { P } from "../../index-BITvcJAz.js";
+import { P } from "../../index-BVRIAMfe.js";
 import { cn as R } from "../../utils/index.js";
 import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
 var b = "Switch", [D, ce] = U(b), [W, X] = D(b), y = h.forwardRef(

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { R as e } from "../../index-Bnb0ezr3.js";
+import { R as e } from "../../index-DQJhMz8c.js";
 import { cn as n } from "../../utils/index.js";
 import { rootVariants as p } from "./Tabs.variants.js";
 import { Content as f } from "./components/Content.js";

package/dist/components/Tabs/components/Content.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as a } from "../../../index-Bnb0ezr3.js";
+import { C as a } from "../../../index-DQJhMz8c.js";
 import { cn as m } from "../../../utils/index.js";
 import { contentVariants as s } from "../Tabs.variants.js";
 const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(

package/dist/components/Tabs/components/List.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { L as n } from "../../../index-Bnb0ezr3.js";
+import { L as n } from "../../../index-DQJhMz8c.js";
 import { cn as a } from "../../../utils/index.js";
 import { listVariants as s } from "../Tabs.variants.js";
 const c = ({

package/dist/components/Tabs/components/Trigger.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { T as e } from "../../../index-Bnb0ezr3.js";
+import { T as e } from "../../../index-DQJhMz8c.js";
 import { Typography as m } from "../../Typography/Typography.js";
 import { cn as n } from "../../../utils/index.js";
 import { triggerVariants as p } from "../Tabs.variants.js";