admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/_shared/smart-card-MT6JjkoI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card-MT6JjkoI.js","names":[],"sources":["../../src/components/ui/card.tsx","../../src/components/base/cards/smart-card.tokens.ts","../../src/components/base/cards/partials/has-renderable-content.ts","../../src/components/base/cards/partials/card-primitives.tsx","../../src/components/base/cards/partials/smart-card-alert.tsx","../../src/components/base/cards/partials/smart-card-actions-menu.tsx","../../src/components/base/cards/partials/smart-card-header-row.tsx","../../src/components/base/cards/smart-card.strings.ts","../../src/components/base/cards/partials/smart-card-skeleton.tsx","../../src/components/base/cards/smart-card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\"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\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\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]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"text-base leading-normal font-medium group-data-[size=sm]/card:text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"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\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import { cn } from '@/lib/utils';\n\nimport type { CardPadding, SmartCardSurface } from './smart-card.types';\n\n/**\n * BEM-style hooks applied to every SmartCard subregion. Library\n * consumers can target them in CSS / tests / analytics without\n * relying on shadcn's data-slot attributes (which are framework\n * internals). Keep these names consistent — they are part of the\n * public DOM contract.\n */\nexport const CARD_BEM = {\n\troot: 'card--component',\n\theader: 'card--header',\n\ttitle: 'card--title',\n\tdescription: 'card--description',\n\tcontent: 'card--content',\n\tfooter: 'card--footer',\n\talert: 'card--alert',\n} as const;\n\ninterface PaddingTokens {\n\tshell: string;\n\theaderX: string;\n\tcontentX: string;\n\tcontentY: string;\n\tfooterX: string;\n\talertX: string;\n\t/** Vertical offset applied when alert sits BELOW the header (pulls it up). */\n\talertOffsetWithHeader: string;\n\t/** Vertical spacing applied when alert is the first content (no header). */\n\talertOffsetStandalone: string;\n}\n\nexport const PADDING: Record<CardPadding, PaddingTokens> = {\n\tsm: {\n\t\tshell: 'gap-3 py-4',\n\t\theaderX: 'px-4',\n\t\tcontentX: 'px-4',\n\t\tcontentY: 'py-2',\n\t\tfooterX: 'px-4',\n\t\talertX: 'px-4',\n\t\talertOffsetWithHeader: '-mt-2',\n\t\talertOffsetStandalone: 'mt-1',\n\t},\n\tbase: {\n\t\tshell: 'gap-4 py-6',\n\t\theaderX: 'px-6',\n\t\tcontentX: 'px-6',\n\t\tcontentY: 'py-0',\n\t\tfooterX: 'px-6',\n\t\talertX: 'px-6',\n\t\talertOffsetWithHeader: '-mt-3',\n\t\talertOffsetStandalone: 'mt-2',\n\t},\n\tlg: {\n\t\tshell: 'gap-5 py-8',\n\t\theaderX: 'px-8',\n\t\tcontentX: 'px-8',\n\t\tcontentY: 'py-2',\n\t\tfooterX: 'px-8',\n\t\talertX: 'px-8',\n\t\talertOffsetWithHeader: '-mt-4',\n\t\talertOffsetStandalone: 'mt-3',\n\t},\n};\n\n/**\n * Surface-specific shell classes. The `framed` variant uses a soft 5px\n * outer border tinted from `--border` plus a 1px hairline inner border\n * drawn via the `before:` pseudo-element. All values flow through theme\n * tokens — no raw hex.\n */\nexport const SURFACE_CLASSES: Record<SmartCardSurface, string> = {\n\tcard: 'bg-card text-card-foreground rounded-xl border border-border shadow-sm',\n\tflat: 'bg-transparent text-card-foreground border-none shadow-none',\n\tframed: cn(\n\t\t'relative bg-card text-card-foreground',\n\t\t// Outer soft border: 5px, low-alpha tint of theme border.\n\t\t'border-[5px] border-border/30 rounded-2xl',\n\t\t// Inner hairline border drawn 5px inside the outer (matches the\n\t\t// border-thickness offset). Pure shadcn tokens (`border-border`\n\t\t// + `bg-card`) so it picks up the active theme.\n\t\t'before:pointer-events-none before:absolute before:inset-0 before:rounded-xl before:border before:border-border/60 before:shadow-[2px_2px_2px_3px_rgb(0_0_0/0.02)] before:content-[\"\"]',\n\t),\n};\n","import { Fragment, isValidElement, type ReactNode } from 'react';\n\n/**\n * Predicate used by SmartCard subregions to decide whether each slot\n * warrants rendering its wrapper. Numbers (incl. `0`) and JSX always\n * render; falsy / empty-string content is treated as absent. Fragments\n * recurse into their children.\n */\nexport function hasRenderableContent(content?: ReactNode): boolean {\n\tif (content === null || content === undefined) return false;\n\tif (typeof content === 'boolean') return false;\n\tif (typeof content === 'string') return content.trim().length > 0;\n\tif (typeof content === 'number' || typeof content === 'bigint') return true;\n\tif (Array.isArray(content)) return content.some(hasRenderableContent);\n\tif (isValidElement<{ children?: ReactNode }>(content)) {\n\t\tif (content.type === Fragment) return hasRenderableContent(content.props.children);\n\t\treturn true;\n\t}\n\treturn true;\n}\n","/**\n * Internal layout primitives — re-exported from `smart-card.tsx` for\n * advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each primitive is intentionally thin:\n * a single responsibility, a single set of default classes, no business\n * logic. The BEM hooks (`card--component`, `card--header`, etc.) are\n * applied here so the public DOM contract lives in one place.\n */\nimport {\n\ttype ComponentPropsWithRef,\n\ttype ComponentPropsWithoutRef,\n} from 'react';\n\nimport {\n\tCard as CardPrimitive,\n\tCardContent as CardContentPrimitive,\n\tCardDescription as CardDescriptionPrimitive,\n\tCardFooter as CardFooterPrimitive,\n\tCardHeader as CardHeaderPrimitive,\n\tCardTitle as CardTitlePrimitive,\n} from '@/components/ui/card';\nimport Text from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport { CARD_BEM } from '../smart-card.tokens';\n\nimport { hasRenderableContent } from './has-renderable-content';\n\nexport function CardShell({ className, ...props }: ComponentPropsWithRef<'div'>) {\n\treturn (\n\t\t<CardPrimitive\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.root,\n\t\t\t\t'flex flex-col gap-6 py-6 ring-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardHeaderPrimitive\n\t\t\tclassName={cn(CARD_BEM.header, 'flex flex-col gap-0.5 px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardTitle({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' ||\n\t\ttypeof children === 'number' ||\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardTitlePrimitive\n\t\t\t\tclassName={cn(CARD_BEM.title, 'leading-none font-semibold', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardTitlePrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-title\"\n\t\t\ttag=\"div\"\n\t\t\tweight=\"semibold\"\n\t\t\tlineHeight=\"none\"\n\t\t\tclassName={cn(CARD_BEM.title, 'leading-none font-semibold', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardDescription({\n\tclassName,\n\tchildren,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\tif (!hasRenderableContent(children)) return null;\n\n\tconst isPlainText =\n\t\ttypeof children === 'string' ||\n\t\ttypeof children === 'number' ||\n\t\ttypeof children === 'bigint';\n\n\tif (!isPlainText) {\n\t\treturn (\n\t\t\t<CardDescriptionPrimitive\n\t\t\t\tclassName={cn(\n\t\t\t\t\tCARD_BEM.description,\n\t\t\t\t\t'text-muted-foreground text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</CardDescriptionPrimitive>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tdata-slot=\"card-description\"\n\t\t\ttag=\"div\"\n\t\t\ttype=\"secondary\"\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.description,\n\t\t\t\t'text-muted-foreground text-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport function CardContent({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardContentPrimitive\n\t\t\tclassName={cn(CARD_BEM.content, 'px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardFooter({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<'div'>) {\n\treturn (\n\t\t<CardFooterPrimitive\n\t\t\tclassName={cn(CARD_BEM.footer, 'flex items-center px-6', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","/**\n * Inline alert banner rendered between the header and the card body.\n * Pulls itself up under the header (`alertOffsetWithHeader`) when one\n * exists so the visual gap between header bottom and alert top stays\n * tight; otherwise pushes itself down (`alertOffsetStandalone`) so it\n * doesn't kiss the card top edge.\n */\nimport type { ReactNode } from 'react';\n\nimport { Alert, AlertDescription } from '@/components/base/display/alert';\nimport { cn } from '@/lib/utils';\n\nimport { CARD_BEM, PADDING } from '../smart-card.tokens';\nimport type { CardAlertVariant, CardPadding } from '../smart-card.types';\n\ninterface AlertSlotProps {\n\talert: ReactNode | string;\n\talertVariant: CardAlertVariant;\n\thasHeader: boolean;\n\tpadding: CardPadding;\n}\n\nexport function SmartCardAlert({\n\talert,\n\talertVariant,\n\thasHeader,\n\tpadding,\n}: AlertSlotProps) {\n\tconst tokens = PADDING[padding];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tCARD_BEM.alert,\n\t\t\t\ttokens.alertX,\n\t\t\t\thasHeader ? tokens.alertOffsetWithHeader : tokens.alertOffsetStandalone,\n\t\t\t)}\n\t\t>\n\t\t\t<Alert variant={alertVariant}>\n\t\t\t\t<AlertDescription>{alert}</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t);\n}\n","/**\n * SmartCard actions menu — `⋮` trigger + dropdown of consumer-supplied\n * `SmartCardAction` items. Always renders a 28×28 square trigger so it\n * reads cleanly as a circle (consumer overrides to `rounded-full`) or\n * a rectangle (default `rounded-md`).\n */\nimport { MoreHorizontal } from 'lucide-react';\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nimport type { SmartCardAction } from '../smart-card.types';\n\ninterface ActionsMenuProps {\n\tactions: SmartCardAction[];\n\tactionsLabel: string;\n}\n\nexport function ActionsMenu({ actions, actionsLabel }: ActionsMenuProps) {\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={actionsLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex size-7 shrink-0 items-center justify-center rounded-md p-0',\n\t\t\t\t\t'text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t'outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n\t\t\t\t\t'transition-colors',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"end\" className=\"min-w-[140px]\">\n\t\t\t\t{actions.map((action, index) => (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tkey={action.id ?? `${action.label}-${index}`}\n\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\tdisabled={action.disabled}\n\t\t\t\t\t\tclassName=\"gap-1.5 px-2 py-1 text-xs\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!action.icon && (\n\t\t\t\t\t\t\t<span className=\"flex shrink-0 items-center\">{action.icon}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{action.label}\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t))}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n","/**\n * SmartCardHeaderRow — the chrome above the card body. Combines icon /\n * title / description / tooltip / suffix on the leading side with the\n * trailing `headerEnd` / `headerAction` slots and the actions menu.\n *\n * `TooltipTrigger_Info` is colocated here because it's only used by the\n * header — keeping it private avoids polluting the public partial\n * surface.\n */\nimport { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { cn } from '@/lib/utils';\n\nimport { PADDING } from '../smart-card.tokens';\nimport type { CardPadding, SmartCardAction } from '../smart-card.types';\n\nimport { CardHeader, CardTitle, CardDescription } from './card-primitives';\nimport { hasRenderableContent } from './has-renderable-content';\nimport { ActionsMenu } from './smart-card-actions-menu';\n\nfunction TooltipTrigger_Info({ tooltipLabel }: { tooltipLabel: string }) {\n\treturn (\n\t\t<TooltipTrigger\n\t\t\trender={(triggerProps) => {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tconst passthrough = triggerProps as Record<string, any>;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...passthrough}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'h-5 w-5 text-muted-foreground',\n\t\t\t\t\t\t\tpassthrough.className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-label={tooltipLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ninterface HeaderProps {\n\ticon?: ReactNode;\n\ttitle?: ReactNode;\n\ttitleSuffix?: ReactNode;\n\tdescription?: ReactNode;\n\ttooltip?: ReactNode;\n\ttooltipLabel: string;\n\theaderStart?: ReactNode;\n\theaderEnd?: ReactNode;\n\theaderAction?: ReactNode;\n\tactions?: SmartCardAction[];\n\tactionsLabel: string;\n\tpadding: CardPadding;\n\tclassName?: string;\n}\n\nexport function SmartCardHeaderRow({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttooltip,\n\ttooltipLabel,\n\theaderStart,\n\theaderEnd,\n\theaderAction,\n\tactions,\n\tactionsLabel,\n\tpadding,\n\tclassName,\n}: HeaderProps) {\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst hasActions = cardActions.length > 0;\n\n\tconst hasIcon = hasRenderableContent(icon);\n\tconst hasTitle = hasRenderableContent(title);\n\tconst hasTitleSuffix = hasRenderableContent(titleSuffix);\n\tconst hasDescription = hasRenderableContent(description);\n\tconst hasTooltip = hasRenderableContent(tooltip);\n\tconst hasHeaderStart = hasRenderableContent(headerStart);\n\tconst hasHeaderEnd = hasRenderableContent(headerEnd);\n\tconst hasHeaderAction = hasRenderableContent(headerAction);\n\n\tconst showTitleRow = hasIcon || hasTitle || hasTitleSuffix || hasTooltip;\n\tconst showTrailing = hasHeaderEnd || hasHeaderAction || hasActions;\n\n\treturn (\n\t\t<CardHeader\n\t\t\tclassName={cn(\n\t\t\t\t'flex-row items-start justify-between gap-3 pb-0',\n\t\t\t\tPADDING[padding].headerX,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n\t\t\t\t{!!hasHeaderStart && headerStart}\n\n\t\t\t\t{!!showTitleRow && (\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{!!hasIcon && (\n\t\t\t\t\t\t\t<span className=\"flex shrink-0 items-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<CardTitle>{title}</CardTitle>\n\t\t\t\t\t\t{!!hasTitleSuffix && (\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">{titleSuffix}</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger_Info tooltipLabel={tooltipLabel} />\n\t\t\t\t\t\t\t\t<TooltipContent>{tooltip}</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!hasDescription && (\n\t\t\t\t\t<CardDescription className=\"text-left\">{description}</CardDescription>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{!!showTrailing && (\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t{!!hasHeaderEnd && headerEnd}\n\t\t\t\t\t{!!hasHeaderAction && headerAction}\n\t\t\t\t\t{!!hasActions && (\n\t\t\t\t\t\t<ActionsMenu actions={cardActions} actionsLabel={actionsLabel} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardHeader>\n\t);\n}\n","/**\n * SmartCard strings — i18n surface for the chrome the consumer doesn't\n * pass directly. Most copy (title, description, action labels, alert\n * body) flows in via props; the strings here cover the implicit\n * affordances (expand toggle).\n */\n\nexport interface SmartCardStrings {\n\texpandLabel: string;\n\tcollapseLabel: string;\n}\n\nexport const defaultSmartCardStrings: SmartCardStrings = {\n\texpandLabel: 'Expand card',\n\tcollapseLabel: 'Collapse card',\n};\n","/**\n * SmartCardSkeleton — placeholder shell rendered while a SmartCard's\n * data is loading. Picks up the canonical card surface so the loading\n * state visually matches the eventual `SmartCard` it'll replace.\n */\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { SURFACE_CLASSES } from '../smart-card.tokens';\n\nimport {\n\tCardContent,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './card-primitives';\n\nexport interface SmartCardSkeletonProps {\n\ttitle?: ReactNode;\n\tlines?: number;\n\tclassName?: string;\n}\n\nexport function SmartCardSkeleton({\n\ttitle,\n\tlines = 2,\n\tclassName,\n}: SmartCardSkeletonProps) {\n\tconst SkeletonBar = ({ barClassName }: { barClassName?: string }) => (\n\t\t<div className={cn('animate-pulse rounded bg-muted', barClassName)} />\n\t);\n\n\treturn (\n\t\t<CardShell className={cn(SURFACE_CLASSES.card, 'gap-4 py-6', className)}>\n\t\t\t<CardHeader className=\"flex-col gap-1.5 px-6 pb-0\">\n\t\t\t\t{title ? <CardTitle>{title}</CardTitle> : <SkeletonBar barClassName=\"h-4 w-32\" />}\n\t\t\t</CardHeader>\n\t\t\t<CardContent className=\"space-y-3 px-6 py-0\">\n\t\t\t\t{Array.from({ length: lines }, (_, i) => (\n\t\t\t\t\t<SkeletonBar\n\t\t\t\t\t\tkey={`skel-${String(i)}`}\n\t\t\t\t\t\tbarClassName={cn('h-4', i === 0 ? 'w-full' : 'w-3/4')}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</CardContent>\n\t\t</CardShell>\n\t);\n}\n\nSmartCardSkeleton.displayName = 'SmartCardSkeleton';\n","/**\n * SmartCard — composed card with header (icon, title, suffix, description,\n * tooltip), actions menu, alert banner, header / content / footer slots,\n * surface variants (card / flat / framed), and an opt-in expandable body.\n *\n * The single card primitive everything else builds on — never reach past it\n * to shadcn `Card` directly. The CardShell / CardHeader / CardTitle /\n * CardDescription / CardContent / CardFooter primitives are re-exported\n * for advanced composition (deeply customised layouts that still want the\n * design-system surface tokens). Each subregion paints a BEM-style hook\n * (`card--component`, `card--header`, `card--title`, …) for CSS / test /\n * analytics targeting independent of shadcn's data-slot internals.\n *\n * The file is a thin orchestrator. The actual chrome lives in:\n *   - `./smart-card.types.ts`           — public prop / variant types\n *   - `./smart-card.strings.ts`         — i18n (expand toggle copy)\n *   - `./smart-card.tokens.ts`          — PADDING + SURFACE_CLASSES + CARD_BEM\n *   - `./partials/card-primitives.tsx`  — CardShell + CardHeader / Title /\n *                                          Description / Content / Footer\n *   - `./partials/smart-card-header-row.tsx` — header layout + actions menu\n *   - `./partials/smart-card-alert.tsx`     — inline alert banner\n *   - `./partials/smart-card-actions-menu.tsx` — `⋮` dropdown\n *   - `./partials/smart-card-skeleton.tsx` — loading placeholder\n *   - `./partials/has-renderable-content.ts` — slot-empty predicate\n */\nimport { ChevronDown } from 'lucide-react';\nimport {\n\ttype CSSProperties,\n\tforwardRef,\n\tuseCallback,\n\tuseState,\n} from 'react';\n\nimport { useCardConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tCardContent,\n\tCardFooter,\n\tCardShell,\n} from './partials/card-primitives';\nimport { hasRenderableContent } from './partials/has-renderable-content';\nimport { SmartCardAlert } from './partials/smart-card-alert';\nimport { SmartCardHeaderRow } from './partials/smart-card-header-row';\nimport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nimport {\n\tPADDING,\n\tSURFACE_CLASSES,\n} from './smart-card.tokens';\nimport type {\n\tCardPadding,\n\tSmartCardProps,\n\tSmartCardSurface,\n} from './smart-card.types';\n\nexport const SmartCard = forwardRef<HTMLDivElement, SmartCardProps>(function SmartCard({\n\ticon,\n\ttitle,\n\ttitleSuffix,\n\tdescription,\n\ttooltip,\n\ttooltipAriaLabel = 'Card info',\n\tfooterText,\n\talert,\n\talertVariant = 'default',\n\tsurface,\n\ttransparent = false,\n\tpadding,\n\tactions,\n\tactionsLabel = 'Card actions',\n\theaderAction,\n\theaderStart,\n\theaderEnd,\n\tcontentTop,\n\tcontentBottom,\n\tfooterSlot,\n\theaderDivider = false,\n\tfooterDivider = false,\n\texpandable = false,\n\tdefaultExpanded = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tchildren,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tfooterClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst { defaultPadding } = useCardConfig();\n\tconst resolvedPadding: CardPadding = padding ?? defaultPadding ?? 'sm';\n\tconst tokens = PADDING[resolvedPadding];\n\tconst cardActions = Array.isArray(actions) ? actions : [];\n\tconst strings: SmartCardStrings = {\n\t\t...defaultSmartCardStrings,\n\t\t...stringsProp,\n\t};\n\n\tconst isExpandable = expandable !== false && expandable !== undefined;\n\tconst collapsedMaxHeightRaw =\n\t\ttypeof expandable === 'object' && expandable?.collapsedMaxHeight !== undefined\n\t\t\t? expandable.collapsedMaxHeight\n\t\t\t: '12rem';\n\tconst collapsedMaxHeight =\n\t\ttypeof collapsedMaxHeightRaw === 'number'\n\t\t\t? `${collapsedMaxHeightRaw}px`\n\t\t\t: collapsedMaxHeightRaw;\n\n\tconst isExpandedControlled = expandedProp !== undefined;\n\tconst [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\tconst expanded = isExpandedControlled ? expandedProp : internalExpanded;\n\tconst handleToggle = useCallback(() => {\n\t\tconst next = !expanded;\n\t\tif (!isExpandedControlled) setInternalExpanded(next);\n\t\tonExpandedChange?.(next);\n\t}, [expanded, isExpandedControlled, onExpandedChange]);\n\n\tconst hasHeader =\n\t\thasRenderableContent(icon) ||\n\t\thasRenderableContent(title) ||\n\t\thasRenderableContent(description) ||\n\t\tcardActions.length > 0 ||\n\t\thasRenderableContent(headerAction) ||\n\t\thasRenderableContent(headerStart) ||\n\t\thasRenderableContent(headerEnd);\n\n\tconst hasAlert = hasRenderableContent(alert);\n\tconst hasFooterText = hasRenderableContent(footerText);\n\tconst hasFooterSlot = hasRenderableContent(footerSlot);\n\tconst hasContentTop = hasRenderableContent(contentTop);\n\tconst hasContentBottom = hasRenderableContent(contentBottom);\n\n\tconst tooltipLabel =\n\t\ttooltipAriaLabel.trim().length > 0 ? tooltipAriaLabel : 'Card info';\n\n\tconst collapseStyle: CSSProperties | undefined = isExpandable\n\t\t? {\n\t\t\t\tmaxHeight: expanded ? '' : collapsedMaxHeight,\n\t\t\t}\n\t\t: undefined;\n\n\t// Resolve surface — explicit `surface` wins, else legacy `transparent`,\n\t// else the default `'card'` chrome.\n\tconst resolvedSurface: SmartCardSurface = surface ?? (transparent ? 'flat' : 'card');\n\n\treturn (\n\t\t<CardShell\n\t\t\tref={ref}\n\t\t\tdata-surface={resolvedSurface}\n\t\t\tclassName={cn(\n\t\t\t\tSURFACE_CLASSES[resolvedSurface],\n\t\t\t\ttokens.shell,\n\t\t\t\t// `isExpandable` parks the chevron at `-bottom-4` outside the\n\t\t\t\t// shell — `overflow-visible` lets it render past the card\n\t\t\t\t// edge, otherwise the shadcn primitive's `overflow-hidden`\n\t\t\t\t// clips it.\n\t\t\t\tisExpandable && 'relative pb-1 !overflow-visible',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!hasHeader && (\n\t\t\t\t<SmartCardHeaderRow\n\t\t\t\t\ticon={icon}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\ttitleSuffix={titleSuffix}\n\t\t\t\t\tdescription={description}\n\t\t\t\t\ttooltip={tooltip}\n\t\t\t\t\ttooltipLabel={tooltipLabel}\n\t\t\t\t\theaderStart={headerStart}\n\t\t\t\t\theaderEnd={headerEnd}\n\t\t\t\t\theaderAction={headerAction}\n\t\t\t\t\tactions={cardActions}\n\t\t\t\t\tactionsLabel={actionsLabel}\n\t\t\t\t\tpadding={resolvedPadding}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\theaderDivider && 'pb-3 border-b border-border/60',\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!!hasAlert && (\n\t\t\t\t<SmartCardAlert\n\t\t\t\t\talert={alert}\n\t\t\t\t\talertVariant={alertVariant}\n\t\t\t\t\thasHeader={hasHeader}\n\t\t\t\t\tpadding={resolvedPadding}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<CardContent\n\t\t\t\tclassName={cn(\n\t\t\t\t\ttokens.contentX,\n\t\t\t\t\ttokens.contentY,\n\t\t\t\t\tisExpandable &&\n\t\t\t\t\t\t'relative overflow-hidden transition-[max-height] duration-500 ease-in-out',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t\tstyle={collapseStyle}\n\t\t\t>\n\t\t\t\t{!!hasContentTop && contentTop}\n\t\t\t\t{children}\n\t\t\t\t{!!hasContentBottom && contentBottom}\n\n\t\t\t\t{!!isExpandable && !expanded && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName=\"from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{!!hasFooterText && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'justify-end text-xs text-muted-foreground',\n\t\t\t\t\t\ttokens.footerX,\n\t\t\t\t\t\tfooterDivider && 'pt-3 border-t border-border/60',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footerText}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t{!!hasFooterSlot && (\n\t\t\t\t<CardFooter\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex-col items-stretch',\n\t\t\t\t\t\ttokens.footerX,\n\t\t\t\t\t\tfooterDivider && 'pt-3 border-t border-border/60',\n\t\t\t\t\t\tfooterClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{footerSlot}\n\t\t\t\t</CardFooter>\n\t\t\t)}\n\n\t\t\t{!!isExpandable && (\n\t\t\t\t<div className=\"absolute -bottom-4 left-1/2 -translate-x-1/2 z-10\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\t\taria-label={expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex size-8 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t'border border-border bg-background text-foreground shadow-sm',\n\t\t\t\t\t\t\t'hover:bg-muted/40 transition-colors',\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)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'size-4 transition-transform duration-300',\n\t\t\t\t\t\t\t\texpanded && 'rotate-180',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"sr-only\">\n\t\t\t\t\t\t\t{expanded ? strings.collapseLabel : strings.expandLabel}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</CardShell>\n\t);\n});\n\nSmartCard.displayName = 'SmartCard';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Re-exports — public surface lives here so `import { ... } from\n// '@/components/base/cards'` keeps working through the file split.\n// ──────────────────────────────────────────────────────────────────────────\n\nexport {\n\tdefaultSmartCardStrings,\n\ttype SmartCardStrings,\n} from './smart-card.strings';\nexport type {\n\tCardAlertVariant,\n\tCardPadding,\n\tSmartCardAction,\n\tSmartCardProps,\n\tSmartCardSkeletonProps,\n\tSmartCardSurface,\n} from './smart-card.types';\nexport {\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardShell,\n\tCardTitle,\n} from './partials/card-primitives';\nexport { SmartCardSkeleton } from './partials/smart-card-skeleton';\n"],"mappings":"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"}

package/dist/_shared/spinner-BQjxJ_Kx.js

@@ -0,0 +1,67 @@
+import { d as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var o = r(function({ label: r, className: o = "", variant: u, style: d }, f) {
+	let { defaultVariant: p } = e(), m = u ?? p ?? "default";
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: t("spinner--component", "flex items-center justify-center p-8"),
+		style: d,
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center gap-2 text-center",
+			children: [
+				m === "default" && /* @__PURE__ */ i(s, { className: o }),
+				m === "shimmer" && /* @__PURE__ */ i(c, { className: o }),
+				m === "progress" && /* @__PURE__ */ i(l, { className: o }),
+				!!r && /* @__PURE__ */ i(n, {
+					type: "secondary",
+					children: r
+				})
+			]
+		})
+	});
+});
+o.displayName = "Spinner";
+function s({ className: e = "" }) {
+	return /* @__PURE__ */ a("svg", {
+		className: t("h-10 w-10 text-primary", e),
+		fill: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ i("path", {
+			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+			opacity: ".25"
+		}), /* @__PURE__ */ i("path", {
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+			children: /* @__PURE__ */ i("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function c({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		"aria-hidden": "true"
+	});
+}
+function l({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-1 w-32 overflow-hidden rounded bg-muted", e),
+		role: "progressbar",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ i("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=spinner-BQjxJ_Kx.js.map

package/dist/_shared/spinner-BQjxJ_Kx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-BQjxJ_Kx.js","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAU,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAAS,GAAa,YAC/C,GACC;CACD,IAAM,EAAE,sBAAmB,GAAkB,EACvC,IAA0B,KAAe,KAAkB;AAEjE,QACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,sBAAsB,uCAAuC;EAAS;YAClG,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,MAAY,aAAa,kBAAC,GAAD,EAA2B,cAAa,CAAA;IACjE,MAAY,aAAa,kBAAC,GAAD,EAA2B,cAAa,CAAA;IACjE,MAAY,cAAc,kBAAC,GAAD,EAA4B,cAAa,CAAA;IACnE,CAAC,CAAC,KAAS,kBAAC,GAAD;KAAM,MAAK;eAAa;KAAa,CAAA;IAC5C;;EACD,CAAA;EAEN;AAEF,EAAQ,cAAc;AAEtB,SAAS,EAAe,EAAE,eAAY,MAA8B;AACnE,QACC,kBAAC,OAAD;EACC,WAAW,EAAG,0BAA0B,EAAU;EAClD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;YALb,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;GACP,CAAA,EACF,kBAAC,QAAD;GAAM,GAAE;aACP,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;IACX,CAAA;GACI,CAAA,CACF;;;AAIR,SAAS,EAAe,EAAE,eAAY,MAA8B;AACnE,QACC,kBAAC,OAAD;EACC,WAAW,EACV,6GACA,+CACA,EACA;EACD,eAAY;EACX,CAAA;;AAIJ,SAAS,EAAgB,EAAE,eAAY,MAA8B;AACpE,QACC,kBAAC,OAAD;EACC,WAAW,EAAG,6CAA6C,EAAU;EACrE,MAAK;EACL,aAAU;YAEV,kBAAC,OAAD,EAAK,WAAU,sFAAuF,CAAA;EACjG,CAAA"}

package/dist/_shared/spinner-Dvaa6GUm.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.forwardRef)(function({label:r,className:a=``,variant:l,style:u},d){let{defaultVariant:f}=e.d(),p=l??f??`default`;return(0,i.jsx)(`div`,{ref:d,className:t.cn(`spinner--component`,`flex items-center justify-center p-8`),style:u,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p===`default`&&(0,i.jsx)(o,{className:a}),p===`shimmer`&&(0,i.jsx)(s,{className:a}),p===`progress`&&(0,i.jsx)(c,{className:a}),!!r&&(0,i.jsx)(n.t,{type:`secondary`,children:r})]})})});a.displayName=`Spinner`;function o({className:e=``}){return(0,i.jsxs)(`svg`,{className:t.cn(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,i.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,i.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,i.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function s({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function c({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,i.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=spinner-Dvaa6GUm.cjs.map

package/dist/_shared/spinner-Dvaa6GUm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-Dvaa6GUm.cjs","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":"mMA4BA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAC/D,CAAE,QAAO,YAAY,GAAI,QAAS,EAAa,SAC/C,EACC,CACD,GAAM,CAAE,kBAAmB,EAAA,GAAkB,CACvC,EAA0B,GAAe,GAAkB,UAEjE,OACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,qBAAsB,uCAAuC,CAAS,kBAClG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,CACE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,YAAa,CAAA,CACjE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,YAAa,CAAA,CACjE,IAAY,aAAc,EAAA,EAAA,KAAC,EAAD,CAA4B,YAAa,CAAA,CACnE,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAa,EAAa,CAAA,CAC5C,GACD,CAAA,EAEN,CAEF,EAAQ,YAAc,UAEtB,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GAAG,yBAA0B,EAAU,CAClD,KAAK,eACL,QAAQ,YACR,MAAM,6BACN,cAAY,gBALb,EAOC,EAAA,EAAA,KAAC,OAAD,CACC,EAAE,gFACF,QAAQ,MACP,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,uKACP,EAAA,EAAA,KAAC,mBAAD,CACC,cAAc,YACd,KAAK,SACL,IAAI,QACJ,OAAO,oBACP,YAAY,aACX,CAAA,CACI,CAAA,CACF,GAIR,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,4GACA,8CACA,EACA,CACD,cAAY,OACX,CAAA,CAIJ,SAAS,EAAgB,CAAE,YAAY,IAA8B,CACpE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,KAAK,cACL,YAAU,iBAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qFAAuF,CAAA,CACjG,CAAA"}

package/dist/_shared/switch-C0yyhsXZ.js

@@ -0,0 +1,51 @@
+import { cn as e } from "../lib/utils.js";
+import { forwardRef as t, useCallback as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Switch as a } from "@base-ui/react/switch";
+//#region src/components/ui/switch.tsx
+function o({ className: t, size: n = "default", ...r }) {
+	return /* @__PURE__ */ i(a.Root, {
+		"data-slot": "switch",
+		"data-size": n,
+		className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", t),
+		...r,
+		children: /* @__PURE__ */ i(a.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/switch.tsx
+var s = t(function({ onCheckedChange: t, invalid: a, className: s, ...c }, l) {
+	let u = r(() => c.name ? String(c.name) : c.id ? String(c.id) : String((/* @__PURE__ */ new Date()).getTime()), [c.id, c.name]), d = c.id ?? u, f = n((e) => {
+		t?.({ target: {
+			name: u,
+			value: e
+		} });
+	}, [u, t]);
+	return /* @__PURE__ */ i(o, {
+		ref: l,
+		...c,
+		onCheckedChange: f,
+		id: d,
+		name: u,
+		"aria-invalid": a || void 0,
+		className: e("switch--component", a && "data-[state=unchecked]:border-destructive", s)
+	});
+});
+s.displayName = "Switch";
+var c = t(function({ onCheckedChange: t, invalid: n, className: r, ...a }, s) {
+	return /* @__PURE__ */ i(o, {
+		ref: s,
+		...a,
+		onCheckedChange: (e) => t?.(e),
+		"aria-invalid": n || void 0,
+		className: e(n && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+c.displayName = "ToggleSwitch";
+//#endregion
+export { c as n, o as r, s as t };
+
+//# sourceMappingURL=switch-C0yyhsXZ.js.map

package/dist/_shared/switch-C0yyhsXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-C0yyhsXZ.js","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return String(new Date().getTime());\n    }, [rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":";;;;;AAIA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,2hBACA,EACD;EACD,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAU;GACV,CAAA;EACmB,CAAA;;;;ACQ3B,IAAa,IAAS,EAAuC,SACzD,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,IAAM,IAAO,QACL,EAAK,OAAa,OAAO,EAAK,KAAK,GACnC,EAAK,KAAW,OAAO,EAAK,GAAG,GAC5B,wBAAO,IAAI,MAAM,EAAC,SAAS,CAAC,EACpC,CAAC,EAAK,IAAI,EAAK,KAAK,CAAC,EAElB,IAAa,EAAK,MAAM,GAExB,IAAe,GAChB,MAAqB;AAClB,MAAkB,EACd,QAAQ;GAAE;GAAM,OAAO;GAAS,EACnC,CAAC;IAEN,CAAC,GAAM,EAAgB,CAC1B;AAED,QACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,iBAAiB;EACjB,IAAI;EACE;EACN,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,qBACV,KAAW,6CACX,EACH;EACH,CAAA;EAER;AAEF,EAAO,cAAc;AAOrB,IAAa,IAAe,EAA6C,SACrE,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;AACE,QACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,kBAAkB,MAAY,IAAkB,EAAQ;EACxD,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,KAAW,6CAA6C,EAAU;EAClF,CAAA;EAER;AAEF,EAAa,cAAc"}

package/dist/_shared/switch-DozkSQNn.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`@base-ui/react/switch`);function i({className:t,size:i=`default`,...a}){return(0,n.jsx)(r.Switch.Root,{"data-slot":`switch`,"data-size":i,className:e.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,t),...a,children:(0,n.jsx)(r.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform`})})}var a=(0,t.forwardRef)(function({onCheckedChange:r,invalid:a,className:o,...s},c){let l=(0,t.useMemo)(()=>s.name?String(s.name):s.id?String(s.id):String(new Date().getTime()),[s.id,s.name]),u=s.id??l,d=(0,t.useCallback)(e=>{r?.({target:{name:l,value:e}})},[l,r]);return(0,n.jsx)(i,{ref:c,...s,onCheckedChange:d,id:u,name:l,"aria-invalid":a||void 0,className:e.cn(`switch--component`,a&&`data-[state=unchecked]:border-destructive`,o)})});a.displayName=`Switch`;var o=(0,t.forwardRef)(function({onCheckedChange:t,invalid:r,className:a,...o},s){return(0,n.jsx)(i,{ref:s,...o,onCheckedChange:e=>t?.(e),"aria-invalid":r||void 0,className:e.cn(r&&`data-[state=unchecked]:border-destructive`,a)})});o.displayName=`ToggleSwitch`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=switch-DozkSQNn.cjs.map

package/dist/_shared/switch-DozkSQNn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DozkSQNn.cjs","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return String(new Date().getTime());\n    }, [rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":"6JAIA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,GACT,0hBACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,gaACV,CAAA,CACmB,CAAA,CCQ3B,IAAa,GAAA,EAAA,EAAA,YAAgD,SACzD,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,IAAM,GAAA,EAAA,EAAA,aACE,EAAK,KAAa,OAAO,EAAK,KAAK,CACnC,EAAK,GAAW,OAAO,EAAK,GAAG,CAC5B,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CACpC,CAAC,EAAK,GAAI,EAAK,KAAK,CAAC,CAElB,EAAa,EAAK,IAAM,EAExB,GAAA,EAAA,EAAA,aACD,GAAqB,CAClB,IAAkB,CACd,OAAQ,CAAE,OAAM,MAAO,EAAS,CACnC,CAAC,EAEN,CAAC,EAAM,EAAgB,CAC1B,CAED,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAiB,EACjB,GAAI,EACE,OACN,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,oBACV,GAAW,4CACX,EACH,CACH,CAAA,EAER,CAEF,EAAO,YAAc,SAOrB,IAAa,GAAA,EAAA,EAAA,YAA4D,SACrE,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAkB,GAAY,IAAkB,EAAQ,CACxD,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,GAAW,4CAA6C,EAAU,CAClF,CAAA,EAER,CAEF,EAAa,YAAc"}

package/dist/_shared/textarea-Cgl-FPwu.js

@@ -0,0 +1,119 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-DIxMTECE.js";
+import { n as i } from "./input-DQahu2sm.js";
+import { i as a, r as o } from "./form-sizing-CcbB-OHF.js";
+import * as s from "react";
+import { useCallback as c, useEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CircleXIcon as p, Loader2Icon as m } from "lucide-react";
+//#region src/components/base/forms/fields/textarea.tsx
+var h = { clear: "Clear textarea" }, g = s.forwardRef(({ className: s, maxLength: g, showCharacterCount: _, clearable: v, onClear: y, isLoading: b, invalid: x, size: S, autoResize: C = !1, minRows: w = 2, maxRows: T, onChange: E, value: D, defaultValue: O, id: k, strings: A, ...j }, M) => {
+	let N = u(null), P = e(h, A), { defaultControlSize: F } = t(), I = a(S, F), { id: L, value: R, isReactHookForm: z, characterCount: B, hasCharacterLimit: V, showCount: H, hasValue: U, updateValue: W, clearValue: G, wouldExceedLimit: K } = i({
+		controlledValue: D,
+		defaultValue: O,
+		maxLength: g,
+		showCharacterCount: _,
+		providedId: k,
+		idPrefix: "textarea",
+		hasOnChange: E !== void 0
+	}), q = !!x, J = u(0), Y = c(() => {
+		if (!C || !N.current) return;
+		let e = N.current;
+		J.current === 0 && (J.current = parseInt(getComputedStyle(e).lineHeight) || 20), e.style.height = "auto";
+		let t = J.current, n = t * w, r = T ? t * T : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
+		e.style.height = `${i}px`;
+	}, [
+		C,
+		T,
+		w
+	]);
+	l(() => {
+		Y();
+	}, [
+		R,
+		C,
+		Y
+	]);
+	let X = c((e) => {
+		let t = e.target.value;
+		K(t) || (W(t), E?.(e), C && setTimeout(Y, 0));
+	}, [
+		E,
+		W,
+		K,
+		C,
+		Y
+	]), Z = c(() => {
+		G(), E?.({
+			target: { value: "" },
+			currentTarget: { value: "" }
+		}), y?.(), N.current?.focus(), C && setTimeout(Y, 0);
+	}, [
+		G,
+		E,
+		y,
+		C,
+		Y
+	]), Q = v && U && !b;
+	return /* @__PURE__ */ f("div", {
+		className: n("textarea--component", "relative w-full"),
+		children: [
+			/* @__PURE__ */ d("textarea", {
+				ref: (e) => {
+					typeof M == "function" ? M(e) : M && (M.current = e), N.current = e;
+				},
+				id: L,
+				...!z && { value: R },
+				onChange: X,
+				maxLength: g,
+				"aria-invalid": q || void 0,
+				disabled: j.disabled || b,
+				rows: w,
+				style: {
+					resize: C ? "none" : j.style?.resize,
+					overflow: C && T ? "auto" : "visible",
+					...j.style
+				},
+				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full rounded-md border bg-transparent px-3 py-2", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", o[I], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", Q && "pr-10", H && "pr-16", s),
+				...j
+			}),
+			!!H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3 text-xs tabular-nums", j.disabled && "opacity-50", q ? "text-destructive" : "text-muted-foreground"),
+				"aria-live": "polite",
+				role: "status",
+				children: /* @__PURE__ */ f(r, {
+					tag: "span",
+					size: "xs",
+					type: q ? "error" : "secondary",
+					children: [B, V ? `/${g}` : ""]
+				})
+			}),
+			!!b && !H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3", q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ d(m, {
+					size: 16,
+					className: "animate-spin",
+					"aria-hidden": "true"
+				})
+			}),
+			!!Q && !H && /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+				"aria-label": P.clear,
+				onClick: Z,
+				disabled: b,
+				children: /* @__PURE__ */ d(p, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+});
+g.displayName = "Textarea";
+//#endregion
+export { g as t };
+
+//# sourceMappingURL=textarea-Cgl-FPwu.js.map

package/dist/_shared/textarea-Cgl-FPwu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-Cgl-FPwu.js","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/textarea-D8wC0XlZ.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/strings.cjs`),n=require(`./ui-provider-uiQgATj1.cjs`),r=require(`../lib/utils.cjs`),i=require(`./text-DBnY6fcL.cjs`),a=require(`./input-BJb10xb9.cjs`),o=require(`./form-sizing-Cw12UeI6.cjs`);let s=require(`react`);s=e.t(s,1);let c=require(`react/jsx-runtime`),l=require(`lucide-react`);var u={clear:`Clear textarea`},d=s.forwardRef(({className:e,maxLength:d,showCharacterCount:f,clearable:p,onClear:m,isLoading:h,invalid:g,size:_,autoResize:v=!1,minRows:y=2,maxRows:b,onChange:x,value:S,defaultValue:C,id:w,strings:T,...E},D)=>{let O=(0,s.useRef)(null),k=t.useStrings(u,T),{defaultControlSize:A}=n.s(),j=o.i(_,A),{id:M,value:N,isReactHookForm:P,characterCount:F,hasCharacterLimit:I,showCount:L,hasValue:R,updateValue:z,clearValue:B,wouldExceedLimit:V}=a.n({controlledValue:S,defaultValue:C,maxLength:d,showCharacterCount:f,providedId:w,idPrefix:`textarea`,hasOnChange:x!==void 0}),H=!!g,U=(0,s.useRef)(0),W=(0,s.useCallback)(()=>{if(!v||!O.current)return;let e=O.current;U.current===0&&(U.current=parseInt(getComputedStyle(e).lineHeight)||20),e.style.height=`auto`;let t=U.current,n=t*y,r=b?t*b:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[v,b,y]);(0,s.useEffect)(()=>{W()},[N,v,W]);let G=(0,s.useCallback)(e=>{let t=e.target.value;V(t)||(z(t),x?.(e),v&&setTimeout(W,0))},[x,z,V,v,W]),K=(0,s.useCallback)(()=>{B(),x?.({target:{value:``},currentTarget:{value:``}}),m?.(),O.current?.focus(),v&&setTimeout(W,0)},[B,x,m,v,W]),q=p&&R&&!h;return(0,c.jsxs)(`div`,{className:r.cn(`textarea--component`,`relative w-full`),children:[(0,c.jsx)(`textarea`,{ref:e=>{typeof D==`function`?D(e):D&&(D.current=e),O.current=e},id:M,...!P&&{value:N},onChange:G,maxLength:d,"aria-invalid":H||void 0,disabled:E.disabled||h,rows:y,style:{resize:v?`none`:E.style?.resize,overflow:v&&b?`auto`:`visible`,...E.style},className:r.cn(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-md border bg-transparent px-3 py-2`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,o.r[j],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,q&&`pr-10`,L&&`pr-16`,e),...E}),!!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3 text-xs tabular-nums`,E.disabled&&`opacity-50`,H?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,c.jsxs)(i.t,{tag:`span`,size:`xs`,type:H?`error`:`secondary`,children:[F,I?`/${d}`:``]})}),!!h&&!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3`,H?`text-destructive`:`text-muted-foreground/80`),children:(0,c.jsx)(l.Loader2Icon,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!q&&!L&&(0,c.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":k.clear,onClick:K,disabled:h,children:(0,c.jsx)(l.CircleXIcon,{size:14,"aria-hidden":`true`})})]})});d.displayName=`Textarea`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=textarea-D8wC0XlZ.cjs.map

package/dist/_shared/textarea-D8wC0XlZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-D8wC0XlZ.cjs","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/tooltip-Cws4BiPT.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-BgnZtKR5.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+function a({ delay: e = 0, delayDuration: t, ...r }) {
+	return /* @__PURE__ */ n(i.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...r
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(i.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function s({ asChild: e = !1, render: r, children: a, ...o }) {
+	let s = e ? /* @__PURE__ */ n(t, {}) : void 0, c = typeof r == "function" ? ((e, t) => {
+		let { nativeButton: n, ...i } = e;
+		return r(i, t);
+	}) : r;
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: s ?? c,
+		...o,
+		children: a
+	});
+}
+function c({ className: t, side: a = "top", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, children: l, ...u }) {
+	return /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+		align: s,
+		alignOffset: c,
+		side: a,
+		sideOffset: o,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ r(i.Popup, {
+			"data-slot": "tooltip-content",
+			className: e("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", t),
+			...u,
+			children: [l, /* @__PURE__ */ n(i.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+//#endregion
+export { s as i, c as n, a as r, o as t };
+
+//# sourceMappingURL=tooltip-Cws4BiPT.js.map

package/dist/_shared/tooltip-Cws4BiPT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-Cws4BiPT.js","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  delayDuration,\n  ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delayDuration ?? delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  asChild = false,\n  render,\n  children,\n  ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      render={slotRender ?? safeRender}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;AAKA,SAAS,EAAgB,EACvB,WAAQ,GACR,kBACA,GAAG,KAC4D;AAC/D,QACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACV,OAAO,KAAiB;EACxB,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAQ,EAAE,GAAG,KAAsC;AAC1D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,EAAe,EACtB,aAAU,IACV,WACA,aACA,GAAG,KACsD;CACzD,IAAM,IAAa,IAAU,kBAAC,GAAD,EAAQ,CAAA,GAAG,KAAA,GAClC,IAAuD,OAAO,KAAW,eACzE,GAAa,MAAU;EACzB,IAAM,EAAE,cAAc,GAAe,GAAG,MAAS;AAEjD,SAAO,EAAO,GAA4B,EAAM;MAEhD;AAEJ,QACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACV,QAAQ,KAAc;EACtB,GAAI;EAEH;EACwB,CAAA;;AAI/B,SAAS,EAAe,EACtB,cACA,UAAO,OACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,aACA,GAAG,KAKA;AACH,QACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,0lBACA,EACD;GACD,GAAI;aANN,CAQG,GACD,kBAAC,EAAiB,OAAlB,EAAwB,WAAU,8hBAA+hB,CAAA,CAC1iB;;EACG,CAAA,EACN,CAAA"}

package/dist/_shared/tooltip-DyUi-Tac.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./slot-Dac1ipUC.cjs`);let n=require(`react/jsx-runtime`),r=require(`@base-ui/react/tooltip`);function i({delay:e=0,delayDuration:t,...i}){return(0,n.jsx)(r.Tooltip.Provider,{"data-slot":`tooltip-provider`,delay:t??e,...i})}function a({...e}){return(0,n.jsx)(i,{children:(0,n.jsx)(r.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function o({asChild:e=!1,render:i,children:a,...o}){let s=e?(0,n.jsx)(t.t,{}):void 0,c=typeof i==`function`?((e,t)=>{let{nativeButton:n,...r}=e;return i(r,t)}):i;return(0,n.jsx)(r.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,render:s??c,...o,children:a})}function s({className:t,side:i=`top`,sideOffset:a=4,align:o=`center`,alignOffset:s=0,children:c,...l}){return(0,n.jsx)(r.Tooltip.Portal,{children:(0,n.jsx)(r.Tooltip.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:(0,n.jsxs)(r.Tooltip.Popup,{"data-slot":`tooltip-content`,className:e.cn(`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)`,t),...l,children:[c,(0,n.jsx)(r.Tooltip.Arrow,{className:`size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5`})]})})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=tooltip-DyUi-Tac.cjs.map

package/dist/_shared/tooltip-DyUi-Tac.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DyUi-Tac.cjs","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  delayDuration,\n  ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delayDuration ?? delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  asChild = false,\n  render,\n  children,\n  ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      render={slotRender ?? safeRender}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":"4KAKA,SAAS,EAAgB,CACvB,QAAQ,EACR,gBACA,GAAG,GAC4D,CAC/D,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,SAAlB,CACE,YAAU,mBACV,MAAO,GAAiB,EACxB,GAAI,EACJ,CAAA,CAIN,SAAS,EAAQ,CAAE,GAAG,GAAsC,CAC1D,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CACxC,CAAA,CAItB,SAAS,EAAe,CACtB,UAAU,GACV,SACA,WACA,GAAG,GACsD,CACzD,IAAM,EAAa,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,EAAQ,CAAA,CAAG,IAAA,GAClC,EAAuD,OAAO,GAAW,aACzE,EAAa,IAAU,CACzB,GAAM,CAAE,aAAc,EAAe,GAAG,GAAS,EAEjD,OAAO,EAAO,EAA4B,EAAM,GAEhD,EAEJ,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,OAAQ,GAAc,EACtB,GAAI,EAEH,WACwB,CAAA,CAI/B,SAAS,EAAe,CACtB,YACA,OAAO,MACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,WACA,GAAG,GAKA,CACH,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,yBAEV,EAAA,EAAA,MAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,kBACV,UAAW,EAAA,GACT,ylBACA,EACD,CACD,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CAAwB,UAAU,6hBAA+hB,CAAA,CAC1iB,GACG,CAAA,CACN,CAAA"}

package/dist/_shared/typography-BW7iZBx7.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`);let r=require(`react/jsx-runtime`);var i={xs:`text-xs`,sm:`text-sm`,base:`text-base`};function a(e,t){return e??t??`sm`}function o({content:n,className:o=``,children:s,size:c,...l}){let{defaultLabelSize:u}=e.s(),d=a(c,u);return(0,r.jsx)(`label`,{...l,"data-typography":`label`,className:t.cn(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||n})}o.displayName=`Label`;var s={inherit:`text-inherit`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},c={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground/50`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},l={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},u={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},d={center:`text-center`,right:`text-right`,left:`text-left`};function f({type:e=`main`,size:n=`sm`,align:i=`left`,lineHeight:a=`normal`,weight:o=`regular`,className:f=``,underline:p=!0,children:m,...h}){return(0,r.jsx)(`a`,{className:t.cn(c[e],s[n],d[i],l[a],u[o],p&&`underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500`,f),"data-typography":`link`,...h,children:m})}f.displayName=`TextLink`;var p={primary:`bg-primary text-primary-foreground`,success:`bg-success text-success-foreground`,error:`bg-destructive text-destructive-foreground`,warning:`bg-warning text-warning-foreground`},m={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function h({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`px-1.5 py-0.5 rounded-sm`,p[n]),children:e})}function g({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`underline underline-offset-4 decoration-2`,m[n]),children:e})}function _({children:e,...t}){return(0,r.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:n.n(typeof e==`string`?e:``)},...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=typography-BW7iZBx7.cjs.map

package/dist/_shared/typography-BW7iZBx7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-BW7iZBx7.cjs","names":[],"sources":["../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` so the global `--label-font-scale` knob\n * scales every label without per-instance overrides. Pair with form fields and\n * any `peer` input pattern; the built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` so the global\n * `--link-font-scale` knob applies cleanly.\n */\nimport type { AnchorHTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: 'text-inherit',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n\tinverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {\n\ttype?: keyof typeof types;\n\tsize?: keyof typeof sizes;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tweight?: keyof typeof weights;\n\tclassName?: string;\n\tunderline?: boolean;\n}\n\nfunction TextLink({\n\ttype = 'main',\n\tsize = 'sm',\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tunderline = true,\n\tchildren,\n\t...linkProps\n}: TextLinkProps) {\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tunderline &&\n\t\t\t'underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<a className={textClassnames} data-typography=\"link\" {...linkProps}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n","import type { ParamHTMLAttributes } from 'react';\n\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nexport type Variants = 'primary' | 'success' | 'warning' | 'error';\n\nexport interface IVariant {\n\tvariant?: Variants;\n\tcontent: string;\n}\n\nconst highlightTypes = {\n\tprimary: 'bg-primary text-primary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\terror: 'bg-destructive text-destructive-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n};\n\nconst underlineTypes = {\n\tprimary: 'decoration-primary',\n\tsuccess: 'decoration-success',\n\terror: 'decoration-destructive',\n\twarning: 'decoration-warning',\n};\n\nexport function HighLight({ content, variant = 'primary' }: IVariant) {\n\tconst highlightClassNames = cn('px-1.5 py-0.5 rounded-sm', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":"gLAWA,IAAM,EAAkD,CACvD,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,CAED,SAAS,EACR,EACA,EACgB,CAChB,OAAO,GAAY,GAAoB,KASxC,SAAS,EAAM,CAAE,UAAS,YAAY,GAAI,WAAU,KAAM,EAAU,GAAG,GAAqB,CAC3F,GAAM,CAAE,oBAAqB,EAAA,GAAgB,CACvC,EAAO,EAAiB,EAAU,EAAiB,CAEzD,OACC,EAAA,EAAA,KAAC,QAAD,CACC,GAAI,EACJ,kBAAgB,QAChB,UAAW,EAAA,GACV,qFACA,EAAiB,GACjB,EACA,UAEA,GAAY,EACN,CAAA,CAIV,EAAM,YAAc,QCvCpB,IAAM,EAAQ,CACb,QAAS,eACT,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,GAAI,UACJ,GAAI,UACJ,CAEK,EAAQ,CACb,KAAM,kBACN,QAAS,kBACT,UAAW,wBACX,SAAU,2BACV,MAAO,mBACP,QAAS,eACT,QAAS,eACT,CAEK,EAAc,CACnB,OAAQ,iBACR,QAAS,kBACT,MAAO,gBACP,MAAO,gBACP,KAAM,eACN,KAAM,eACN,CAEK,EAAU,CACf,QAAS,cACT,OAAQ,cACR,SAAU,gBACV,KAAM,YACN,CAEK,EAAY,CAAE,OAAQ,cAAe,MAAO,aAAc,KAAM,YAAa,CAYnF,SAAS,EAAS,CACjB,OAAO,OACP,OAAO,KACP,QAAQ,OACR,aAAa,SACb,SAAS,UACT,YAAY,GACZ,YAAY,GACZ,WACA,GAAG,GACc,CAYjB,OACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAZmB,EAAA,GACtB,EAAM,GACN,EAAM,GACN,EAAU,GACV,EAAY,GACZ,EAAQ,GACR,GACC,oJACD,EAIc,CAAgB,kBAAgB,OAAO,GAAI,EACvD,WACE,CAAA,CAIN,EAAS,YAAc,WC1EvB,IAAM,EAAiB,CACtB,QAAS,qCACT,QAAS,qCACT,MAAO,6CACP,QAAS,qCACT,CAEK,EAAiB,CACtB,QAAS,qBACT,QAAS,qBACT,MAAO,yBACP,QAAS,qBACT,CAED,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAErE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UADe,EAAA,GAAG,2BAA4B,EAAe,GAClD,UAAsB,EAAe,CAAA,CAG9D,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAKrE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAJe,EAAA,GAC3B,4CACA,EAAe,GAEQ,UAAsB,EAAe,CAAA,CAG9D,SAAgB,EAAc,CAAE,WAAU,GAAG,GAAoD,CAEhG,OACC,EAAA,EAAA,KAAC,IAAD,CACC,UAAU,iBACV,wBAAyB,CAAE,OAJX,EAAA,EAAa,OAAO,GAAa,SAAW,EAAW,GAIpC,CAAW,CAC9C,GAAI,EACH,CAAA"}