@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationGroupProps } from './NavigationGroup.types';
-declare const NavigationGroup: FC<NavigationGroupProps>;
+import { Props } from './NavigationGroup.types';
+declare const NavigationGroup: FC<Props>;
 export { NavigationGroup };

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js

@@ -1,26 +1,35 @@
-import { jsxs as s, Fragment as e, jsx as a } from "react/jsx-runtime";
-import { cn as u } from "../../../../utils/index.js";
-import { NavigationTitle as l } from "../NavigationTitle/NavigationTitle.js";
-import { navigationGroupsVariants as p } from "./NavigationGroup.variants.js";
-const c = ({
-  children: o,
-  title: r,
-  className: i,
-  titleClassName: t,
-  isVisible: n = !0,
-  ...m
-}) => n ? /* @__PURE__ */ s(e, { children: [
-  r ? /* @__PURE__ */ a(
-    l,
-    {
-      title: r,
-      className: t,
-      ...m
-    }
-  ) : null,
-  /* @__PURE__ */ a("ul", { className: u(p({ className: i })), children: o })
-] }) : null;
-c.displayName = "KonstructSidebarNavigationGroup";
+import { jsx as f, jsxs as u, Fragment as N } from "react/jsx-runtime";
+import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as g } from "../../../../utils/index.js";
+import { NavigationTitle as v } from "../NavigationTitle/NavigationTitle.js";
+import { navigationGroupsVariants as b } from "./NavigationGroup.variants.js";
+const x = (p) => {
+  const e = d.c(19);
+  let i, l, s, m, t, r;
+  if (e[0] !== p ? ({
+    children: i,
+    title: t,
+    className: l,
+    titleClassName: r,
+    isVisible: m,
+    ...s
+  } = p, e[0] = p, e[1] = i, e[2] = l, e[3] = s, e[4] = m, e[5] = t, e[6] = r) : (i = e[1], l = e[2], s = e[3], m = e[4], t = e[5], r = e[6]), !(m === void 0 ? !0 : m))
+    return null;
+  let o;
+  e[7] !== s || e[8] !== t || e[9] !== r ? (o = t ? /* @__PURE__ */ f(v, { title: t, className: r, ...s }) : null, e[7] = s, e[8] = t, e[9] = r, e[10] = o) : o = e[10];
+  let a;
+  e[11] !== l ? (a = g(b({
+    className: l
+  })), e[11] = l, e[12] = a) : a = e[12];
+  let n;
+  e[13] !== i || e[14] !== a ? (n = /* @__PURE__ */ f("ul", { className: a, children: i }), e[13] = i, e[14] = a, e[15] = n) : n = e[15];
+  let c;
+  return e[16] !== o || e[17] !== n ? (c = /* @__PURE__ */ u(N, { children: [
+    o,
+    n
+  ] }), e[16] = o, e[17] = n, e[18] = c) : c = e[18], c;
+};
+x.displayName = "KonstructSidebarNavigationGroup";
 export {
-  c as NavigationGroup
+  x as NavigationGroup
 };

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts

@@ -1,8 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
 import { navigationGroupsVariants } from './NavigationGroup.variants';
-export interface NavigationGroupProps extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
     title?: string;
     titleClassName?: string;
     isVisible?: boolean;
 }
+/** @deprecated Use Props instead */
+export type NavigationGroupProps = Props;

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationOptionProps } from './NavigationOption.types';
-declare const NavigationOption: FC<NavigationOptionProps>;
+import { Props } from './NavigationOption.types';
+declare const NavigationOption: FC<Props>;
 export { NavigationOption };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -1,27 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
+import { c } from "../../../../compiler-runtime-DA41awpA.js";
 import { cn as p } from "../../../../utils/index.js";
-import { navigationOptionVariants as e } from "./NavigationOption.variants.js";
-const m = ({
-  children: i,
-  className: o,
-  isVisible: t = !0,
-  isActive: r,
-  ...n
-}) => t ? /* @__PURE__ */ a(
-  "li",
-  {
-    ...n,
-    role: "option",
-    className: p(
-      e({
-        className: o,
-        isActive: r
-      })
-    ),
-    children: i
-  }
-) : null;
-m.displayName = "KonstructSidebarNavigationOption";
+import { navigationOptionVariants as f } from "./NavigationOption.variants.js";
+const d = (a) => {
+  const i = c.c(13);
+  let t, e, o, l, r;
+  if (i[0] !== a ? ({
+    children: t,
+    className: e,
+    isVisible: r,
+    isActive: l,
+    ...o
+  } = a, i[0] = a, i[1] = t, i[2] = e, i[3] = o, i[4] = l, i[5] = r) : (t = i[1], e = i[2], o = i[3], l = i[4], r = i[5]), !(r === void 0 ? !0 : r))
+    return null;
+  let s;
+  i[6] !== e || i[7] !== l ? (s = p(f({
+    className: e,
+    isActive: l
+  })), i[6] = e, i[7] = l, i[8] = s) : s = i[8];
+  let n;
+  return i[9] !== t || i[10] !== o || i[11] !== s ? (n = /* @__PURE__ */ m("li", { ...o, role: "option", className: s, children: t }), i[9] = t, i[10] = o, i[11] = s, i[12] = n) : n = i[12], n;
+};
+d.displayName = "KonstructSidebarNavigationOption";
 export {
-  m as NavigationOption
+  d as NavigationOption
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts

@@ -6,7 +6,7 @@ type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
     isVisible?: boolean;
     isActive?: boolean;
 };
-export type NavigationOptionProps = NavigationOption & ({
+export type Props = NavigationOption & ({
     role: 'button';
     children: ReactNode;
     onClick: VoidFunction;
@@ -14,4 +14,6 @@ export type NavigationOptionProps = NavigationOption & ({
     role?: never;
     children: ReactNode;
 });
+/** @deprecated Use Props instead */
+export type NavigationOptionProps = Props;
 export {};

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js

@@ -1,43 +1,16 @@
 import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(
-  [
-    "[&>a]:flex",
-    "[&>a]:gap-2",
-    "[&>a]:no-underline",
-    "[&>a]:text-inherit",
-    "[&>a]:w-full",
-    "cursor-pointer",
-    "flex",
-    "font-normal",
-    "font-normal",
-    "gap-2",
-    "rounded-xl",
-    "md:px-4",
-    "md:py-2.5",
-    "p-2",
-    "text-black",
-    "w-full",
-    "text-[#9ea2c6]",
-    "hover:text-white",
-    "hover:bg-[#252a41]",
-    "selection:bg-powder-500",
-    "selection:text-white"
-  ],
-  {
-    variants: {
-      isActive: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        class: ["text-white", "bg-[#252a41]"]
-      }
-    ]
-  }
-);
+const a = t(["[&>a]:flex", "[&>a]:gap-2", "[&>a]:no-underline", "[&>a]:text-inherit", "[&>a]:w-full", "cursor-pointer", "flex", "font-normal", "font-normal", "gap-2", "rounded-xl", "md:px-4", "md:py-2.5", "p-2", "text-black", "w-full", "text-[#9ea2c6]", "hover:text-white", "hover:bg-[#252a41]", "selection:bg-powder-500", "selection:text-white"], {
+  variants: {
+    isActive: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [{
+    isActive: !0,
+    class: ["text-white", "bg-[#252a41]"]
+  }]
+});
 export {
   a as navigationOptionVariants
 };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationSeparatorProps } from './NavigationSeparator.types';
-declare const NavigationSeparator: FC<NavigationSeparatorProps>;
+import { Props } from './NavigationSeparator.types';
+declare const NavigationSeparator: FC<Props>;
 export { NavigationSeparator };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -1,8 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as o } from "../../../../utils/index.js";
-import { navigationSeparatorVariant as t } from "./NavigationSeparator.variants.js";
-const i = ({ className: a }) => /* @__PURE__ */ r("div", { className: o(t({ className: a })) });
-i.displayName = "KonstructSidebarNavigationSeparator";
+import { jsx as e } from "react/jsx-runtime";
+import { c as s } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as m } from "../../../../utils/index.js";
+import { navigationSeparatorVariant as n } from "./NavigationSeparator.variants.js";
+const p = (i) => {
+  const t = s.c(4), {
+    className: o
+  } = i;
+  let a;
+  t[0] !== o ? (a = m(n({
+    className: o
+  })), t[0] = o, t[1] = a) : a = t[1];
+  let r;
+  return t[2] !== a ? (r = /* @__PURE__ */ e("div", { className: a }), t[2] = a, t[3] = r) : r = t[3], r;
+};
+p.displayName = "KonstructSidebarNavigationSeparator";
 export {
-  i as NavigationSeparator
+  p as NavigationSeparator
 };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts

@@ -1,5 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 import { navigationSeparatorVariant } from './NavigationSeparator.variants';
-export interface NavigationSeparatorProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
+export interface Props extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
 }
+/** @deprecated Use Props instead */
+export type NavigationSeparatorProps = Props;

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js

@@ -1,9 +1,5 @@
 import { c as r } from "../../../../index-D29mdTf5.js";
-const o = r([
-  "border-t",
-  "rounded-full",
-  "my-1.5"
-]);
+const o = r(["border-t", "rounded-full", "my-1.5"]);
 export {
   o as navigationSeparatorVariant
 };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationTitleProps } from './NavigationTitle.types';
-declare const NavigationTitle: FC<NavigationTitleProps>;
+import { Props } from './NavigationTitle.types';
+declare const NavigationTitle: FC<Props>;
 export { NavigationTitle };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,12 +1,23 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
-import { navigationTitleVariants as o } from "./NavigationTitle.variants.js";
-const e = ({
-  title: i,
-  className: t,
-  isVisible: r = !0
-}) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
-e.displayName = "KonstructSidebarNavigationTitle";
+import { c as n } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as m } from "../../../../utils/index.js";
+import { navigationTitleVariants as c } from "./NavigationTitle.variants.js";
+const p = (l) => {
+  const i = n.c(5), {
+    title: s,
+    className: o,
+    isVisible: r
+  } = l;
+  if (!(r === void 0 ? !0 : r))
+    return null;
+  let t;
+  i[0] !== o ? (t = m(c({
+    className: o
+  })), i[0] = o, i[1] = t) : t = i[1];
+  let e;
+  return i[2] !== t || i[3] !== s ? (e = /* @__PURE__ */ a("h2", { className: t, children: s }), i[2] = t, i[3] = s, i[4] = e) : e = i[4], e;
+};
+p.displayName = "KonstructSidebarNavigationTitle";
 export {
-  e as NavigationTitle
+  p as NavigationTitle
 };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts

@@ -1,8 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { HtmlHTMLAttributes } from 'react';
 import { navigationTitleVariants } from './NavigationTitle.variants';
-export interface NavigationTitleProps extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
+export interface Props extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
     title: string;
     className?: string;
     isVisible?: boolean;
 }
+/** @deprecated Use Props instead */
+export type NavigationTitleProps = Props;

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js

@@ -1,14 +1,5 @@
 import { c as t } from "../../../../index-D29mdTf5.js";
-const o = t([
-  "text-sm",
-  "font-bold",
-  "px-4",
-  "mt-3",
-  "mb-2",
-  "text-white",
-  "selection:bg-powder-500",
-  "selection:text-white"
-]);
+const o = t(["text-sm", "font-bold", "px-4", "mt-3", "mb-2", "text-white", "selection:bg-powder-500", "selection:text-white"]);
 export {
   o as navigationTitleVariants
 };

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -18,67 +18,28 @@ const S = ({
   theme: M,
   wrapperClassName: N
 }) => {
-  const r = d(null), c = d(null), u = d(!1), n = f(
-    (e) => {
-      if (!u.current) {
-        r.current && (r.current.style.opacity = "0");
-        return;
-      }
-      let o = e.clientX;
-      o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
-    },
-    [i, m]
-  ), p = f(() => {
-    u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
-  }, [n]), w = f(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
-    },
-    [n, p]
-  ), t = s(
-    () => a.toArray(v),
-    [v]
-  ), E = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === C
-    ),
-    [t]
-  ), R = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === D
-    ),
-    [t]
-  ), A = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === b
-    ),
-    [t]
-  );
-  return /* @__PURE__ */ V(
-    "aside",
-    {
-      ref: c,
-      className: y(
-        z({
-          className: N
-        })
-      ),
-      "data-theme": M,
-      children: [
-        E,
-        R,
-        A,
-        g && /* @__PURE__ */ j(
-          "div",
-          {
-            ref: r,
-            className: y(x({ className: L })),
-            onMouseDown: w
-          }
-        )
-      ]
+  const r = d(null), c = d(null), u = d(!1), n = f((e) => {
+    if (!u.current) {
+      r.current && (r.current.style.opacity = "0");
+      return;
     }
-  );
+    let o = e.clientX;
+    o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+  }, [i, m]), p = f(() => {
+    u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
+  }, [n]), w = f((e) => {
+    e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
+  }, [n, p]), t = s(() => a.toArray(v), [v]), E = s(() => a.toArray(t).find((e) => l(e) && e.type === C), [t]), R = s(() => a.toArray(t).find((e) => l(e) && e.type === D), [t]), A = s(() => a.toArray(t).find((e) => l(e) && e.type === b), [t]);
+  return /* @__PURE__ */ V("aside", { ref: c, className: y(z({
+    className: N
+  })), "data-theme": M, children: [
+    E,
+    R,
+    A,
+    g && /* @__PURE__ */ j("div", { ref: r, className: y(x({
+      className: L
+    })), onMouseDown: w })
+  ] });
 };
 S.displayName = "Sidebar.Wrapper";
 export {

package/dist/components/Sidebar/components/index.d.ts

@@ -1,15 +1,15 @@
 export * from './Footer/Footer';
-export type * from './Footer/Footer.types';
+export type { FooterProps } from './Footer/Footer.types';
 export * from './Logo/Logo';
-export type * from './Logo/Logo.types';
+export type { LogoProps } from './Logo/Logo.types';
 export * from './Navigation/Navigation';
-export type * from './Navigation/Navigation.types';
+export type { NavigationProps, NavigationChildrenProps, } from './Navigation/Navigation.types';
 export * from './NavigationGroup/NavigationGroup';
-export type * from './NavigationGroup/NavigationGroup.types';
+export type { NavigationGroupProps } from './NavigationGroup/NavigationGroup.types';
 export * from './NavigationOption/NavigationOption';
-export type * from './NavigationOption/NavigationOption.types';
+export type { NavigationOptionProps } from './NavigationOption/NavigationOption.types';
 export * from './NavigationSeparator/NavigationSeparator';
-export type * from './NavigationSeparator/NavigationSeparator.types';
+export type { NavigationSeparatorProps } from './NavigationSeparator/NavigationSeparator.types';
 export * from './NavigationTitle/NavigationTitle';
-export type * from './NavigationTitle/NavigationTitle.types';
+export type { NavigationTitleProps } from './NavigationTitle/NavigationTitle.types';
 export * from './Wrapper/Wrapper';

package/dist/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SliderProps } from './Slider.types';
+import { Props } from './Slider.types';
 /**
  * A single-thumb slider component for selecting a value.
  * Built on Radix UI Slider for accessibility.
@@ -18,4 +18,4 @@ import { SliderProps } from './Slider.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-slider--docs Storybook}
  */
-export declare const Slider: FC<SliderProps>;
+export declare const Slider: FC<Props>;

package/dist/components/Slider/Slider.js

@@ -1,59 +1,73 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as N, T as v, b as V } from "../../index-Jr0cra7i.js";
-import { forwardRef as b, useRef as R, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
-import { cn as r } from "../../utils/index.js";
-import { trackVariants as y, thumbVariants as C, sliderVariants as S } from "./Slider.variants.js";
-const A = b(
-  ({
+import { jsx as y, jsxs as H } from "react/jsx-runtime";
+import { c as B } from "../../compiler-runtime-DA41awpA.js";
+import { T as D, a as F, b as G } from "../../index-B9v5VxE2.js";
+import { forwardRef as J, useRef as K, useState as L, useImperativeHandle as M, useEffect as O } from "react";
+import { cn as k } from "../../utils/index.js";
+import { sliderVariants as P, trackVariants as Q, thumbVariants as U } from "./Slider.variants.js";
+const se = J((E, I) => {
+  const e = B.c(50);
+  let i, s, r, n, f, l, a, c;
+  e[0] !== E ? ({
     label: s,
-    labelWrapperClassName: c,
-    defaultValue: i = [0],
-    name: u,
-    theme: m,
-    size: n,
-    showValue: o,
-    ...f
-  }, d) => {
-    const e = R(null), [t, h] = g(i);
-    j(d, () => e.current, [e]), k(() => {
-      e.current && (e.current.value = t.toString());
-    }, [t]);
-    const p = w(
-      (x) => h(x),
-      []
-    );
-    return /* @__PURE__ */ l("div", { className: "w-full relative flex flex-col gap-3", "data-theme": m, children: [
-      /* @__PURE__ */ l(
-        "div",
-        {
-          className: r(
-            "flex items-center",
-            s ? "justify-between" : "justify-end",
-            c
-          ),
-          children: [
-            s ? /* @__PURE__ */ a("label", { children: s }) : null,
-            o ? /* @__PURE__ */ a("span", { className: "text-xs", children: t }) : null
-          ]
-        }
-      ),
-      /* @__PURE__ */ a("input", { ref: e, name: u, className: "hidden", type: "number" }),
-      /* @__PURE__ */ l(
-        N,
-        {
-          value: t,
-          className: r(S()),
-          onValueChange: p,
-          ...f,
-          children: [
-            /* @__PURE__ */ a(v, { className: r(y({ size: n })) }),
-            /* @__PURE__ */ a(V, { className: r(C({ size: n })) })
-          ]
-        }
-      )
-    ] });
-  }
-);
+    labelWrapperClassName: r,
+    defaultValue: a,
+    name: n,
+    theme: c,
+    size: l,
+    showValue: f,
+    ...i
+  } = E, e[0] = E, e[1] = i, e[2] = s, e[3] = r, e[4] = n, e[5] = f, e[6] = l, e[7] = a, e[8] = c) : (i = e[1], s = e[2], r = e[3], n = e[4], f = e[5], l = e[6], a = e[7], c = e[8]);
+  let S;
+  e[9] !== a ? (S = a === void 0 ? [0] : a, e[9] = a, e[10] = S) : S = e[10];
+  const W = S, v = K(null), [t, $] = L(W);
+  let _, g;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => v.current, g = [v], e[11] = _, e[12] = g) : (_ = e[11], g = e[12]), M(I, _, g);
+  let R, j;
+  e[13] !== t ? (R = () => {
+    v.current && (v.current.value = t.toString());
+  }, j = [t], e[13] = t, e[14] = R, e[15] = j) : (R = e[14], j = e[15]), O(R, j);
+  let w;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (A) => $(A), e[16] = w) : w = e[16];
+  const q = w, z = s ? "justify-between" : "justify-end";
+  let m;
+  e[17] !== r || e[18] !== z ? (m = k("flex items-center", z, r), e[17] = r, e[18] = z, e[19] = m) : m = e[19];
+  let o;
+  e[20] !== s ? (o = s ? /* @__PURE__ */ y("label", { children: s }) : null, e[20] = s, e[21] = o) : o = e[21];
+  let u;
+  e[22] !== f || e[23] !== t ? (u = f ? /* @__PURE__ */ y("span", { className: "text-xs", children: t }) : null, e[22] = f, e[23] = t, e[24] = u) : u = e[24];
+  let d;
+  e[25] !== o || e[26] !== u || e[27] !== m ? (d = /* @__PURE__ */ H("div", { className: m, children: [
+    o,
+    u
+  ] }), e[25] = o, e[26] = u, e[27] = m, e[28] = d) : d = e[28];
+  let h;
+  e[29] !== n ? (h = /* @__PURE__ */ y("input", { ref: v, name: n, className: "hidden", type: "number" }), e[29] = n, e[30] = h) : h = e[30];
+  let C;
+  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = k(P()), e[31] = C) : C = e[31];
+  let p;
+  e[32] !== l ? (p = k(Q({
+    size: l
+  })), e[32] = l, e[33] = p) : p = e[33];
+  let b;
+  e[34] !== p ? (b = /* @__PURE__ */ y(D, { className: p }), e[34] = p, e[35] = b) : b = e[35];
+  let x;
+  e[36] !== l ? (x = k(U({
+    size: l
+  })), e[36] = l, e[37] = x) : x = e[37];
+  let V;
+  e[38] !== x ? (V = /* @__PURE__ */ y(F, { className: x }), e[38] = x, e[39] = V) : V = e[39];
+  let N;
+  e[40] !== i || e[41] !== b || e[42] !== V || e[43] !== t ? (N = /* @__PURE__ */ H(G, { value: t, className: C, onValueChange: q, ...i, children: [
+    b,
+    V
+  ] }), e[40] = i, e[41] = b, e[42] = V, e[43] = t, e[44] = N) : N = e[44];
+  let T;
+  return e[45] !== d || e[46] !== h || e[47] !== N || e[48] !== c ? (T = /* @__PURE__ */ H("div", { className: "w-full relative flex flex-col gap-3", "data-theme": c, children: [
+    d,
+    h,
+    N
+  ] }), e[45] = d, e[46] = h, e[47] = N, e[48] = c, e[49] = T) : T = e[49], T;
+});
 export {
-  A as Slider
+  se as Slider
 };

package/dist/components/Slider/Slider.types.d.ts

@@ -18,7 +18,7 @@ import { sliderVariants } from './Slider.variants';
  * />
  * ```
  */
-export interface SliderProps extends VariantProps<typeof sliderVariants> {
+export interface Props extends VariantProps<typeof sliderVariants> {
     /** Additional CSS classes */
     className?: string;
     /** Initial value as single-element array */
@@ -40,3 +40,5 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type SliderProps = Props;