admin-ui-starter-kit 0.6.6 → 0.6.8

package/dist/_shared/card-radio-group-DRjmLN5s.js

@@ -0,0 +1,150 @@
+import { o as e } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-5bLhAYaK.js";
+import { f as r } from "./form-sizing-DWjJsQSR.js";
+import { memo as i, useCallback as a, useMemo as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { CircleCheck as u } from "lucide-react";
+import { Radio as d } from "@base-ui/react/radio";
+import { RadioGroup as f } from "@base-ui/react/radio-group";
+//#region src/components/base/forms/fields/choice-types.ts
+var p = {
+	small: {
+		padding: "p-3",
+		iconBox: "size-avatar-sm",
+		iconSize: "size-icon-sm",
+		gap: "gap-space-sm"
+	},
+	default: {
+		padding: "p-4",
+		iconBox: "size-avatar",
+		iconSize: "size-icon",
+		gap: "gap-space-md"
+	}
+}, m = {
+	small: "h-control-sm px-control-sm text-sm",
+	default: "h-control px-control text-sm"
+}, h = {
+	small: "px-row-x py-row-y-sm",
+	default: "px-row-x py-row-y"
+}, g = {
+	1: "grid grid-cols-1 gap-2",
+	2: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+	3: "grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3",
+	4: "grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4"
+};
+function _({ options: i, value: d, defaultValue: f, onChange: m, name: h, columns: _ = 3, invalid: v, disabled: y, size: b, className: x }) {
+	let { defaultControlSize: S } = e(), C = r(b, S), w = d !== void 0, [T, E] = s(f ?? []), D = o(() => w ? d ?? [] : T, [
+		T,
+		w,
+		d
+	]), O = p[C], k = a((e) => {
+		if (y || i.find((t) => t.value === e)?.disabled) return;
+		let t = D.includes(e) ? D.filter((t) => t !== e) : [...D, e];
+		w || E(t), m?.(t);
+	}, [
+		y,
+		i,
+		D,
+		w,
+		m
+	]);
+	return /* @__PURE__ */ c("div", {
+		className: t("card-checkbox-group--component", g[_], x),
+		role: "group",
+		"aria-invalid": v || void 0,
+		"aria-disabled": y || void 0,
+		children: i.map((e) => {
+			let r = e.icon, i = e.label ?? e.title, a = D.includes(e.value), o = y || e.disabled, s = !!h && a;
+			return /* @__PURE__ */ l("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ c("input", {
+					type: "hidden",
+					name: h ? `${h}[]` : void 0,
+					value: e.value,
+					"aria-hidden": "true",
+					hidden: !0,
+					disabled: !s
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					"aria-pressed": a,
+					"aria-invalid": v || void 0,
+					onClick: () => k(e.value),
+					disabled: o,
+					"data-selected": a,
+					className: t("group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]", O.padding, O.gap, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+					children: [
+						/* @__PURE__ */ c(u, { className: t("absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground", !a && "hidden") }),
+						!!r && /* @__PURE__ */ c("span", {
+							className: t("inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted", "group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary", O.iconBox),
+							children: /* @__PURE__ */ c(r, { className: O.iconSize })
+						}),
+						/* @__PURE__ */ c(n, {
+							tag: "span",
+							weight: "medium",
+							children: i
+						}),
+						!!e.description && /* @__PURE__ */ c(n, {
+							size: "xs",
+							type: "secondary",
+							children: e.description
+						})
+					]
+				})]
+			}, e.value);
+		})
+	});
+}
+_.displayName = "CardCheckboxGroup";
+//#endregion
+//#region src/components/base/forms/fields/card-radio-group.tsx
+var v = {
+	1: "grid grid-cols-1 gap-2",
+	2: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+	3: "grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3",
+	4: "grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4"
+};
+function y({ options: i, value: a, defaultValue: s, onChange: m, name: h, columns: g = 3, invalid: _, disabled: y, size: b, className: x }) {
+	let { defaultControlSize: S } = e(), C = p[r(b, S)], w = o(() => t(v[g], x), [g, x]);
+	return /* @__PURE__ */ c(f, {
+		value: a,
+		defaultValue: s,
+		onValueChange: (e) => e && m?.(e),
+		name: h,
+		disabled: y,
+		"aria-invalid": _ || void 0,
+		className: t("card-radio-group--component", w),
+		children: i.map((e) => {
+			let r = e.icon, i = e.label ?? e.title;
+			return /* @__PURE__ */ l(d.Root, {
+				value: e.value,
+				disabled: y || e.disabled,
+				"aria-invalid": _ || void 0,
+				className: t("relative group flex flex-col text-start outline-none cursor-pointer", "rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[checked]:border-primary data-[checked]:bg-primary/[0.04]", C.padding, C.gap, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: [
+					/* @__PURE__ */ c(d.Indicator, { render: /* @__PURE__ */ c(u, { className: "absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground" }) }),
+					!!r && /* @__PURE__ */ c("span", {
+						className: t("inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted", "group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary", C.iconBox),
+						children: /* @__PURE__ */ c(r, { className: C.iconSize })
+					}),
+					/* @__PURE__ */ c(n, {
+						tag: "span",
+						weight: "semibold",
+						children: i
+					}),
+					!!e.description && /* @__PURE__ */ c(n, {
+						size: "xs",
+						type: "secondary",
+						children: e.description
+					})
+				]
+			}, e.value);
+		})
+	});
+}
+var b = i(y);
+b.displayName = "CardRadioGroup";
+//#endregion
+export { m as i, _ as n, h as r, b as t };
+
+//# sourceMappingURL=card-radio-group-DRjmLN5s.js.map

package/dist/_shared/card-radio-group-DRjmLN5s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-radio-group-DRjmLN5s.js","names":[],"sources":["../../src/components/base/forms/fields/choice-types.ts","../../src/components/base/forms/fields/card-checkbox-group.tsx","../../src/components/base/forms/fields/card-radio-group.tsx"],"sourcesContent":["/**\n * Shared types for choice-style form fields (CardRadio, CardCheckbox,\n * ListRadio, PillRadio). Each variant exports its own `Option` type that\n * extends `ChoiceOptionBase`, so consumers see one consistent option shape\n * across the family.\n *\n * Sizes follow the package component scale (`small | default`). CardRadio and\n * CardCheckbox additionally accept `size` to drive padding, icon size, and type\n * scale through shared form/display variables.\n */\nimport type { ComponentType, ReactNode } from 'react';\nimport type { ComponentScale } from '@/lib/ui-provider';\n\nexport type ChoiceSize = ComponentScale;\n\nexport interface ChoiceOptionBase<TValue extends string = string> {\n\tvalue: TValue;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: ComponentType<{ className?: string }>;\n\tdisabled?: boolean;\n}\n\nexport interface ChoiceGroupBaseProps {\n\t/** Form field name (also used for hidden inputs and aria grouping). */\n\tname?: string;\n\t/** Disable the entire group. */\n\tdisabled?: boolean;\n\t/** Show error styling. */\n\tinvalid?: boolean;\n\t/** Density / control size. Defaults from `useFormsConfig().defaultControlSize`. */\n\tsize?: ChoiceSize;\n\tclassName?: string;\n}\n\n/**\n * Padding / icon-size token map shared across CardRadio + CardCheckbox so the\n * two variants line up visually when placed side-by-side.\n */\nexport const choiceCardSizeTokens: Record<\n\tChoiceSize,\n\t{ padding: string; iconBox: string; iconSize: string; gap: string }\n> = {\n\tsmall: { padding: 'p-3', iconBox: 'size-avatar-sm', iconSize: 'size-icon-sm', gap: 'gap-space-sm' },\n\tdefault: { padding: 'p-4', iconBox: 'size-avatar', iconSize: 'size-icon', gap: 'gap-space-md' },\n};\n\n/**\n * Pill height / horizontal padding tokens. Shared across PillRadioGroup\n * and any future toggle-bar variant so they stack cleanly.\n */\nexport const choicePillSizeTokens: Record<ChoiceSize, string> = {\n\tsmall: 'h-control-sm px-control-sm text-sm',\n\tdefault: 'h-control px-control text-sm',\n};\n\n/**\n * Row padding tokens for ListRadio and any future inline list variant.\n */\nexport const choiceListSizeTokens: Record<ChoiceSize, string> = {\n\tsmall: 'px-row-x py-row-y-sm',\n\tdefault: 'px-row-x py-row-y',\n};\n","/**\n * CardCheckboxGroup — multi-select group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon.\n * Use for a small set of feature flags / preferences where each option\n * benefits from extra context that a flat checkbox list can't carry.\n *\n * Pairs with `CardRadioGroup` (single-select). Both share spacing tokens\n * from `./choice-types` so they line up when used side-by-side.\n */\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { resolveFormControlSize } from '../form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardCheckboxOption extends Omit<ChoiceOptionBase, 'label'> {\n\tlabel?: ChoiceOptionBase['label'];\n\t/** @deprecated Use `label` instead. */\n\ttitle?: string;\n\ticon?: LucideIcon;\n}\n\nexport interface CardCheckboxGroupProps extends ChoiceGroupBaseProps {\n\toptions: CardCheckboxOption[];\n\tvalue?: string[];\n\tdefaultValue?: string[];\n\tonChange?: (values: string[]) => void;\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nconst GRID_COLS: Record<NonNullable<CardCheckboxGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-2',\n\t2: 'grid grid-cols-1 gap-2 sm:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4',\n};\n\nexport function CardCheckboxGroup({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardCheckboxGroupProps) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n\tconst isControlled = value !== undefined;\n\tconst [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n\tconst selected = useMemo(\n\t\t() => (isControlled ? value ?? [] : internal),\n\t\t[internal, isControlled, value],\n\t);\n\tconst tokens = choiceCardSizeTokens[size];\n\n\tconst toggle = useCallback(\n\t\t(val: string) => {\n\t\t\tif (disabled) return;\n\t\t\tif (options.find((o) => o.value === val)?.disabled) return;\n\t\t\tconst exists = selected.includes(val);\n\t\t\tconst next = exists ? selected.filter((v) => v !== val) : [...selected, val];\n\t\t\tif (!isControlled) setInternal(next);\n\t\t\tonChange?.(next);\n\t\t},\n\t\t[disabled, options, selected, isControlled, onChange],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('card-checkbox-group--component', GRID_COLS[columns], className)}\n\t\t\trole=\"group\"\n\t\t\taria-invalid={invalid || undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t>\n\t\t\t{options.map((option) => {\n\t\t\t\tconst Icon = option.icon;\n\t\t\t\tconst optionLabel = option.label ?? option.title;\n\t\t\t\tconst isSelected = selected.includes(option.value);\n\t\t\t\tconst isDisabled = disabled || option.disabled;\n\t\t\t\tconst shouldIncludeHidden = Boolean(name) && isSelected;\n\t\t\t\tconst nameAttr = name ? `${name}[]` : undefined;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={option.value} className=\"relative\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\t\t\tname={nameAttr}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\tdisabled={!shouldIncludeHidden}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={isSelected}\n\t\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\t\tonClick={() => toggle(option.value)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tdata-selected={isSelected}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'group relative flex w-full flex-col items-start text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t\t'rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-border hover:border-foreground/20 hover:bg-muted/30',\n\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t\t'data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]',\n\t\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20',\n\t\t\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CircleCheck\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground',\n\t\t\t\t\t\t\t\t\t!isSelected && 'hidden',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted',\n\t\t\t\t\t\t\t\t\t\t'group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary',\n\t\t\t\t\t\t\t\t\t\ttokens.iconBox,\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\t\t<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">\n\t\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nCardCheckboxGroup.displayName = 'CardCheckboxGroup';\n","/**\n * CardRadioGroup — single-select radio group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon. Built\n * on `@base-ui/react/radio` for accessibility (keyboard navigation, focus\n * management, native form participation).\n *\n * Pairs with `CardCheckboxGroup` (multi-select). Shares spacing tokens from\n * `./choice-types`.\n */\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\nimport { useFormsConfig } from '@/lib/ui-provider';\nimport { resolveFormControlSize } from '../form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardRadioOption extends Omit<ChoiceOptionBase, 'label'> {\n\tlabel?: ChoiceOptionBase['label'];\n\t/** @deprecated Use `label` instead. */\n\ttitle?: string;\n\ticon?: LucideIcon;\n}\n\nexport interface CardRadioGroupProps extends ChoiceGroupBaseProps {\n\toptions: CardRadioOption[];\n\tvalue?: string;\n\tdefaultValue?: string;\n\tonChange?: (value: string) => void;\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nconst GRID_COLS: Record<NonNullable<CardRadioGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-2',\n\t2: 'grid grid-cols-1 gap-2 sm:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4',\n};\n\nfunction CardRadioGroupImpl({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardRadioGroupProps) {\n\tconst { defaultControlSize } = useFormsConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n\tconst tokens = choiceCardSizeTokens[size];\n\tconst gridClassName = useMemo(() => cn(GRID_COLS[columns], className), [columns, className]);\n\n\treturn (\n\t\t<RadioGroupPrimitive\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={(val) => val && onChange?.(val)}\n\t\t\tname={name}\n\t\t\tdisabled={disabled}\n\t\t\taria-invalid={invalid || undefined}\n\t\t\tclassName={cn('card-radio-group--component', gridClassName)}\n\t\t>\n\t\t\t{options.map((option) => {\n\t\t\t\tconst Icon = option.icon;\n\t\t\t\tconst optionLabel = option.label ?? option.title;\n\t\t\t\treturn (\n\t\t\t\t\t<RadioPrimitive.Root\n\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'relative group flex flex-col text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t'rounded-lg border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-border hover:border-foreground/20 hover:bg-muted/30',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:bg-primary/[0.04]',\n\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20',\n\t\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioPrimitive.Indicator\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<CircleCheck className=\"absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex items-center justify-center rounded-md bg-muted/50 text-muted-foreground group-hover:bg-muted',\n\t\t\t\t\t\t\t\t\t'group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary',\n\t\t\t\t\t\t\t\t\ttokens.iconBox,\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<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RadioPrimitive.Root>\n\t\t\t\t);\n\t\t\t})}\n\t\t</RadioGroupPrimitive>\n\t);\n}\n\nexport const CardRadioGroup = memo(CardRadioGroupImpl);\nCardRadioGroup.displayName = 'CardRadioGroup';\n"],"mappings":"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"}

package/dist/_shared/cards-BJctT9KD.js

@@ -0,0 +1,428 @@
+import { useStrings as e } from "../lib/strings.js";
+import { n as t } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-Be2ayMxF.js";
+import { i, n as a, t as ee } from "./tooltip-CLr_sPX8.js";
+import { s as o } from "./typography-5bLhAYaK.js";
+import { a as s, g as c, r as l, t as u } from "./dropdown-menu-CoWmrjYX.js";
+import { Fragment as d, forwardRef as f, isValidElement as p, useCallback as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ChevronDown as v, Info as y, MoreHorizontal as b } from "lucide-react";
+import { cva as x } from "class-variance-authority";
+//#region src/components/ui/card.tsx
+function S({ className: e, size: t = "default", ...r }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card",
+		"data-size": t,
+		className: n("ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", e),
+		...r
+	});
+}
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card-header",
+		className: n("gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", e),
+		...t
+	});
+}
+function w({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card-title",
+		className: n("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", e),
+		...t
+	});
+}
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card-description",
+		className: n("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+function E({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card-content",
+		className: n("px-6 group-data-[size=sm]/card:px-4", e),
+		...t
+	});
+}
+function D({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "card-footer",
+		className: n("rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4 flex items-center", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/cards/smart-card.tokens.ts
+var O = {
+	root: "card--component",
+	header: "card--header",
+	title: "card--title",
+	description: "card--description",
+	content: "card--content",
+	footer: "card--footer",
+	alert: "card--alert"
+}, k = {
+	small: {
+		shell: "gap-space-lg py-surface-sm",
+		headerX: "px-surface-sm",
+		contentX: "px-surface-sm",
+		contentY: "py-0",
+		footerX: "px-surface-sm",
+		alertX: "px-surface-sm",
+		alertOffsetWithHeader: "-mt-1",
+		alertOffsetStandalone: "mt-0"
+	},
+	default: {
+		shell: "gap-space-xl py-[calc(var(--surface-y)+var(--space-xs))]",
+		headerX: "px-[calc(var(--surface-x)+var(--space-xs))]",
+		contentX: "px-[calc(var(--surface-x)+var(--space-xs))]",
+		contentY: "py-0",
+		footerX: "px-[calc(var(--surface-x)+var(--space-xs))]",
+		alertX: "px-[calc(var(--surface-x)+var(--space-xs))]",
+		alertOffsetWithHeader: "-mt-1",
+		alertOffsetStandalone: "mt-0"
+	}
+}, A = {
+	card: "rounded-lg border border-border bg-card text-card-foreground shadow-xs",
+	flat: "bg-transparent text-card-foreground border-none shadow-none",
+	framed: n("rounded-lg border border-border bg-card text-card-foreground shadow-xs", "ring-4 ring-border/30")
+};
+//#endregion
+//#region src/components/base/cards/partials/has-renderable-content.ts
+function j(e) {
+	return e == null || typeof e == "boolean" ? !1 : typeof e == "string" ? e.trim().length > 0 : typeof e == "number" || typeof e == "bigint" ? !0 : Array.isArray(e) ? e.some(j) : p(e) && e.type === d ? j(e.props.children) : !0;
+}
+//#endregion
+//#region src/components/base/cards/partials/card-primitives.tsx
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ g(S, {
+		className: n(O.root, "flex w-full flex-col gap-3 py-4 ring-0", e),
+		...t
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ g(C, {
+		className: n(O.header, "flex flex-col gap-1 px-4", e),
+		...t
+	});
+}
+function P({ className: e, children: t, ...r }) {
+	return j(t) ? typeof t == "string" || typeof t == "number" || typeof t == "bigint" ? /* @__PURE__ */ g(o, {
+		"data-slot": "card-title",
+		tag: "div",
+		size: "base",
+		weight: "semibold",
+		lineHeight: "tight",
+		className: n(O.title, "min-w-0 font-semibold", e),
+		...r,
+		children: t
+	}) : /* @__PURE__ */ g(w, {
+		className: n(O.title, "min-w-0 text-base leading-tight font-semibold", e),
+		...r,
+		children: t
+	}) : null;
+}
+function F({ className: e, children: t, ...r }) {
+	return j(t) ? typeof t == "string" || typeof t == "number" || typeof t == "bigint" ? /* @__PURE__ */ g(o, {
+		"data-slot": "card-description",
+		tag: "div",
+		type: "secondary",
+		className: n(O.description, "text-muted-foreground text-sm", e),
+		...r,
+		children: t
+	}) : /* @__PURE__ */ g(T, {
+		className: n(O.description, "text-muted-foreground text-sm", e),
+		...r,
+		children: t
+	}) : null;
+}
+function I({ className: e, ...t }) {
+	return /* @__PURE__ */ g(E, {
+		className: n(O.content, "px-4", e),
+		...t
+	});
+}
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ g(D, {
+		className: n(O.footer, "flex items-center px-4", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/alert.tsx
+var R = x([
+	"alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left",
+	"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
+	"has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]",
+	"[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0"
+], {
+	variants: { variant: {
+		default: "border-border bg-card text-card-foreground",
+		info: "border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info",
+		success: "border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success",
+		warning: "border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning",
+		destructive: "border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive",
+		inverse: [
+			"border-foreground bg-foreground text-background",
+			"[&>svg]:text-background",
+			"[&_[data-slot=alert-title]_[data-typography=text]]:text-background",
+			"[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75"
+		]
+	} },
+	defaultVariants: { variant: "default" }
+}), z = f(function({ className: e, variant: t, role: r = "alert", ...i }, a) {
+	return /* @__PURE__ */ g("div", {
+		ref: a,
+		"data-slot": "alert",
+		"data-variant": t ?? "default",
+		role: r,
+		className: n(R({ variant: t }), e),
+		...i
+	});
+});
+z.displayName = "Alert";
+var B = f(function({ className: e, children: t, ...r }, i) {
+	return /* @__PURE__ */ g("div", {
+		ref: i,
+		"data-slot": "alert-title",
+		className: n("alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80", e),
+		...r,
+		children: /* @__PURE__ */ g(o, {
+			tag: "span",
+			weight: "semibold",
+			className: "leading-snug",
+			children: t
+		})
+	});
+});
+B.displayName = "AlertTitle";
+var V = f(function({ className: e, children: t, ...r }, i) {
+	return /* @__PURE__ */ g("div", {
+		ref: i,
+		"data-slot": "alert-description",
+		className: n("alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed", e),
+		...r,
+		children: /* @__PURE__ */ g(o, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "leading-normal",
+			children: t
+		})
+	});
+});
+V.displayName = "AlertDescription";
+var H = f(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ g("div", {
+		ref: r,
+		"data-slot": "alert-action",
+		className: n("alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center", e),
+		...t
+	});
+});
+H.displayName = "AlertAction";
+//#endregion
+//#region src/components/base/cards/partials/smart-card-alert.tsx
+function te({ alert: e, alertVariant: t, hasHeader: r, padding: i }) {
+	let a = k[i];
+	return /* @__PURE__ */ g("div", {
+		className: n(O.alert, a.alertX, r ? a.alertOffsetWithHeader : a.alertOffsetStandalone),
+		children: /* @__PURE__ */ g(z, {
+			variant: t,
+			children: /* @__PURE__ */ g(V, { children: e })
+		})
+	});
+}
+//#endregion
+//#region src/components/base/cards/partials/smart-card-actions-menu.tsx
+function U({ actions: e, actionsLabel: t }) {
+	return /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(c, {
+		type: "button",
+		"aria-label": t,
+		className: n("inline-flex size-control-sm shrink-0 items-center justify-center rounded-radius p-0", "text-muted-foreground hover:bg-accent hover:text-accent-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "transition-colors"),
+		children: /* @__PURE__ */ g(b, { className: "size-4" })
+	}), /* @__PURE__ */ g(l, {
+		align: "end",
+		className: "min-w-36",
+		children: e.map((e, t) => /* @__PURE__ */ _(s, {
+			onClick: e.onClick,
+			disabled: e.disabled,
+			className: "gap-space-lg px-row-x py-row-y text-sm",
+			children: [!!e.icon && /* @__PURE__ */ g("span", {
+				className: "flex shrink-0 items-center",
+				children: e.icon
+			}), e.label]
+		}, e.id ?? `${e.label}-${t}`))
+	})] });
+}
+//#endregion
+//#region src/components/base/cards/partials/smart-card-header-row.tsx
+function W({ tooltipLabel: e }) {
+	return /* @__PURE__ */ g(i, { render: (t) => {
+		let i = t;
+		return /* @__PURE__ */ g(r, {
+			...i,
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-small",
+			className: n("h-5 w-5 text-muted-foreground", i.className),
+			"aria-label": e,
+			children: /* @__PURE__ */ g(y, { className: "size-3.5" })
+		});
+	} });
+}
+function ne({ icon: e, title: t, titleSuffix: r, description: i, tooltip: o, tooltipLabel: s, headerStart: c, headerEnd: l, headerAction: u, actions: d, actionsLabel: f, padding: p, className: m }) {
+	let h = Array.isArray(d) ? d : [], v = h.length > 0, y = j(e), b = j(t), x = j(r), S = j(i), C = j(o), w = j(c), T = j(l), E = j(u), D = y || b || x || C, O = T || E || v;
+	return /* @__PURE__ */ _(N, {
+		className: n("flex-row items-start justify-between gap-3 pb-0", k[p].headerX, m),
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children: [
+				!!w && c,
+				!!D && /* @__PURE__ */ _("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1",
+					children: [
+						!!y && /* @__PURE__ */ g("span", {
+							className: "flex shrink-0 items-center text-muted-foreground",
+							children: e
+						}),
+						/* @__PURE__ */ g(P, { children: t }),
+						!!x && /* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2",
+							children: r
+						}),
+						!!C && /* @__PURE__ */ _(ee, { children: [/* @__PURE__ */ g(W, { tooltipLabel: s }), /* @__PURE__ */ g(a, { children: o })] })
+					]
+				}),
+				!!S && /* @__PURE__ */ g(F, {
+					className: "text-left",
+					children: i
+				})
+			]
+		}), !!O && /* @__PURE__ */ _("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: [
+				!!T && l,
+				!!E && u,
+				!!v && /* @__PURE__ */ g(U, {
+					actions: h,
+					actionsLabel: f
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/cards/smart-card.strings.ts
+var re = {
+	expandLabel: "Expand card",
+	collapseLabel: "Collapse card"
+};
+//#endregion
+//#region src/components/base/cards/partials/smart-card-skeleton.tsx
+function G({ title: e, lines: t = 2, className: r }) {
+	let i = ({ barClassName: e }) => /* @__PURE__ */ g("div", { className: n("animate-pulse rounded bg-muted", e) });
+	return /* @__PURE__ */ _(M, {
+		className: n(A.card, "gap-4 py-6", r),
+		children: [/* @__PURE__ */ g(N, {
+			className: "flex-col gap-1.5 px-6 pb-0",
+			children: e ? /* @__PURE__ */ g(P, { children: e }) : /* @__PURE__ */ g(i, { barClassName: "h-4 w-32" })
+		}), /* @__PURE__ */ g(I, {
+			className: "space-y-3 px-6 py-0",
+			children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ g(i, { barClassName: n("h-4", t === 0 ? "w-full" : "w-3/4") }, `skel-${String(t)}`))
+		})]
+	});
+}
+G.displayName = "SmartCardSkeleton";
+//#endregion
+//#region src/components/base/cards/smart-card.tsx
+function ie(e) {
+	return e === "small" || e === "default" ? e : e === "sm" ? "small" : "default";
+}
+var K = f(function({ icon: i, title: a, titleSuffix: ee, description: o, tooltip: s, tooltipAriaLabel: c = "Card info", footerText: l, alert: u, alertVariant: d = "default", surface: f, transparent: p = !1, padding: y, actions: b, actionsLabel: x = "Card actions", headerAction: S, headerStart: C, headerEnd: w, contentTop: T, contentBottom: E, footerSlot: D, headerDivider: O, footerDivider: N = !1, expandable: P = !1, defaultExpanded: F = !1, expanded: R, onExpandedChange: z, children: B, className: V, headerClassName: H, contentClassName: U, footerClassName: W, strings: G }, K) {
+	let { defaultPadding: ae, defaultSurface: oe, defaultHeaderDivider: se } = t(), q = ie(y ?? ae), J = k[q], ce = Array.isArray(b) ? b : [], Y = e(re, G), X = P !== !1 && P !== void 0, Z = typeof P == "object" && P?.collapsedMaxHeight !== void 0 ? P.collapsedMaxHeight : "12rem", le = typeof Z == "number" ? `${Z}px` : Z, Q = R !== void 0, [ue, de] = h(F), $ = Q ? R : ue, fe = m(() => {
+		let e = !$;
+		Q || de(e), z?.(e);
+	}, [
+		$,
+		Q,
+		z
+	]), pe = j(i) || j(a) || j(o) || ce.length > 0 || j(S) || j(C) || j(w), me = j(u), he = j(l), ge = j(D), _e = j(T), ve = j(E), ye = c.trim().length > 0 ? c : "Card info", be = X ? { maxHeight: $ ? "" : le } : void 0, xe = f ?? (p ? "flat" : oe ?? "framed"), Se = O ?? se ?? !1;
+	return /* @__PURE__ */ _(M, {
+		ref: K,
+		"data-surface": xe,
+		className: n(A[xe], J.shell, X && "relative pb-1 !overflow-visible", V),
+		children: [
+			!!pe && /* @__PURE__ */ g(ne, {
+				icon: i,
+				title: a,
+				titleSuffix: ee,
+				description: o,
+				tooltip: s,
+				tooltipLabel: ye,
+				headerStart: C,
+				headerEnd: w,
+				headerAction: S,
+				actions: ce,
+				actionsLabel: x,
+				padding: q,
+				className: n(Se && "pb-3 border-b border-border/60", H)
+			}),
+			!!me && /* @__PURE__ */ g(te, {
+				alert: u,
+				alertVariant: d,
+				hasHeader: pe,
+				padding: q
+			}),
+			/* @__PURE__ */ _(I, {
+				className: n(J.contentX, J.contentY, X && "relative overflow-hidden transition-[max-height] duration-500 ease-in-out", U),
+				style: be,
+				children: [
+					!!_e && T,
+					B,
+					!!ve && E,
+					!!X && !$ && /* @__PURE__ */ g("div", {
+						"aria-hidden": "true",
+						className: "from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent"
+					})
+				]
+			}),
+			!!he && /* @__PURE__ */ g(L, {
+				className: n("justify-end text-xs text-muted-foreground", J.footerX, N && "pt-3 border-t border-border/60", W),
+				children: l
+			}),
+			!!ge && /* @__PURE__ */ g(L, {
+				className: n("flex-col items-stretch", J.footerX, N && "pt-3 border-t border-border/60", W),
+				children: D
+			}),
+			!!X && /* @__PURE__ */ g("div", {
+				className: "absolute -bottom-4 left-1/2 -translate-x-1/2 z-10",
+				children: /* @__PURE__ */ _(r, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "outline",
+					size: "icon-small",
+					onClick: fe,
+					"aria-expanded": $,
+					"aria-label": $ ? Y.collapseLabel : Y.expandLabel,
+					className: n("inline-flex size-control-sm items-center justify-center rounded-full", "border border-border bg-background text-foreground shadow-sm", "hover:bg-muted/40 transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"),
+					children: [/* @__PURE__ */ g(v, {
+						"aria-hidden": "true",
+						className: n("size-4 transition-transform duration-300", $ && "rotate-180")
+					}), /* @__PURE__ */ g("span", {
+						className: "sr-only",
+						children: $ ? Y.collapseLabel : Y.expandLabel
+					})]
+				})
+			})
+		]
+	});
+});
+K.displayName = "SmartCard";
+//#endregion
+export { H as a, R as c, L as d, N as f, z as i, I as l, P as m, G as n, V as o, M as p, re as r, B as s, K as t, F as u };
+
+//# sourceMappingURL=cards-BJctT9KD.js.map