soadtech-ui 0.1.0

package/dist/components/RadioButton/RadioGroup.js

@@ -0,0 +1,58 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as x, useMemo as N } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { RadioGroupContext as R } from "./RadioGroupContext.js";
+import o from "./RadioGroup.module.css.js";
+const w = x(
+  ({
+    label: i,
+    helperText: s,
+    error: e,
+    disabled: a = !1,
+    readOnly: c = !1,
+    name: l,
+    value: t,
+    onValueChange: m,
+    children: n,
+    className: p,
+    ...f
+  }, h) => {
+    const u = N(
+      () => ({ disabled: a, readOnly: c, name: l, value: t, onValueChange: m }),
+      [a, c, l, t, m]
+    );
+    return /* @__PURE__ */ r(R.Provider, { value: u, children: /* @__PURE__ */ d(
+      "div",
+      {
+        ref: h,
+        role: "radiogroup",
+        "aria-label": i,
+        className: v(o.root, p),
+        ...f,
+        children: [
+          i && /* @__PURE__ */ r("span", { className: o.label, children: i }),
+          /* @__PURE__ */ r("div", { className: o.items, children: n }),
+          e && /* @__PURE__ */ d("span", { className: o.error, children: [
+            /* @__PURE__ */ r(
+              "svg",
+              {
+                width: "8",
+                height: "8",
+                viewBox: "0 0 8 8",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ r("circle", { cx: "4", cy: "4", r: "4", fill: "currentColor" })
+              }
+            ),
+            e
+          ] }),
+          !e && s && /* @__PURE__ */ r("span", { className: o.helperText, children: s })
+        ]
+      }
+    ) });
+  }
+);
+w.displayName = "RadioGroup";
+export {
+  w as RadioGroup
+};

package/dist/components/RadioButton/RadioGroup.module.css.js

@@ -0,0 +1,15 @@
+import '../Checkbox/CheckboxGroup.module.css';const e = "_root_18ksu_2", t = "_label_18ksu_9", s = "_items_18ksu_18", o = "_helperText_18ksu_25", r = "_error_18ksu_33", _ = {
+  root: e,
+  label: t,
+  items: s,
+  helperText: o,
+  error: r
+};
+export {
+  _ as default,
+  r as error,
+  o as helperText,
+  s as items,
+  t as label,
+  e as root
+};

package/dist/components/RadioButton/RadioGroupContext.d.ts

@@ -0,0 +1,10 @@
+export interface RadioGroupContextValue {
+    disabled: boolean;
+    readOnly: boolean;
+    name?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+export declare const RadioGroupContext: import('react').Context<RadioGroupContextValue | null>;
+export declare function useRadioGroup(): RadioGroupContextValue | null;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/RadioButton/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioGroupContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,wDACsB,CAAC;AAErD,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D"}

package/dist/components/RadioButton/RadioGroupContext.js

@@ -0,0 +1,9 @@
+import { useContext as o, createContext as t } from "react";
+const e = t(null);
+function r() {
+  return o(e);
+}
+export {
+  e as RadioGroupContext,
+  r as useRadioGroup
+};

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

@@ -0,0 +1,6 @@
+export { RadioButton } from './RadioButton';
+export type { RadioButtonProps, RadioSize, RadioFieldProps, RadioFieldVariant, } from './RadioButton.types';
+export { RadioField } from './RadioField';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,3 @@
+import { RangeSliderProps } from './RangeSlider.types';
+export declare const RangeSlider: import('react').ForwardRefExoticComponent<RangeSliderProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RangeSlider.d.ts.map

package/dist/components/RangeSlider/RangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAW5D,eAAO,MAAM,WAAW,6GA2OvB,CAAC"}

package/dist/components/RangeSlider/RangeSlider.js

@@ -0,0 +1,167 @@
+import { jsxs as k, jsx as w } from "react/jsx-runtime";
+import { forwardRef as Y, useRef as Z, useState as I, useEffect as _, useCallback as R } from "react";
+import { cn as T } from "../../utils/cn.js";
+import l from "./RangeSlider.module.css.js";
+function D(p, c, o) {
+  return Math.max(c, Math.min(o, p));
+}
+function B(p, c, o) {
+  return Math.round((p - c) / o) * o + c;
+}
+const x = Y(
+  ({
+    label: p,
+    min: c = 0,
+    max: o = 100,
+    step: m = 1,
+    value: v = 0,
+    onValueChange: f,
+    rangeValue: i,
+    onRangeChange: N,
+    showInput: U = !1,
+    suffix: M = "",
+    className: X,
+    ...j
+  }, E) => {
+    const S = Z(null), [a, h] = I(null), [A, P] = I(String(v)), [$, F] = I(!1), n = i !== void 0;
+    _(() => {
+      $ || P(String(v));
+    }, [v, $]);
+    const b = R(
+      (s) => (s - c) / (o - c) * 100,
+      [c, o]
+    ), K = R(
+      (s) => {
+        const t = S.current;
+        if (!t) return c;
+        const e = t.getBoundingClientRect(), r = D((s - e.left) / e.width, 0, 1), d = c + r * (o - c);
+        return D(B(d, c, m), c, o);
+      },
+      [c, o, m]
+    ), W = (s) => (t) => {
+      t.preventDefault(), t.target.setPointerCapture(t.pointerId), h(s);
+    }, q = (s) => (t) => {
+      if (a !== s) return;
+      const e = K(t.clientX);
+      if (n && i && N) {
+        const r = [i[0], i[1]];
+        r[s] = e, r[0] > r[1] && (s === 0 ? r[0] = r[1] : r[1] = r[0]), N(r);
+      } else n || f == null || f(e);
+    }, z = () => h(null), G = (s) => {
+      if (s.target.closest('[role="slider"]')) return;
+      const t = K(s.clientX);
+      if (n && i && N) {
+        const e = Math.abs(t - i[0]), r = Math.abs(t - i[1]), d = [i[0], i[1]];
+        e <= r ? d[0] = t : d[1] = t, d[0] > d[1] && ([d[0], d[1]] = [d[1], d[0]]), N(d);
+      } else n || f == null || f(t);
+    }, H = (s) => (t) => {
+      let e = 0;
+      if (t.key === "ArrowRight" || t.key === "ArrowUp") e = m;
+      else if (t.key === "ArrowLeft" || t.key === "ArrowDown")
+        e = -m;
+      else return;
+      if (t.preventDefault(), n && i && N) {
+        const r = [i[0], i[1]];
+        if (r[s] = D(r[s] + e, c, o), r[0] > r[1]) return;
+        N(r);
+      } else n || f == null || f(D(v + e, c, o));
+    }, J = () => {
+      F(!0), P(String(v));
+    }, O = () => {
+      F(!1);
+      const s = parseFloat(A);
+      isNaN(s) ? P(String(v)) : f == null || f(D(B(s, c, m), c, o));
+    }, Q = (s) => {
+      s.key === "Enter" && s.target.blur();
+    }, L = n ? 0 : b(v), y = n ? [b(i[0]), b(i[1])] : [0, 0], u = (s, t, e, r) => /* @__PURE__ */ w(
+      "div",
+      {
+        className: T(l.thumb, a === t && l.thumbActive),
+        style: { left: `${s}%` },
+        role: "slider",
+        tabIndex: 0,
+        "aria-valuemin": c,
+        "aria-valuemax": o,
+        "aria-valuenow": e,
+        "aria-label": r,
+        onPointerDown: W(t),
+        onPointerMove: q(t),
+        onPointerUp: z,
+        onKeyDown: H(t)
+      },
+      t
+    );
+    return /* @__PURE__ */ k("div", { ref: E, className: T(l.root, X), ...j, children: [
+      p && /* @__PURE__ */ w("span", { className: l.label, children: p }),
+      /* @__PURE__ */ k("div", { className: l.sliderRow, children: [
+        /* @__PURE__ */ k("div", { className: l.sliderWrap, children: [
+          /* @__PURE__ */ k(
+            "div",
+            {
+              className: l.sliderContainer,
+              ref: S,
+              onClick: G,
+              children: [
+                /* @__PURE__ */ w("div", { className: l.track }),
+                n ? /* @__PURE__ */ w(
+                  "div",
+                  {
+                    className: l.fill,
+                    style: {
+                      left: `${y[0]}%`,
+                      width: `${y[1] - y[0]}%`
+                    }
+                  }
+                ) : /* @__PURE__ */ w(
+                  "div",
+                  {
+                    className: l.fill,
+                    style: { left: 0, width: `${L}%` }
+                  }
+                ),
+                n ? [
+                  u(y[0], 0, i[0], `${p} minimum`),
+                  u(y[1], 1, i[1], `${p} maximum`)
+                ] : u(L, 0, v, p)
+              ]
+            }
+          ),
+          n && i && /* @__PURE__ */ k("div", { className: l.valueLabels, children: [
+            /* @__PURE__ */ w(
+              "span",
+              {
+                className: l.valueLabel,
+                style: { left: `${y[0]}%` },
+                children: i[0]
+              }
+            ),
+            /* @__PURE__ */ w(
+              "span",
+              {
+                className: l.valueLabel,
+                style: { left: `${y[1]}%` },
+                children: i[1]
+              }
+            )
+          ] })
+        ] }),
+        !n && U && /* @__PURE__ */ w(
+          "input",
+          {
+            type: "text",
+            className: l.valueInput,
+            value: $ ? A : `${v}${M}`,
+            onChange: (s) => P(s.target.value.replace(M, "")),
+            onFocus: J,
+            onBlur: O,
+            onKeyDown: Q
+          }
+        )
+      ] })
+    ] });
+  }
+);
+x.displayName = "RangeSlider";
+export {
+  x as RangeSlider
+};

package/dist/components/RangeSlider/RangeSlider.module.css

@@ -0,0 +1 @@
+._root_85mey_3{display:flex;flex-direction:column;gap:var(--st-space-1);font-family:var(--st-font-family)}._label_85mey_12{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground)}._sliderRow_85mey_20{display:flex;align-items:center;gap:var(--st-space-3)}._sliderWrap_85mey_26{flex:1;min-width:0}._sliderContainer_85mey_33{position:relative;height:20px;cursor:pointer}._track_85mey_41{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);border-radius:var(--st-radius-full);background-color:var(--st-color-neutral-200)}._fill_85mey_54{position:absolute;top:50%;height:6px;transform:translateY(-50%);border-radius:var(--st-radius-full);background-color:var(--st-color-primary);pointer-events:none}._thumb_85mey_66{position:absolute;top:50%;width:18px;height:18px;border-radius:var(--st-radius-full);background-color:var(--st-color-surface);border:2px solid var(--st-color-neutral-300);box-shadow:var(--st-shadow-sm);transform:translate(-50%,-50%);cursor:grab;z-index:1;transition:border-color var(--st-transition-fast),box-shadow var(--st-transition-fast);touch-action:none}._thumb_85mey_66:hover{border-color:var(--st-color-primary)}._thumb_85mey_66:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._thumbActive_85mey_92{cursor:grabbing;border-color:var(--st-color-primary);box-shadow:var(--st-shadow-md)}._valueInput_85mey_100{width:64px;height:36px;padding:0 var(--st-space-2);border:1px solid var(--st-color-border);border-radius:var(--st-radius-md);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);text-align:center;color:var(--st-color-foreground);background-color:var(--st-color-surface);outline:none;transition:border-color var(--st-transition-fast)}._valueInput_85mey_100:focus{border-color:var(--st-color-primary)}._valueLabels_85mey_121{position:relative;height:20px;margin-top:var(--st-space-1)}._valueLabel_85mey_121{position:absolute;transform:translate(-50%);font-size:var(--st-font-size-xs);color:var(--st-color-muted);white-space:nowrap}

package/dist/components/RangeSlider/RangeSlider.module.css.js

@@ -0,0 +1,29 @@
+import './RangeSlider.module.css';const e = "_root_85mey_3", l = "_label_85mey_12", t = "_sliderRow_85mey_20", _ = "_sliderWrap_85mey_26", a = "_sliderContainer_85mey_33", s = "_track_85mey_41", o = "_fill_85mey_54", n = "_thumb_85mey_66", r = "_thumbActive_85mey_92", c = "_valueInput_85mey_100", u = "_valueLabels_85mey_121", i = "_valueLabel_85mey_121", m = {
+  root: e,
+  label: l,
+  sliderRow: t,
+  sliderWrap: _,
+  sliderContainer: a,
+  track: s,
+  fill: o,
+  thumb: n,
+  thumbActive: r,
+  valueInput: c,
+  valueLabels: u,
+  valueLabel: i
+};
+export {
+  m as default,
+  o as fill,
+  l as label,
+  e as root,
+  a as sliderContainer,
+  t as sliderRow,
+  _ as sliderWrap,
+  n as thumb,
+  r as thumbActive,
+  s as track,
+  c as valueInput,
+  i as valueLabel,
+  u as valueLabels
+};

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

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+export interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Label text above the slider */
+    label?: string;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Single-thumb value */
+    value?: number;
+    /** Single-thumb change handler */
+    onValueChange?: (value: number) => void;
+    /** Dual-thumb range value [low, high] */
+    rangeValue?: [number, number];
+    /** Dual-thumb range change handler */
+    onRangeChange?: (value: [number, number]) => void;
+    /** Show editable input next to track (single mode) */
+    showInput?: boolean;
+    /** Suffix shown in input, e.g. "%" */
+    suffix?: string;
+}
+//# sourceMappingURL=RangeSlider.types.d.ts.map

package/dist/components/RangeSlider/RangeSlider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.types.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { RangeSlider } from './RangeSlider';
+export type { RangeSliderProps } from './RangeSlider.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RangeSlider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Rating/Rating.d.ts

@@ -0,0 +1,3 @@
+import { RatingProps } from './Rating.types';
+export declare const Rating: import('react').ForwardRefExoticComponent<RatingProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Rating.d.ts.map

package/dist/components/Rating/Rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyDlE,eAAO,MAAM,MAAM,wGAgFlB,CAAC"}

package/dist/components/Rating/Rating.js

@@ -0,0 +1,90 @@
+import { jsx as t, jsxs as o, Fragment as v } from "react/jsx-runtime";
+import { forwardRef as x, useId as I } from "react";
+import { cn as M } from "../../utils/cn.js";
+import i from "./Rating.module.css.js";
+const R = "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z", A = "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z";
+function u({ type: n, fill: s, gradientId: l, size: e }) {
+  const r = n === "star" ? R : A, a = Math.min(1, Math.max(0, s));
+  if (a <= 0)
+    return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: r, className: i.iconInactive }) });
+  if (a >= 1)
+    return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: r, className: i.iconActive }) });
+  const c = `${Math.round(a * 100)}%`;
+  return /* @__PURE__ */ o("svg", { width: e, height: e, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ o("linearGradient", { id: l, children: [
+      /* @__PURE__ */ t(
+        "stop",
+        {
+          offset: c,
+          style: { stopColor: "var(--rating-color-active)" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        "stop",
+        {
+          offset: c,
+          style: { stopColor: "var(--rating-color-inactive)" }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t("path", { d: r, fill: `url(#${l})` })
+  ] });
+}
+const C = { md: 16, sm: 12 }, E = x(
+  ({
+    value: n,
+    count: s,
+    maxStars: l = 5,
+    size: e = "md",
+    variant: r = "type1",
+    icon: a = "star",
+    className: c,
+    ...y
+  }, $) => {
+    const h = I().replace(/:/g, ""), m = C[e], p = /* @__PURE__ */ t("span", { className: i.stars, children: r === "simple" ? /* @__PURE__ */ t(
+      u,
+      {
+        type: a,
+        fill: 1,
+        gradientId: `${h}-0`,
+        size: m
+      }
+    ) : Array.from({ length: l }, (L, d) => /* @__PURE__ */ t(
+      u,
+      {
+        type: a,
+        fill: Math.min(1, Math.max(0, n - d)),
+        gradientId: `${h}-${d}`,
+        size: m
+      },
+      d
+    )) }), f = /* @__PURE__ */ t("span", { className: i.value, children: n }), g = s !== void 0 ? /* @__PURE__ */ o("span", { className: i.count, children: [
+      "(",
+      s,
+      ")"
+    ] }) : null, w = r === "simple" || r === "type1" && e === "md" || r === "type2" && e === "sm", N = `Rating: ${n} out of ${l}${s !== void 0 ? ` (${s} reviews)` : ""}`;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: $,
+        role: "img",
+        "aria-label": N,
+        className: M(i.root, i[e], c),
+        ...y,
+        children: w ? /* @__PURE__ */ o(v, { children: [
+          p,
+          f,
+          g
+        ] }) : /* @__PURE__ */ o(v, { children: [
+          f,
+          p,
+          g
+        ] })
+      }
+    );
+  }
+);
+E.displayName = "Rating";
+export {
+  E as Rating
+};

package/dist/components/Rating/Rating.module.css

@@ -0,0 +1 @@
+._root_13b2u_2{--rating-color-active: var(--st-color-primary);--rating-color-inactive: var(--st-color-neutral-200);display:inline-flex;align-items:center;gap:var(--st-space-1)}._stars_13b2u_12{display:inline-flex;align-items:center;gap:2px}._iconActive_13b2u_19{fill:var(--rating-color-active)}._iconInactive_13b2u_23{fill:var(--rating-color-inactive)}._value_13b2u_28{font-family:var(--st-font-family);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);color:var(--st-color-foreground)}._md_13b2u_35 ._value_13b2u_28{font-size:var(--st-font-size-sm)}._sm_13b2u_39 ._value_13b2u_28{font-size:var(--st-font-size-xs)}._count_13b2u_44{font-family:var(--st-font-family);line-height:var(--st-line-height-tight);color:var(--st-color-muted)}._md_13b2u_35 ._count_13b2u_44{font-size:var(--st-font-size-sm)}._sm_13b2u_39 ._count_13b2u_44{font-size:var(--st-font-size-xs)}

package/dist/components/Rating/Rating.module.css.js

@@ -0,0 +1,21 @@
+import './Rating.module.css';const t = "_root_13b2u_2", o = "_stars_13b2u_12", c = "_iconActive_13b2u_19", _ = "_iconInactive_13b2u_23", n = "_value_13b2u_28", s = "_md_13b2u_35", u = "_sm_13b2u_39", e = "_count_13b2u_44", i = {
+  root: t,
+  stars: o,
+  iconActive: c,
+  iconInactive: _,
+  value: n,
+  md: s,
+  sm: u,
+  count: e
+};
+export {
+  e as count,
+  i as default,
+  c as iconActive,
+  _ as iconInactive,
+  s as md,
+  t as root,
+  u as sm,
+  o as stars,
+  n as value
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type RatingSize = 'md' | 'sm';
+export type RatingVariant = 'type1' | 'type2' | 'simple';
+export type RatingIconType = 'star' | 'heart';
+export interface RatingProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    count?: number;
+    maxStars?: number;
+    size?: RatingSize;
+    variant?: RatingVariant;
+    icon?: RatingIconType;
+}
+//# sourceMappingURL=Rating.types.d.ts.map

package/dist/components/Rating/Rating.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

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

@@ -0,0 +1,3 @@
+export { Rating } from './Rating';
+export type { RatingProps, RatingSize, RatingVariant, RatingIconType, } from './Rating.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlProps } from './SegmentedControl.types';
+export declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,eAAO,MAAM,gBAAgB,kHAqC5B,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as s } from "../../utils/cn.js";
+import { SegmentedControlContext as c } from "./SegmentedControlContext.js";
+import o from "./SegmentedControl.module.css.js";
+const g = p(
+  ({
+    size: e = "md",
+    variant: t = "button",
+    value: m,
+    onValueChange: n,
+    disabled: d = !1,
+    className: i,
+    children: l,
+    ...a
+  }, f) => /* @__PURE__ */ r(
+    c.Provider,
+    {
+      value: { value: m, onValueChange: n, disabled: d },
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          ref: f,
+          role: "radiogroup",
+          className: s(
+            o.root,
+            o[e],
+            o[t],
+            i
+          ),
+          ...a,
+          children: l
+        }
+      )
+    }
+  )
+);
+g.displayName = "SegmentedControl";
+export {
+  g as SegmentedControl
+};

package/dist/components/SegmentedControl/SegmentedControl.module.css

@@ -0,0 +1 @@
+._root_1icnz_1{display:inline-flex;align-items:center;width:fit-content;background:var(--st-color-neutral-100);padding:4px;border-radius:var(--st-radius-full)}._lg_1icnz_11{--sc-height: 40px;--sc-px: var(--st-space-4);--sc-font: var(--st-font-size-sm);--sc-gap: var(--st-space-2)}._md_1icnz_18{--sc-height: 32px;--sc-px: var(--st-space-3);--sc-font: var(--st-font-size-sm);--sc-gap: var(--st-space-1)}._sm_1icnz_25{--sc-height: 28px;--sc-px: var(--st-space-2);--sc-font: var(--st-font-size-xs);--sc-gap: var(--st-space-1)}._button_1icnz_33{gap:0}._button_1icnz_33>*:first-child{border-radius:var(--st-radius-full) 0 0 var(--st-radius-full)}._button_1icnz_33>*:last-child{border-radius:0 var(--st-radius-full) var(--st-radius-full) 0}._button_1icnz_33>*:only-child{border-radius:var(--st-radius-full)}._tag_1icnz_50{gap:2px}._tag_1icnz_50>*{border-radius:var(--st-radius-full)}

package/dist/components/SegmentedControl/SegmentedControl.module.css.js

@@ -0,0 +1,17 @@
+import './SegmentedControl.module.css';const t = "_root_1icnz_1", _ = "_lg_1icnz_11", o = "_md_1icnz_18", n = "_sm_1icnz_25", c = "_button_1icnz_33", s = "_tag_1icnz_50", g = {
+  root: t,
+  lg: _,
+  md: o,
+  sm: n,
+  button: c,
+  tag: s
+};
+export {
+  c as button,
+  g as default,
+  _ as lg,
+  o as md,
+  t as root,
+  n as sm,
+  s as tag
+};

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
+export type SegmentedControlSize = 'lg' | 'md' | 'sm';
+export type SegmentedControlVariant = 'button' | 'tag';
+export interface SegmentedControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Size of the segmented control */
+    size?: SegmentedControlSize;
+    /** Visual variant */
+    variant?: SegmentedControlVariant;
+    /** Currently active segment value (controlled) */
+    value?: string;
+    /** Callback when active segment changes */
+    onValueChange?: (value: string) => void;
+    /** Disable all segments */
+    disabled?: boolean;
+    children: ReactNode;
+}
+export interface SegmentedControlItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+    /** Unique value for this segment */
+    value: string;
+    /** Optional icon */
+    icon?: ReactNode;
+}
+//# sourceMappingURL=SegmentedControl.types.d.ts.map

package/dist/components/SegmentedControl/SegmentedControl.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,oCAAoC;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,qBAAqB;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC9D,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/dist/components/SegmentedControl/SegmentedControlContext.d.ts

@@ -0,0 +1,8 @@
+export interface SegmentedControlContextValue {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled: boolean;
+}
+export declare const SegmentedControlContext: import('react').Context<SegmentedControlContextValue | null>;
+export declare function useSegmentedControl(): SegmentedControlContextValue;
+//# sourceMappingURL=SegmentedControlContext.d.ts.map

package/dist/components/SegmentedControl/SegmentedControlContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,8DACsB,CAAC;AAE3D,wBAAgB,mBAAmB,IAAI,4BAA4B,CAQlE"}

package/dist/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,14 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(null);
+function m() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "SegmentedControlItem must be used within a SegmentedControl"
+    );
+  return t;
+}
+export {
+  o as SegmentedControlContext,
+  m as useSegmentedControl
+};

package/dist/components/SegmentedControl/SegmentedControlItem.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlItemProps } from './SegmentedControl.types';
+export declare const SegmentedControlItem: import('react').ForwardRefExoticComponent<SegmentedControlItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SegmentedControlItem.d.ts.map