themelia-react-ui 2.0.0 → 2.0.2

package/dist/button-R9CCoH7A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-R9CCoH7A.js","names":["Button","React","ButtonPrimitive","cn","React$1","buttonVariants","cva","Button$1","props","Button","variant","size","className","state"],"sources":["../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/** Internal presentation only; public buttons own the stable tone/style API. */\nexport const buttonVariants = cva('box-border inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-inner font-sans text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon', {\n variants: {\n  variant: {default:'bg-primary text-primary-foreground hover:bg-primary/90', destructive:'bg-destructive text-destructive-foreground hover:bg-destructive/90', outline:'border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground', secondary:'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost:'hover:bg-accent hover:text-accent-foreground', link:'text-link-color underline-offset-4 hover:underline'},\n  size: {default:'h-action px-control', xs:'h-action-xs px-control-xs', sm:'h-action-sm px-control-sm', lg:'h-action-lg px-control', icon:'size-action p-0', 'icon-xs':'size-action-xs p-0', 'icon-sm':'size-action-sm p-0', 'icon-lg':'size-action-lg p-0'},\n }, defaultVariants:{variant:'default',size:'default'},\n});\nexport namespace Button { export type Props = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>; }\nexport const Button = React.forwardRef<HTMLElement, Button.Props>(function Button({className,variant,size,...props},ref) {\n // Unspecified recipe props leave presentation ownership with the public wrapper.\n return <ButtonPrimitive {...props} ref={ref} data-slot=\"button\" className={state => cn(variant != null || size != null ? buttonVariants({variant,size}) : undefined, typeof className === 'function' ? className(state) : className)} />;\n});\n"],"mappings":";;;;;;;AAMA,IAAaK,IAAiBC,EAAI,ycAAyc;CAC1e,UAAU;EACT,SAAS;GAAC,SAAQ;GAA0D,aAAY;GAAsE,SAAQ;GAA4F,WAAU;GAAgE,OAAM;GAAgD,MAAK;EAAoD;EAC3b,MAAM;GAAC,SAAQ;GAAuB,IAAG;GAA6B,IAAG;GAA6B,IAAG;GAA0B,MAAK;GAAmB,WAAU;GAAsB,WAAU;GAAsB,WAAU;EAAoB;CAC1P;CAAG,iBAAgB;EAAC,SAAQ;EAAU,MAAK;CAAS;AACrD,CAAC,GAEYN,IAASC,EAAM,WAAsC,SAAgB,EAAC,cAAU,YAAQ,SAAK,GAAGO,KAAO,GAAK;CAExH,OAAO,kBAACN,GAAD;EAAiB,GAAIM;EAAY;EAAK,aAAU;EAAS,YAAW,MAASL,EAAGO,KAAW,QAAQC,KAAQ,OAAON,EAAe;GAAC;GAAQ;EAAI,CAAC,IAAI,KAAA,GAAW,OAAOO,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;CAAI,CAAA;AACxO,CAAC"}

package/dist/buttons-DS0ZIwJ_.js

@@ -1,99 +0,0 @@
-"use client";
-import { _ as e, s as t } from "./ui-provider-D2_TeLqw.js";
-import { t as n } from "./utils-Cospvlj1.js";
-import { t as r } from "./separator-BMEvwnSX.js";
-import { s as i } from "./typography-CAr3dQhX.js";
-import { n as a } from "./button-BS3KDg00.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { mergeProps as c } from "@base-ui/react/merge-props";
-import { useRender as l } from "@base-ui/react/use-render";
-//#region src/components/ui/button-group.tsx
-var u = ({ orientation: e = "horizontal" } = {}) => e === "vertical" ? "button-group-vertical" : "button-group-horizontal";
-function d({ className: e, orientation: t = "horizontal", ...r }) {
-	return /* @__PURE__ */ s("div", {
-		role: "group",
-		"data-slot": "button-group",
-		"data-orientation": t,
-		className: n("button-group--primitive", e),
-		...r
-	});
-}
-function f({ className: e, render: t, ...r }) {
-	return l({
-		defaultTagName: "div",
-		props: c({ className: n("button-group-text--primitive", e) }, r),
-		render: t,
-		state: { slot: "button-group-text" }
-	});
-}
-function p({ className: e, orientation: t = "vertical", ...i }) {
-	return /* @__PURE__ */ s(r, {
-		"data-slot": "button-group-separator",
-		orientation: t,
-		className: n("button-group-separator--primitive", e),
-		...i
-	});
-}
-//#endregion
-//#region src/components/base/buttons/button-group.recipes.ts
-var m = {
-	root: "inline-flex items-stretch rounded-inner box-border data-[orientation=vertical]:flex-col [&[data-orientation=horizontal]>:not(:last-child)]:rounded-e-none [&[data-orientation=horizontal]>:not(:first-child)]:rounded-s-none [&[data-orientation=horizontal]>:not(:first-child)]:border-s-0 [&[data-orientation=vertical]>:not(:last-child)]:rounded-b-none [&[data-orientation=vertical]>:not(:first-child)]:rounded-t-none [&[data-orientation=vertical]>:not(:first-child)]:border-t-0",
-	text: "inline-flex items-center rounded-inner px-control-sm py-0 bg-muted border border-foreground/15 text-sm text-muted-foreground",
-	separator: "bg-border w-px self-stretch"
-};
-//#endregion
-//#region src/components/base/buttons/button-group.tsx
-function h({ className: e, ...t }) {
-	return /* @__PURE__ */ s(d, {
-		className: n("button-group--component", m.root, e),
-		...t
-	});
-}
-function g(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function _({ children: e, className: t, ...r }) {
-	return /* @__PURE__ */ s(f, {
-		className: n("button-group-text--component", m.text, t),
-		...r,
-		children: g(e) ? /* @__PURE__ */ s(i, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: e
-		}) : e
-	});
-}
-function v({ className: e, ...t }) {
-	return /* @__PURE__ */ s(p, {
-		className: n("button-group-separator--component", m.separator, e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/buttons/text-button.tsx
-var y = {
-	sm: "text-pxs leading-none h-auto min-h-0 px-0 py-0",
-	md: "text-sm leading-none h-auto min-h-0 px-0 py-0",
-	lg: "text-sm leading-none h-auto min-h-0 px-0 py-0"
-}, b = o.forwardRef(({ className: r, type: i = "button", size: o, disabled: c, ...l }, u) => {
-	let { defaultScale: d } = t(), f = e(o, d);
-	return /* @__PURE__ */ s(a, {
-		ref: u,
-		type: i,
-		tone: "primary",
-		buttonStyle: "ghost",
-		size: f,
-		disabled: c,
-		className: n("text-button--component", "hover:bg-transparent dark:hover:bg-transparent", "inline-flex items-center justify-center underline decoration-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current", "text-primary-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", y[f], r),
-		...l
-	});
-});
-b.displayName = "TextButton";
-//#endregion
-export { u as a, _ as i, h as n, v as r, b as t };
-
-//# sourceMappingURL=buttons-DS0ZIwJ_.js.map

package/dist/buttons-DS0ZIwJ_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-DS0ZIwJ_.js","names":["ButtonGroup","ButtonGroupText","ButtonGroupSeparator","ButtonGroupPrimitive","styles","ButtonGroupTextPrimitive","ButtonGroupSeparatorPrimitive","React","resolveComponentScale","useDensityConfig","cn","Separator","Text","BaseButton","React$1","buttonGroupVariants","orientation","ButtonGroup$1","props","className","ButtonGroupText$1","useRender","mergeProps","ButtonGroupSeparator$1","buttonGroupRecipes","ButtonGroup","isScalarContent","content","ButtonGroupText","children","ButtonGroupSeparator","sizeClasses","TextButton","resolvedSize","size","defaultScale"],"sources":["../src/components/ui/button-group.tsx","../src/components/base/buttons/button-group.recipes.ts","../src/components/base/buttons/button-group.tsx","../src/components/base/buttons/text-button.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"./separator\"\n\nconst buttonGroupVariants = ({ orientation = \"horizontal\" }: { orientation?: \"horizontal\" | \"vertical\" } = {}) =>\n  orientation === \"vertical\" ? \"button-group-vertical\" : \"button-group-horizontal\"\n\nfunction ButtonGroup({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<\"div\"> & { orientation?: \"horizontal\" | \"vertical\" }) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(\"button-group--primitive\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"button-group-text--primitive\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n    },\n  })\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\"button-group-separator--primitive\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n","/** Private Tailwind recipes; public props and DOM hooks remain owned by the component. */\nexport const buttonGroupRecipes = {\n\t// Joined edges drop the following segment's leading border instead of overlapping\n\t// by a pixel: translucent hairlines would otherwise double up into a darker seam.\n\troot: \"inline-flex items-stretch rounded-inner box-border data-[orientation=vertical]:flex-col [&[data-orientation=horizontal]>:not(:last-child)]:rounded-e-none [&[data-orientation=horizontal]>:not(:first-child)]:rounded-s-none [&[data-orientation=horizontal]>:not(:first-child)]:border-s-0 [&[data-orientation=vertical]>:not(:last-child)]:rounded-b-none [&[data-orientation=vertical]>:not(:first-child)]:rounded-t-none [&[data-orientation=vertical]>:not(:first-child)]:border-t-0\",\n\t// A text segment shares the default outline button's corner and hairline.\n\ttext: \"inline-flex items-center rounded-inner px-control-sm py-0 bg-muted border border-foreground/15 text-sm text-muted-foreground\",\n\tseparator: \"bg-border w-px self-stretch\",\n} as const satisfies Record<string, string>;\n","/**\n * ButtonGroup — base wrapper around the shadcn `ui/button-group` primitive.\n *\n * What this layer adds on top of the primitive:\n *  - Stable BEM hooks (`button-group--component`, `button-group-text--component`,\n *    `button-group-separator--component`) on each wrapped part's outermost node.\n *  - Design-system typography for the scalar copy inside `ButtonGroupText`,\n *    while arbitrary `ReactNode` content (icons, `kbd`, nested controls) passes\n *    through untouched so the compound pattern stays composable.\n *  - Keeps the primitive's `orientation` variant, segmented-radius handling, and\n *    every native `div` prop by spread.\n *\n * Compose it as `<ButtonGroup><Button/><ButtonGroupSeparator/><Button/></ButtonGroup>`.\n * Reach for it when adjacent buttons must read as one segmented control; use\n * `Stack` when the buttons are merely peers with a gap between them.\n */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tButtonGroup as ButtonGroupPrimitive,\n\tButtonGroupSeparator as ButtonGroupSeparatorPrimitive,\n\tButtonGroupText as ButtonGroupTextPrimitive,\n\tbuttonGroupVariants,\n} from '../../ui/button-group';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { buttonGroupRecipes as styles } from './button-group.recipes';\n\nexport type ButtonGroupProps = ComponentProps<typeof ButtonGroupPrimitive>;\nexport type ButtonGroupTextProps = ComponentProps<typeof ButtonGroupTextPrimitive>;\nexport type ButtonGroupSeparatorProps = ComponentProps<typeof ButtonGroupSeparatorPrimitive>;\n\n/** Segmented shell that joins adjacent buttons into a single control. */\nfunction ButtonGroup({ className, ...props }: ButtonGroupProps) {\n\treturn (\n\t\t<ButtonGroupPrimitive className={cn('button-group--component', styles.root, className)} {...props} />\n\t);\n}\n\nfunction isScalarContent(content: ReactNode): content is string | number | bigint {\n\treturn typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n}\n\n/** Non-interactive label segment — scalar copy renders through Typography. */\nfunction ButtonGroupText({ children, className, ...props }: ButtonGroupTextProps) {\n\treturn (\n\t\t<ButtonGroupTextPrimitive className={cn('button-group-text--component', styles.text, className)} {...props}>\n\t\t\t{isScalarContent(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</ButtonGroupTextPrimitive>\n\t);\n}\n\n/** Hairline divider between two segments of the group. */\nfunction ButtonGroupSeparator({ className, ...props }: ButtonGroupSeparatorProps) {\n\treturn (\n\t\t<ButtonGroupSeparatorPrimitive\n\t\t\tclassName={cn('button-group-separator--component', styles.separator, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n","/**\n * TextButton — link-styled button (underline, primary tint, no padding).\n *\n * Wraps `BaseButton` with `tone=\"primary\" buttonStyle=\"ghost\"`. Routine\n * usage omits `size`; the shared component scale controls typography.\n */\nimport * as React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { BaseButton } from './base-button';\n\nexport type TextButtonSize = ComponentScale;\n\n// The default size matches default body copy (text-sm), so a text action set beside\n// a sentence or a row value reads at the same size; `sm` is the compact 13px role.\nconst sizeClasses: Record<TextButtonSize, string> = {\n\tsm: 'text-pxs leading-none h-auto min-h-0 px-0 py-0',\n\tmd: 'text-sm leading-none h-auto min-h-0 px-0 py-0',\n\tlg: 'text-sm leading-none h-auto min-h-0 px-0 py-0',\n};\n\nexport type TextButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {\n\t/** Size preset. `md` (default) matches body text; `sm` is the compact 13px role. Defaults to `UIProvider.density.defaultScale`. */\n\tsize?: TextButtonSize;\n\tchildren: React.ReactNode;\n};\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n\t({ className, type = 'button', size, disabled, ...props }, ref) => {\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst resolvedSize = resolveComponentScale(size, defaultScale);\n\t\treturn (\n\t\t\t<BaseButton\n\t\t\t\tref={ref}\n\t\t\t\ttype={type}\n\t\t\t\ttone=\"primary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tsize={resolvedSize}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName={cn('text-button--component',\n\t\t\t\t\t// `ghost` supplies the transparent resting state and the accent\n\t\t\t\t\t// colour, but its hover tint assumes a padded hit area. At\n\t\t\t\t\t// `px-0 h-auto` that tint paints a bare rectangle around the\n\t\t\t\t\t// glyphs, so the underline carries hover on its own. Both\n\t\t\t\t\t// variants are cleared: the light and dark tints are separate\n\t\t\t\t\t// declarations, so overriding one leaves the other painting.\n\t\t\t\t\t'hover:bg-transparent dark:hover:bg-transparent',\n\t\t\t\t\t'inline-flex items-center justify-center underline decoration-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current',\n\t\t\t\t\t'text-primary-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t'disabled:pointer-events-none disabled:opacity-50',\n\t\t\t\t\tsizeClasses[resolvedSize],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nTextButton.displayName = 'TextButton';\n"],"mappings":";;;;;;;;;;;AAOA,IAAMe,KAAuB,EAAE,iBAAc,iBAA8D,CAAC,MAC1GC,MAAgB,aAAa,0BAA0B;AAEzD,SAAShB,EAAY,EACnB,cACA,iBAAc,cACd,GAAGkB,KACyE;CAC5E,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,oBAAkBF;EAClB,WAAWN,EAAG,2BAA2BS,CAAS;EAClD,GAAID;CACL,CAAA;AAEL;AAEA,SAASjB,EAAgB,EACvB,cACA,WACA,GAAGiB,KAC+B;CAClC,OAAOG,EAAU;EACf,gBAAgB;EAChB,OAAOC,EACL,EACE,WAAWZ,EAAG,gCAAgCS,CAAS,EACzD,GACAD,CACF;EACA;EACA,OAAO,EACL,MAAM,oBACR;CACF,CAAC;AACH;AAEA,SAAShB,EAAqB,EAC5B,cACA,iBAAc,YACd,GAAGgB,KACsC;CACzC,OACE,kBAACP,GAAD;EACE,aAAU;EACG;EACb,WAAWD,EAAG,qCAAqCS,CAAS;EAC5D,GAAID;CACL,CAAA;AAEL;;;AC1DA,IAAaM,IAAqB;CAGjC,MAAM;CAEN,MAAM;CACN,WAAW;AACZ;;;ACyBA,SAASC,EAAY,EAAE,cAAW,GAAGP,KAA2B;CAC/D,OACC,kBAACf,GAAD;EAAsB,WAAWO,EAAG,2BAA2BN,EAAO,MAAMe,CAAS;EAAG,GAAID;CAAQ,CAAA;AAEtG;AAEA,SAASQ,EAAgB,GAAyD;CACjF,OAAO,OAAOC,KAAY,YAAY,OAAOA,KAAY,YAAY,OAAOA,KAAY;AACzF;AAGA,SAASC,EAAgB,EAAE,aAAU,cAAW,GAAGV,KAA+B;CACjF,OACC,kBAACb,GAAD;EAA0B,WAAWK,EAAG,gCAAgCN,EAAO,MAAMe,CAAS;EAAG,GAAID;EACnG,UAAAQ,EAAgBG,CAAQ,IACxB,kBAACjB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IAENiB;CAEwB,CAAA;AAE5B;AAGA,SAASC,EAAqB,EAAE,cAAW,GAAGZ,KAAoC;CACjF,OACC,kBAACZ,GAAD;EACC,WAAWI,EAAG,qCAAqCN,EAAO,WAAWe,CAAS;EAC9E,GAAID;CACJ,CAAA;AAEH;;;AClDA,IAAMa,IAA8C;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAQaC,IAAazB,EAAM,YAC9B,EAAE,cAAW,UAAO,UAAU,SAAM,aAAU,GAAGW,KAAS,MAAQ;CAClE,IAAM,EAAE,oBAAiBT,EAAiB,GACpCwB,IAAezB,EAAsB0B,GAAMC,CAAY;CAC7D,OACC,kBAACtB,GAAD;EACM;EACC;EACN,MAAK;EACL,aAAY;EACZ,MAAMoB;EACI;EACV,WAAWvB,EAAG,0BAOb,kDACA,2JACA,2HACA,oDACAqB,EAAYE,IACZd,CACD;EACA,GAAID;CACJ,CAAA;AAEH,CACD;AAEA,EAAW,cAAc"}

package/dist/cards-QoJ4syG9.js

@@ -1,66 +0,0 @@
-"use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import { t } from "./button-BS3KDg00.js";
-import { t as n } from "./structure-hzCW-XsV.js";
-import { a as r, c as i, f as a, l as o, u as s } from "./smart-card-Bek-TwUp.js";
-import { t as c } from "./action-menu-BTpyPWJ2.js";
-import { t as l } from "./separator-Do5GWDYi.js";
-import { forwardRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/base/cards/partials/smart-card-skeleton.tsx
-function p({ title: t, lines: c = 2, className: l }) {
-	let u = ({ barClassName: t }) => /* @__PURE__ */ d("div", { className: e("animate-pulse rounded bg-muted", t) });
-	return /* @__PURE__ */ f(o, {
-		className: e("smart-card-skeleton--component", a.card, "gap-space-xl py-surface", l),
-		children: [/* @__PURE__ */ d(i, {
-			className: "flex-col gap-normal px-surface pb-0",
-			children: t ? /* @__PURE__ */ d(s, { children: t }) : /* @__PURE__ */ d(u, { barClassName: "h-4 w-32" })
-		}), /* @__PURE__ */ d(r, {
-			className: "px-surface py-0",
-			children: /* @__PURE__ */ d(n, {
-				gap: "lg",
-				children: Array.from({ length: c }, (t, n) => /* @__PURE__ */ d(u, { barClassName: e("h-4", n === 0 ? "w-full" : "w-3/4") }, `skel-${String(n)}`))
-			})
-		})]
-	});
-}
-p.displayName = "SmartCardSkeleton";
-//#endregion
-//#region src/components/base/cards/card-actions.tsx
-var m = u(function({ children: n, icon: r, hidden: i = !1, fullWidth: a = !0, className: o, ...s }, c) {
-	return i ? null : /* @__PURE__ */ d(t, {
-		ref: c,
-		type: "button",
-		tone: "primary",
-		fullWidth: a,
-		icon: r,
-		className: e("card-primary-action--component", o),
-		...s,
-		children: n
-	});
-});
-function h({ actions: t, separator: n = !1, align: r = "start", compact: i = !1, fullWidthPrimary: a = !1, className: o, buttonClassName: s, renderLink: u }) {
-	let p = t.filter((e) => e.visible !== !1);
-	if (p.length === 0) return null;
-	let m = {
-		start: "justify-start",
-		end: "justify-end",
-		between: "justify-between",
-		stretch: "justify-stretch"
-	}[r];
-	return /* @__PURE__ */ f("div", {
-		className: e("card-action-strip--component", o),
-		children: [!!n && /* @__PURE__ */ d(l, { className: e(i ? "mb-space-sm" : "mb-space-md") }), /* @__PURE__ */ d(c, {
-			actions: p,
-			size: i ? "sm" : "md",
-			className: e("flex-wrap", m, r === "stretch" && "[&>.base-button--component]:flex-1", a && "[&>.base-button--component:first-child]:flex-1"),
-			buttonClassName: e(i ? "min-w-0" : "min-w-24", s),
-			renderLink: u
-		})]
-	});
-}
-m.displayName = "CardPrimaryAction", h.displayName = "CardActionStrip";
-//#endregion
-export { m as n, p as r, h as t };
-
-//# sourceMappingURL=cards-QoJ4syG9.js.map

package/dist/cards-QoJ4syG9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cards-QoJ4syG9.js","names":["cn","Stack","CardContent","CardHeader","SURFACE_CLASSES","CardShell","CardTitle","ActionButtons","Separator","SmartCardSkeleton","SkeletonBar","barClassName","className","title","lines","i","CardPrimaryAction","forwardRef","props","hidden","Button","CardActionStrip","visible","actions","action","alignClassName","align","separator","compact","fullWidthPrimary","buttonClassName"],"sources":["../src/components/base/cards/partials/smart-card-skeleton.tsx","../src/components/base/cards/card-actions.tsx"],"sourcesContent":["/**\n * SmartCardSkeleton — placeholder shell rendered while a SmartCard's\n * data is loading. Picks up the canonical card surface so the loading\n * state visually matches the eventual `SmartCard` it'll replace.\n */\nimport type { ReactNode } from 'react';\n\nimport { Stack } from '../../structure';\nimport { cn } from '../../../../lib/utils';\n\nimport { SURFACE_CLASSES } from '../smart-card.tokens';\n\nimport { CardContent, CardHeader, CardShell, CardTitle } from './card-primitives';\n\nexport interface SmartCardSkeletonProps {\n\t/** Surface title. */\n\ttitle?: ReactNode;\n\tlines?: number;\n\tclassName?: string;\n}\n\nexport function SmartCardSkeleton({ title, lines = 2, className }: SmartCardSkeletonProps) {\n\tconst SkeletonBar = ({ barClassName }: { barClassName?: string }) => (\n\t\t<div className={cn('animate-pulse rounded bg-muted', barClassName)} />\n\t);\n\n\treturn (\n\t\t<CardShell\n\t\t\tclassName={cn('smart-card-skeleton--component', SURFACE_CLASSES.card, 'gap-space-xl py-surface', className)}\n\t\t>\n\t\t\t<CardHeader className=\"flex-col gap-normal px-surface pb-0\">\n\t\t\t\t{title ? <CardTitle>{title}</CardTitle> : <SkeletonBar barClassName=\"h-4 w-32\" />}\n\t\t\t</CardHeader>\n\t\t\t<CardContent className=\"px-surface py-0\">\n\t\t\t\t<Stack gap=\"lg\">\n\t\t\t\t\t{Array.from({ length: lines }, (_, i) => (\n\t\t\t\t\t\t<SkeletonBar key={`skel-${String(i)}`} barClassName={cn('h-4', i === 0 ? 'w-full' : 'w-3/4')} />\n\t\t\t\t\t))}\n\t\t\t\t</Stack>\n\t\t\t</CardContent>\n\t\t</CardShell>\n\t);\n}\n\nSmartCardSkeleton.displayName = 'SmartCardSkeleton';\n","/**\n * Card action recipes — package-owned chrome for body/footer card actions.\n *\n * Use these instead of hand-rolled footer button rows in resource cards.\n */\nimport { forwardRef, type ComponentProps, type ReactElement, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\n\nimport { Button } from '../buttons';\nimport {\n\tActionButtons,\n\ttype ActionMenuAction,\n\ttype ActionMenuLinkRenderProps,\n} from '../action-menu';\nimport { Separator } from '../display/separator';\nimport { cn } from '../../../lib/utils';\n\nexport interface CardPrimaryActionProps\n\textends Omit<ComponentProps<typeof Button>, 'variant' | 'fullWidth' | 'children'> {\n\tchildren: ReactNode;\n\ticon?: LucideIcon;\n\t/** Renders the action as an anchor to this destination. */\n\thref?: string;\n\t/** Omits the action without changing the others' order. */\n\thidden?: boolean;\n\t/** Stretches the action to the row's width. */\n\tfullWidth?: boolean;\n}\n\nexport const CardPrimaryAction = forwardRef<HTMLButtonElement, CardPrimaryActionProps>(function CardPrimaryAction({\n\tchildren,\n\ticon,\n\thidden = false,\n\tfullWidth = true,\n\tclassName,\n\t...props\n}: CardPrimaryActionProps, ref) {\n\tif (hidden) return null;\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\ttype=\"button\"\n\t\t\ttone=\"primary\"\n\t\t\tfullWidth={fullWidth}\n\t\t\ticon={icon}\n\t\t\tclassName={cn('card-primary-action--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Button>\n\t);\n});\n\nexport interface CardActionStripProps {\n\t/** Actions to render, in order. */\n\tactions: readonly ActionMenuAction[];\n\t/** Draws a rule above the action row. */\n\tseparator?: boolean;\n\t/** Horizontal alignment of the action row. */\n\talign?: 'start' | 'end' | 'between' | 'stretch';\n\t/** Tightens the row for dense cards. */\n\tcompact?: boolean;\n\t/** Stretches only the primary action. */\n\tfullWidthPrimary?: boolean;\n\tclassName?: string;\n\t/** Merged onto every button in the row. */\n\tbuttonClassName?: string;\n\t/** Renders actions carrying an `href` through the consumer's router. */\n\trenderLink?: (props: ActionMenuLinkRenderProps) => ReactElement;\n}\n\nexport function CardActionStrip({\n\tactions,\n\tseparator = false,\n\talign = 'start',\n\tcompact = false,\n\tfullWidthPrimary = false,\n\tclassName,\n\tbuttonClassName,\n\trenderLink,\n}: CardActionStripProps) {\n\tconst visible = actions.filter((action) => action.visible !== false);\n\tif (visible.length === 0) return null;\n\n\tconst alignClassName = {\n\t\tstart: 'justify-start',\n\t\tend: 'justify-end',\n\t\tbetween: 'justify-between',\n\t\tstretch: 'justify-stretch',\n\t}[align];\n\n\treturn (\n\t\t<div className={cn('card-action-strip--component', className)}>\n\t\t\t{!!separator && <Separator className={cn(compact ? 'mb-space-sm' : 'mb-space-md')} />}\n\t\t\t<ActionButtons\n\t\t\t\tactions={visible}\n\t\t\t\tsize={compact ? 'sm' : 'md'}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex-wrap',\n\t\t\t\t\talignClassName,\n\t\t\t\t\talign === 'stretch' && '[&>.base-button--component]:flex-1',\n\t\t\t\t\tfullWidthPrimary && '[&>.base-button--component:first-child]:flex-1',\n\t\t\t\t)}\n\t\t\t\tbuttonClassName={cn(\n\t\t\t\t\tcompact ? 'min-w-0' : 'min-w-24',\n\t\t\t\t\tbuttonClassName,\n\t\t\t\t)}\n\t\t\t\trenderLink={renderLink}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nCardPrimaryAction.displayName = 'CardPrimaryAction';\nCardActionStrip.displayName = 'CardActionStrip';\n"],"mappings":";;;;;;;;;;AAqBA,SAAgBS,EAAkB,EAAE,UAAO,WAAQ,GAAG,gBAAqC;CAC1F,IAAMC,KAAe,EAAE,sBACtB,kBAAC,OAAD,EAAK,WAAWV,EAAG,kCAAkCW,CAAY,EAAI,CAAA;CAGtE,OACC,kBAACN,GAAD;EACC,WAAWL,EAAG,kCAAkCI,EAAgB,MAAM,2BAA2BQ,CAAS;EAD3G,UAAA,CAGC,kBAACT,GAAD;GAAY,WAAU;GACpB,UAAAU,IAAQ,kBAACP,GAAD,EAAA,UAAYO,EAAiB,CAAA,IAAI,kBAACH,GAAD,EAAa,cAAa,WAAY,CAAA;EACrE,CAAA,GACZ,kBAACR,GAAD;GAAa,WAAU;GACtB,UAAA,kBAACD,GAAD;IAAO,KAAI;IACT,UAAA,MAAM,KAAK,EAAE,QAAQa,EAAM,IAAI,GAAG,MAClC,kBAACJ,GAAD,EAAuC,cAAcV,EAAG,OAAOe,MAAM,IAAI,WAAW,OAAO,EAAI,GAA7E,QAAQ,OAAOA,CAAC,GAA6D,CAC/F;GACK,CAAA;EACK,CAAA,CACH;;AAEb;AAEA,EAAkB,cAAc;;;ACfhC,IAAaC,IAAoBC,EAAsD,SAA2B,EACjH,aACA,SACA,YAAS,IACT,eAAY,IACZ,cACA,GAAGC,KACuB,GAAK;CAG/B,OAFIC,IAAe,OAGlB,kBAACC,GAAD;EACM;EACL,MAAK;EACL,MAAK;EACM;EACL;EACN,WAAWpB,EAAG,kCAAkCY,CAAS;EACzD,GAAIM;EAEH;CACM,CAAA;AAEV,CAAC;AAoBD,SAAgBG,EAAgB,EAC/B,YACA,eAAY,IACZ,WAAQ,SACR,aAAU,IACV,sBAAmB,IACnB,cACA,oBACA,iBACwB;CACxB,IAAMC,IAAUC,EAAQ,QAAQ,MAAWC,EAAO,YAAY,EAAK;CACnE,IAAIF,EAAQ,WAAW,GAAG,OAAO;CAEjC,IAAMG,IAAiB;EACtB,OAAO;EACP,KAAK;EACL,SAAS;EACT,SAAS;CACV,EAAEC;CAEF,OACC,kBAAC,OAAD;EAAK,WAAW1B,EAAG,gCAAgCY,CAAS;EAA5D,UAAA,CACE,CAAC,CAACe,KAAa,kBAACnB,GAAD,EAAW,WAAWR,EAAG4B,IAAU,gBAAgB,aAAa,EAAI,CAAA,GACpF,kBAACrB,GAAD;GACC,SAASe;GACT,MAAMM,IAAU,OAAO;GACvB,WAAW5B,EACV,aACAyB,GACAC,MAAU,aAAa,sCACvBG,KAAoB,gDACrB;GACA,iBAAiB7B,EAChB4B,IAAU,YAAY,YACtBE,CACD;GACY;EACZ,CAAA,CACG;;AAEP;AAEA,EAAkB,cAAc,qBAChC,EAAgB,cAAc"}

package/dist/chart-DwYRKKc-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-DwYRKKc-.js","names":["React","_Fragment","NumberValue","cn","Text","surfaceInsetClasses","Number","React$1","Fragment$1","RechartsPrimitive","THEMES","INITIAL_DIMENSION","ChartContext","useChart","context","ChartContainer","props","uniqueId","chartId","id","className","ChartStyle","colorConfig","config","item","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","tooltipLabel","hideLabel","payload","labelKey","getPayloadConfigFromPayload","value","label","labelFormatter","labelClassName","active","nestLabel","indicator","popoverRecipes","nameKey","payloadFill","indicatorColor","formatter","index","hideIndicator","ChartLegend","ChartLegendContent","verticalAlign","fallbackLabel","hideIcon","payloadPayload","configLabelKey"],"sources":["../src/components/base/chart/chart.tsx"],"sourcesContent":["/**\n * Chart — Recharts helpers with shadcn-compatible configuration.\n *\n * Localized from the shadcn/ReUI chart helper into the base layer so chart\n * chrome uses this library's tokens, tooltip density, and BEM DOM hooks.\n * The Recharts peer stays isolated to the exact `base/chart` entrypoint.\n */\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { Number as NumberValue } from '../../primitives';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { popoverRecipes, surfaceInsetClasses } from '../popover/popover.recipes';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const;\n\nexport type ChartConfig = Record<\n\tstring,\n\t{\n\t\t/** Axis label for the hovered position. Supplied by Recharts. */\n\t\tlabel?: React.ReactNode;\n\t\t/** Leading glyph. */\n\t\ticon?: React.ComponentType;\n\t} & (\n\t\t| { color?: string; theme?: never }\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t)\n>;\n\nexport type ChartPayloadItem = {\n\tdataKey?: string | number;\n\t/** Series name. */\n\tname?: string | number;\n\t/** The series value at the hovered point. */\n\tvalue?: string | number | Array<string | number>;\n\ttype?: string;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\tfill?: string;\n\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\tpayload?: Record<string, unknown>;\n};\n\nexport interface ChartInitialDimension {\n\twidth: number;\n\theight: number;\n}\n\ninterface ChartContextProps {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart(): ChartContextProps {\n\tconst context = React.useContext(ChartContext);\n\n\tif (!context) {\n\t\tthrow new Error('useChart must be used within a <ChartContainer />');\n\t}\n\n\treturn context;\n}\n\nexport interface ChartContainerProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Maps each data key to its label, colour, and icon. */\n\tconfig: ChartConfig;\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n\t/** Starting width and height, so the chart renders before its container is measured. */\n\tinitialDimension?: ChartInitialDimension;\n}\n\nfunction ChartContainer({\n\tid,\n\tclassName,\n\tchildren,\n\tconfig,\n\tinitialDimension = INITIAL_DIMENSION,\n\t...props\n}: ChartContainerProps) {\n\tconst uniqueId = React.useId();\n\tconst chartId = `chart-${id ?? uniqueId.replace(/:/g, '')}`;\n\n\treturn (\n\t\t<ChartContext.Provider value={{ config }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"chart\"\n\t\t\t\tdata-chart={chartId}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'chart--component flex aspect-video w-full min-w-0 justify-center text-xs',\n\t\t\t\t\t'[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-label]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-value]:fill-muted-foreground',\n\t\t\t\t\t\"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n\t\t\t\t\t'[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n\t\t\t\t\t'[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-layer]:outline-hidden',\n\t\t\t\t\t\"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-radial-bar-background-sector]:fill-muted',\n\t\t\t\t\t'[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted',\n\t\t\t\t\t\"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n\t\t\t\t\t'[&_.recharts-sector]:outline-hidden',\n\t\t\t\t\t'[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent',\n\t\t\t\t\t'[&_.recharts-surface]:outline-hidden',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ChartStyle id={chartId} config={config} />\n\t\t\t\t<RechartsPrimitive.ResponsiveContainer initialDimension={initialDimension}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsPrimitive.ResponsiveContainer>\n\t\t\t</div>\n\t\t</ChartContext.Provider>\n\t);\n}\n\nfunction ChartStyle({ id, config }: { id: string; config: ChartConfig }) {\n\tconst colorConfig = Object.entries(config).filter(([, item]) => item.theme ?? item.color);\n\n\tif (!colorConfig.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: Object.entries(THEMES)\n\t\t\t\t\t.map(\n\t\t\t\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color =\n\t\t\titemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n\t\t\titemConfig.color;\n\t\treturn color ? `  --color-${key}: ${color};` : null;\n\t})\n\t.join('\\n')}\n}\n`,\n\t\t\t\t\t)\n\t\t\t\t\t.join('\\n'),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nexport interface ChartTooltipContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\t/** Whether the tooltip is showing. Supplied by Recharts. */\n\tactive?: boolean;\n\t/** Data points under the cursor. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\t/** Axis label for the hovered position. Supplied by Recharts. */\n\tlabel?: React.ReactNode;\n\t/** Merged onto the tooltip label. */\n\tlabelClassName?: string;\n\t/** Formats the tooltip label. */\n\tlabelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;\n\t/** Formats each tooltip value. */\n\tformatter?: (\n\t\t/** The series value at the hovered point. */\n\t\tvalue: NonNullable<ChartPayloadItem['value']>,\n\t\t/** Series name. */\n\t\tname: NonNullable<ChartPayloadItem['name']>,\n\t\titem: ChartPayloadItem,\n\t\tindex: number,\n\t\t/** The raw data row for the hovered point. Supplied by Recharts. */\n\t\tpayload?: Record<string, unknown>,\n\t) => React.ReactNode;\n\t/** Overrides the colour of the tooltip indicator. */\n\tcolor?: string;\n\t/** Hides the tooltip label row. */\n\thideLabel?: boolean;\n\t/** Hides the colour indicator beside each value. */\n\thideIndicator?: boolean;\n\t/** Shape of the colour indicator. */\n\tindicator?: 'line' | 'dot' | 'dashed';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n\t/** Key in the payload holding the tooltip label. */\n\tlabelKey?: string;\n}\n\nfunction ChartTooltipContent({\n\tactive,\n\tpayload,\n\tclassName,\n\tindicator = 'dot',\n\thideLabel = false,\n\thideIndicator = false,\n\tlabel,\n\tlabelFormatter,\n\tlabelClassName,\n\tformatter,\n\tcolor,\n\tnameKey,\n\tlabelKey,\n}: ChartTooltipContentProps) {\n\tconst { config } = useChart();\n\n\tconst tooltipLabel = React.useMemo(() => {\n\t\tif (hideLabel || !payload?.length) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst [item] = payload;\n\t\tconst key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;\n\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\tconst value =\n\t\t\t!labelKey && typeof label === 'string'\n\t\t\t\t? (config[label]?.label ?? label)\n\t\t\t\t: itemConfig?.label;\n\n\t\tif (labelFormatter) {\n\t\t\treturn (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"div\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t\t>\n\t\t\t\t\t{labelFormatter(value, payload)}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\n\t\tif (!value) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag=\"div\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\tweight=\"medium\"\n\t\t\t\tclassName={cn('chart--tooltip-label', labelClassName)}\n\t\t\t>\n\t\t\t\t{value}\n\t\t\t</Text>\n\t\t);\n\t}, [\n\t\tlabel,\n\t\tlabelFormatter,\n\t\tpayload,\n\t\thideLabel,\n\t\tlabelClassName,\n\t\tconfig,\n\t\tlabelKey,\n\t]);\n\n\tif (!active || !payload?.length) {\n\t\treturn null;\n\t}\n\n\tconst nestLabel = payload.length === 1 && indicator !== 'dot';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t// The shared anchored-surface chrome (border, fill, elevation) of popovers and menus.\n\t\t\t\t'chart--tooltip grid min-w-32 items-start gap-space-sm text-xs',\n\t\t\t\tpopoverRecipes.surface,\n\t\t\t\tsurfaceInsetClasses.compact,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!nestLabel && tooltipLabel}\n\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t{payload\n\t\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t\t.map((item, index) => {\n\t\t\t\t\t\tconst key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\t\tconst payloadFill =\n\t\t\t\t\t\t\ttypeof item.payload?.fill === 'string'\n\t\t\t\t\t\t\t\t? item.payload.fill\n\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst indicatorColor = color ?? payloadFill ?? item.color ?? item.fill;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={`${item.dataKey ?? item.name ?? 'value'}-${index}`}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'chart--tooltip-item flex w-full flex-wrap items-stretch gap-space-md [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'items-center',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!formatter && item.value !== undefined && item.name !== undefined ? (\n\t\t\t\t\t\t\t\t\tformatter(item.value, item.name, item, index, item.payload)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{itemConfig?.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t!hideIndicator && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dot' && 'size-2.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'line' && 'h-3 w-1',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === 'dashed' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'h-0 w-0 border-[1.5px] border-dashed bg-transparent',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnestLabel && indicator === 'dashed' && 'my-0.5',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-bg': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'--color-border': indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex flex-1 justify-between gap-space-lg leading-none',\n\t\t\t\t\t\t\t\t\t\t\t\tnestLabel ? 'items-end' : 'items-center',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"grid gap-space-sm\">\n\t\t\t\t\t\t\t\t\t\t\t\t{nestLabel && tooltipLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{itemConfig?.label ?? item.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{item.value !== undefined && (\n\t\t\t\t\t\t\t\t\t\t\t\ttypeof item.value === 'number' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<NumberValue value={item.value} size=\"xs\" weight=\"medium\" align=\"right\" />\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Ranges and formatted values stay in the sans UI font with tabular figures.\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Array.isArray(item.value) ? item.value.join(' - ') : String(item.value)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nexport interface ChartLegendContentProps extends React.ComponentPropsWithoutRef<'div'> {\n\thideIcon?: boolean;\n\t/** Legend entries, one per series. Supplied by Recharts. */\n\tpayload?: ChartPayloadItem[];\n\tverticalAlign?: 'top' | 'bottom' | 'middle';\n\t/** Key in the payload holding each series name. */\n\tnameKey?: string;\n}\n\nfunction ChartLegendContent({\n\tclassName,\n\thideIcon = false,\n\tpayload,\n\tverticalAlign = 'bottom',\n\tnameKey,\n}: ChartLegendContentProps) {\n\tconst { config } = useChart();\n\n\tif (!payload?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'chart--legend flex flex-wrap items-center justify-center gap-x-space-xl gap-y-space-md text-xs',\n\t\t\t\tverticalAlign === 'top' ? 'pb-space-lg' : 'pt-space-lg',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{payload\n\t\t\t\t.filter((item) => item.type !== 'none')\n\t\t\t\t.map((item, index) => {\n\t\t\t\t\tconst key = `${nameKey ?? item.dataKey ?? 'value'}`;\n\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\tconst fallbackLabel = item.value ?? item.name ?? item.dataKey ?? key;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${item.value ?? key}-${index}`}\n\t\t\t\t\t\t\tclassName=\"chart--legend-item flex items-center gap-space-sm [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{itemConfig?.icon && !hideIcon ? (\n\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"h-2 w-2 shrink-0 rounded-[2px]\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: item.color,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\">\n\t\t\t\t\t\t\t\t{itemConfig?.label ?? fallbackLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction getPayloadConfigFromPayload(\n\tconfig: ChartConfig,\n\tpayload: unknown,\n\tkey: string,\n) {\n\tif (typeof payload !== 'object' || payload === null) {\n\t\treturn undefined;\n\t}\n\n\tconst payloadPayload =\n\t\t'payload' in payload &&\n\t\ttypeof payload.payload === 'object' &&\n\t\tpayload.payload !== null\n\t\t\t? payload.payload\n\t\t\t: undefined;\n\n\tlet configLabelKey = key;\n\n\tif (\n\t\tkey in payload &&\n\t\ttypeof payload[key as keyof typeof payload] === 'string'\n\t) {\n\t\tconfigLabelKey = payload[key as keyof typeof payload] as string;\n\t} else if (\n\t\tpayloadPayload &&\n\t\tkey in payloadPayload &&\n\t\ttypeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n\t) {\n\t\tconfigLabelKey = payloadPayload[\n\t\t\tkey as keyof typeof payloadPayload\n\t\t] as string;\n\t}\n\n\treturn configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\nexport {\n\tChartContainer,\n\tChartTooltip,\n\tChartTooltipContent,\n\tChartLegend,\n\tChartLegendContent,\n\tChartStyle,\n};\n"],"mappings":"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"}

package/dist/checkbox-B7ygNTYp.js

@@ -1,35 +0,0 @@
-"use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import { t } from "./field-state-recipes-C-MFBX_8.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { CheckIcon as a, MinusIcon as o } from "lucide-react";
-import { Checkbox as s } from "@base-ui/react/checkbox";
-//#region src/components/ui/checkbox.tsx
-function c({ className: n, onCheckedChange: c, ...l }) {
-	return /* @__PURE__ */ r(s.Root, {
-		"data-slot": "checkbox",
-		className: e("peer box-border inline-flex size-4 shrink-0 items-center justify-center rounded-radius-xs border border-input bg-transparent shadow-none transition-[color,background-color,border-color,box-shadow] outline-none", "focus-visible:ring-2 focus-visible:ring-ring", t.invalid, "data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground", "data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", n),
-		onCheckedChange: c,
-		...l,
-		children: /* @__PURE__ */ i(s.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "group/indicator flex items-center justify-center text-current",
-			children: [/* @__PURE__ */ r(a, { className: "size-icon-md group-data-[indeterminate]/indicator:hidden" }), /* @__PURE__ */ r(o, { className: "hidden size-icon-md group-data-[indeterminate]/indicator:block" })]
-		})
-	});
-}
-//#endregion
-//#region src/components/base/choice-inputs/checkbox.tsx
-var l = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r(c, {
-		ref: i,
-		className: e("checkbox--component", t),
-		...n
-	});
-});
-l.displayName = "Checkbox";
-//#endregion
-export { l as t };
-
-//# sourceMappingURL=checkbox-B7ygNTYp.js.map

package/dist/checkbox-B7ygNTYp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-B7ygNTYp.js","names":["Checkbox","CheckboxPrimitive","Checkbox","CheckboxPrimitive","cn","Checkbox$2","props","Checkbox","fieldStateRecipes","className","CheckIcon","MinusIcon","Checkbox$1","forwardRef"],"sources":["../src/components/ui/checkbox.tsx","../src/components/base/choice-inputs/checkbox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\n\nimport { fieldStateRecipes } from \"../../lib/field-state-recipes\"\nimport { cn } from \"../../lib/utils\"\n\nexport interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, 'onChange'> {\n\tonCheckedChange?: (checked: boolean | 'indeterminate') => void\n}\n\n/**\n * Raw checkbox recipe. The boundary is the shared `--input` control border\n * (3:1 on every surface), focus is the shared full-strength ring, and invalid\n * follows the field-state contract (soft halo, full-strength ring on focus).\n */\nfunction Checkbox({\n\tclassName,\n\tonCheckedChange,\n\t...props\n}: CheckboxProps) {\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer box-border inline-flex size-4 shrink-0 items-center justify-center rounded-radius-xs border border-input bg-transparent shadow-none transition-[color,background-color,border-color,box-shadow] outline-none\",\n\t\t\t\t\"focus-visible:ring-2 focus-visible:ring-ring\",\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\"data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground\",\n\t\t\t\t\"data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground\",\n\t\t\t\t\"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"group/indicator flex items-center justify-center text-current\"\n\t\t\t>\n\t\t\t\t{/* The indeterminate state draws its own dash instead of a misleading check. */}\n\t\t\t\t<CheckIcon className=\"size-icon-md group-data-[indeterminate]/indicator:hidden\" />\n\t\t\t\t<MinusIcon className=\"hidden size-icon-md group-data-[indeterminate]/indicator:block\" />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t)\n}\n\nexport { Checkbox }\n","import { forwardRef } from 'react';\n\nimport { Checkbox as CheckboxPrimitive, type CheckboxProps } from '../../ui/checkbox';\nimport { cn } from '../../../lib/utils';\n\n/**\n * Checkbox — base wrapper around the shadcn/Base UI checkbox primitive.\n *\n * The primitive renders an inline-flex square, so token size utilities render\n * as a box instead of collapsing to the two border lines. Its boundary is the\n * shared `--input` control border, which keeps 3:1 contrast on every surface in\n * both themes, like the other field and choice controls.\n *\n * The root ref accepts the actual HTMLElement, including custom button renders.\n * The compact corner recipe derives from the shared theme radius, so scoped\n * consumer radius overrides still apply. The indeterminate state draws a dash.\n */\nconst Checkbox = forwardRef<HTMLElement, CheckboxProps>(function Checkbox({ className, ...props }, ref) {\n\treturn (\n\t\t<CheckboxPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('checkbox--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"mappings":";;;;;;;;AAiBA,SAASA,EAAS,EACjB,cACA,oBACA,GAAGM,KACc;CACjB,OACC,kBAACL,EAAkB,MAAnB;EACC,aAAU;EACV,WAAWG,EACV,qNACA,gDACAI,EAAkB,SAClB,kGACA,oHACA,iEACAC,CACD;EACiB;EACjB,GAAIH;EAEJ,UAAA,kBAACL,EAAkB,WAAnB;GACC,aAAU;GACV,WAAU;GAFX,UAAA,CAKC,kBAACS,GAAD,EAAW,WAAU,2DAA4D,CAAA,GACjF,kBAACC,GAAD,EAAW,WAAU,iEAAkE,CAAA,CAC3D;;CACN,CAAA;AAE1B;;;AC9BA,IAAMT,IAAWW,EAAuC,SAAkB,EAAE,cAAW,GAAGP,KAAS,GAAK;CACvG,OACC,kBAACH,GAAD;EACM;EACL,WAAWC,EAAG,uBAAuBK,CAAS;EAC9C,GAAIH;CACJ,CAAA;AAEH,CAAC;AAED,EAAS,cAAc"}