admin-ui-starter-kit 0.1.2 → 0.1.4

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

@@ -0,0 +1,158 @@
+import { s as e } from "./ui-provider-CQJ1glwN.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-qsEg5GdP.js";
+import { i as r } from "./form-sizing-D74IS9KG.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 = {
+	sm: {
+		padding: "p-3",
+		iconBox: "h-7 w-7",
+		iconSize: "size-3.5",
+		gap: "gap-1"
+	},
+	base: {
+		padding: "p-4",
+		iconBox: "h-8 w-8",
+		iconSize: "size-4",
+		gap: "gap-1.5"
+	},
+	lg: {
+		padding: "p-5",
+		iconBox: "h-10 w-10",
+		iconSize: "size-5",
+		gap: "gap-2"
+	}
+}, m = {
+	sm: "h-7 px-2.5 text-xs",
+	base: "h-8 px-3 text-xs",
+	lg: "h-9 px-4 text-sm"
+}, h = {
+	sm: "px-3 py-2",
+	base: "px-4 py-3",
+	lg: "px-5 py-3.5"
+}, 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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-input hover:border-foreground/30", "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50", "data-[selected=true]:border-primary data-[selected=true]:ring-2 data-[selected=true]:ring-primary/20", 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 text-muted-foreground", "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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-input hover:border-foreground/30", "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50", "data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20", 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 text-muted-foreground", "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: "medium",
+						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-Bf03M6c5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-radio-group-Bf03M6c5.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 global convention (`sm | base | lg`); CardRadio and\n * CardCheckbox additionally accept `size` to drive padding, icon size, and\n * type scale.\n */\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ChoiceSize = 'sm' | 'base' | 'lg';\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. Default `'sm'` (resolves through `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\tsm: { padding: 'p-3', iconBox: 'h-7 w-7', iconSize: 'size-3.5', gap: 'gap-1' },\n\tbase: { padding: 'p-4', iconBox: 'h-8 w-8', iconSize: 'size-4', gap: 'gap-1.5' },\n\tlg: { padding: 'p-5', iconBox: 'h-10 w-10', iconSize: 'size-5', gap: 'gap-2' },\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\tsm: 'h-7 px-2.5 text-xs',\n\tbase: 'h-8 px-3 text-xs',\n\tlg: 'h-9 px-4 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\tsm: 'px-3 py-2',\n\tbase: 'px-4 py-3',\n\tlg: 'px-5 py-3.5',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t\t'focus-visible:border-ring 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]:ring-2 data-[selected=true]:ring-primary/20',\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 text-muted-foreground',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20',\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 text-muted-foreground',\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=\"medium\">\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/card-radio-group-SqPUL0Je.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-RIYE7O_V.cjs"),t=require("../lib/utils.cjs"),n=require("./text-DzKt9cyb.cjs"),r=require("./form-sizing-aVwVuF-w.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("@base-ui/react/radio"),c=require("@base-ui/react/radio-group");var l={sm:{padding:`p-3`,iconBox:`h-7 w-7`,iconSize:`size-3.5`,gap:`gap-1`},base:{padding:`p-4`,iconBox:`h-8 w-8`,iconSize:`size-4`,gap:`gap-1.5`},lg:{padding:`p-5`,iconBox:`h-10 w-10`,iconSize:`size-5`,gap:`gap-2`}},u={sm:`h-7 px-2.5 text-xs`,base:`h-8 px-3 text-xs`,lg:`h-9 px-4 text-sm`},d={sm:`px-3 py-2`,base:`px-4 py-3`,lg:`px-5 py-3.5`},f={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 p({options:s,value:c,defaultValue:u,onChange:d,name:p,columns:m=3,invalid:h,disabled:g,size:_,className:v}){let{defaultControlSize:y}=e.s(),b=r.i(_,y),x=c!==void 0,[S,C]=(0,i.useState)(u??[]),w=(0,i.useMemo)(()=>x?c??[]:S,[S,x,c]),T=l[b],E=(0,i.useCallback)(e=>{if(g||s.find(t=>t.value===e)?.disabled)return;let t=w.includes(e)?w.filter(t=>t!==e):[...w,e];x||C(t),d?.(t)},[g,s,w,x,d]);return(0,a.jsx)(`div`,{className:t.cn(`card-checkbox-group--component`,f[m],v),role:`group`,"aria-invalid":h||void 0,"aria-disabled":g||void 0,children:s.map(e=>{let r=e.icon,i=e.label??e.title,s=w.includes(e.value),c=g||e.disabled,l=!!p&&s;return(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(`input`,{type:`hidden`,name:p?`${p}[]`:void 0,value:e.value,"aria-hidden":`true`,hidden:!0,disabled:!l}),(0,a.jsxs)(`button`,{type:`button`,"aria-pressed":s,"aria-invalid":h||void 0,onClick:()=>E(e.value),disabled:c,"data-selected":s,className:t.cn(`group relative flex w-full flex-col items-start text-start outline-none cursor-pointer`,`rounded-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:ring-2 data-[selected=true]:ring-primary/20`,T.padding,T.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,a.jsx)(o.CircleCheck,{className:t.cn(`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`,!s&&`hidden`)}),!!r&&(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-md bg-muted text-muted-foreground`,`group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary`,T.iconBox),children:(0,a.jsx)(r,{className:T.iconSize})}),(0,a.jsx)(n.t,{tag:`span`,weight:`medium`,children:i}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.description})]})]},e.value)})})}p.displayName=`CardCheckboxGroup`;var m={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 h({options:u,value:d,defaultValue:f,onChange:p,name:h,columns:g=3,invalid:_,disabled:v,size:y,className:b}){let{defaultControlSize:x}=e.s(),S=l[r.i(y,x)],C=(0,i.useMemo)(()=>t.cn(m[g],b),[g,b]);return(0,a.jsx)(c.RadioGroup,{value:d,defaultValue:f,onValueChange:e=>e&&p?.(e),name:h,disabled:v,"aria-invalid":_||void 0,className:t.cn(`card-radio-group--component`,C),children:u.map(e=>{let r=e.icon,i=e.label??e.title;return(0,a.jsxs)(s.Radio.Root,{value:e.value,disabled:v||e.disabled,"aria-invalid":_||void 0,className:t.cn(`relative group flex flex-col text-start outline-none cursor-pointer`,`rounded-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20`,S.padding,S.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,a.jsx)(s.Radio.Indicator,{render:(0,a.jsx)(o.CircleCheck,{className:`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`})}),!!r&&(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-md bg-muted text-muted-foreground`,`group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary`,S.iconBox),children:(0,a.jsx)(r,{className:S.iconSize})}),(0,a.jsx)(n.t,{tag:`span`,weight:`medium`,children:i}),!!e.description&&(0,a.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.description})]},e.value)})})}var g=(0,i.memo)(h);g.displayName=`CardRadioGroup`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=card-radio-group-SqPUL0Je.cjs.map

package/dist/_shared/card-radio-group-SqPUL0Je.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-radio-group-SqPUL0Je.cjs","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 global convention (`sm | base | lg`); CardRadio and\n * CardCheckbox additionally accept `size` to drive padding, icon size, and\n * type scale.\n */\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ChoiceSize = 'sm' | 'base' | 'lg';\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. Default `'sm'` (resolves through `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\tsm: { padding: 'p-3', iconBox: 'h-7 w-7', iconSize: 'size-3.5', gap: 'gap-1' },\n\tbase: { padding: 'p-4', iconBox: 'h-8 w-8', iconSize: 'size-4', gap: 'gap-1.5' },\n\tlg: { padding: 'p-5', iconBox: 'h-10 w-10', iconSize: 'size-5', gap: 'gap-2' },\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\tsm: 'h-7 px-2.5 text-xs',\n\tbase: 'h-8 px-3 text-xs',\n\tlg: 'h-9 px-4 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\tsm: 'px-3 py-2',\n\tbase: 'px-4 py-3',\n\tlg: 'px-5 py-3.5',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t\t'focus-visible:border-ring 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]:ring-2 data-[selected=true]:ring-primary/20',\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 text-muted-foreground',\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-md border bg-card transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t'border-input hover:border-foreground/30',\n\t\t\t\t\t\t\t'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t\t\t'data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20',\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 text-muted-foreground',\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=\"medium\">\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/chunk-CMqjfN_6.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});