@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/banner.js

@@ -1,69 +1,77 @@
 "use client";
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { IconInfoCircle as o, IconAlertCircle as h, IconAlertTriangle as v, IconCircleCheck as w, IconX as I } from "@tabler/icons-react";
-import * as r from "react";
-import { a as N } from "../_chunks/vendor-utils.js";
-import { cn as C } from "./lib/utils.js";
-import { springs as y, motionProps as k } from "./lib/motion.js";
-import { Icon as i } from "./icon.js";
-import { A, m as _ } from "../_chunks/framer.js";
-const B = N(
-  "flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b",
-  {
-    variants: {
-      color: {
-        info: "bg-info-3 border-info-7 text-info-11",
-        success: "bg-success-3 border-success-7 text-success-11",
-        warning: "bg-warning-3 border-warning-7 text-warning-11",
-        error: "bg-error-3 border-error-7 text-error-11",
-        neutral: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
-      }
-    },
-    defaultVariants: { color: "info" }
-  }
-), V = {
-  info: o,
-  success: w,
-  warning: v,
-  error: h,
-  neutral: o
-}, j = r.forwardRef(
-  ({ className: a, color: s = "info", action: c, actions: d, onDismiss: n, children: l, ...m }, f) => {
-    const t = d ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
-      p(!1);
-    }, []);
-    return /* @__PURE__ */ e(A, { onExitComplete: n, children: b && /* @__PURE__ */ x(
-      _.div,
-      {
-        ref: f,
-        initial: { height: "auto", opacity: 1 },
-        exit: { height: 0, opacity: 0 },
-        transition: y.snappy,
-        className: C(B({ color: s }), "overflow-hidden", a),
-        role: "alert",
-        ...k(m),
-        children: [
-          /* @__PURE__ */ e(i, { icon: u, size: "md", className: "shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
-          t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: t }),
-          n && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: g,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
-              "aria-label": "Dismiss",
-              title: "Dismiss",
-              children: /* @__PURE__ */ e(i, { icon: I, size: "sm" })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-j.displayName = "Banner";
-export {
-  j as Banner,
-  B as bannerVariants
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n, springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { Icon as o } from "./icon.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconAlertCircle as u, IconAlertTriangle as d, IconCircleCheck as f, IconInfoCircle as p, IconX as m } from "@tabler/icons-react";
+//#region src/ui/banner.tsx
+var h = i("flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b", {
+	variants: { color: {
+		info: "bg-info-3 border-info-7 text-info-11",
+		success: "bg-success-3 border-success-7 text-success-11",
+		warning: "bg-warning-3 border-warning-7 text-warning-11",
+		error: "bg-error-3 border-error-7 text-error-11",
+		neutral: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+	} },
+	defaultVariants: { color: "info" }
+}), g = {
+	info: p,
+	success: f,
+	warning: d,
+	error: u,
+	neutral: p
+}, _ = s.forwardRef(({ className: i, color: u = "info", action: d, actions: f, onDismiss: p, children: _, ...v }, y) => {
+	let b = f ?? d, x = g[u ?? "info"], [S, C] = s.useState(!0), w = s.useCallback(() => {
+		C(!1);
+	}, []);
+	return /* @__PURE__ */ c(t, {
+		onExitComplete: p,
+		children: S && /* @__PURE__ */ l(e.div, {
+			ref: y,
+			initial: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: r.snappy,
+			className: a(h({ color: u }), "overflow-hidden", i),
+			role: "alert",
+			...n(v),
+			children: [
+				/* @__PURE__ */ c(o, {
+					icon: x,
+					size: "md",
+					className: "shrink-0"
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "min-w-0 flex-1",
+					children: _
+				}),
+				b && /* @__PURE__ */ c("div", {
+					className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10",
+					children: b
+				}),
+				p && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: w,
+					className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Dismiss",
+					title: "Dismiss",
+					children: /* @__PURE__ */ c(o, {
+						icon: m,
+						size: "sm"
+					})
+				})
+			]
+		})
+	});
+});
+_.displayName = "Banner";
+//#endregion
+export { _ as Banner, h as bannerVariants };

package/dist/ui/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","names":[],"sources":["../../src/ui/banner.tsx"],"sourcesContent":["'use client'\n\nimport { IconAlertCircle, IconCircleCheck, IconInfoCircle, IconX, IconAlertTriangle } from '@tabler/icons-react'\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { cn } from './lib/utils'\nimport { springs, motionProps } from './lib/motion'\nimport { Icon } from './icon'\n\nconst bannerVariants = cva(\n  'flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b',\n  {\n    variants: {\n      color: {\n        info:\n          'bg-info-3 border-info-7 text-info-11',\n        success:\n          'bg-success-3 border-success-7 text-success-11',\n        warning:\n          'bg-warning-3 border-warning-7 text-warning-11',\n        error:\n          'bg-error-3 border-error-7 text-error-11',\n        neutral:\n          'bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted',\n      },\n    },\n    defaultVariants: { color: 'info' },\n  },\n)\n\nconst BANNER_ICONS: Record<string, React.ForwardRefExoticComponent<any>> = {\n  info:    IconInfoCircle,\n  success: IconCircleCheck,\n  warning: IconAlertTriangle,\n  error:   IconAlertCircle,\n  neutral: IconInfoCircle,\n}\n\n/**\n * Props for Banner — a full-width notification strip with a colored icon, message, optional\n * action slot, and an optional dismiss button. Renders with `role=\"alert\"`.\n *\n * **Colors:** `info` (default) | `success` | `warning` | `error` | `neutral`\n *\n * **Banner vs Alert:** Banner spans the full width of its container (e.g., top of a page or section).\n * Alert is an inline block inside page content. Use Banner for system-level announcements.\n *\n * **`actions` slot:** Accepts any React node(s) — typically one or more `<Button variant=\"ghost\" size=\"sm\">`.\n * Multiple actions wrap gracefully on narrow viewports. The singular `action` prop is deprecated.\n * **Dismissible:** Provide `onDismiss` to show an × button.\n *\n * @example\n * // Maintenance warning at top of the dashboard:\n * <Banner color=\"warning\">\n *   Scheduled maintenance on Sunday 2am–4am UTC. Expect brief downtime.\n * </Banner>\n *\n * @example\n * // Success banner with a CTA action button:\n * <Banner color=\"success\" action={<Button variant=\"ghost\" size=\"sm\">View report</Button>}>\n *   Your export is ready.\n * </Banner>\n *\n * @example\n * // Dismissible info banner for a new feature announcement:\n * <Banner color=\"info\" onDismiss={() => markAsSeen('feature-x')}>\n *   New: You can now assign tasks directly from the calendar view.\n * </Banner>\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface BannerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    VariantProps<typeof bannerVariants> {\n  /** @deprecated Use `actions` instead */\n  action?: React.ReactNode\n  /** Action slot — accepts any React node(s), typically ghost Buttons. Preferred over `action`. */\n  actions?: React.ReactNode\n  onDismiss?: () => void\n}\n\nconst Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n  ({ className, color = 'info', action, actions, onDismiss, children, ...props }, ref) => {\n    const resolvedActions = actions ?? action\n    const BannerIcon = BANNER_ICONS[color ?? 'info']\n    const [isVisible, setIsVisible] = React.useState(true)\n\n    const handleDismiss = React.useCallback(() => {\n      setIsVisible(false)\n    }, [])\n\n    return (\n      <AnimatePresence onExitComplete={onDismiss}>\n        {isVisible && (\n          <motion.div\n            ref={ref}\n            initial={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={springs.snappy}\n            className={cn(bannerVariants({ color }), 'overflow-hidden', className)}\n            role=\"alert\"\n            {...motionProps(props)}\n          >\n            <Icon icon={BannerIcon} size=\"md\" className=\"shrink-0\" />\n            <div className=\"min-w-0 flex-1\">{children}</div>\n            {resolvedActions && (\n              <div className=\"flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10\">{resolvedActions}</div>\n            )}\n            {onDismiss && (\n              <button\n                type=\"button\"\n                onClick={handleDismiss}\n                className=\"shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n                aria-label=\"Dismiss\"\n                title=\"Dismiss\"\n              >\n                <Icon icon={IconX} size=\"sm\" />\n              </button>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nBanner.displayName = 'Banner'\n\nexport { Banner, bannerVariants }\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAiB,EACrB,2FACA;CACE,UAAU,EACR,OAAO;EACL,MACE;EACF,SACE;EACF,SACE;EACF,OACE;EACF,SACE;EACH,EACF;CACD,iBAAiB,EAAE,OAAO,QAAQ;CACnC,CACF,EAEK,IAAqE;CACzE,MAAS;CACT,SAAS;CACT,SAAS;CACT,OAAS;CACT,SAAS;CACV,EA4CK,IAAS,EAAM,YAClB,EAAE,cAAW,WAAQ,QAAQ,WAAQ,YAAS,cAAW,aAAU,GAAG,KAAS,MAAQ;CACtF,IAAM,IAAkB,KAAW,GAC7B,IAAa,EAAa,KAAS,SACnC,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAK,EAEhD,IAAgB,EAAM,kBAAkB;AAC5C,IAAa,GAAM;IAClB,EAAE,CAAC;AAEN,QACE,kBAAC,GAAD;EAAiB,gBAAgB;YAC9B,KACC,kBAAC,EAAO,KAAR;GACO;GACL,SAAS;IAAE,QAAQ;IAAQ,SAAS;IAAG;GACvC,MAAM;IAAE,QAAQ;IAAG,SAAS;IAAG;GAC/B,YAAY,EAAQ;GACpB,WAAW,EAAG,EAAe,EAAE,UAAO,CAAC,EAAE,mBAAmB,EAAU;GACtE,MAAK;GACL,GAAI,EAAY,EAAM;aAPxB;IASE,kBAAC,GAAD;KAAM,MAAM;KAAY,MAAK;KAAK,WAAU;KAAa,CAAA;IACzD,kBAAC,OAAD;KAAK,WAAU;KAAkB;KAAe,CAAA;IAC/C,KACC,kBAAC,OAAD;KAAK,WAAU;eAAwK;KAAsB,CAAA;IAE9M,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAW;KACX,OAAM;eAEN,kBAAC,GAAD;MAAM,MAAM;MAAO,MAAK;MAAO,CAAA;KACxB,CAAA;IAEA;;EAEC,CAAA;EAGvB;AACD,EAAO,cAAc"}

package/dist/ui/breadcrumb.js

@@ -1,85 +1,66 @@
 "use client";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { S as d } from "../_chunks/primitives.js";
-import { IconDots as n, IconChevronRight as l } from "@tabler/icons-react";
-import * as m from "react";
-import { cn as i } from "./lib/utils.js";
-import { Icon as o } from "./icon.js";
-const u = m.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
-u.displayName = "Breadcrumb";
-const f = m.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "ol",
-    {
-      ref: a,
-      className: i(
-        "flex flex-wrap items-center gap-ds-02b break-words text-ds-md text-surface-fg-muted sm:gap-ds-03",
-        e
-      ),
-      ...r
-    }
-  )
-);
-f.displayName = "BreadcrumbList";
-const p = m.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: i("inline-flex items-center gap-ds-03", e), ...r })
-);
-p.displayName = "BreadcrumbItem";
-const b = m.forwardRef(({ className: e, asChild: r = !1, ...a }, t) => /* @__PURE__ */ s(
-  r ? d : "a",
-  {
-    ref: t,
-    className: i(
-      "transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "BreadcrumbLink";
-const g = m.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "span",
-    {
-      ref: a,
-      "aria-current": "page",
-      className: i("font-medium text-surface-fg", e),
-      ...r
-    }
-  )
-);
-g.displayName = "BreadcrumbPage";
-const B = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: i("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
-    ...a,
-    children: e ?? /* @__PURE__ */ s(o, { icon: l, size: "sm" })
-  }
-);
-B.displayName = "BreadcrumbSeparator";
-const N = ({ className: e, ...r }) => /* @__PURE__ */ c(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: i("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
-    ...r,
-    children: [
-      /* @__PURE__ */ s(o, { icon: n, size: "sm" }),
-      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-N.displayName = "BreadcrumbEllipsis";
-export {
-  u as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  b as BreadcrumbLink,
-  f as BreadcrumbList,
-  g as BreadcrumbPage,
-  B as BreadcrumbSeparator
-};
+import { Hn as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import { Icon as n } from "./icon.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconChevronRight as o, IconDots as s } from "@tabler/icons-react";
+//#region src/ui/breadcrumb.tsx
+var c = r.forwardRef(({ ...e }, t) => /* @__PURE__ */ i("nav", {
+	ref: t,
+	"aria-label": "breadcrumb",
+	...e
+}));
+c.displayName = "Breadcrumb";
+var l = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("ol", {
+	ref: r,
+	className: t("flex flex-wrap items-center gap-ds-02b break-words text-ds-md text-surface-fg-muted sm:gap-ds-03", e),
+	...n
+}));
+l.displayName = "BreadcrumbList";
+var u = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("li", {
+	ref: r,
+	className: t("inline-flex items-center gap-ds-03", e),
+	...n
+}));
+u.displayName = "BreadcrumbItem";
+var d = r.forwardRef(({ className: n, asChild: r = !1, ...a }, o) => /* @__PURE__ */ i(r ? e : "a", {
+	ref: o,
+	className: t("transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm", n),
+	...a
+}));
+d.displayName = "BreadcrumbLink";
+var f = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("span", {
+	ref: r,
+	"aria-current": "page",
+	className: t("font-medium text-surface-fg", e),
+	...n
+}));
+f.displayName = "BreadcrumbPage";
+var p = ({ children: e, className: r, ...a }) => /* @__PURE__ */ i("li", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: t("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
+	...a,
+	children: e ?? /* @__PURE__ */ i(n, {
+		icon: o,
+		size: "sm"
+	})
+});
+p.displayName = "BreadcrumbSeparator";
+var m = ({ className: e, ...r }) => /* @__PURE__ */ a("span", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: t("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
+	...r,
+	children: [/* @__PURE__ */ i(n, {
+		icon: s,
+		size: "sm"
+	}), /* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+m.displayName = "BreadcrumbEllipsis";
+//#endregion
+export { c as Breadcrumb, m as BreadcrumbEllipsis, u as BreadcrumbItem, d as BreadcrumbLink, l as BreadcrumbList, f as BreadcrumbPage, p as BreadcrumbSeparator };

package/dist/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@primitives/react-slot'\nimport { IconChevronRight, IconDots } from '@tabler/icons-react'\nimport * as React from 'react'\nimport { cn } from './lib/utils'\nimport { Icon } from './icon'\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & { separator?: React.ReactNode }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        'flex flex-wrap items-center gap-ds-02b break-words text-ds-md text-surface-fg-muted sm:gap-ds-03',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn('inline-flex items-center gap-ds-03', className)} {...props} />\n  ),\n)\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm',\n        className,\n      )}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      aria-current=\"page\"\n      className={cn('font-medium text-surface-fg', className)}\n      {...props}\n    />\n  ),\n)\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:h-ico-sm [&>svg]:w-ico-sm', className)}\n    {...props}\n  >\n    {children ?? <Icon icon={IconChevronRight} size=\"sm\" />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex h-ds-sm-plus w-ds-sm-plus items-center justify-center', className)}\n    {...props}\n  >\n    <Icon icon={IconDots} size=\"sm\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\nexport type BreadcrumbProps = React.ComponentPropsWithoutRef<'nav'>\nexport type BreadcrumbLinkProps = React.ComponentPropsWithoutRef<'a'>\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAa,EAAM,YAGtB,EAAE,GAAG,KAAS,MAAQ,kBAAC,OAAD;CAAU;CAAK,cAAW;CAAa,GAAI;CAAS,CAAA,CAAC;AAC9E,EAAW,cAAc;AAEzB,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,MAAD;CACO;CACL,WAAW,EACT,oGACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AACD,EAAe,cAAc;AAE7B,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,MAAD;CAAS;CAAK,WAAW,EAAG,sCAAsC,EAAU;CAAE,GAAI;CAAS,CAAA,CAE9F;AACD,EAAe,cAAc;AAE7B,IAAM,IAAiB,EAAM,YAG1B,EAAE,cAAW,aAAU,IAAO,GAAG,KAAS,MAIzC,kBAHW,IAAU,IAAO,KAG5B;CACO;CACL,WAAW,EACT,iLACA,EACD;CACD,GAAI;CACJ,CAAA,CAEJ;AACF,EAAe,cAAc;AAE7B,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,QAAD;CACO;CACL,gBAAa;CACb,WAAW,EAAG,+BAA+B,EAAU;CACvD,GAAI;CACJ,CAAA,CAEL;AACD,EAAe,cAAc;AAE7B,IAAM,KAAuB,EAAE,aAAU,cAAW,GAAG,QACrD,kBAAC,MAAD;CACE,MAAK;CACL,eAAY;CACZ,WAAW,EAAG,qCAAqC,EAAU;CAC7D,GAAI;WAEH,KAAY,kBAAC,GAAD;EAAM,MAAM;EAAkB,MAAK;EAAO,CAAA;CACpD,CAAA;AAEP,EAAoB,cAAc;AAElC,IAAM,KAAsB,EAAE,cAAW,GAAG,QAC1C,kBAAC,QAAD;CACE,MAAK;CACL,eAAY;CACZ,WAAW,EAAG,8DAA8D,EAAU;CACtF,GAAI;WAJN,CAME,kBAAC,GAAD;EAAM,MAAM;EAAU,MAAK;EAAO,CAAA,EAClC,kBAAC,QAAD;EAAM,WAAU;YAAU;EAAW,CAAA,CAChC;;AAET,EAAmB,cAAc"}

package/dist/ui/button-group.js

@@ -1,108 +1,115 @@
 "use client";
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { cn as e } from "./lib/utils.js";
 import * as t from "react";
-import { cn as R } from "./lib/utils.js";
-const x = t.createContext({}), B = t.createContext(null);
-function j() {
-  return t.useContext(x);
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ui/button-group.tsx
+var i = t.createContext({}), a = t.createContext(null);
+function o() {
+	return t.useContext(i);
 }
-function D() {
-  return t.useContext(B);
+function s() {
+	return t.useContext(a);
 }
-function I(o, r) {
-  if (o !== "only")
-    if (r === "horizontal")
-      switch (o) {
-        case "first":
-          return { borderTopRightRadius: 0, borderBottomRightRadius: 0, borderRightWidth: 0 };
-        case "middle":
-          return { borderRadius: 0, borderRightWidth: 0 };
-        case "last":
-          return { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 };
-      }
-    else
-      switch (o) {
-        case "first":
-          return { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, borderBottomWidth: 0 };
-        case "middle":
-          return { borderRadius: 0, borderBottomWidth: 0 };
-        case "last":
-          return { borderTopLeftRadius: 0, borderTopRightRadius: 0 };
-      }
+function c(e, t) {
+	if (e !== "only") if (t === "horizontal") switch (e) {
+		case "first": return {
+			borderTopRightRadius: 0,
+			borderBottomRightRadius: 0,
+			borderRightWidth: 0
+		};
+		case "middle": return {
+			borderRadius: 0,
+			borderRightWidth: 0
+		};
+		case "last": return {
+			borderTopLeftRadius: 0,
+			borderBottomLeftRadius: 0
+		};
+	}
+	else switch (e) {
+		case "first": return {
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0,
+			borderBottomWidth: 0
+		};
+		case "middle": return {
+			borderRadius: 0,
+			borderBottomWidth: 0
+		};
+		case "last": return {
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		};
+	}
 }
-function L(o, r) {
-  if (o === "solid") {
-    const e = {
-      accent: "bg-accent-11/20",
-      error: "bg-error-11/20",
-      success: "bg-success-11/20",
-      warning: "bg-warning-11/20",
-      neutral: "bg-neutral-8/30"
-    };
-    return e[r ?? "accent"] ?? e.accent;
-  }
-  if (o === "soft") {
-    const e = {
-      accent: "bg-accent-5",
-      error: "bg-error-5",
-      success: "bg-success-5",
-      warning: "bg-warning-5",
-      neutral: "bg-neutral-4"
-    };
-    return e[r ?? "accent"] ?? e.accent;
-  }
-  return "bg-surface-border";
+function l(e, t) {
+	if (e === "solid") {
+		let e = {
+			accent: "bg-accent-11/20",
+			error: "bg-error-11/20",
+			success: "bg-success-11/20",
+			warning: "bg-warning-11/20",
+			neutral: "bg-neutral-8/30"
+		};
+		return e[t ?? "accent"] ?? e.accent;
+	}
+	if (e === "soft") {
+		let e = {
+			accent: "bg-accent-5",
+			error: "bg-error-5",
+			success: "bg-success-5",
+			warning: "bg-warning-5",
+			neutral: "bg-neutral-4"
+		};
+		return e[t ?? "accent"] ?? e.accent;
+	}
+	return "bg-surface-border";
 }
-const P = t.forwardRef(
-  ({ className: o, variant: r, color: e, weight: a, shape: l, size: f, disabled: g, orientation: n = "horizontal", attached: s = !0, fullWidth: c, children: m, ...v }, w) => {
-    const h = c || n === "vertical", C = t.useMemo(
-      () => ({ variant: r, color: e, weight: a, shape: l, size: f, disabled: g, orientation: n, attached: s, _stretch: h }),
-      [r, e, a, l, f, g, n, s, h]
-    ), b = t.Children.toArray(m).filter(t.isValidElement), p = b.length;
-    function G(u) {
-      return p === 1 ? "only" : u === 0 ? "first" : u === p - 1 ? "last" : "middle";
-    }
-    return /* @__PURE__ */ i(x.Provider, { value: C, children: /* @__PURE__ */ i(
-      "div",
-      {
-        ref: w,
-        role: "group",
-        className: R(
-          "inline-flex",
-          c && "w-full",
-          c && n === "horizontal" && "[&>*]:flex-1",
-          n === "horizontal" ? "flex-row" : "flex-col items-stretch",
-          !s && "gap-ds-02",
-          // Focus isolation — lift focused/hovered button above siblings
-          "[&>*:focus-within]:z-10 [&>*:hover]:z-10",
-          o
-        ),
-        ...v,
-        children: s ? b.map((u, d) => {
-          const z = d > 0 && r !== "outline";
-          return /* @__PURE__ */ y(t.Fragment, { children: [
-            z && /* @__PURE__ */ i(
-              "div",
-              {
-                "aria-hidden": !0,
-                className: R(
-                  "shrink-0 self-stretch",
-                  n === "horizontal" ? "w-px" : "h-px",
-                  L(r ?? void 0, e ?? void 0)
-                )
-              }
-            ),
-            /* @__PURE__ */ i(B.Provider, { value: { position: G(d) }, children: u })
-          ] }, d);
-        }) : m
-      }
-    ) });
-  }
-);
-P.displayName = "ButtonGroup";
-export {
-  P as ButtonGroup,
-  I as getGroupPositionStyle,
-  j as useButtonGroup,
-  D as useButtonGroupItem
-};
+var u = t.forwardRef(({ className: o, variant: s, color: c, weight: u, shape: d, size: f, disabled: p, orientation: m = "horizontal", attached: h = !0, fullWidth: g, children: _, ...v }, y) => {
+	let b = g || m === "vertical", x = t.useMemo(() => ({
+		variant: s,
+		color: c,
+		weight: u,
+		shape: d,
+		size: f,
+		disabled: p,
+		orientation: m,
+		attached: h,
+		_stretch: b
+	}), [
+		s,
+		c,
+		u,
+		d,
+		f,
+		p,
+		m,
+		h,
+		b
+	]), S = t.Children.toArray(_).filter(t.isValidElement), C = S.length;
+	function w(e) {
+		return C === 1 ? "only" : e === 0 ? "first" : e === C - 1 ? "last" : "middle";
+	}
+	return /* @__PURE__ */ n(i.Provider, {
+		value: x,
+		children: /* @__PURE__ */ n("div", {
+			ref: y,
+			role: "group",
+			className: e("inline-flex", g && "w-full", g && m === "horizontal" && "[&>*]:flex-1", m === "horizontal" ? "flex-row" : "flex-col items-stretch", !h && "gap-ds-02", "[&>*:focus-within]:z-10 [&>*:hover]:z-10", o),
+			...v,
+			children: h ? S.map((i, o) => {
+				let u = o > 0 && s !== "outline";
+				return /* @__PURE__ */ r(t.Fragment, { children: [u && /* @__PURE__ */ n("div", {
+					"aria-hidden": !0,
+					className: e("shrink-0 self-stretch", m === "horizontal" ? "w-px" : "h-px", l(s ?? void 0, c ?? void 0))
+				}), /* @__PURE__ */ n(a.Provider, {
+					value: { position: w(o) },
+					children: i
+				})] }, o);
+			}) : _
+		})
+	});
+});
+u.displayName = "ButtonGroup";
+//#endregion
+export { u as ButtonGroup, c as getGroupPositionStyle, o as useButtonGroup, s as useButtonGroupItem };

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":[],"sources":["../../src/ui/button-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from './lib/utils'\nimport type { ButtonProps } from './button'\n\n// ── Context ─────────────────────────────────────────────────────\n\nexport type ButtonGroupPosition = 'first' | 'middle' | 'last' | 'only'\n\ninterface ButtonGroupContextValue {\n  variant?: ButtonProps['variant']\n  color?: ButtonProps['color']\n  weight?: ButtonProps['weight']\n  shape?: ButtonProps['shape']\n  size?: ButtonProps['size']\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  attached?: boolean\n  /** Internal: signals Button children to stretch to fill available width */\n  _stretch?: boolean\n}\n\n// Separate context for position (changes per child) vs group settings (same for all)\ninterface ButtonGroupItemContext {\n  position: ButtonGroupPosition\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextValue>({})\nconst ButtonGroupItemContext = React.createContext<ButtonGroupItemContext | null>(null)\n\nexport function useButtonGroup() {\n  return React.useContext(ButtonGroupContext)\n}\n\nexport function useButtonGroupItem() {\n  return React.useContext(ButtonGroupItemContext)\n}\n\n// ── Radius helper (consumed by Button internally) ───────────────\n\n/**\n * Returns inline style for border-radius AND border-collapse based on position\n * in an attached ButtonGroup. Inner borders are removed (not overlapped) to\n * guarantee consistent 1px borders regardless of wrapper nesting.\n */\nexport function getGroupPositionStyle(\n  position: ButtonGroupPosition,\n  orientation: 'horizontal' | 'vertical',\n): React.CSSProperties | undefined {\n  if (position === 'only') return undefined\n\n  if (orientation === 'horizontal') {\n    switch (position) {\n      case 'first':\n        return { borderTopRightRadius: 0, borderBottomRightRadius: 0, borderRightWidth: 0 }\n      case 'middle':\n        return { borderRadius: 0, borderRightWidth: 0 }\n      case 'last':\n        return { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }\n    }\n  } else {\n    switch (position) {\n      case 'first':\n        return { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, borderBottomWidth: 0 }\n      case 'middle':\n        return { borderRadius: 0, borderBottomWidth: 0 }\n      case 'last':\n        return { borderTopLeftRadius: 0, borderTopRightRadius: 0 }\n    }\n  }\n}\n\n// ── Props ───────────────────────────────────────────────────────\n\nexport interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Shared variant applied to all child Buttons (children can override). */\n  variant?: ButtonProps['variant']\n  /** Shared color applied to all child Buttons (children can override). */\n  color?: ButtonProps['color']\n  /** Shared weight applied to all child Buttons (children can override). */\n  weight?: ButtonProps['weight']\n  /** Shared shape applied to all child Buttons (children can override). */\n  shape?: ButtonProps['shape']\n  /** Shared size applied to all child Buttons (children can override). */\n  size?: ButtonProps['size']\n  /** Disable all child Buttons. */\n  disabled?: boolean\n  /** Layout direction. @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical'\n  /** Whether buttons are visually attached (merged) or spaced apart. @default true */\n  attached?: boolean\n  /** Stretch to full width of parent container. */\n  fullWidth?: boolean\n}\n\n// ── Divider colors (for non-outline variants that lack visible borders) ──\n\nfunction getDividerColor(variant?: string, color?: string): string {\n  if (variant === 'solid') {\n    const map: Record<string, string> = {\n      accent: 'bg-accent-11/20', error: 'bg-error-11/20', success: 'bg-success-11/20',\n      warning: 'bg-warning-11/20', neutral: 'bg-neutral-8/30',\n    }\n    return map[color ?? 'accent'] ?? map.accent\n  }\n  if (variant === 'soft') {\n    const map: Record<string, string> = {\n      accent: 'bg-accent-5', error: 'bg-error-5', success: 'bg-success-5',\n      warning: 'bg-warning-5', neutral: 'bg-neutral-4',\n    }\n    return map[color ?? 'accent'] ?? map.accent\n  }\n  // ghost, link, etc.\n  return 'bg-surface-border'\n}\n\n// ── Component ───────────────────────────────────────────────────\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ className, variant, color, weight, shape, size, disabled, orientation = 'horizontal', attached = true, fullWidth, children, ...props }, ref) => {\n    const shouldStretch = fullWidth || orientation === 'vertical'\n    const groupValue = React.useMemo(\n      () => ({ variant, color, weight, shape, size, disabled, orientation, attached, _stretch: shouldStretch }),\n      [variant, color, weight, shape, size, disabled, orientation, attached, shouldStretch],\n    )\n\n    const validChildren = React.Children.toArray(children).filter(React.isValidElement)\n    const total = validChildren.length\n\n    function getPosition(index: number): ButtonGroupPosition {\n      if (total === 1) return 'only'\n      if (index === 0) return 'first'\n      if (index === total - 1) return 'last'\n      return 'middle'\n    }\n\n    return (\n      <ButtonGroupContext.Provider value={groupValue}>\n        <div\n          ref={ref}\n          role=\"group\"\n          className={cn(\n            'inline-flex',\n            fullWidth && 'w-full',\n            fullWidth && orientation === 'horizontal' && '[&>*]:flex-1',\n            orientation === 'horizontal' ? 'flex-row' : 'flex-col items-stretch',\n            !attached && 'gap-ds-02',\n            // Focus isolation — lift focused/hovered button above siblings\n            '[&>*:focus-within]:z-10 [&>*:hover]:z-10',\n            className,\n          )}\n          {...props}\n        >\n          {attached\n            ? validChildren.map((child, i) => {\n                const needsDivider = i > 0 && variant !== 'outline'\n                return (\n                  <React.Fragment key={i}>\n                    {needsDivider && (\n                      <div\n                        aria-hidden\n                        className={cn(\n                          'shrink-0 self-stretch',\n                          orientation === 'horizontal' ? 'w-px' : 'h-px',\n                          getDividerColor(variant ?? undefined, color ?? undefined),\n                        )}\n                      />\n                    )}\n                    <ButtonGroupItemContext.Provider value={{ position: getPosition(i) }}>\n                      {child}\n                    </ButtonGroupItemContext.Provider>\n                  </React.Fragment>\n                )\n              })\n            : children}\n        </div>\n      </ButtonGroupContext.Provider>\n    )\n  },\n)\nButtonGroup.displayName = 'ButtonGroup'\n\nexport { ButtonGroup }\n"],"mappings":";;;;;AA4BA,IAAM,IAAqB,EAAM,cAAuC,EAAE,CAAC,EACrE,IAAyB,EAAM,cAA6C,KAAK;AAEvF,SAAgB,IAAiB;AAC/B,QAAO,EAAM,WAAW,EAAmB;;AAG7C,SAAgB,IAAqB;AACnC,QAAO,EAAM,WAAW,EAAuB;;AAUjD,SAAgB,EACd,GACA,GACiC;AAC7B,WAAa,OAEjB,KAAI,MAAgB,aAClB,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;GAAE,sBAAsB;GAAG,yBAAyB;GAAG,kBAAkB;GAAG;EACrF,KAAK,SACH,QAAO;GAAE,cAAc;GAAG,kBAAkB;GAAG;EACjD,KAAK,OACH,QAAO;GAAE,qBAAqB;GAAG,wBAAwB;GAAG;;KAGhE,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;GAAE,wBAAwB;GAAG,yBAAyB;GAAG,mBAAmB;GAAG;EACxF,KAAK,SACH,QAAO;GAAE,cAAc;GAAG,mBAAmB;GAAG;EAClD,KAAK,OACH,QAAO;GAAE,qBAAqB;GAAG,sBAAsB;GAAG;;;AA8BlE,SAAS,EAAgB,GAAkB,GAAwB;AACjE,KAAI,MAAY,SAAS;EACvB,IAAM,IAA8B;GAClC,QAAQ;GAAmB,OAAO;GAAkB,SAAS;GAC7D,SAAS;GAAoB,SAAS;GACvC;AACD,SAAO,EAAI,KAAS,aAAa,EAAI;;AAEvC,KAAI,MAAY,QAAQ;EACtB,IAAM,IAA8B;GAClC,QAAQ;GAAe,OAAO;GAAc,SAAS;GACrD,SAAS;GAAgB,SAAS;GACnC;AACD,SAAO,EAAI,KAAS,aAAa,EAAI;;AAGvC,QAAO;;AAKT,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,YAAS,UAAO,WAAQ,UAAO,SAAM,aAAU,iBAAc,cAAc,cAAW,IAAM,cAAW,aAAU,GAAG,KAAS,MAAQ;CACjJ,IAAM,IAAgB,KAAa,MAAgB,YAC7C,IAAa,EAAM,eAChB;EAAE;EAAS;EAAO;EAAQ;EAAO;EAAM;EAAU;EAAa;EAAU,UAAU;EAAe,GACxG;EAAC;EAAS;EAAO;EAAQ;EAAO;EAAM;EAAU;EAAa;EAAU;EAAc,CACtF,EAEK,IAAgB,EAAM,SAAS,QAAQ,EAAS,CAAC,OAAO,EAAM,eAAe,EAC7E,IAAQ,EAAc;CAE5B,SAAS,EAAY,GAAoC;AAIvD,SAHI,MAAU,IAAU,SACpB,MAAU,IAAU,UACpB,MAAU,IAAQ,IAAU,SACzB;;AAGT,QACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;YAClC,kBAAC,OAAD;GACO;GACL,MAAK;GACL,WAAW,EACT,eACA,KAAa,UACb,KAAa,MAAgB,gBAAgB,gBAC7C,MAAgB,eAAe,aAAa,0BAC5C,CAAC,KAAY,aAEb,4CACA,EACD;GACD,GAAI;aAEH,IACG,EAAc,KAAK,GAAO,MAAM;IAC9B,IAAM,IAAe,IAAI,KAAK,MAAY;AAC1C,WACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,KACC,kBAAC,OAAD;KACE,eAAA;KACA,WAAW,EACT,yBACA,MAAgB,eAAe,SAAS,QACxC,EAAgB,KAAW,KAAA,GAAW,KAAS,KAAA,EAAU,CAC1D;KACD,CAAA,EAEJ,kBAAC,EAAuB,UAAxB;KAAiC,OAAO,EAAE,UAAU,EAAY,EAAE,EAAE;eACjE;KAC+B,CAAA,CACnB,EAAA,EAdI,EAcJ;KAEnB,GACF;GACA,CAAA;EACsB,CAAA;EAGnC;AACD,EAAY,cAAc"}

package/dist/ui/button-processing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA6EjF"}
+{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA0GjF"}