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

package/dist/components/RadioCard/RadioCard.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { RadioCardProps } from './RadioCard.types';
+import { Props } from './RadioCard.types';
 /**
  * A card-style radio button for visually prominent selection options.
  * Use RadioCardGroup to manage a group of radio cards.
@@ -18,5 +18,5 @@ import { RadioCardProps } from './RadioCard.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiocard--docs Storybook}
  */
-declare const RadioCard: FC<RadioCardProps>;
+declare const RadioCard: FC<Props>;
 export { RadioCard };

package/dist/components/RadioCard/RadioCard.js

@@ -1,38 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
-import { Card as d } from "../Card/Card.js";
-import { Radio as l } from "../Radio/Radio.js";
-import { radioCardVariants as e } from "./RadioCard.variants.js";
-const f = ({
-  wrapperClassName: r,
-  theme: i,
-  labelWrapperClassName: t,
-  checked: o,
-  description: s,
-  ...p
-}) => /* @__PURE__ */ m(
-  d,
-  {
-    "data-theme": i,
-    className: a(
-      e({
-        className: r
-      })
-    ),
-    wrapperClassName: a("w-max", r),
-    isActive: o,
-    children: /* @__PURE__ */ m(
-      l,
-      {
-        wrapperClassName: a("w-full h-full p-3 gap-3", t),
-        checked: o,
-        description: s,
-        ...p
-      }
-    )
-  }
-);
-f.displayName = "KonstructRadioCard";
+import { jsx as C } from "react/jsx-runtime";
+import { c as N } from "../../compiler-runtime-DA41awpA.js";
+import { cn as n } from "../../utils/index.js";
+import { Card as h } from "../Card/Card.js";
+import { Radio as u } from "../Radio/Radio.js";
+import { radioCardVariants as w } from "./RadioCard.variants.js";
+const x = (f) => {
+  const e = N.c(24);
+  let a, r, l, s, i, t;
+  e[0] !== f ? ({
+    wrapperClassName: t,
+    theme: i,
+    labelWrapperClassName: s,
+    checked: a,
+    description: l,
+    ...r
+  } = f, e[0] = f, e[1] = a, e[2] = r, e[3] = l, e[4] = s, e[5] = i, e[6] = t) : (a = e[1], r = e[2], l = e[3], s = e[4], i = e[5], t = e[6]);
+  let m;
+  e[7] !== t ? (m = n(w({
+    className: t
+  })), e[7] = t, e[8] = m) : m = e[8];
+  let o;
+  e[9] !== t ? (o = n("w-max", t), e[9] = t, e[10] = o) : o = e[10];
+  let p;
+  e[11] !== s ? (p = n("w-full h-full p-3 gap-3", s), e[11] = s, e[12] = p) : p = e[12];
+  let d;
+  e[13] !== a || e[14] !== r || e[15] !== l || e[16] !== p ? (d = /* @__PURE__ */ C(u, { wrapperClassName: p, checked: a, description: l, ...r }), e[13] = a, e[14] = r, e[15] = l, e[16] = p, e[17] = d) : d = e[17];
+  let c;
+  return e[18] !== a || e[19] !== m || e[20] !== o || e[21] !== d || e[22] !== i ? (c = /* @__PURE__ */ C(h, { "data-theme": i, className: m, wrapperClassName: o, isActive: a, children: d }), e[18] = a, e[19] = m, e[20] = o, e[21] = d, e[22] = i, e[23] = c) : c = e[23], c;
+};
+x.displayName = "KonstructRadioCard";
 export {
-  f as RadioCard
+  x as RadioCard
 };

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

@@ -1,6 +1,6 @@
 import { Theme } from '../../domain/theme';
-import { CardProps } from '../Card/Card.types';
-import { RadioProps } from '../Radio/Radio.types';
+import { Props as CardProps } from '../Card/Card.types';
+import { Props as RadioProps } from '../Radio/Radio.types';
 /**
  * Props for the RadioCard component.
  * Combines Card styling with Radio functionality.
@@ -17,7 +17,9 @@ import { RadioProps } from '../Radio/Radio.types';
  * />
  * ```
  */
-export type RadioCardProps = Omit<CardProps, 'canHover' | 'isActive'> & Pick<RadioProps, 'name' | 'value' | 'checked' | 'onChange' | 'label' | 'disabled' | 'defaultChecked' | 'labelTextClassName' | 'description' | 'descriptionClassName'> & {
+export type Props = Omit<CardProps, 'canHover' | 'isActive'> & Pick<RadioProps, 'name' | 'value' | 'checked' | 'onChange' | 'label' | 'disabled' | 'defaultChecked' | 'labelTextClassName' | 'description' | 'descriptionClassName'> & {
     labelWrapperClassName?: string;
     theme?: Theme;
 };
+/** @deprecated Use Props instead */
+export type RadioCardProps = Props;

package/dist/components/RadioCardGroup/RadioCardGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { RadioCardGroupProps } from './RadioCardGroup.types';
+import { Props } from './RadioCardGroup.types';
 /**
  * A group of card-style radio buttons with shared state management.
  *
@@ -20,4 +20,4 @@ import { RadioCardGroupProps } from './RadioCardGroup.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiocardgroup--docs Storybook}
  */
-export declare const RadioCardGroup: FC<RadioCardGroupProps>;
+export declare const RadioCardGroup: FC<Props>;

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,46 +1,45 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as C, useCallback as N } from "react";
-import { cn as t } from "../../utils/index.js";
-import { RadioCard as S } from "../RadioCard/RadioCard.js";
-import { radioCardGroupVariants as k } from "./RadioCardGroup.variants.js";
-const g = ({
-  className: a,
-  defaultChecked: m,
-  direction: s,
-  name: c,
-  options: d,
-  theme: i,
-  wrapperClassName: p,
-  onValueChange: e
-}) => {
-  const [n, f] = C(m), l = N(
-    (r) => {
-      f(r), e?.(r);
-    },
-    [e]
-  );
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: t(
-        k({ className: p, direction: s })
-      ),
-      "data-theme": i,
-      children: d.map(({ value: r, ...h }) => /* @__PURE__ */ o(
-        S,
-        {
-          value: r,
-          name: c,
-          className: t(a),
-          checked: n === r,
-          onChange: () => l(r),
-          ...h
-        },
-        r
-      ))
-    }
-  );
+import { jsx as C } from "react/jsx-runtime";
+import { c as k } from "../../compiler-runtime-DA41awpA.js";
+import { useState as G } from "react";
+import { cn as N } from "../../utils/index.js";
+import { RadioCard as V } from "../RadioCard/RadioCard.js";
+import { radioCardGroupVariants as j } from "./RadioCardGroup.variants.js";
+const y = (g) => {
+  const e = k.c(20), {
+    className: r,
+    defaultChecked: v,
+    direction: d,
+    name: s,
+    options: p,
+    theme: f,
+    wrapperClassName: u,
+    onValueChange: h
+  } = g, [l, x] = G(v);
+  let c;
+  e[0] !== h ? (c = (t) => {
+    x(t), h?.(t);
+  }, e[0] = h, e[1] = c) : c = e[1];
+  const m = c;
+  let a;
+  e[2] !== d || e[3] !== u ? (a = N(j({
+    className: u,
+    direction: d
+  })), e[2] = d, e[3] = u, e[4] = a) : a = e[4];
+  let o;
+  if (e[5] !== r || e[6] !== m || e[7] !== s || e[8] !== p || e[9] !== l) {
+    let t;
+    e[11] !== r || e[12] !== m || e[13] !== s || e[14] !== l ? (t = (R) => {
+      const {
+        value: n,
+        ...S
+      } = R;
+      return /* @__PURE__ */ C(V, { value: n, name: s, className: N(r), checked: l === n, onChange: () => m(n), ...S }, n);
+    }, e[11] = r, e[12] = m, e[13] = s, e[14] = l, e[15] = t) : t = e[15], o = p.map(t), e[5] = r, e[6] = m, e[7] = s, e[8] = p, e[9] = l, e[10] = o;
+  } else
+    o = e[10];
+  let i;
+  return e[16] !== a || e[17] !== o || e[18] !== f ? (i = /* @__PURE__ */ C("div", { className: a, "data-theme": f, children: o }), e[16] = a, e[17] = o, e[18] = f, e[19] = i) : i = e[19], i;
 };
 export {
-  g as RadioCardGroup
+  y as RadioCardGroup
 };

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

@@ -1,5 +1,5 @@
 import { Theme } from '../../domain/theme';
-import { RadioCardProps } from '../RadioCard/RadioCard.types';
+import { Props as RadioCardProps } from '../RadioCard/RadioCard.types';
 /**
  * Props for the RadioCardGroup component.
  *
@@ -17,7 +17,7 @@ import { RadioCardProps } from '../RadioCard/RadioCard.types';
  * />
  * ```
  */
-export type RadioCardGroupProps = {
+export type Props = {
     asChild?: boolean;
     className?: string;
     defaultChecked?: string;
@@ -28,3 +28,5 @@ export type RadioCardGroupProps = {
     wrapperClassName?: string;
     onValueChange?: (value: string) => void;
 };
+/** @deprecated Use Props instead */
+export type RadioCardGroupProps = Props;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { RadioGroupProps } from './RadioGroup.types';
+import { Props } from './RadioGroup.types';
 /**
  * A group of radio buttons with shared state management.
  *
@@ -31,4 +31,4 @@ import { RadioGroupProps } from './RadioGroup.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiogroup--docs Storybook}
  */
-export declare const RadioGroup: FC<RadioGroupProps>;
+export declare const RadioGroup: FC<Props>;

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,51 +1,51 @@
-import { jsx as s } from "react/jsx-runtime";
-import { S as G } from "../../index-BvoZGpli.js";
-import { useState as R, useCallback as b } from "react";
-import { cn as c } from "../../utils/index.js";
-import { Radio as j } from "../Radio/Radio.js";
-import { radioGroupVariants as u } from "./RadioGroup.variants.js";
-const A = ({
-  asChild: m,
-  className: a,
-  defaultChecked: n,
-  direction: i,
-  name: d,
-  options: l,
-  theme: p,
-  value: e,
-  wrapperClassName: f,
-  onValueChange: r
-}) => {
-  const S = m ? G : "div", t = e !== void 0, [h, C] = R(
-    () => n
-  ), N = t ? e : h, k = b(
-    (o) => {
-      t || C(o), r?.(o);
-    },
-    [t, r]
-  );
-  return /* @__PURE__ */ s(
-    S,
-    {
-      className: c(
-        u({ className: f, direction: i })
-      ),
-      "data-theme": p,
-      children: l.map(({ value: o, ...x }) => /* @__PURE__ */ s(
-        j,
-        {
-          value: o,
-          name: d,
-          className: c(a),
-          checked: N === o,
-          onChange: () => k(o),
-          ...x
-        },
-        o
-      ))
-    }
-  );
+import { jsx as x } from "react/jsx-runtime";
+import { c as _ } from "../../compiler-runtime-DA41awpA.js";
+import { S as $ } from "../../index-BvoZGpli.js";
+import { useState as b } from "react";
+import { cn as R } from "../../utils/index.js";
+import { Radio as q } from "../Radio/Radio.js";
+import { radioGroupVariants as w } from "./RadioGroup.variants.js";
+const J = (k) => {
+  const e = _.c(24), {
+    asChild: G,
+    className: l,
+    defaultChecked: f,
+    direction: u,
+    name: s,
+    options: h,
+    theme: C,
+    value: g,
+    wrapperClassName: v,
+    onValueChange: S
+  } = k, N = G ? $ : "div", n = g !== void 0;
+  let c;
+  e[0] !== f ? (c = () => f, e[0] = f, e[1] = c) : c = e[1];
+  const [j, E] = b(c), r = n ? g : j;
+  let m;
+  e[2] !== n || e[3] !== S ? (m = (t) => {
+    n || E(t), S?.(t);
+  }, e[2] = n, e[3] = S, e[4] = m) : m = e[4];
+  const i = m;
+  let o;
+  e[5] !== u || e[6] !== v ? (o = R(w({
+    className: v,
+    direction: u
+  })), e[5] = u, e[6] = v, e[7] = o) : o = e[7];
+  let a;
+  if (e[8] !== l || e[9] !== i || e[10] !== s || e[11] !== h || e[12] !== r) {
+    let t;
+    e[14] !== l || e[15] !== i || e[16] !== s || e[17] !== r ? (t = (I) => {
+      const {
+        value: p,
+        ...V
+      } = I;
+      return /* @__PURE__ */ x(q, { value: p, name: s, className: R(l), checked: r === p, onChange: () => i(p), ...V }, p);
+    }, e[14] = l, e[15] = i, e[16] = s, e[17] = r, e[18] = t) : t = e[18], a = h.map(t), e[8] = l, e[9] = i, e[10] = s, e[11] = h, e[12] = r, e[13] = a;
+  } else
+    a = e[13];
+  let d;
+  return e[19] !== N || e[20] !== o || e[21] !== a || e[22] !== C ? (d = /* @__PURE__ */ x(N, { className: o, "data-theme": C, children: a }), e[19] = N, e[20] = o, e[21] = a, e[22] = C, e[23] = d) : d = e[23], d;
 };
 export {
-  A as RadioGroup
+  J as RadioGroup
 };

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Theme } from '../../domain/theme';
-import { RadioProps } from '../Radio/Radio.types';
+import { Props as RadioProps } from '../Radio/Radio.types';
 /**
  * Props for the RadioGroup component.
  *
@@ -18,7 +18,7 @@ import { RadioProps } from '../Radio/Radio.types';
  * />
  * ```
  */
-export interface RadioGroupProps {
+export interface Props {
     /** Merge props onto child element */
     asChild?: boolean;
     /** CSS classes for each radio option */
@@ -42,3 +42,5 @@ export interface RadioGroupProps {
     /** Callback when selection changes */
     onValueChange?: (value: string) => void;
 }
+/** @deprecated Use Props instead */
+export type RadioGroupProps = Props;

package/dist/components/Range/Range.d.ts

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

package/dist/components/Range/Range.js

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

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

@@ -18,7 +18,7 @@ import { rangeVariants } from './Range.variants';
  * />
  * ```
  */
-export interface RangeProps extends VariantProps<typeof rangeVariants> {
+export interface Props extends VariantProps<typeof rangeVariants> {
     /** Additional CSS classes */
     className?: string;
     /** Initial range values [min, max] */
@@ -40,3 +40,5 @@ export interface RangeProps extends VariantProps<typeof rangeVariants> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type RangeProps = Props;

package/dist/components/Range/Range.variants.js

@@ -1,57 +1,27 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const a = r([
-  "relative",
-  "flex",
-  "items-center",
-  "w-full",
-  "border",
-  "border-gray-200",
-  "rounded-full",
-  "shadow-sm"
-]), s = r([
-  "absolute",
-  "h-full",
-  "bg-kubefirst-secondary"
-]), t = r(
-  ["relative", "flex-grow", "bg-gray-100", "rounded-full"],
-  {
-    variants: {
-      size: {
-        sm: ["h-1"],
-        md: ["h-2"],
-        lg: ["h-3"]
-      }
-    },
-    defaultVariants: {
-      size: "md"
+const a = r(["relative", "flex", "items-center", "w-full", "border", "border-gray-200", "rounded-full", "shadow-sm"]), s = r(["absolute", "h-full", "bg-kubefirst-secondary"]), t = r(["relative", "flex-grow", "bg-gray-100", "rounded-full"], {
+  variants: {
+    size: {
+      sm: ["h-1"],
+      md: ["h-2"],
+      lg: ["h-3"]
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
-), o = r(
-  [
-    "block",
-    "w-5",
-    "h-5",
-    "rounded-full",
-    "cursor-pointer",
-    "focus-visible:outline-none",
-    "shadow-md",
-    "bg-white",
-    "border",
-    "border-gray-300"
-  ],
-  {
-    variants: {
-      size: {
-        sm: ["w-5", "h-5"],
-        md: ["w-6", "h-6"],
-        lg: ["w-7", "h-7"]
-      }
-    },
-    defaultVariants: {
-      size: "md"
+}), o = r(["block", "w-5", "h-5", "rounded-full", "cursor-pointer", "focus-visible:outline-none", "shadow-md", "bg-white", "border", "border-gray-300"], {
+  variants: {
+    size: {
+      sm: ["w-5", "h-5"],
+      md: ["w-6", "h-6"],
+      lg: ["w-7", "h-7"]
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
-);
+});
 export {
   s as rangeOutsideVariants,
   a as rangeVariants,

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SelectProps } from './Select.types';
+import { Props } from './Select.types';
 export type { OptionGroup, AdditionalOptionGroup } from './Select.types';
 /**
  * A dropdown select component with search, icons, and infinite scroll support.
@@ -34,4 +34,4 @@ export type { OptionGroup, AdditionalOptionGroup } from './Select.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-select--docs Storybook}
  */
-export declare const Select: FC<SelectProps>;
+export declare const Select: FC<Props>;