@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/form.js

@@ -1,58 +1,64 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import * as e from "react";
-import { tweens as f, motionProps as u } from "./lib/motion.js";
-import { cn as d } from "./lib/utils.js";
-import { m as F } from "../_chunks/framer.js";
-const m = e.createContext({}), h = e.forwardRef(
-  ({ className: a, helperTextId: n, state: t = "helper", required: o, children: i, ...r }, s) => {
-    const l = e.useId(), p = n || `${l}-helper`, x = e.useMemo(
-      () => ({ state: t, helperTextId: p, required: o }),
-      [t, p, o]
-    );
-    return /* @__PURE__ */ c(m.Provider, { value: x, children: /* @__PURE__ */ c(
-      "div",
-      {
-        ref: s,
-        className: d("flex flex-col gap-ds-02", a),
-        ...r,
-        children: i
-      }
-    ) });
-  }
-);
-h.displayName = "FormField";
-const y = {
-  helper: "text-surface-fg-subtle",
-  error: "text-error-11",
-  warning: "text-warning-11",
-  success: "text-success-11"
-}, v = e.forwardRef(
-  ({ className: a, id: n, state: t, ...o }, i) => {
-    const r = e.useContext(m), s = t ?? r.state ?? "helper", l = n ?? r.helperTextId;
-    return /* @__PURE__ */ c(
-      F.p,
-      {
-        ref: i,
-        id: l,
-        role: s === "error" ? "alert" : void 0,
-        className: d("text-ds-sm", y[s], a),
-        initial: { opacity: 0, y: -4 },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: -4 },
-        transition: f.fade,
-        ...u(o)
-      }
-    );
-  }
-);
-v.displayName = "FormHelperText";
-function N() {
-  return e.useContext(m);
+import { a as e } from "../_chunks/framer.js";
+import { motionProps as t, tweens as n } from "./lib/motion.js";
+import { cn as r } from "./lib/utils.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/ui/form.tsx
+var o = i.createContext({}), s = i.forwardRef(({ className: e, helperTextId: t, inputId: n, state: s = "helper", required: c, children: l, ...u }, d) => {
+	let f = i.useId(), p = t || `${f}-helper`, m = n || `${f}-input`, h = i.useMemo(() => ({
+		state: s,
+		helperTextId: p,
+		inputId: m,
+		required: c
+	}), [
+		s,
+		p,
+		m,
+		c
+	]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: h,
+		children: /* @__PURE__ */ a("div", {
+			ref: d,
+			className: r("flex flex-col gap-ds-02", e),
+			...u,
+			children: l
+		})
+	});
+});
+s.displayName = "FormField";
+var c = {
+	helper: "text-surface-fg-subtle",
+	error: "text-error-11",
+	warning: "text-warning-11",
+	success: "text-success-11"
+}, l = i.forwardRef(({ className: s, id: l, state: u, ...d }, f) => {
+	let p = i.useContext(o), m = u ?? p.state ?? "helper", h = l ?? p.helperTextId;
+	return /* @__PURE__ */ a(e.p, {
+		ref: f,
+		id: h,
+		role: m === "error" ? "alert" : void 0,
+		className: r("text-ds-sm", c[m], s),
+		initial: {
+			opacity: 0,
+			y: -4
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: -4
+		},
+		transition: n.fade,
+		...t(d)
+	});
+});
+l.displayName = "FormHelperText";
+function u() {
+	return i.useContext(o);
 }
-export {
-  h as FormField,
-  m as FormFieldContext,
-  v as FormHelperText,
-  N as useFormField
-};
+//#endregion
+export { s as FormField, o as FormFieldContext, l as FormHelperText, u as useFormField };

package/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../src/ui/form.tsx"],"sourcesContent":["'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\nimport { motionProps, tweens } from './lib/motion'\nimport { cn } from './lib/utils'\n\nexport type FormHelperState = 'helper' | 'error' | 'warning' | 'success'\n\ninterface FormFieldContextValue {\n  state?: FormHelperState\n  helperTextId?: string\n  /** Auto-generated id shared between Label (htmlFor) and the field input (id). */\n  inputId?: string\n  required?: boolean\n}\nconst FormFieldContext = React.createContext<FormFieldContextValue>({})\n\n/**\n * FormField — vertical flex container that provides validation state and\n * aria-describedby wiring to children via React context.\n *\n * **Automatic a11y wiring:** FormField generates a stable ID (or uses a provided `helperTextId`)\n * and passes it to `FormHelperText` via context. Use the `useFormField()` hook in custom inputs\n * to read `{ state, helperTextId, required }` and spread onto your input element.\n *\n * @example\n * <FormField state=\"error\">\n *   <Label htmlFor=\"email\">Email</Label>\n *   <Input id=\"email\" state=\"error\" />\n *   <FormHelperText>Please enter a valid email address.</FormHelperText>\n * </FormField>\n */\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Custom ID for the helper text element. If omitted, an auto-generated ID is used.\n   * Pass this to `useFormField()` consumers that need to set `aria-describedby`.\n   */\n  helperTextId?: string\n  /**\n   * Custom ID for the field input element. If omitted, an auto-generated ID is used.\n   * Label (when inside FormField) reads this via `htmlFor`; Input reads it via `id`.\n   * Explicit `htmlFor` / `id` props on children always win.\n   */\n  inputId?: string\n  /** Current validation state — propagated to child `FormHelperText` via context */\n  state?: FormHelperState\n  /** Whether the field is required — available to children via `useFormField()` */\n  required?: boolean\n}\n\nconst FormField = React.forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ className, helperTextId, inputId, state = 'helper', required, children, ...props }, ref) => {\n    const autoId = React.useId()\n    const resolvedHelperId = helperTextId || `${autoId}-helper`\n    const resolvedInputId = inputId || `${autoId}-input`\n    const contextValue = React.useMemo(\n      () => ({ state, helperTextId: resolvedHelperId, inputId: resolvedInputId, required }),\n      [state, resolvedHelperId, resolvedInputId, required],\n    )\n\n    return (\n      <FormFieldContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          className={cn('flex flex-col gap-ds-02', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </FormFieldContext.Provider>\n    )\n  },\n)\nFormField.displayName = 'FormField'\n\n// FormHelperText — small helper/error/warning/success message under a field\n//\n// When used for errors, set an `id` matching the input's `aria-describedby`.\nexport interface FormHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  state?: FormHelperState\n}\n\nconst helperStateClasses: Record<FormHelperState, string> = {\n  helper:  'text-surface-fg-subtle',\n  error:   'text-error-11',\n  warning: 'text-warning-11',\n  success: 'text-success-11',\n}\n\nconst FormHelperText = React.forwardRef<HTMLParagraphElement, FormHelperTextProps>(\n  ({ className, id: idProp, state: stateProp, ...props }, ref) => {\n    const context = React.useContext(FormFieldContext)\n    const state = stateProp ?? context.state ?? 'helper'\n    const id = idProp ?? context.helperTextId\n\n    return (\n      <motion.p\n        ref={ref}\n        id={id}\n        role={state === 'error' ? 'alert' : undefined}\n        className={cn('text-ds-sm', helperStateClasses[state], className)}\n        initial={{ opacity: 0, y: -4 }}\n        animate={{ opacity: 1, y: 0 }}\n        exit={{ opacity: 0, y: -4 }}\n        transition={tweens.fade}\n        {...motionProps(props)}\n      />\n    )\n  },\n)\nFormHelperText.displayName = 'FormHelperText'\n\n/**\n * Hook to read FormField context — returns `{ state, helperTextId, required }`.\n * Use in custom input components to auto-wire `aria-describedby` and `aria-invalid`.\n *\n * @example\n * function MyCustomInput(props) {\n *   const { state, helperTextId, required } = useFormField()\n *   return (\n *     <input\n *       aria-describedby={helperTextId}\n *       aria-invalid={state === 'error' || undefined}\n *       aria-required={required}\n *       {...props}\n *     />\n *   )\n * }\n */\nexport function useFormField(): FormFieldContextValue {\n  return React.useContext(FormFieldContext)\n}\n\nexport { FormField, FormFieldContext, FormHelperText }\n"],"mappings":";;;;;;;AAgBA,IAAM,IAAmB,EAAM,cAAqC,EAAE,CAAC,EAmCjE,IAAY,EAAM,YACrB,EAAE,cAAW,iBAAc,YAAS,WAAQ,UAAU,aAAU,aAAU,GAAG,KAAS,MAAQ;CAC7F,IAAM,IAAS,EAAM,OAAO,EACtB,IAAmB,KAAgB,GAAG,EAAO,UAC7C,IAAkB,KAAW,GAAG,EAAO,SACvC,IAAe,EAAM,eAClB;EAAE;EAAO,cAAc;EAAkB,SAAS;EAAiB;EAAU,GACpF;EAAC;EAAO;EAAkB;EAAiB;EAAS,CACrD;AAED,QACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;YAChC,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,2BAA2B,EAAU;GACnD,GAAI;GAEH;GACG,CAAA;EACoB,CAAA;EAGjC;AACD,EAAU,cAAc;AASxB,IAAM,IAAsD;CAC1D,QAAS;CACT,OAAS;CACT,SAAS;CACT,SAAS;CACV,EAEK,IAAiB,EAAM,YAC1B,EAAE,cAAW,IAAI,GAAQ,OAAO,GAAW,GAAG,KAAS,MAAQ;CAC9D,IAAM,IAAU,EAAM,WAAW,EAAiB,EAC5C,IAAQ,KAAa,EAAQ,SAAS,UACtC,IAAK,KAAU,EAAQ;AAE7B,QACE,kBAAC,EAAO,GAAR;EACO;EACD;EACJ,MAAM,MAAU,UAAU,UAAU,KAAA;EACpC,WAAW,EAAG,cAAc,EAAmB,IAAQ,EAAU;EACjE,SAAS;GAAE,SAAS;GAAG,GAAG;GAAI;EAC9B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,MAAM;GAAE,SAAS;GAAG,GAAG;GAAI;EAC3B,YAAY,EAAO;EACnB,GAAI,EAAY,EAAM;EACtB,CAAA;EAGP;AACD,EAAe,cAAc;AAmB7B,SAAgB,IAAsC;AACpD,QAAO,EAAM,WAAW,EAAiB"}

package/dist/ui/hover-card.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as r from "react";
-import { ad as u, ae as p, af as C, ag as g } from "../_chunks/primitives.js";
-import { cn as v } from "./lib/utils.js";
-import { tweens as h, springs as y } from "./lib/motion.js";
-import { A as x, m as b } from "../_chunks/framer.js";
-const m = r.createContext(!1), H = ({
-  open: t,
-  defaultOpen: n = !1,
-  onOpenChange: a,
-  ...s
-}) => {
-  const [i, c] = r.useState(n), o = t !== void 0, d = o ? t : i, f = r.useCallback(
-    (l) => {
-      o || c(l), a?.(l);
-    },
-    [o, a]
-  );
-  return /* @__PURE__ */ e(m.Provider, { value: d, children: /* @__PURE__ */ e(g, { open: d, onOpenChange: f, ...s }) });
-};
-H.displayName = "HoverCard";
-const M = C, w = r.forwardRef(({ className: t, align: n = "center", sideOffset: a = 4, children: s, ...i }, c) => {
-  const o = r.useContext(m);
-  return /* @__PURE__ */ e(x, { children: o && /* @__PURE__ */ e(u, { forceMount: !0, children: /* @__PURE__ */ e(
-    p,
-    {
-      ref: c,
-      align: n,
-      sideOffset: a,
-      forceMount: !0,
-      asChild: !0,
-      ...i,
-      children: /* @__PURE__ */ e(
-        b.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...y.snappy, opacity: h.fade },
-          className: v(
-            "z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-hidden",
-            t
-          ),
-          children: s
-        }
-      )
-    }
-  ) }) });
-});
-w.displayName = p.displayName;
-export {
-  H as HoverCard,
-  w as HoverCardContent,
-  M as HoverCardTrigger
+import { dt as e, ft as t, mt as n, pt as r } from "../_chunks/primitives.js";
+import { a as i, c as a } from "../_chunks/framer.js";
+import { springs as o, tweens as s } from "./lib/motion.js";
+import { cn as c } from "./lib/utils.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/ui/hover-card.tsx
+var d = l.createContext(!1), f = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...i }) => {
+	let [a, o] = l.useState(t), s = e !== void 0, c = s ? e : a, f = l.useCallback((e) => {
+		s || o(e), n?.(e);
+	}, [s, n]);
+	return /* @__PURE__ */ u(d.Provider, {
+		value: c,
+		children: /* @__PURE__ */ u(r, {
+			open: c,
+			onOpenChange: f,
+			...i
+		})
+	});
 };
+f.displayName = "HoverCard";
+var p = n, m = l.forwardRef(({ className: n, align: r = "center", sideOffset: f = 4, children: p, ...m }, h) => /* @__PURE__ */ u(a, { children: l.useContext(d) && /* @__PURE__ */ u(t, {
+	forceMount: !0,
+	children: /* @__PURE__ */ u(e, {
+		ref: h,
+		align: r,
+		sideOffset: f,
+		forceMount: !0,
+		asChild: !0,
+		...m,
+		children: /* @__PURE__ */ u(i.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			transition: {
+				...o.snappy,
+				opacity: s.fade
+			},
+			className: c("z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-hidden", n),
+			children: p
+		})
+	})
+}) }));
+m.displayName = e.displayName;
+//#endregion
+export { f as HoverCard, m as HoverCardContent, p as HoverCardTrigger };

package/dist/ui/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../src/ui/hover-card.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as HoverCardPrimitive from '@primitives/react-hover-card'\nimport { motion, AnimatePresence } from 'framer-motion'\n\nimport { cn } from './lib/utils'\nimport { springs, tweens } from './lib/motion'\n\n// ── Internal context to thread `open` state to animated children ──\n\nconst HoverCardOpenContext = React.createContext(false)\n\n/**\n * HoverCard displays supplementary content on pointer hover.\n *\n * **Accessibility note:** HoverCard is pointer-only by design (WAI-ARIA HoverCard has no APG pattern).\n * Do NOT use for essential content that keyboard users must access.\n * For essential content, use {@link Popover} instead which supports keyboard activation.\n */\nconst HoverCard: React.FC<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value)\n      onOpenChange?.(value)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  return (\n    <HoverCardOpenContext.Provider value={open}>\n      <HoverCardPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />\n    </HoverCardOpenContext.Provider>\n  )\n}\nHoverCard.displayName = 'HoverCard'\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, children, ...props }, ref) => {\n  const open = React.useContext(HoverCardOpenContext)\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <HoverCardPrimitive.Portal forceMount>\n          <HoverCardPrimitive.Content\n            ref={ref}\n            align={align}\n            sideOffset={sideOffset}\n            forceMount\n            asChild\n            {...props}\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.95 }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-hidden',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </HoverCardPrimitive.Content>\n        </HoverCardPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName\n\nexport type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAuB,EAAM,cAAc,GAAM,EASjD,KAAuF,EAC3F,MAAM,GACN,iBAAc,IACd,iBACA,GAAG,QACC;CACJ,IAAM,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAY,EACrE,IAAe,MAAmB,KAAA,GAClC,IAAO,IAAe,IAAiB,GAEvC,IAAmB,EAAM,aAC5B,MAAmB;AAElB,EADK,KAAc,EAAoB,EAAM,EAC7C,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAa,CAC7B;AAED,QACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO;YACpC,kBAAC,GAAD;GAA+B;GAAM,cAAc;GAAkB,GAAI;GAAS,CAAA;EACpD,CAAA;;AAGpC,EAAU,cAAc;AAExB,IAAM,IAAmB,GAEnB,IAAmB,EAAM,YAG5B,EAAE,cAAW,WAAQ,UAAU,gBAAa,GAAG,aAAU,GAAG,KAAS,MAIpE,kBAAC,GAAD,EAAA,UAHW,EAAM,WAAW,EAAqB,IAK7C,kBAAC,GAAD;CAA2B,YAAA;WACzB,kBAAC,GAAD;EACO;EACE;EACK;EACZ,YAAA;EACA,SAAA;EACA,GAAI;YAEJ,kBAAC,EAAO,KAAR;GACE,SAAS;IAAE,SAAS;IAAG,OAAO;IAAM;GACpC,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG;GACjC,MAAM;IAAE,SAAS;IAAG,OAAO;IAAM;GACjC,YAAY;IAAE,GAAG,EAAQ;IAAQ,SAAS,EAAO;IAAM;GACvD,WAAW,EACT,8HACA,EACD;GAEA;GACU,CAAA;EACc,CAAA;CACH,CAAA,EAEd,CAAA,CAEpB;AACF,EAAiB,cAAA,EAAyC"}

package/dist/ui/icon-button.js

@@ -1,27 +1,22 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Button as a } from "./button.js";
-import { cn as d } from "./lib/utils.js";
-const l = {
-  sm: "icon-sm",
-  md: "icon-md",
-  lg: "icon-lg"
-}, f = s.forwardRef(
-  ({ icon: o, shape: r = "square", size: n = "md", className: t, loading: i, ...m }, c) => /* @__PURE__ */ e(
-    a,
-    {
-      ref: c,
-      size: l[n],
-      className: d(r === "circle" && "rounded-ds-full", t),
-      loading: i,
-      loadingPosition: "center",
-      ...m,
-      children: o
-    }
-  )
-);
-f.displayName = "IconButton";
-export {
-  f as IconButton
-};
+import { cn as e } from "./lib/utils.js";
+import { Button as t } from "./button.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/icon-button.tsx
+var i = {
+	sm: "icon-sm",
+	md: "icon-md",
+	lg: "icon-lg"
+}, a = n.forwardRef(({ icon: n, shape: a = "square", size: o = "md", className: s, loading: c, ...l }, u) => /* @__PURE__ */ r(t, {
+	ref: u,
+	size: i[o],
+	className: e(a === "circle" && "rounded-ds-full", s),
+	loading: c,
+	loadingPosition: "center",
+	...l,
+	children: n
+}));
+a.displayName = "IconButton";
+//#endregion
+export { a as IconButton };

package/dist/ui/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","names":[],"sources":["../../src/ui/icon-button.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Button, type ButtonProps } from './button'\nimport { cn } from './lib/utils'\n\n/** Map friendly sizes to icon-* sizes for the underlying Button */\nconst sizeMap = {\n  sm: 'icon-sm',\n  md: 'icon-md',\n  lg: 'icon-lg',\n} as const\n\ntype IconButtonSize = 'sm' | 'md' | 'lg'\n\n/**\n * Props for IconButton — a square or circular icon-only button built on top of `<Button>`,\n * with `aria-label` required for WCAG AA compliance.\n *\n * **`aria-label` is required** — icon-only buttons have no visible text, so a descriptive label\n * is mandatory for screen readers. TypeScript enforces this.\n *\n * **Shape:** `'square'` (default, rounded corners) | `'circle'` (fully round, great for avatar-adjacent actions)\n *\n * **Size:** `'sm'` | `'md'` (default) | `'lg'` — maps to `icon-sm/md/lg` sizes internally.\n *\n * **All `Button` variants** are supported: `solid`, `outline`, `ghost`, `link` x `default`, `error`.\n *\n * @example\n * // Ghost toolbar icon button:\n * <IconButton icon={<Icon icon={IconEdit} />} variant=\"ghost\" aria-label=\"Edit item\" />\n *\n * @example\n * // Circular close button (e.g. in a modal header):\n * <IconButton icon={<Icon icon={IconX} />} shape=\"circle\" variant=\"ghost\" size=\"sm\" aria-label=\"Close dialog\" />\n *\n * @example\n * // Solid floating action button:\n * <IconButton icon={<Icon icon={IconPlus} />} variant=\"solid\" size=\"lg\" aria-label=\"Create new project\" />\n *\n * @example\n * // Error icon button with loading state (e.g. confirm delete):\n * <IconButton icon={<Icon icon={IconTrash} />} variant=\"solid\" color=\"error\" loading={isDeleting} aria-label=\"Delete\" />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface IconButtonProps\n  extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'fullWidth' | 'loadingPosition' | 'children' | 'size' | 'shape'> {\n  /** The icon element to render — must be `<Icon icon={...} />` */\n  icon: React.ReactElement\n  /** Accessible label — required for icon-only buttons (WCAG AA) */\n  'aria-label': string\n  /** Button shape. Default: 'square' */\n  shape?: 'square' | 'circle'\n  /** Button size. Default: 'md' */\n  size?: IconButtonSize\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ icon, shape = 'square', size = 'md', className, loading, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        size={sizeMap[size]}\n        className={cn(shape === 'circle' && 'rounded-ds-full', className)}\n        loading={loading}\n        loadingPosition=\"center\"\n        {...props}\n      >\n        {icon}\n      </Button>\n    )\n  },\n)\nIconButton.displayName = 'IconButton'\n\nexport { IconButton }\n"],"mappings":";;;;;;AAOA,IAAM,IAAU;CACd,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EA8CK,IAAa,EAAM,YACtB,EAAE,SAAM,WAAQ,UAAU,UAAO,MAAM,cAAW,YAAS,GAAG,KAAS,MAEpE,kBAAC,GAAD;CACO;CACL,MAAM,EAAQ;CACd,WAAW,EAAG,MAAU,YAAY,mBAAmB,EAAU;CACxD;CACT,iBAAgB;CAChB,GAAI;WAEH;CACM,CAAA,CAGd;AACD,EAAW,cAAc"}

package/dist/ui/icon-context.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import * as o from "react";
-const n = o.createContext({});
-function i({
-  size: t,
-  stroke: e,
-  children: r
-}) {
-  const c = o.useMemo(() => ({ size: t, stroke: e }), [t, e]);
-  return /* @__PURE__ */ u(n.Provider, { value: c, children: r });
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/icon-context.tsx
+var n = e.createContext({});
+function r({ size: r, stroke: i, children: a }) {
+	let o = e.useMemo(() => ({
+		size: r,
+		stroke: i
+	}), [r, i]);
+	return /* @__PURE__ */ t(n.Provider, {
+		value: o,
+		children: a
+	});
 }
-function m() {
-  return o.useContext(n);
+function i() {
+	return e.useContext(n);
 }
-export {
-  n as IconContext,
-  i as IconProvider,
-  m as useIconContext
-};
+//#endregion
+export { n as IconContext, r as IconProvider, i as useIconContext };

package/dist/ui/icon-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-context.js","names":[],"sources":["../../src/ui/icon-context.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type IconStroke = 'light' | 'regular' | 'bold'\n\nexport interface IconContextValue {\n  size?: IconSize\n  stroke?: IconStroke\n}\n\nconst IconContext = React.createContext<IconContextValue>({})\n\nexport function IconProvider({\n  size,\n  stroke,\n  children,\n}: IconContextValue & { children: React.ReactNode }) {\n  const value = React.useMemo(() => ({ size, stroke }), [size, stroke])\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>\n}\n\nexport function useIconContext(): IconContextValue {\n  return React.useContext(IconContext)\n}\n\nexport { IconContext }\n"],"mappings":";;;;AAYA,IAAM,IAAc,EAAM,cAAgC,EAAE,CAAC;AAE7D,SAAgB,EAAa,EAC3B,SACA,WACA,eACmD;CACnD,IAAM,IAAQ,EAAM,eAAe;EAAE;EAAM;EAAQ,GAAG,CAAC,GAAM,EAAO,CAAC;AACrE,QAAO,kBAAC,EAAY,UAAb;EAA6B;EAAQ;EAAgC,CAAA;;AAG9E,SAAgB,IAAmC;AACjD,QAAO,EAAM,WAAW,EAAY"}

package/dist/ui/icon-group.js

@@ -1,31 +1,24 @@
 "use client";
+import { cn as e } from "./lib/utils.js";
+import { IconProvider as t } from "./icon-context.js";
+import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as n } from "./lib/utils.js";
-import { IconProvider as c } from "./icon-context.js";
-const f = {
-  tight: "gap-0.5",
-  default: "gap-1",
-  loose: "gap-2"
-}, d = m.forwardRef(({
-  size: e,
-  stroke: a,
-  gap: t = "default",
-  label: i,
-  role: o,
-  className: l,
-  children: p
-}, s) => /* @__PURE__ */ r(c, { size: e, stroke: a, children: /* @__PURE__ */ r(
-  "div",
-  {
-    ref: s,
-    role: o,
-    "aria-label": o ? i : void 0,
-    className: n("inline-flex items-center", f[t], l),
-    children: p
-  }
-) }));
-d.displayName = "IconGroup";
-export {
-  d as IconGroup
-};
+//#region src/ui/icon-group.tsx
+var i = {
+	tight: "gap-0.5",
+	default: "gap-1",
+	loose: "gap-2"
+}, a = n.forwardRef(({ size: n, stroke: a, gap: o = "default", label: s, role: c, className: l, children: u }, d) => /* @__PURE__ */ r(t, {
+	size: n,
+	stroke: a,
+	children: /* @__PURE__ */ r("div", {
+		ref: d,
+		role: c,
+		"aria-label": c ? s : void 0,
+		className: e("inline-flex items-center", i[o], l),
+		children: u
+	})
+}));
+a.displayName = "IconGroup";
+//#endregion
+export { a as IconGroup };

package/dist/ui/icon-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-group.js","names":[],"sources":["../../src/ui/icon-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from './lib/utils'\nimport { IconProvider, type IconSize, type IconStroke } from './icon-context'\n\nconst gapClasses = {\n  tight: 'gap-0.5',\n  default: 'gap-1',\n  loose: 'gap-2',\n} as const\n\nexport interface IconGroupProps {\n  /** Icon size for all children */\n  size?: IconSize\n  /** Stroke weight for all children */\n  stroke?: IconStroke\n  /** Gap between icons. Default: 'default' (4px) */\n  gap?: 'tight' | 'default' | 'loose'\n  /** Accessible label — required when role is \"toolbar\" */\n  label?: string\n  /** Set to \"toolbar\" for formatting toolbars. Default: no role. */\n  role?: 'toolbar'\n  className?: string\n  children: React.ReactNode\n}\n\nconst IconGroup = React.forwardRef<HTMLDivElement, IconGroupProps>(({\n  size,\n  stroke,\n  gap = 'default',\n  label,\n  role: ariaRole,\n  className,\n  children,\n}, ref) => {\n  return (\n    <IconProvider size={size} stroke={stroke}>\n      <div\n        ref={ref}\n        role={ariaRole}\n        aria-label={ariaRole ? label : undefined}\n        className={cn('inline-flex items-center', gapClasses[gap], className)}\n      >\n        {children}\n      </div>\n    </IconProvider>\n  )\n})\nIconGroup.displayName = 'IconGroup'\n\nexport { IconGroup }\n"],"mappings":";;;;;;AAMA,IAAM,IAAa;CACjB,OAAO;CACP,SAAS;CACT,OAAO;CACR,EAiBK,IAAY,EAAM,YAA4C,EAClE,SACA,WACA,SAAM,WACN,UACA,MAAM,GACN,cACA,eACC,MAEC,kBAAC,GAAD;CAAoB;CAAc;WAChC,kBAAC,OAAD;EACO;EACL,MAAM;EACN,cAAY,IAAW,IAAQ,KAAA;EAC/B,WAAW,EAAG,4BAA4B,EAAW,IAAM,EAAU;EAEpE;EACG,CAAA;CACO,CAAA,CAEjB;AACF,EAAU,cAAc"}