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

package/dist/primitives/button-group/button-group.d.ts

@@ -0,0 +1,45 @@
+import { FC, PropsWithChildren, ReactNode, RefAttributes } from 'react';
+import { ToggleButtonGroupProps, ToggleButtonProps } from 'react-aria-components';
+declare const styles: {
+    common: {
+        root: string;
+        icon: string;
+    };
+    sizes: {
+        xs: {
+            root: string;
+            icon: string;
+        };
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+    };
+};
+type ButtonSize = keyof typeof styles.sizes;
+export interface ButtonGroupItemProps extends ToggleButtonProps, RefAttributes<HTMLButtonElement> {
+    iconLeading?: FC<{
+        className?: string;
+    }> | ReactNode;
+    iconTrailing?: FC<{
+        className?: string;
+    }> | ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const ButtonGroupItem: ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, ...otherProps }: PropsWithChildren<ButtonGroupItemProps>) => import("react/jsx-runtime").JSX.Element;
+export interface ButtonGroupProps extends Omit<ToggleButtonGroupProps, "orientation">, RefAttributes<HTMLDivElement> {
+    size?: ButtonSize;
+    className?: string;
+}
+export declare const ButtonGroup: ({ children, size, className, ...otherProps }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button-group.d.ts.map

package/dist/primitives/button-group/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/primitives/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,aAAa,EAIrB,MAAM,OAAO,CAAC;AACf,OAAO,EAGH,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAI/B,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAgCV,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAI5C,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC;IAC7F,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,8FAM7B,iBAAiB,CAAC,oBAAoB,CAAC,4CAyBzC,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC;IAChH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,8CAAqD,gBAAgB,4CAYhG,CAAC"}

package/dist/primitives/button-group/button-group.js

@@ -0,0 +1,73 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { createContext as m, useContext as x, isValidElement as l } from "react";
+import { ToggleButtonGroup as g, ToggleButton as b } from "react-aria-components";
+import { cx as s, sortCx as v } from "../../utils/cn.js";
+import { isReactComponent as d } from "../../utils/is-react-component.js";
+const t = v({
+  common: {
+    root: [
+      "group/button-group inline-flex h-max cursor-pointer items-center bg-primary font-semibold whitespace-nowrap text-secondary shadow-skeumorphic ring-1 ring-[var(--border-color-secondary)] outline-[var(--border-color-secondary)] transition duration-100 ease-linear ring-inset",
+      // Hover and focus styles
+      "hover:bg-primary_hover hover:text-secondary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2",
+      // Disabled styles
+      "disabled:cursor-not-allowed disabled:bg-primary disabled:text-disabled",
+      // Selected styles
+      "selected:bg-active selected:text-secondary_hover selected:disabled:bg-disabled_subtle"
+    ].join(" "),
+    icon: "pointer-events-none text-fg-quaternary transition-[inherit] group-hover/button-group:text-fg-quaternary_hover group-disabled/button-group:text-fg-disabled_subtle"
+  },
+  sizes: {
+    xs: {
+      root: "gap-1.5 px-2 py-1.5  text-[12px]  first:rounded-l-md last:rounded-r-md data-icon-leading:pl-1.5 data-icon-only:p-1.5 ",
+      icon: "size-4.5"
+    },
+    sm: {
+      root: "gap-1.5 px-3.5 py-2 text-sm not-last:pr-[calc(calc(var(--spacing)*3.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3 data-icon-only:p-2",
+      icon: "size-5"
+    },
+    md: {
+      root: "gap-1.5 px-4 py-2.5 text-sm not-last:pr-[calc(calc(var(--spacing)*4)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3.5 data-icon-only:px-3",
+      icon: "size-5"
+    },
+    lg: {
+      root: "gap-2 px-4.5 py-2.5 text-md not-last:pr-[calc(calc(var(--spacing)*4.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-4 data-icon-only:p-3",
+      icon: "size-5"
+    }
+  }
+}), c = m({ size: "md" }), B = ({
+  iconLeading: o,
+  iconTrailing: e,
+  children: r,
+  className: i,
+  ...p
+}) => {
+  const { size: a } = x(c);
+  return /* @__PURE__ */ u(
+    b,
+    {
+      ...p,
+      "data-icon-only": (o || e) && !r ? !0 : void 0,
+      "data-icon-leading": o ? !0 : void 0,
+      className: s(t.common.root, t.sizes[a].root, i),
+      children: [
+        d(o) && /* @__PURE__ */ n(o, { className: s(t.common.icon, t.sizes[a].icon) }),
+        l(o) && o,
+        r,
+        d(e) && /* @__PURE__ */ n(e, { className: s(t.common.icon, t.sizes[a].icon) }),
+        l(e) && e
+      ]
+    }
+  );
+}, C = ({ children: o, size: e = "md", className: r, ...i }) => /* @__PURE__ */ n(c.Provider, { value: { size: e }, children: /* @__PURE__ */ n(
+  g,
+  {
+    selectionMode: "single",
+    className: s("relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs", r),
+    ...i,
+    children: o
+  }
+) });
+export {
+  C as ButtonGroup,
+  B as ButtonGroupItem
+};

package/dist/primitives/button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonGroupItemProps } from './button-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/button-group/index.d.ts.map

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

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

@@ -1,4 +1,5 @@
 export { Input, InputBase, TextField, type InputProps, type InputBaseProps, type TextFieldProps } from './input';
 export { Label, type LabelProps } from './label';
 export { HintText, type HintTextProps } from './hint-text';
+export { InputGroup, InputPrefix, type InputGroupProps, type InputPrefixProps } from './input-group';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/primitives/input/input-group.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { InputBaseProps } from './input';
+export interface InputPrefixProps extends HTMLAttributes<HTMLDivElement> {
+    /** The position of the prefix. */
+    position?: "leading" | "trailing";
+    /** The size of the prefix. */
+    size?: "sm" | "md";
+    /** Indicates that the prefix is disabled. */
+    isDisabled?: boolean;
+}
+export declare const InputPrefix: ({ isDisabled, children, ...props }: InputPrefixProps) => import("react/jsx-runtime").JSX.Element;
+export interface InputGroupProps extends Omit<InputBaseProps, "type" | "icon" | "placeholder" | "tooltip" | "shortcut" | `${string}ClassName`> {
+    /** A prefix text that is displayed in the same box as the input.*/
+    prefix?: string;
+    /** A leading addon that is displayed with visual separation from the input. */
+    leadingAddon?: ReactNode;
+    /** A trailing addon that is displayed with visual separation from the input. */
+    trailingAddon?: ReactNode;
+    /** The class name to apply to the input group. */
+    className?: string;
+    /** The children of the input group (i.e `<InputBase />`) */
+    children: ReactNode;
+    /** The class name to apply to the input. */
+    inputClassName?: string;
+}
+export declare const InputGroup: {
+    ({ size, isReadOnly, prefix, leadingAddon, trailingAddon, label, hint, children, ...props }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
+    Prefix: ({ isDisabled, children, ...props }: InputPrefixProps) => import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=input-group.d.ts.map

package/dist/primitives/input/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,SAAS,CAAC;AAGzD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAClC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,GAAI,oCAAoC,gBAAgB,4CAmB/E,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CACzC,cAAc,EACd,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,GAAG,MAAM,WAAW,CAClF;IACG,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gFAAgF;IAChF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU;iGAUpB,eAAe;iDAlD8C,gBAAgB;;CAmJ/E,CAAC"}

package/dist/primitives/input/input-group.js

@@ -0,0 +1,116 @@
+import { jsx as a, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { sortCx as T, cx as e } from "../../utils/cn.js";
+import { HintText as C } from "./hint-text.js";
+import { TextField as v } from "./input.js";
+import { Label as z } from "./label.js";
+const _ = ({ isDisabled: t, children: s, ...r }) => /* @__PURE__ */ a(
+  "span",
+  {
+    ...r,
+    className: e(
+      "flex text-md text-tertiary",
+      // Styles when the prefix is within an `InputGroup`
+      "in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-l-lg",
+      "in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-r-lg",
+      // Size styles based on size when within an `InputGroup`
+      "in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:pr-3 in-data-input-wrapper:in-data-[input-size=md]:pl-3.5 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2",
+      // Disabled styles
+      t && "border-disabled bg-disabled_subtle text-tertiary",
+      "in-data-input-wrapper:group-disabled:bg-disabled_subtle in-data-input-wrapper:group-disabled:text-disabled in-data-input-wrapper:group-disabled:ring-border-disabled",
+      r.className
+    ),
+    children: s
+  }
+), w = ({
+  size: t = "sm",
+  isReadOnly: s,
+  prefix: r,
+  leadingAddon: n,
+  trailingAddon: l,
+  label: d,
+  hint: o,
+  children: f,
+  ...u
+}) => {
+  var g;
+  const i = !!n, p = !!l, c = T({
+    sm: {
+      input: e(
+        // Apply padding styles when select element is passed as a child
+        i && "group-has-[&>select]:px-2.5 group-has-[&>select]:pl-2.5",
+        p && (r ? "group-has-[&>select]:pr-6 group-has-[&>select]:pl-0" : "group-has-[&>select]:pr-6 group-has-[&>select]:pl-3")
+      ),
+      leadingText: "pl-3"
+    },
+    md: {
+      input: e(
+        // Apply padding styles when select element is passed as a child
+        i && "group-has-[&>select]:px-3 group-has-[&>select]:pl-3",
+        p && (r ? "group-has-[&>select]:pr-6 group-has-[&>select]:pl-0" : "group-has-[&>select]:pr-6 group-has-[&>select]:pl-3")
+      ),
+      leadingText: "pl-3.5"
+    }
+  });
+  return /* @__PURE__ */ a(
+    v,
+    {
+      size: t,
+      isReadOnly: s,
+      "aria-label": d || void 0,
+      inputClassName: e((g = c[t]) == null ? void 0 : g.input),
+      tooltipClassName: e(p && !i && "group-has-[&>select]:right-0"),
+      wrapperClassName: e(
+        "z-10",
+        // Apply styles based on the presence of leading or trailing elements
+        i && "rounded-l-none",
+        p && "rounded-r-none",
+        // When select element is passed as a child
+        "group-has-[&>select]:bg-transparent group-has-[&>select]:shadow-none group-has-[&>select]:ring-0 group-has-[&>select]:focus-within:ring-0",
+        // In `Input` component, there is "group-disabled" class so here we need to use "group-disabled:group-has-[&>select]" to avoid conflict
+        "group-disabled:group-has-[&>select]:bg-transparent",
+        u.inputClassName
+      ),
+      ...u,
+      children: ({ isDisabled: h, isInvalid: m, isRequired: N }) => {
+        var b;
+        return /* @__PURE__ */ x(y, { children: [
+          d && /* @__PURE__ */ a(z, { isRequired: N, className: "text-xs", children: d }),
+          /* @__PURE__ */ x(
+            "div",
+            {
+              "data-input-size": t,
+              className: e(
+                "group relative flex h-max w-full flex-row justify-center rounded-lg bg-primary border border-secondary transition-all duration-100 ease-linear",
+                // Only apply focus ring when child is select and input is focused (not read-only)
+                "has-[&>select]:shadow-xs has-[&>select]:ring-1 has-[&>select]:ring-border-primary has-[&>select]:ring-inset",
+                !s && "has-[&>select]:has-[input:focus]:ring-2 has-[&>select]:has-[input:focus]:ring-border-brand",
+                s && "cursor-default has-[&>select]:has-[input:focus]:ring-1 has-[&>select]:has-[input:focus]:ring-border-primary",
+                h && "cursor-not-allowed has-[&>select]:bg-disabled_subtle has-[&>select]:ring-border-disabled",
+                m && !s && "has-[&>select]:ring-border-error_subtle has-[&>select]:has-[input:focus]:ring-border-error"
+              ),
+              children: [
+                n && /* @__PURE__ */ a("section", { "data-leading": i || void 0, children: n }),
+                r && /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: e("my-auto grow pr-2", (b = c[t]) == null ? void 0 : b.leadingText),
+                    children: /* @__PURE__ */ a("p", { className: e("text-md text-tertiary", h && "text-disabled"), children: r })
+                  }
+                ),
+                f,
+                l && /* @__PURE__ */ a("section", { "data-trailing": p || void 0, children: l })
+              ]
+            }
+          ),
+          o && /* @__PURE__ */ a(C, { isInvalid: m, children: o })
+        ] });
+      }
+    }
+  );
+};
+w.Prefix = _;
+w.displayName = "InputGroup";
+export {
+  w as InputGroup,
+  _ as InputPrefix
+};

package/dist/primitives/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar, ProgressBarBase, type ProgressBarProps, type ProgressIndicatorWithTextProps } from './progress-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,KAAK,8BAA8B,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/progress-bar/progress-bar.d.ts

@@ -0,0 +1,52 @@
+export interface ProgressBarProps {
+    /**
+     * The current value of the progress bar.
+     */
+    value: number;
+    /**
+     * The minimum value of the progress bar.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value of the progress bar.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Optional additional CSS class names for the progress bar container.
+     */
+    className?: string;
+    /**
+     * Optional additional CSS class names for the progress bar indicator element.
+     */
+    progressClassName?: string;
+    /**
+     * Optional function to format the displayed value.
+     * It receives the raw value and the calculated percentage.
+     */
+    valueFormatter?: (value: number, valueInPercentage: number) => string | number;
+    /** Accessible name for the progress bar. */
+    "aria-label"?: string;
+}
+/**
+ * A basic progress bar component.
+ */
+export declare const ProgressBarBase: ({ value, min, max, className, progressClassName, "aria-label": ariaLabel, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+type ProgressBarLabelPosition = "right" | "bottom" | "top-floating" | "bottom-floating";
+export interface ProgressIndicatorWithTextProps extends ProgressBarProps {
+    /**
+     * Specifies the layout of the text relative to the progress bar.
+     * - `right`: Text is displayed to the right of the progress bar.
+     * - `bottom`: Text is displayed below the progress bar, aligned to the right.
+     * - `top-floating`: Text is displayed in a floating tooltip above the progress indicator.
+     * - `bottom-floating`: Text is displayed in a floating tooltip below the progress indicator.
+     */
+    labelPosition?: ProgressBarLabelPosition;
+}
+/**
+ * A progress bar component that displays the value text in various configurable layouts.
+ */
+export declare const ProgressBar: ({ value, min, max, valueFormatter, labelPosition, className, progressClassName, "aria-label": ariaLabel, }: ProgressIndicatorWithTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/primitives/progress-bar/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/primitives/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC/E,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,6EAO7B,gBAAgB,4CAsBlB,CAAC;AAEF,KAAK,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAExF,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;IACpE;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC5C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,4GASzB,8BAA8B,4CA0DhC,CAAC"}

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/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"}