@konstructio/ui 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/components/Dropdown/components/List/List.js

@@ -1,27 +1,59 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as u, useRef as c, useImperativeHandle as d } from "react";
-import { cn as b } from "../../../../utils/index.js";
-import { useNavigationUlList as v } from "../../hooks/useNavigationList.js";
-import { ListItem as t } from "../ListItem/ListItem.js";
-import { listVariants as x } from "./List.variants.js";
-import { useDropdownContext as L } from "../../contexts/dropdown.hook.js";
-const I = u(
-  ({ isLoading: r, options: i, wrapperRef: s, wrapperInputRef: a, name: m }, n) => {
-    const e = c(null), { isOpen: f } = L();
-    d(n, () => e.current, [e]), v({ ulRef: e, wrapperRef: s, wrapperInputRef: a });
-    const p = i.length === 0;
-    return /* @__PURE__ */ o(
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as d, useRef as b, useImperativeHandle as v } from "react";
+import { cn as x } from "../../../../utils/index.js";
+import { useNavigationUlList as L } from "../../hooks/useNavigationList.js";
+import { ListItem as r } from "../ListItem/ListItem.js";
+import { listVariants as N } from "./List.variants.js";
+import { useDropdownContext as g } from "../../contexts/dropdown.hook.js";
+const y = d(
+  ({
+    className: s,
+    isLoading: a,
+    itemClassName: o,
+    name: n,
+    options: t,
+    wrapperInputRef: m,
+    wrapperRef: f
+  }, c) => {
+    const e = b(null), { isOpen: p } = g();
+    v(c, () => e.current, [e]), L({ ulRef: e, wrapperRef: f, wrapperInputRef: m });
+    const u = t.length === 0;
+    return /* @__PURE__ */ l(
       "ul",
       {
         ref: e,
-        title: m,
+        title: n,
         role: "listbox",
-        className: b(x(), f ? "flex" : "hidden"),
-        children: r ? /* @__PURE__ */ o(t, { isClickable: !1, value: "Loading...", label: "Loading..." }) : p ? /* @__PURE__ */ o(t, { isClickable: !1, value: "No options", label: "No options" }) : i.map((l) => /* @__PURE__ */ o(t, { isClickable: !0, ...l }, l.value))
+        className: x(N({ className: s }), p ? "flex" : "hidden"),
+        children: a ? /* @__PURE__ */ l(
+          r,
+          {
+            className: o,
+            isClickable: !1,
+            value: "Loading...",
+            label: "Loading..."
+          }
+        ) : u ? /* @__PURE__ */ l(
+          r,
+          {
+            className: o,
+            isClickable: !1,
+            value: "No options",
+            label: "No options"
+          }
+        ) : t.map((i) => /* @__PURE__ */ l(
+          r,
+          {
+            className: o,
+            isClickable: !0,
+            ...i
+          },
+          i.value
+        ))
       }
     );
   }
 );
 export {
-  I as List
+  y as List
 };

package/dist/components/Dropdown/components/ListItem/ListItem.js

@@ -1,37 +1,41 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useRef as p, useCallback as s } from "react";
-import { cn as u } from "../../../../utils/index.js";
-import { listItemVariants as d } from "./ListItem.variants.js";
-import { Typography as h } from "../../../Typography/Typography.js";
-import { useDropdownContext as x } from "../../contexts/dropdown.hook.js";
-const g = ({ isClickable: a, ...e }) => {
-  const { setValue: n, toggleOpen: r } = x(), c = p(null), l = s(
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useRef as u, useCallback as s } from "react";
+import { Typography as d } from "../../../Typography/Typography.js";
+import { cn as h } from "../../../../utils/index.js";
+import { listItemVariants as x } from "./ListItem.variants.js";
+import { useDropdownContext as y } from "../../contexts/dropdown.hook.js";
+const j = ({
+  isClickable: a,
+  className: c,
+  ...e
+}) => {
+  const { setValue: n, toggleOpen: r } = y(), i = u(null), l = s(
     (t) => {
       n(t.value), r(!1);
     },
     [n, r]
-  ), i = s(
-    (t, m) => {
-      t.key === "Enter" && l(m);
+  ), m = s(
+    (t, f) => {
+      t.key === "Enter" && l(f);
     },
     [l]
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ p(
     "li",
     {
-      ref: c,
+      ref: i,
       role: "option",
-      className: u(d()),
+      className: h(x({ className: c })),
       tabIndex: 0,
       onClick: () => a && l(e),
-      onKeyDown: (t) => i(t, e),
+      onKeyDown: (t) => m(t, e),
       children: [
         e.leftIcon ? /* @__PURE__ */ o("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null,
-        /* @__PURE__ */ o(h, { variant: "body2", className: "text-zinc-700", children: e.label })
+        /* @__PURE__ */ o(d, { variant: "body2", className: "text-zinc-700", children: e.label })
       ]
     }
   );
 };
 export {
-  g as ListItem
+  j as ListItem
 };

package/dist/components/Dropdown/components/Wrapper.js

@@ -1,76 +1,79 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { forwardRef as $, useId as A, useRef as R, useImperativeHandle as H, useMemo as M, useEffect as m } from "react";
-import { Loading as U } from "../../Loading/Loading.js";
+import { forwardRef as M, useId as U, useRef as R, useImperativeHandle as W, useMemo as B, useEffect as d } from "react";
+import { Loading as G } from "../../Loading/Loading.js";
 import { Typography as O } from "../../Typography/Typography.js";
 import { cn as p } from "../../../utils/index.js";
-import { labelVariants as W, dropdownVariants as B } from "../Dropdown.variants.js";
-import { useDropdown as G } from "../hooks/useDropdown.js";
-import { List as J } from "./List/List.js";
-import { C as K } from "../../../chevron-up-DgLBQCKD.js";
-import { useDropdownContext as P } from "../contexts/dropdown.hook.js";
-const re = $(
+import { labelVariants as J, dropdownVariants as K } from "../Dropdown.variants.js";
+import { useDropdown as P } from "../hooks/useDropdown.js";
+import { List as Q } from "./List/List.js";
+import { C as S } from "../../../chevron-up-DgLBQCKD.js";
+import { useDropdownContext as X } from "../contexts/dropdown.hook.js";
+const oe = M(
   ({
-    theme: z,
-    label: u,
+    className: z,
+    defaultValue: m,
+    isLoading: u,
+    label: x,
     labelClassName: j,
-    placeholder: E,
-    name: s,
+    listClassName: E,
+    listItemClassName: L,
+    name: l,
     options: n,
-    required: x,
-    defaultValue: d,
-    isLoading: h
-  }, L) => {
-    const v = A(), a = R(null), b = R(null), { wrapperRef: l, wrapperInputRef: w, handleOpen: k, handleOpenIfClosed: D } = G({ ulRef: b }), { isOpen: N, toggleOpen: g, value: t, setValue: I } = P(), c = s ? `${v}-${s}` : v;
-    H(L, () => a.current, [a]);
-    const e = M(() => n.find(({ value: o }) => o === t), [n, t]);
-    m(() => {
-      a.current && (a.current.value = t ? e == null ? void 0 : e.value : "");
-    }, [e, t]), m(() => {
-      if (d && !t) {
-        const o = n && n.find((i) => i.value === d);
-        o && I(o.value);
+    placeholder: k,
+    required: h,
+    theme: D
+  }, F) => {
+    const v = U(), o = R(null), b = R(null), { wrapperRef: s, wrapperInputRef: N, handleOpen: T, handleOpenIfClosed: $ } = P({ ulRef: b }), { isOpen: w, toggleOpen: g, value: t, setValue: C } = X(), c = l ? `${v}-${l}` : v;
+    W(F, () => o.current, [o]);
+    const e = B(() => n.find(({ value: a }) => a === t), [n, t]);
+    d(() => {
+      o.current && (o.current.value = t ? e == null ? void 0 : e.value : "");
+    }, [e, t]), d(() => {
+      if (m && !t) {
+        const a = n && n.find((i) => i.value === m);
+        a && C(a.value);
       }
-    }, [d, n, I, t]), m(() => {
+    }, [m, n, C, t]), d(() => {
       var i;
-      const o = new AbortController();
-      return (i = l.current) == null || i.addEventListener("focusout", (T) => {
-        var C;
-        const y = T.relatedTarget;
-        (!y || !((C = l.current) != null && C.contains(y))) && g(!1);
+      const a = new AbortController();
+      return (i = s.current) == null || i.addEventListener("focusout", (H) => {
+        var y;
+        const I = H.relatedTarget;
+        (!I || !((y = s.current) != null && y.contains(I))) && g(!1);
       }), () => {
-        o.abort();
+        a.abort();
       };
-    }, [g, l]);
-    const F = () => e != null && e.leftIcon ? /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null;
+    }, [g, s]);
+    const A = () => e != null && e.leftIcon ? /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null;
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: l,
+        ref: s,
         className: "flex flex-col w-full relative",
-        "data-theme": z,
+        "data-theme": D,
         children: [
-          u ? /* @__PURE__ */ f(
+          x ? /* @__PURE__ */ f(
             "label",
             {
               id: c,
-              className: p(W({ className: j })),
+              className: p(J({ className: j })),
               htmlFor: c,
-              onClick: D,
+              onClick: $,
               children: [
-                u,
-                x ? /* @__PURE__ */ r("span", { className: "text-red-500 ml-1", children: "*" }) : null
+                x,
+                h ? /* @__PURE__ */ r("span", { className: "text-red-500 ml-1", children: "*" }) : null
               ]
             }
           ) : null,
           /* @__PURE__ */ f(
             "div",
             {
-              ref: w,
+              ref: N,
               id: c,
-              className: p(B()),
+              className: p(K({ className: z })),
               role: "combobox",
-              onClick: k,
-              "aria-expanded": N,
+              onClick: T,
+              "aria-expanded": w,
               tabIndex: 0,
               "aria-labelledby": c,
               children: [
@@ -80,7 +83,7 @@ const re = $(
                     variant: "body2",
                     className: "flex gap-3 items-center text-zinc-700 text-base",
                     children: [
-                      F(),
+                      A(),
                       e == null ? void 0 : e.label
                     ]
                   }
@@ -89,15 +92,15 @@ const re = $(
                   {
                     variant: "body2",
                     className: "flex gap-3 items-center text-zinc-700 text-base",
-                    children: E
+                    children: k
                   }
                 ),
-                h ? /* @__PURE__ */ r(U, { className: "w-4 h-4 text-zinc-500" }) : /* @__PURE__ */ r(
-                  K,
+                u ? /* @__PURE__ */ r(G, { className: "w-4 h-4 text-zinc-500" }) : /* @__PURE__ */ r(
+                  S,
                   {
                     className: p(
                       "w-4 h-4 text-zinc-500 transition-all duration-50",
-                      N ? "rotate-0" : "rotate-180"
+                      w ? "rotate-0" : "rotate-180"
                     )
                   }
                 )
@@ -107,23 +110,25 @@ const re = $(
           /* @__PURE__ */ r(
             "input",
             {
-              ref: a,
+              ref: o,
               type: "text",
-              name: s,
+              name: l,
               className: "hidden",
               "aria-hidden": "true",
-              required: x
+              required: h
             }
           ),
           /* @__PURE__ */ r(
-            J,
+            Q,
             {
               ref: b,
-              name: s,
-              wrapperRef: l,
-              wrapperInputRef: w,
+              className: E,
+              itemClassName: L,
+              name: l,
+              wrapperRef: s,
+              wrapperInputRef: N,
               options: n,
-              isLoading: !!h
+              isLoading: !!u
             }
           )
         ]
@@ -132,5 +137,5 @@ const re = $(
   }
 );
 export {
-  re as Wrapper
+  oe as Wrapper
 };

package/dist/components/Loading/Loading.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../utils/index.js";
 import { loadingVariants as i } from "./Loading.variants.js";
-import { c as t } from "../../createLucideIcon-BA2PlKw1.js";
+import { c as t } from "../../createLucideIcon-vyksFS6P.js";
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-ObZsP5Eh.js";
-import { M as d } from "../../Modal-B2ujmsSW.js";
+import "../../index-BCGvACM9.js";
+import { M as d } from "../../Modal-DXYBiafI.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-tIydFizp.js";
+import { S as n } from "../../../../index-B5MIi2tR.js";
 import { cn as e } from "../../../../utils/index.js";
 const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
 export {

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-tIydFizp.js";
+import { S as n } from "../../../../index-B5MIi2tR.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

package/dist/components/Modal/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-tIydFizp.js";
+import { S as n } from "../../../../index-B5MIi2tR.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../../index-BRcC_VTj.js";
+import "../../../../index--EmNlyHx.js";
 import "react";
-import { W as f } from "../../../../Modal-B2ujmsSW.js";
-import "../../../../Combination-b348x__d.js";
+import { W as f } from "../../../../Modal-DXYBiafI.js";
+import "../../../../Combination-Cvr3uETz.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
 import "../../../../x-DU-Zw-L_.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-B2ujmsSW.js";
+import { W as a } from "../../../Modal-DXYBiafI.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/NumberInput/NumberInput.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as u } from "react/jsx-runtime";
-import { R as O } from "../../index-BRcC_VTj.js";
+import { R as O } from "../../index--EmNlyHx.js";
 import p, { forwardRef as d, 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/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as x } from "../../index-tIydFizp.js";
+import { S as x } from "../../index-B5MIi2tR.js";
 import { useState as G, useCallback as R } from "react";
 import { cn as m } from "../../utils/index.js";
 import { Radio as b } from "../Radio/Radio.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-55GVbfLI.js";
+import { R as g, T as R, a as V, b as c } from "../../index-BvCZBMfr.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-55GVbfLI.js";
+import { R as x, T as N, b as v } from "../../index-BvCZBMfr.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

@@ -2,9 +2,9 @@ import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import * as p from "react";
 import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
 import { a as A, c as U, b as q } from "../../index-Cq1I1cG9.js";
-import { u as P } from "../../index-tIydFizp.js";
+import { u as P } from "../../index-B5MIi2tR.js";
 import { u as F, a as L } from "../../index-Bc1LNrRD.js";
-import { P as y } from "../../index-ObZsP5Eh.js";
+import { P as y } from "../../index-BCGvACM9.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), N = p.forwardRef(

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { R as s } from "../../index-C2xwUZXm.js";
+import { R as s } from "../../index-CvfCCTEO.js";
 import { List as n } from "./components/List.js";
 import f from "./components/Trigger.js";
 import { Content as p } from "./components/Content.js";

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { C as m } from "../../../index-C2xwUZXm.js";
+import { C as m } from "../../../index-CvfCCTEO.js";
 import { contentVariants as a } from "../Tabs.variants.js";
 import { cn as e } from "../../../utils/index.js";
 const c = ({

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Typography as e } from "../../Typography/Typography.js";
-import { T as m } from "../../../index-C2xwUZXm.js";
+import { T as m } from "../../../index-CvfCCTEO.js";
 import { cn as n } from "../../../utils/index.js";
 import { triggerVariants as p } from "../Tabs.variants.js";
 const v = ({

package/dist/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { S as r } from "../../index-tIydFizp.js";
+import { S as r } from "../../index-B5MIi2tR.js";
 import { cn as o } from "../../utils/index.js";
 import { tagVariants as c } from "./Tag.variants.js";
 const u = ({

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -3,10 +3,10 @@ import { useId as C, useState as E, useRef as I, useCallback as L, useEffect as
 import { cn as m } from "../../../../utils/index.js";
 import { timePickerVariants as j } from "../../TimePicker.variants.js";
 import { WrapperList as P } from "../WrapperList/WrapperList.js";
-import { c as R } from "../../../../createLucideIcon-BA2PlKw1.js";
+import { c as R } from "../../../../createLucideIcon-vyksFS6P.js";
 import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Toast/Toast.js

@@ -1,14 +1,14 @@
 import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
-import { u as ae, S as j } from "../../index-tIydFizp.js";
+import { u as ae, S as j } from "../../index-B5MIi2tR.js";
 import * as s from "react";
 import { useRef as Re, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as L, r as Se, d as Ie } from "../../index-ObZsP5Eh.js";
+import { P as L, r as Se, d as Ie } from "../../index-BCGvACM9.js";
 import { c as Ne, a as Ae, b, u as Fe } from "../../index-Cq1I1cG9.js";
-import { c as _e } from "../../index-B-qIIQlg.js";
-import { B as De, R as Le, P as Me } from "../../index-CQ6ORxI_.js";
-import { P as Oe } from "../../index-Y44iCJcQ.js";
+import { c as _e } from "../../index-rUBNhTeF.js";
+import { B as De, R as Le, P as Me } from "../../index-DNRcvRTB.js";
+import { P as Oe } from "../../index-Dm-ooN_M.js";
 import { u as $ } from "../../index-DwYXX2sM.js";
-import { V as ie, R as ke } from "../../index-BRcC_VTj.js";
+import { V as ie, R as ke } from "../../index--EmNlyHx.js";
 import { cn as q } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
 import { X as We } from "../../x-DU-Zw-L_.js";

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as i } from "../../index-tIydFizp.js";
+import { S as i } from "../../index-B5MIi2tR.js";
 import { forwardRef as v, useRef as N, useImperativeHandle as w, useMemo as h, isValidElement as x } from "react";
 import { cn as o } from "../../utils/index.js";
 import { arrowVariants as R, tooltipVariants as V } from "./Tooltip.variants.js";

package/dist/components/Typography/Typography.js

@@ -1,25 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useId as d } from "react";
-import { cn as h } from "../../utils/index.js";
-import { typographyVariants as l } from "./Typography.variants.js";
-import { S as g } from "../../index-tIydFizp.js";
-const i = ({
+import { jsx as c } from "react/jsx-runtime";
+import { cn as f } from "../../utils/index.js";
+import { typographyVariants as h } from "./Typography.variants.js";
+import { S as l } from "../../index-B5MIi2tR.js";
+const d = ({
   className: p,
   theme: m,
   children: s,
   variant: o,
-  component: r,
-  asChild: e = !1,
+  component: e,
+  asChild: r = !1,
   ...t
 }) => {
-  const y = d(), c = e ? g : r ?? (o != null && o.includes("h") ? o : "p");
-  return /* @__PURE__ */ f(
-    c,
+  const y = r ? l : e ?? (o != null && o.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(
+    y,
     {
-      id: y,
       "data-theme": m,
-      className: h(
-        l({
+      className: f(
+        h({
           className: p,
           variant: o
         })
@@ -29,7 +27,7 @@ const i = ({
     }
   );
 };
-i.displayName = "Typography";
+d.displayName = "Typography";
 export {
-  i as Typography
+  d as Typography
 };

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { Divider as R } from "./Divider/Divider.js";
 import { Dropdown as s } from "./Dropdown/Dropdown.js";
 import { Input as B } from "./Input/Input.js";
 import { Loading as D } from "./Loading/Loading.js";
-import { M as k } from "../Modal-B2ujmsSW.js";
+import { M as k } from "../Modal-DXYBiafI.js";
 import { NumberInput as P } from "./NumberInput/NumberInput.js";
 import { ProgressBar as y } from "./ProgressBar/ProgressBar.js";
 import { Radio as L } from "./Radio/Radio.js";

package/dist/{createLucideIcon-BA2PlKw1.js → createLucideIcon-vyksFS6P.js}

@@ -1,6 +1,6 @@
 import { forwardRef as l, createElement as n } from "react";
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
       return !0;
 };
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -34,7 +34,7 @@ var g = {
   strokeLinejoin: "round"
 };
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -69,7 +69,7 @@ const A = l(
   )
 );
 /**
-* @license lucide-react v0.510.0 - ISC
+* @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.