admin-ui-starter-kit 0.6.8 → 0.7.0

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

@@ -1,150 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,428 +0,0 @@
-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