@pibit.ai/cure-design-system 0.6.23 → 0.6.25

package/dist/primitives/progress-bar/progress-bar.js

@@ -0,0 +1,96 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { cx as g } from "../../utils/cn.js";
+const u = (r, e, t) => t > e ? Math.min(100, Math.max(0, (r - e) * 100 / (t - e))) : 0, x = ({
+  value: r,
+  min: e = 0,
+  max: t = 100,
+  className: l,
+  progressClassName: d,
+  "aria-label": c
+}) => {
+  const m = u(r, e, t);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "progressbar",
+      "aria-label": c,
+      "aria-valuenow": r,
+      "aria-valuemin": e,
+      "aria-valuemax": t,
+      className: g("h-2 w-full overflow-hidden rounded-md bg-quaternary", l),
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          style: { transform: `translateX(-${100 - m}%)` },
+          className: g(
+            "size-full rounded-md bg-fg-brand-primary transition duration-75 ease-linear",
+            d
+          )
+        }
+      )
+    }
+  );
+}, h = ({
+  value: r,
+  min: e = 0,
+  max: t = 100,
+  valueFormatter: l,
+  labelPosition: d,
+  className: c,
+  progressClassName: m,
+  "aria-label": f
+}) => {
+  const n = u(r, e, t), o = l ? l(r, n) : `${n.toFixed(0)}%`, s = /* @__PURE__ */ a(
+    x,
+    {
+      min: e,
+      max: t,
+      value: r,
+      className: c,
+      progressClassName: m,
+      "aria-label": f
+    }
+  );
+  switch (d) {
+    case "right":
+      return /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        s,
+        /* @__PURE__ */ a("span", { className: "shrink-0 text-sm font-medium text-secondary tabular-nums", children: o })
+      ] });
+    case "bottom":
+      return /* @__PURE__ */ i("div", { className: "flex flex-col items-end gap-2", children: [
+        s,
+        /* @__PURE__ */ a("span", { className: "text-sm font-medium text-secondary tabular-nums", children: o })
+      ] });
+    case "top-floating":
+      return /* @__PURE__ */ i("div", { className: "relative flex flex-col items-end gap-2", children: [
+        s,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            style: { left: `${n}%` },
+            className: "absolute -top-2 -translate-x-1/2 -translate-y-full rounded-lg bg-primary_alt px-3 py-2 shadow-lg ring-1 ring-secondary_alt",
+            children: /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-secondary tabular-nums", children: o })
+          }
+        )
+      ] });
+    case "bottom-floating":
+      return /* @__PURE__ */ i("div", { className: "relative flex flex-col items-end gap-2", children: [
+        s,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            style: { left: `${n}%` },
+            className: "absolute -bottom-2 -translate-x-1/2 translate-y-full rounded-lg bg-primary_alt px-3 py-2 shadow-lg ring-1 ring-secondary_alt",
+            children: /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-secondary", children: o })
+          }
+        )
+      ] });
+    default:
+      return s;
+  }
+};
+export {
+  h as ProgressBar,
+  x as ProgressBarBase
+};

package/dist/primitives/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps } from './segmented-control';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/primitives/segmented-control/segmented-control.d.ts

@@ -0,0 +1,21 @@
+export interface SegmentedControlOption {
+    label: string;
+    onClick: () => void;
+    /** Shown after the label; a shimmer stands in while `isLoading`. */
+    count?: number;
+}
+export interface SegmentedControlProps {
+    buttonsArray: SegmentedControlOption[];
+    /** Controlled active option. Without it the control starts on the first option and tracks clicks itself. */
+    activeIndex?: number;
+    isLoading?: boolean;
+    buttonDisabled?: boolean;
+    /** Called after an option's own `onClick`, e.g. for analytics. */
+    onChange?: (index: number, option: SegmentedControlOption) => void;
+}
+/**
+ * A row of text buttons where one is active (brand-tinted, `aria-pressed`), each with an optional
+ * count. Used for view filters such as the notification panel's All / Unread / Mentions.
+ */
+export declare const SegmentedControl: ({ buttonsArray, activeIndex: controlledIndex, isLoading, buttonDisabled, onChange, }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/primitives/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/primitives/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IAClC,YAAY,EAAE,sBAAsB,EAAE,CAAC;IACvC,4GAA4G;IAC5G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACtE;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,sFAM9B,qBAAqB,4CAgDvB,CAAC"}

package/dist/primitives/segmented-control/segmented-control.js

@@ -0,0 +1,43 @@
+import { jsx as a, jsxs as p, Fragment as n } from "react/jsx-runtime";
+import { useState as v, useEffect as b } from "react";
+import { cx as f } from "../../utils/cn.js";
+import { Button as h } from "../button/button.js";
+import g from "../shimmer/shimmer.js";
+const S = ({
+  buttonsArray: i,
+  activeIndex: o,
+  isLoading: l = !1,
+  buttonDisabled: m,
+  onChange: c
+}) => {
+  const [s, t] = v(o ?? 0);
+  b(() => {
+    o !== void 0 && t(o);
+  }, [o]);
+  const d = (r) => {
+    var e;
+    t(r), (e = i[r]) == null || e.onClick(), i[r] && (c == null || c(r, i[r]));
+  };
+  return /* @__PURE__ */ a("div", { className: "inline-flex gap-1", children: i.map((r, e) => /* @__PURE__ */ p(
+    h,
+    {
+      onClick: () => d(e),
+      size: "xs",
+      color: "tertiary",
+      className: f(
+        "h-8 px-3 border-0 border-white cursor-pointer text-xs font-medium text-[var(--color-gray-600)] transition-all duration-150",
+        s === e && "text-[var(--color-text-brand-tertiary)] rounded-sm bg-[var(--color-bg-brand-primary)] border border-[var(--color-border-brand)] hover:bg-[var(--color-bg-brand-primary)]"
+      ),
+      isDisabled: m,
+      "aria-pressed": s === e,
+      children: [
+        /* @__PURE__ */ a("span", { children: r.label }),
+        r.count !== void 0 && /* @__PURE__ */ a(n, { children: l ? /* @__PURE__ */ a(g, { className: "ml-1 inline-block", children: /* @__PURE__ */ a("div", { className: "bg-gray-200 rounded h-3.5 w-4" }) }) : /* @__PURE__ */ a("span", { className: "ml-1 ", children: r.count }) })
+      ]
+    },
+    e
+  )) });
+};
+export {
+  S as SegmentedControl
+};

package/dist/primitives/select/multi-select.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as M, Fragment as me } from "react/jsx-runtime";
 import { useId as ge, useCallback as L, useMemo as B, useRef as G, useState as ue, createContext as we, useContext as H, useLayoutEffect as ye } from "react";
-import { useFilter as be, useInteractOutside as xe, FocusScope as ve, useFocusManager as De } from "react-aria";
+import { useFilter as be, useInteractOutside as ve, FocusScope as xe, useFocusManager as De } from "react-aria";
 import { ChevronDown as Ne, SearchMd as ke } from "@untitledui/icons";
 import { ComboBox as Te, ListBox as Se, ComboBoxStateContext as Z, ButtonContext as ee, Group as Re, Input as Fe } from "react-aria-components";
 import { useListData as Ae } from "../../node_modules/react-stately/dist/private/data/useListData.js";
@@ -44,7 +44,7 @@ function $e({
   popoverRef: y
 }) {
   const d = H(Z);
-  return xe({
+  return ve({
     ref: y,
     isDisabled: !(d != null && d.isOpen),
     onInteractOutside: (m) => {
@@ -169,7 +169,7 @@ const Ue = ({
   ...f
 }) => {
   var ae;
-  const _ = ge(), { contains: V } = be({ sensitivity: "base" }), E = (ae = m == null ? void 0 : m.items) != null && ae.length ? m.items.map((n) => n.id) : [], v = L(
+  const _ = ge(), { contains: V } = be({ sensitivity: "base" }), E = (ae = m == null ? void 0 : m.items) != null && ae.length ? m.items.map((n) => n.id) : [], x = L(
     (n) => E.some((i) => String(i) === String(n)),
     [E]
   ), X = L(
@@ -179,9 +179,9 @@ const Ue = ({
         i,
         V
       );
-      return (R || !v(n.id)) && A;
+      return (R || !x(n.id)) && A;
     },
-    [V, v, R]
+    [V, x, R]
   ), w = Ae({
     initialItems: c,
     filter: X
@@ -190,34 +190,34 @@ const Ue = ({
   ) : c : [], [c, z, w.filterText, V]), P = B(() => {
     if (D.length === 0) return "unselected";
     const n = D.filter(
-      (i) => v(i.id)
+      (i) => x(i.id)
     ).length;
     return n === 0 ? "unselected" : n === D.length ? "selected" : "indeterminate";
-  }, [D, v]), t = G(!1), N = L(() => {
+  }, [D, x]), t = G(!1), N = L(() => {
     t.current = !0, setTimeout(() => {
       t.current = !1;
     }, 0);
   }, []), J = L(() => {
     N();
-    const n = P !== "selected", i = D.map((x) => x.id), A = new Set(i.map(String)), K = n ? [.../* @__PURE__ */ new Set([...E, ...i])] : E.filter((x) => !A.has(String(x))), W = D.filter((x) => !v(x.id)), U = D.filter((x) => v(x.id)).map((x) => x.id);
+    const n = P !== "selected", i = D.map((v) => v.id), A = new Set(i.map(String)), K = n ? [.../* @__PURE__ */ new Set([...E, ...i])] : E.filter((v) => !A.has(String(v))), W = D.filter((v) => !x(v.id)), U = D.filter((v) => x(v.id)).map((v) => v.id);
     if (n && W.length > 0 ? m.append(...W) : !n && U.length > 0 && m.remove(...U), T) {
       T(K);
       return;
     }
     if (n) {
-      for (const x of D)
-        v(x.id) || b == null || b(x.id);
+      for (const v of D)
+        x(v.id) || b == null || b(v.id);
       return;
     }
-    for (const x of D)
-      v(x.id) && (l == null || l(x.id));
+    for (const v of D)
+      x(v.id) && (l == null || l(v.id));
   }, [
     N,
     P,
     D,
     E,
     m,
-    v,
+    x,
     T,
     b,
     l
@@ -238,7 +238,7 @@ const Ue = ({
     }, 0);
     const A = w.getItem(n) ?? (c == null ? void 0 : c.find((K) => String(K.id) === String(n)));
     if (A) {
-      if (v(n)) {
+      if (x(n)) {
         const K = E.find((W) => String(W) === i) ?? n;
         m.remove(K), l == null || l(K);
       } else
@@ -313,7 +313,7 @@ const Ue = ({
                 className: k(
                   "text-tertiary",
                   ce[d],
-                  "-mt-0.5 leading-[18px]"
+                  "-mt-0.5 leading-4.5"
                 ),
                 children: j
               }
@@ -510,7 +510,7 @@ const Ue = ({
         e == null || e.close();
         break;
     }
-  }, v = ((z = (w = a == null ? void 0 : a.selectedItems) == null ? void 0 : w.items) == null ? void 0 : z.length) === 0;
+  }, x = ((z = (w = a == null ? void 0 : a.selectedItems) == null ? void 0 : w.items) == null ? void 0 : z.length) === 0;
   return /* @__PURE__ */ M("div", { className: "relative min-w-0 w-full flex-1", children: [
     /* @__PURE__ */ M(
       "div",
@@ -525,7 +525,7 @@ const Ue = ({
           ) : "flex-nowrap items-center overflow-x-auto overflow-y-hidden scrollbar-hide"
         ),
         children: [
-          /* @__PURE__ */ s(ee.Provider, { value: null, children: !v && ((P = (D = a == null ? void 0 : a.selectedItems) == null ? void 0 : D.items) == null ? void 0 : P.map((t) => /* @__PURE__ */ M(
+          /* @__PURE__ */ s(ee.Provider, { value: null, children: !x && ((P = (D = a == null ? void 0 : a.selectedItems) == null ? void 0 : D.items) == null ? void 0 : P.map((t) => /* @__PURE__ */ M(
             "span",
             {
               "data-multiselect-chip": !0,
@@ -575,7 +575,7 @@ const Ue = ({
               className: k(
                 "relative flex flex-1 flex-row items-center",
                 o ? "min-w-[20%]" : "min-w-0",
-                !v && "ml-0.5",
+                !x && "ml-0.5",
                 y && "min-w-[30%]"
               ),
               children: [
@@ -583,7 +583,7 @@ const Ue = ({
                   Fe,
                   {
                     ref: T,
-                    placeholder: v ? m : void 0,
+                    placeholder: x ? m : void 0,
                     onKeyDown: F,
                     onMouseDown: _,
                     onFocus: V,
@@ -692,7 +692,7 @@ const Ue = ({
       },
       children: ({ isDisabled: u, isFocusWithin: h }) => /* @__PURE__ */ M(me, { children: [
         l && /* @__PURE__ */ s(l, { className: "pointer-events-none size-5 shrink-0 text-fg-quaternary" }),
-        /* @__PURE__ */ s(ve, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(xe, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
           Je,
           {
             inputRef: g,

package/dist/primitives/slider/index.d.ts

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

package/dist/primitives/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/slider/range-slider.d.ts

@@ -0,0 +1,24 @@
+export interface RangeSliderZoneLabel {
+    title: string;
+    value: string;
+}
+export interface RangeSliderProps {
+    minValue: number;
+    maxValue: number;
+    step?: number;
+    value: [number, number];
+    onChange: (value: [number, number]) => void;
+    isDisabled?: boolean;
+    marks?: number[];
+    zoneLabels?: {
+        left: RangeSliderZoneLabel;
+        middle: RangeSliderZoneLabel;
+        right: RangeSliderZoneLabel;
+    };
+    leftSegmentClassName?: string;
+    middleSegmentClassName?: string;
+    rightSegmentClassName?: string;
+    trackClassName?: string;
+}
+export declare function RangeSlider({ minValue, maxValue, step, value, onChange, isDisabled, marks, zoneLabels, leftSegmentClassName, middleSegmentClassName, rightSegmentClassName, trackClassName, }: RangeSliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=range-slider.d.ts.map

package/dist/primitives/slider/range-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-slider.d.ts","sourceRoot":"","sources":["../../../src/primitives/slider/range-slider.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE;QACT,IAAI,EAAE,oBAAoB,CAAC;QAC3B,MAAM,EAAE,oBAAoB,CAAC;QAC7B,KAAK,EAAE,oBAAoB,CAAC;KAC/B,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,IAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,UAAU,EACV,oBAA6C,EAC7C,sBAAuC,EACvC,qBAAgD,EAChD,cAA+B,GAClC,EAAE,gBAAgB,2CAkHlB"}

package/dist/primitives/slider/range-slider.js

@@ -0,0 +1,115 @@
+import { jsxs as a, jsx as e, Fragment as S } from "react/jsx-runtime";
+import { Slider as $, SliderTrack as j, SliderThumb as V } from "react-aria-components";
+import { cx as s } from "../../utils/cn.js";
+function M({
+  minValue: m,
+  maxValue: u,
+  step: f = 1,
+  value: d,
+  onChange: h,
+  isDisabled: o = !1,
+  marks: r,
+  zoneLabels: t,
+  leftSegmentClassName: x = "bg-utility-error-300",
+  middleSegmentClassName: p = "bg-[#DEE1E8]",
+  rightSegmentClassName: g = "bg-utility-success-300",
+  trackClassName: N = "bg-[#DEE1E8]"
+}) {
+  const [y, b] = d, w = y < b;
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+    t ? /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-2 text-center", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5 items-start", children: [
+        /* @__PURE__ */ e("span", { className: "text-xs text-tertiary font-medium", children: t.left.title }),
+        /* @__PURE__ */ e("span", { className: "text-md font-bold text-primary", children: t.left.value })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5 items-center", children: [
+        /* @__PURE__ */ e("span", { className: "text-xs text-tertiary font-medium", children: t.middle.title }),
+        /* @__PURE__ */ e("span", { className: "text-md font-bold text-primary", children: t.middle.value })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5 items-end", children: [
+        /* @__PURE__ */ e("span", { className: "text-xs text-tertiary font-medium", children: t.right.title }),
+        /* @__PURE__ */ e("span", { className: "text-md font-bold text-primary", children: t.right.value })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ e(
+      $,
+      {
+        minValue: m,
+        maxValue: u,
+        step: f,
+        value: d,
+        onChange: (l) => h(l),
+        isDisabled: o,
+        className: "w-full",
+        children: /* @__PURE__ */ e(j, { className: "relative h-8 w-full", children: ({ state: { getThumbPercent: l } }) => {
+          const i = l(0), n = l(1);
+          return /* @__PURE__ */ a(S, { children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full",
+                  N
+                )
+              }
+            ),
+            i > 0 ? /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "absolute top-1/2 h-2 -translate-y-1/2 rounded-l-full",
+                  x
+                ),
+                style: {
+                  left: 0,
+                  width: `${i * 100}%`
+                }
+              }
+            ) : null,
+            w ? /* @__PURE__ */ e(
+              "span",
+              {
+                className: s("absolute top-1/2 h-2 -translate-y-1/2", p),
+                style: {
+                  left: `${i * 100}%`,
+                  width: `${(n - i) * 100}%`
+                }
+              }
+            ) : null,
+            n < 1 ? /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "absolute top-1/2 h-2 -translate-y-1/2 rounded-r-full",
+                  g
+                ),
+                style: {
+                  left: `${n * 100}%`,
+                  width: `${(1 - n) * 100}%`
+                }
+              }
+            ) : null,
+            [0, 1].map((c) => /* @__PURE__ */ e(
+              V,
+              {
+                index: c,
+                className: ({ isFocusVisible: v, isDragging: E }) => s(
+                  "top-1/2 box-border size-5 cursor-grab rounded-full bg-white shadow-md ring-1 ring-secondary",
+                  c === 0 ? "z-[2]" : "z-[1]",
+                  v && "outline-2 outline-offset-2 outline-focus-ring",
+                  E && "cursor-grabbing",
+                  o && "cursor-not-allowed opacity-60"
+                )
+              },
+              c
+            ))
+          ] });
+        } })
+      }
+    ),
+    r != null && r.length ? /* @__PURE__ */ e("div", { className: "flex justify-between px-0.5", children: r.map((l) => /* @__PURE__ */ e("span", { className: "w-5 text-center text-xs font-medium text-tertiary", children: l }, l)) }) : null
+  ] });
+}
+export {
+  M as RangeSlider
+};

package/dist/primitives/slider/slider.d.ts

@@ -0,0 +1,13 @@
+import { SliderProps as AriaSliderProps } from 'react-aria-components';
+declare const styles: {
+    default: string;
+    bottom: string;
+    "top-floating": string;
+};
+export interface SliderProps extends AriaSliderProps {
+    labelPosition?: keyof typeof styles;
+    labelFormatter?: (value: number) => string;
+}
+export declare const Slider: ({ labelPosition, minValue, maxValue, labelFormatter, formatOptions, ...rest }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=slider.d.ts.map

package/dist/primitives/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/primitives/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAU5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAChD,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,eAAO,MAAM,MAAM,GAAI,+EAOpB,WAAW,4CAqDb,CAAC"}

package/dist/primitives/slider/slider.js

@@ -0,0 +1,55 @@
+import { jsxs as s, jsx as t, Fragment as y } from "react/jsx-runtime";
+import { Slider as x, Label as w, SliderTrack as S, SliderThumb as N, SliderOutput as O } from "react-aria-components";
+import { cx as n, sortCx as F } from "../../utils/cn.js";
+const $ = F({
+  default: "hidden",
+  bottom: "absolute top-2 left-1/2 -translate-x-1/2 translate-y-full text-md font-medium text-primary",
+  "top-floating": "absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full rounded-lg bg-primary px-2 py-1.5 text-xs font-semibold text-secondary shadow-lg ring-1 ring-secondary_alt"
+}), D = ({
+  labelPosition: i = "default",
+  minValue: d = 0,
+  maxValue: u = 100,
+  labelFormatter: a,
+  formatOptions: f,
+  ...m
+}) => /* @__PURE__ */ s(x, { ...m, minValue: d, maxValue: u, formatOptions: f ?? {
+  style: "percent",
+  maximumFractionDigits: 0
+}, children: [
+  /* @__PURE__ */ t(w, {}),
+  /* @__PURE__ */ t(S, { className: "relative h-6 w-full", children: ({ state: { values: e, getThumbValue: p, getThumbPercent: l, getFormattedValue: c } }) => {
+    const o = e.length === 1 ? 0 : l(0), g = e.length === 1 ? l(0) : l(1) - o;
+    return /* @__PURE__ */ s(y, { children: [
+      /* @__PURE__ */ t("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-tertiary" }),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid",
+          style: {
+            left: `${o * 100}%`,
+            width: `${g * 100}%`
+          }
+        }
+      ),
+      e.map((_, r) => /* @__PURE__ */ t(
+        N,
+        {
+          index: r,
+          className: ({ isFocusVisible: b, isDragging: h }) => n(
+            "top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset",
+            b && "outline-2 outline-offset-2 outline-focus-ring",
+            h && "cursor-grabbing"
+          ),
+          children: /* @__PURE__ */ t(O, { className: n("whitespace-nowrap", $[i]), children: a ? a(p(r)) : (
+            // The default format is a percent, so pass the thumb's 0–1 position in the range.
+            c(l(r))
+          ) })
+        },
+        r
+      ))
+    ] });
+  } })
+] });
+export {
+  D as Slider
+};