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

package/dist/patterns/sub-sidebar/sub-sidebar.js

@@ -102,7 +102,7 @@ const T = ({
               /* @__PURE__ */ r("nav", { className: "flex-1 pb-4 pr-2 overflow-y-auto overflow-x-hidden", children: i.sections.map((a) => /* @__PURE__ */ r(u, { children: h(
                 (a == null ? void 0 : a.permissions) || [],
                 /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-[10px] text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
                   /* @__PURE__ */ r("ul", { className: "space-y-1", children: a.items.map((e) => {
                     const t = e.href || e.label, l = E.has(t), N = e.items && e.items.length > 0, p = v(e);
                     return N ? /* @__PURE__ */ r(u, { children: h(
@@ -255,7 +255,7 @@ const T = ({
                   }) })
                 ] }),
                 a.showDisabled ? /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-[10px] text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
                   /* @__PURE__ */ r("ul", { className: "", children: a.items.map((e) => {
                     const t = e.href || e.label, l = v(e);
                     return /* @__PURE__ */ r(

package/dist/patterns/table/toolbar/ColumnHeaderMenu.js

@@ -4,10 +4,10 @@ import { AlignLeft as Z, AlignCenter as B, AlignRight as G, ChevronDown as K, Ey
 import { Button as j } from "react-aria-components";
 import { cx as m } from "../../../utils/cn.js";
 import { Dropdown as N } from "../../../primitives/dropdown/dropdown.js";
-const a = ({
+const s = ({
   icon: o,
   label: c,
-  danger: s,
+  danger: a,
   submenu: f,
   selected: p,
   disabled: r,
@@ -25,7 +25,7 @@ const a = ({
       "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium transition-colors w-full text-left",
       r ? "cursor-not-allowed text-disabled" : m(
         "cursor-pointer",
-        s ? "text-error-primary hover:bg-error-primary" : p ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
+        a ? "text-error-primary hover:bg-error-primary" : p ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
       )
     ),
     children: [
@@ -35,7 +35,7 @@ const a = ({
           size: 16,
           className: m(
             "shrink-0",
-            r ? "text-fg-disabled" : s ? "text-error-primary" : "text-fg-quaternary"
+            r ? "text-fg-disabled" : a ? "text-error-primary" : "text-fg-quaternary"
           )
         }
       ),
@@ -44,7 +44,7 @@ const a = ({
       f && /* @__PURE__ */ e(E, { size: 14, className: "shrink-0 text-fg-quaternary" })
     ]
   }
-), i = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), M = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: o }), le = ({ label: o, suffix: c }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
+), i = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), M = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-3xs font-medium uppercase tracking-wider text-tertiary", children: o }), le = ({ label: o, suffix: c }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
   /* @__PURE__ */ e("span", { className: "flex h-4 w-4 items-center justify-center rounded-sm border border-secondary text-[9px] font-semibold text-tertiary", children: "T" }),
   /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: o }),
   c && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary", children: c })
@@ -55,7 +55,7 @@ const a = ({
 ], pe = ({
   column: o,
   columnLabel: c,
-  fieldDef: s,
+  fieldDef: a,
   currentAlignment: f,
   textWrapped: p = !1,
   capabilities: r,
@@ -66,7 +66,7 @@ const a = ({
   isHeaderHovered: H = !1
 }) => {
   var _, q;
-  const F = (s == null ? void 0 : s.data_type) ?? o.dataType, y = F === "LOOKUP" || o.variant === "lookup", L = F === "DERIVED" || o.variant === "derived", I = y ? "Hide field" : "Hide column", x = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, k = (r == null ? void 0 : r.textWrap) ?? !1, w = (r == null ? void 0 : r.filter) ?? !0, b = (r == null ? void 0 : r.hide) ?? !0, [P, R] = z(!1), [U, A] = z(!1), V = !T || P || H, l = (t) => {
+  const F = (a == null ? void 0 : a.data_type) ?? o.dataType, y = F === "LOOKUP" || o.variant === "lookup", L = F === "DERIVED" || o.variant === "derived", I = y ? "Hide field" : "Hide column", x = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, k = (r == null ? void 0 : r.textWrap) ?? !1, w = (r == null ? void 0 : r.filter) ?? !0, b = (r == null ? void 0 : r.hide) ?? !0, [P, R] = z(!1), [U, A] = z(!1), V = !T || P || H, l = (t) => {
     u(t), A(!1), R(!1);
   }, S = O.find((t) => t.id === f) ?? O[0], W = S.icon, C = h == null ? void 0 : h(o);
   return /* @__PURE__ */ n(
@@ -104,11 +104,11 @@ const a = ({
                   /* @__PURE__ */ e(le, { label: c, suffix: "Object name" })
                 ] }),
                 /* @__PURE__ */ e(i, {}),
-                /* @__PURE__ */ e(a, { icon: $, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
-                /* @__PURE__ */ e(a, { icon: J, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
+                /* @__PURE__ */ e(s, { icon: $, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
+                /* @__PURE__ */ e(s, { icon: J, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
                 /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: Q,
                     label: "Add field to right",
@@ -116,7 +116,7 @@ const a = ({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: X,
                     label: "Add field to left",
@@ -128,7 +128,7 @@ const a = ({
               L && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
                   /* @__PURE__ */ e(M, { children: "Formula" }),
-                  /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((_ = s == null ? void 0 : s.formula) == null ? void 0 : _.trim()) || ((q = o.formula) == null ? void 0 : q.trim()) || c })
+                  /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((_ = a == null ? void 0 : a.formula) == null ? void 0 : _.trim()) || ((q = o.formula) == null ? void 0 : q.trim()) || c })
                 ] }),
                 /* @__PURE__ */ e(i, {})
               ] }),
@@ -139,7 +139,7 @@ const a = ({
               C && (x || v || k || w || b) && /* @__PURE__ */ e(i, {}),
               x && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: Y,
                     label: "Sort A to Z",
@@ -147,7 +147,7 @@ const a = ({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: D,
                     label: "Sort Z to A",
@@ -180,7 +180,7 @@ const a = ({
                       placement: "right top",
                       className: "w-44",
                       children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: O.map((t) => /* @__PURE__ */ e(
-                        a,
+                        s,
                         {
                           icon: t.icon,
                           label: t.label,
@@ -196,7 +196,7 @@ const a = ({
               k && /* @__PURE__ */ n(d, { children: [
                 (x || v) && /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: ee,
                     label: "Text wrap",
@@ -207,9 +207,9 @@ const a = ({
               ] }),
               (w || b) && /* @__PURE__ */ n(d, { children: [
                 (x || v) && !k && /* @__PURE__ */ e(i, {}),
-                w && /* @__PURE__ */ e(a, { icon: re, label: "Filter by", onClick: () => l({ type: "filter" }) }),
+                w && /* @__PURE__ */ e(s, { icon: re, label: "Filter by", onClick: () => l({ type: "filter" }) }),
                 b && /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: te,
                     label: I,
@@ -222,7 +222,7 @@ const a = ({
               y && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: ne,
                     label: "Delete fields",

package/dist/patterns/table/toolbar/TableViewsDropdown.js

@@ -180,7 +180,7 @@ const L = ({ config: e, isDisabled: r }) => {
         o.id
       )),
       d.length > 0 && /* @__PURE__ */ s(f, { children: [
-        /* @__PURE__ */ t("div", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold tracking-wide text-tertiary uppercase", children: "Shared with me" }),
+        /* @__PURE__ */ t("div", { className: "px-2.5 pb-1 pt-2 text-3xs font-semibold tracking-wide text-tertiary uppercase", children: "Shared with me" }),
         d.map((o) => /* @__PURE__ */ t(
           h,
           {

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/checkbox/checkbox.js

@@ -113,7 +113,7 @@ const H = ({
       root: "gap-2",
       textWrapper: c,
       label: e("text-xs font-medium", o),
-      hint: "text-[11px]"
+      hint: "text-2xs"
     },
     md: {
       root: "gap-3",

package/dist/primitives/input/hint-text.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cx as m } from "../../utils/cn.js";
-import { Text as s } from "react-aria-components";
+import { cx as s } from "../../utils/cn.js";
+import { Text as m } from "react-aria-components";
 const i = {
-  sm: "text-[11px]",
+  sm: "text-2xs",
   md: "text-xs",
   lg: "text-xs"
 }, p = ({
@@ -11,11 +11,11 @@ const i = {
   className: e,
   ...x
 }) => /* @__PURE__ */ o(
-  s,
+  m,
   {
     ...x,
     slot: t ? "errorMessage" : "description",
-    className: m(
+    className: s(
       "text-tertiary",
       i[r],
       // Invalid state

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