themelia-react-ui 1.0.0 → 1.0.2

package/dist/button-BZDasD04.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-BZDasD04.js","names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","Tooltip","BaseTooltip","TooltipProviderPrimitive","TooltipTriggerPrimitive","TooltipContentPrimitive","_Fragment","PrimitiveButton","_Fragment","styles","React","React","Tooltip","React","Tooltip","resolveComponentScale","useButtonConfig","useDensityConfig","cn","Text","anchoredPositionMethod","motionRecipes","Slot","Button$1","React$1","Fragment$1","TooltipProvider$1","props","Tooltip","delayDuration","delay","Tooltip$2","TooltipTrigger$1","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","TooltipContent$1","resolvedContainer","useThemePortalContainer","container","className","children","TooltipDescriptionContext","createContext","SharedTooltipProviderContext","Tooltip$1","hasSharedProvider","useContext","generatedId","useId","descriptionId","setDescriptionId","useState","root","TooltipProvider","TooltipTrigger","TooltipContent","description","content","buttonRecipes","buttonVariants","cva","usePendingButtonFocus","element","useRef","lastFocused","wasPending","restore","ref","useCallback","node","focus","blur","cleanup","forwardedRef","useLayoutEffect","previous","pending","doc","eligible","removeListeners","pointer","keyboard","cancel","event","usePresentation","defaults","resolved","tone","buttonStyle","size","defaultScale","iconOnly","fullWidth","Content","Icon","glyph","iconPosition","BaseButton","forwardRef","presentation","focusRef","BaseButtonLink","relTokens","rel","target","disabled","tabIndex","defaultButtonLoadingStrings","useLoaderButtonState","stringsProp","strings","useStrings","isLoading","setIsLoading","loading","setShowCompletedState","useEffect","handlesLoading","timeoutId","LoaderButtonContent","_size","loadingText","isSimpleText","Loader2","LoaderButton","TooltipButton","mergedProps","mergeProps","triggerProps","withTooltip","usesLoaderPath","LoadingButtonLink","loader","ButtonLink","_withTooltip","_loading","_handlesLoading","_strings","linkProps","toLinkProps","_type","_form","_formAction","_formEncType","_formMethod","_formNoValidate","_formTarget","_name","_value","_focusableWhenDisabled","_render","Button","href","link","_download","_hrefLang","_media","_ping","_referrerPolicy","_rel","_target","baseProps","actionProps"],"sources":["../src/components/ui/tooltip.tsx","../src/components/base/display/tooltip.tsx","../src/components/base/buttons/button.recipes.ts","../src/components/base/buttons/button.variants.ts","../src/components/base/buttons/use-pending-button-focus.ts","../src/components/base/buttons/base-button.tsx","../src/components/base/buttons/loader-button.tsx","../src/components/base/buttons/tooltip-button.tsx","../src/components/base/buttons/button.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"./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  container,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  positionMethod = anchoredPositionMethod,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"positionMethod\"\n  > & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <TooltipPrimitive.Portal container={resolvedContainer}>\n      <TooltipPrimitive.Positioner\n        positionMethod={positionMethod}\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          motionRecipes.popup,\n            \"rounded-radius px-space-sm py-space-xs text-xs bg-inverse-background text-inverse-foreground 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-inverse-background fill-inverse-background 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","/** Tokenized base wrappers for short, non-interactive contextual help. */\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { createContext, useContext, useId, useLayoutEffect, useState, type ComponentProps } from 'react';\n\nimport {\n\tTooltipContent as TooltipContentPrimitive,\n\tTooltipProvider as TooltipProviderPrimitive,\n\tTooltipTrigger as TooltipTriggerPrimitive,\n} from '../../ui/tooltip';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type TooltipProps = ComponentProps<typeof BaseTooltip.Root>;\nexport type TooltipProviderProps = ComponentProps<typeof TooltipProviderPrimitive>;\nexport type TooltipTriggerProps = ComponentProps<typeof TooltipTriggerPrimitive>;\nexport type TooltipContentProps = ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipDescriptionContext = createContext<{ id: string; setId: (id: string) => void } | undefined>(undefined);\n\nconst SharedTooltipProviderContext = createContext(false);\n\n/** Tooltip state root. It does not render a DOM node. */\nexport function Tooltip(props: TooltipProps) {\n\tconst hasSharedProvider = useContext(SharedTooltipProviderContext);\n\tconst generatedId = useId();\n\tconst [descriptionId, setDescriptionId] = useState(generatedId);\n\tconst root = <TooltipDescriptionContext.Provider value={{ id: descriptionId, setId: setDescriptionId }}><BaseTooltip.Root data-slot=\"tooltip\" {...props} /></TooltipDescriptionContext.Provider>;\n\n\treturn hasSharedProvider ? root : <TooltipProviderPrimitive>{root}</TooltipProviderPrimitive>;\n}\n\n/** Shared delay provider for a group of tooltip roots. Nested Tooltip roots reuse it. */\nexport function TooltipProvider(props: TooltipProviderProps) {\n\treturn (\n\t\t<SharedTooltipProviderContext.Provider value>\n\t\t\t<TooltipProviderPrimitive {...props} />\n\t\t</SharedTooltipProviderContext.Provider>\n\t);\n}\n\n/** Polymorphic tooltip anchor. */\nexport function TooltipTrigger({ className, ...props }: TooltipTriggerProps) {\n\tconst description = useContext(TooltipDescriptionContext);\n\tconst descriptionId = description?.id;\n\treturn (\n\t\t<TooltipTriggerPrimitive\n\t\t\tclassName={cn('tooltip-trigger--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t\taria-describedby={[props['aria-describedby'], descriptionId].filter(Boolean).join(' ') || undefined}\n\t\t/>\n\t);\n}\n\n/** Inverse contextual-help surface with package spacing and typography. */\nexport function TooltipContent({ children, className, ...props }: TooltipContentProps) {\n\tconst description = useContext(TooltipDescriptionContext);\n\tconst descriptionId = props.id ?? description?.id;\n\tuseLayoutEffect(() => { if (descriptionId) description?.setId(descriptionId); }, [descriptionId, description?.setId]);\n\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\tconst content = isSimpleText ? (\n\t\t\t<Text\n\t\t\t\ttag=\"span\"\n\t\t\t\tsize=\"inherit\"\n\t\t\t\t\n\t\t\t\tlineHeight=\"snug\"\n\t\t\t\tclassName=\"tooltip-content--text text-inherit\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t) : children;\n\n\treturn (\n\t\t<TooltipContentPrimitive\n\t\t\tid={descriptionId}\n\t\t\trole=\"tooltip\"\n\t\t\tclassName={cn(\n\t\t\t\t'tooltip-content--component max-w-xs rounded-radius px-space-sm py-space-xs text-xs leading-snug',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</TooltipContentPrimitive>\n\t);\n}\n\nTooltip.displayName = 'Tooltip';\nTooltipProvider.displayName = 'TooltipProvider';\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltipContent.displayName = 'TooltipContent';\n","/** Shared interaction states and loader anatomy; public variants own geometry. */\nexport const buttonRecipes = {\n\tsolidInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-95 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-90',\n\tneutralInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted',\n\tsecondaryInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-secondary [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent',\n\tprimaryInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/20',\n\tdestructiveInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/20',\n\tsuccessInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/20',\n\twarningInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/20',\n\tinfoInteractive: '[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/20',\n\tisLoading: 'cursor-wait',\n\ticon: 'base-button-icon pointer-events-none shrink-0',\n\tspinner: 'animate-spin',\n} as const;\n","import { cva } from 'class-variance-authority';\nimport { buttonRecipes } from './button.recipes';\n\n/** Shared geometry and semantic tone/treatment pairs; no extra component tokens. */\nexport const buttonVariants = cva('box-border inline-flex shrink-0 items-center justify-center gap-space-sm [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 whitespace-nowrap rounded-inner border font-sans font-medium no-underline outline-none transition-[background-color,border-color,color,filter,box-shadow] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50', {\n  variants: {\n    tone: {primary: '', neutral: '', secondary: '', destructive: '', success: '', warning: '', info: ''},\n    buttonStyle: {\n      solid: `border-transparent ${buttonRecipes.solidInteractive}`,\n      outline: 'border-input bg-transparent',\n      ghost: 'border-transparent bg-transparent',\n    },\n    // Keep leading after text size: class merging treats a later font size as\n    // owning its default line height and would remove an earlier leading-none.\n    size: {sm: 'h-action-sm px-control-sm text-sm leading-none', md: 'h-action px-control text-sm leading-none', lg: 'h-action-lg px-control text-sm leading-none'},\n    iconOnly: {true: 'px-0', false: ''},\n    fullWidth: {true: 'w-full', false: ''},\n  },\n  compoundVariants: [\n    {tone: 'info', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.infoInteractive},\n    {tone: 'warning', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.warningInteractive},\n    {tone: 'success', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.successInteractive},\n    {tone: 'destructive', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.destructiveInteractive},\n    {tone: 'secondary', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.secondaryInteractive},\n    {tone: 'neutral', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.neutralInteractive},\n    {tone: 'primary', buttonStyle: ['outline', 'ghost'], class: buttonRecipes.primaryInteractive},\n    {tone: 'primary', buttonStyle: 'solid', class: 'bg-primary text-primary-foreground'},\n    {tone: 'primary', buttonStyle: 'outline', class: 'border-primary/60 text-primary-accent'},\n    {tone: 'primary', buttonStyle: 'ghost', class: 'text-primary-accent'},\n    {tone: 'neutral', buttonStyle: 'solid', class: 'bg-foreground text-background'},\n    {tone: 'neutral', buttonStyle: 'outline', class: 'border-foreground/15 text-foreground'},\n    {tone: 'neutral', buttonStyle: 'ghost', class: 'text-foreground'},\n    {tone: 'secondary', buttonStyle: 'solid', class: 'bg-secondary text-secondary-foreground'},\n    {tone: 'secondary', buttonStyle: 'outline', class: 'border-border/60 text-secondary-foreground'},\n    {tone: 'secondary', buttonStyle: 'ghost', class: 'text-secondary-foreground'},\n    {tone: 'destructive', buttonStyle: 'solid', class: 'bg-destructive text-destructive-foreground'},\n    {tone: 'destructive', buttonStyle: 'outline', class: 'border-destructive/60 text-destructive'},\n    {tone: 'destructive', buttonStyle: 'ghost', class: 'text-destructive'},\n    {tone: 'success', buttonStyle: 'solid', class: 'bg-success text-success-foreground'},\n    {tone: 'success', buttonStyle: 'outline', class: 'border-success/60 text-success'},\n    {tone: 'success', buttonStyle: 'ghost', class: 'text-success'},\n    {tone: 'warning', buttonStyle: 'solid', class: 'bg-warning text-warning-foreground'},\n    {tone: 'warning', buttonStyle: 'outline', class: 'border-warning/60 text-warning-accent'},\n    {tone: 'warning', buttonStyle: 'ghost', class: 'text-warning-accent'},\n    {tone: 'info', buttonStyle: 'solid', class: 'bg-info text-info-foreground'},\n    {tone: 'info', buttonStyle: 'outline', class: 'border-info/60 text-info'},\n    {tone: 'info', buttonStyle: 'ghost', class: 'text-info'},\n    {size: 'sm', iconOnly: true, class: 'size-action-sm'},\n    {size: 'md', iconOnly: true, class: 'size-action'},\n    {size: 'lg', iconOnly: true, class: 'size-action-lg'},\n  ],\n  defaultVariants: {tone: 'primary', buttonStyle: 'solid', size: 'md', iconOnly: false, fullWidth: false},\n});\n","import { useCallback, useLayoutEffect, useRef, type ForwardedRef, type RefCallback } from 'react';\n\n/** Native disabling can drop focused busy actions to body; restore only an unclaimed focus. */\nexport function usePendingButtonFocus(pending: boolean, forwardedRef: ForwardedRef<HTMLElement>) {\n const element = useRef<HTMLElement | null>(null);\n const lastFocused = useRef(false);\n const wasPending = useRef(false);\n const restore = useRef(false);\n const ref = useCallback<RefCallback<HTMLElement>>(node => {\n  element.current = node;\n  const focus = () => {lastFocused.current = true;};\n  const blur = () => {\n   // Disabling can blur before the pending layout effect runs.\n   if (!wasPending.current && !node?.matches(':disabled')) lastFocused.current = false;\n  };\n  node?.addEventListener('focus', focus);\n  node?.addEventListener('blur', blur);\n  const cleanup = typeof forwardedRef === 'function' ? (forwardedRef as RefCallback<HTMLElement>)(node) : undefined;\n  if (forwardedRef && typeof forwardedRef !== 'function') forwardedRef.current = node;\n  return () => {\n   node?.removeEventListener('focus', focus);\n   node?.removeEventListener('blur', blur);\n   if (element.current === node) element.current = null;\n   if (typeof cleanup === 'function') cleanup();\n   else if (typeof forwardedRef === 'function') forwardedRef(null);\n   else if (forwardedRef) forwardedRef.current = null;\n  };\n }, [forwardedRef]);\n\n useLayoutEffect(() => {\n  const node = element.current;\n  const previous = wasPending.current;\n  wasPending.current = pending;\n  if (!node) return;\n  const doc = node.ownerDocument;\n  if (!pending && !previous) lastFocused.current = doc.activeElement === node;\n  if (pending && !previous) restore.current = lastFocused.current || doc.activeElement === node;\n  if (!pending && previous) {\n   const eligible = restore.current;\n   restore.current = false;\n   if (eligible && node.isConnected && !node.matches(':disabled,[aria-disabled=true]') && (doc.activeElement === doc.body || doc.activeElement === doc.documentElement)) node.focus({preventScroll:true});\n  }\n  if (!pending || !restore.current) return;\n  const removeListeners = () => {\n   doc.removeEventListener('focusin', focus, true);\n   doc.removeEventListener('pointerdown', pointer, true);\n   doc.removeEventListener('keydown', keyboard, true);\n  };\n  const cancel = () => {\n   lastFocused.current = false;\n   restore.current = false;\n   removeListeners();\n  };\n  const focus = (event: FocusEvent) => {\n   // Body is the browser's fallback when a native button becomes disabled.\n   if (event.target !== node && event.target !== doc.body && event.target !== doc.documentElement) cancel();\n  };\n  const pointer = (event: PointerEvent) => {\n   if (!node.contains(event.target as Node)) cancel();\n  };\n  const keyboard = (event: KeyboardEvent) => {\n   if (event.key === 'Tab') cancel();\n  };\n  doc.addEventListener('focusin', focus, true);\n  doc.addEventListener('pointerdown', pointer, true);\n  doc.addEventListener('keydown', keyboard, true);\n  return removeListeners;\n });\n return ref;\n}\n","import { forwardRef, type AnchorHTMLAttributes, type ElementType, type ReactNode } from 'react';\nimport { Button as PrimitiveButton } from '../../ui/button';\nimport { useButtonConfig, useDensityConfig, type ButtonSize, type ButtonStyle, type ButtonTone } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport { buttonVariants } from './button.variants';\nimport { usePendingButtonFocus } from './use-pending-button-focus';\n\nexport type { ButtonSize, ButtonStyle, ButtonTone } from '../../../lib/ui-provider';\nexport type IconPosition = 'left' | 'right';\ninterface PresentationProps {\n  tone?: ButtonTone;\n  buttonStyle?: ButtonStyle;\n  size?: ButtonSize;\n  iconOnly?: boolean;\n  fullWidth?: boolean;\n  icon?: ElementType;\n  iconPosition?: IconPosition;\n  children?: ReactNode;\n}\nexport interface BaseButtonProps extends Omit<PrimitiveButton.Props, 'children' | 'size' | 'variant'>, PresentationProps {}\nexport interface BaseButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'href'>, PresentationProps {href: string; disabled?: boolean}\n\nfunction usePresentation({tone, buttonStyle, size, iconOnly = false, fullWidth = false}: PresentationProps) {\n  const defaults = useButtonConfig();\n  const {defaultScale} = useDensityConfig();\n  const resolved = {tone: tone ?? defaults.defaultTone, buttonStyle: buttonStyle ?? defaults.defaultButtonStyle, size: resolveComponentScale(size, defaultScale), iconOnly, fullWidth};\n  return {\n    ...resolved,\n    classes: buttonVariants(resolved),\n    attributes: {'data-slot': 'button', 'data-tone': resolved.tone, 'data-style': resolved.buttonStyle, 'data-size': resolved.size, 'data-icon-only': iconOnly || undefined, 'data-full-width': fullWidth || undefined},\n  };\n}\n\nfunction Content({icon: Icon, iconPosition = 'left', children}: Pick<PresentationProps, 'icon' | 'iconPosition' | 'children'>) {\n  const glyph = Icon && <Icon className=\"size-icon shrink-0\" aria-hidden=\"true\" />;\n  return <>{iconPosition === 'left' && glyph}{children}{iconPosition === 'right' && glyph}</>;\n}\n\nexport const BaseButton = forwardRef<HTMLElement, BaseButtonProps>(function BaseButton({tone, buttonStyle, size, iconOnly, fullWidth, icon, iconPosition, className, children, ...props}, ref) {\n  const presentation = usePresentation({tone, buttonStyle, size, iconOnly, fullWidth, children});\n  const focusRef = usePendingButtonFocus(props['aria-busy'] === true || props['aria-busy'] === 'true', ref);\n  return <PrimitiveButton {...props} {...presentation.attributes} ref={focusRef} className={(state) => cn('base-button--component', presentation.classes, typeof className === 'function' ? className(state) : className)}><Content icon={icon} iconPosition={iconPosition}>{children}</Content></PrimitiveButton>;\n});\n\n/** Navigation remains an anchor: Base UI's Button render API deliberately enforces button semantics. */\nexport const BaseButtonLink = forwardRef<HTMLAnchorElement, BaseButtonLinkProps>(function BaseButtonLink({tone, buttonStyle, size, iconOnly, fullWidth, icon, iconPosition, className, children, disabled = false, tabIndex, onClick, rel, target, ...props}, ref) {\n  const presentation = usePresentation({tone, buttonStyle, size, iconOnly, fullWidth, children});\n  const relTokens = new Set(rel?.split(/\\s+/).filter(Boolean));\n  if (target?.toLowerCase() === '_blank') {if (!relTokens.size) relTokens.add('noreferrer'); relTokens.add('noopener');}\n  return <a {...props} {...presentation.attributes} ref={ref} target={target} rel={relTokens.size ? [...relTokens].join(' ') : undefined} aria-disabled={disabled || props['aria-disabled'] || undefined} tabIndex={disabled ? -1 : tabIndex} className={cn('base-button--component', presentation.classes, className)} onClick={(event) => {\n    if (disabled) {event.preventDefault(); event.stopPropagation(); return;}\n    onClick?.(event);\n  }}><Content icon={icon} iconPosition={iconPosition}>{children}</Content></a>;\n});\n","import { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { cn } from '../../../lib/utils';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { Text } from '../../typography';\nimport { BaseButton, type BaseButtonProps, type ButtonSize } from './base-button';\nimport { buttonRecipes as styles } from './button.recipes';\n\nexport interface ButtonLoadingStrings {\n\t/** Shows the spinner and blocks activation. */\n\tloading: string;\n\tcompleted: string;\n}\n\nexport const defaultButtonLoadingStrings: ButtonLoadingStrings = {\n\tloading: 'Loading...',\n\tcompleted: 'Completed',\n};\n\nexport interface LoaderButtonProps extends BaseButtonProps {\n\t/** Shows the spinner and blocks activation. */\n\tloading?: boolean;\n\t/** Opts into the loading-capable button even before `loading` is true, so the first press does not swap component identity. */\n\thandlesLoading?: boolean;\n\t/** Overrides the loading announcement copy. */\n\tstrings?: StringsProp<ButtonLoadingStrings>;\n}\n\ninterface UseLoaderButtonStateOptions {\n\t/** Shows the spinner and blocks activation. */\n\tloading?: boolean;\n\t/** Opts into the loading-capable button even before `loading` is true, so the first press does not swap component identity. */\n\thandlesLoading?: boolean;\n\t/** Overrides the loading announcement copy. */\n\tstrings?: StringsProp<ButtonLoadingStrings>;\n}\n\nexport function useLoaderButtonState({\n\tloading = false,\n\thandlesLoading,\n\tstrings: stringsProp,\n}: UseLoaderButtonStateOptions) {\n\tconst strings = useStrings(defaultButtonLoadingStrings, stringsProp);\n\tconst [isLoading, setIsLoading] = useState(loading);\n\tconst [, setShowCompletedState] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (loading) {\n\t\t\tsetIsLoading(true);\n\t\t}\n\t}, [loading]);\n\n\tuseEffect(() => {\n\t\tif (handlesLoading && loading) {\n\t\t\tsetIsLoading(true);\n\t\t}\n\t}, [loading, handlesLoading]);\n\n\tuseEffect(() => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout>;\n\t\tif (!loading && isLoading) {\n\t\t\tsetShowCompletedState(true);\n\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\tsetIsLoading(false);\n\t\t\t\tsetShowCompletedState(false);\n\t\t\t}, 300);\n\t\t}\n\t\treturn () => {\n\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t};\n\t}, [loading, isLoading]);\n\n\treturn { isLoading, strings };\n}\n\ninterface LoaderButtonContentProps {\n\tisLoading: boolean;\n\tloadingText: string;\n\ticon?: BaseButtonProps['icon'];\n\ticonPosition?: BaseButtonProps['iconPosition'];\n\tsize?: ButtonSize;\n\tchildren: React.ReactNode;\n}\n\nexport function LoaderButtonContent({\n\tisLoading,\n\tloadingText,\n\ticon: Icon,\n\ticonPosition = 'left',\n\tsize: _size,\n\tchildren,\n}: LoaderButtonContentProps) {\n\tconst content = isLoading ? loadingText : children;\n\tconst isSimpleText = typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n\n\treturn (\n\t\t<>\n\t\t\t{!!isLoading && (\n\t\t\t\t<Loader2\n\t\t\t\t\tclassName={cn(styles.icon, styles.spinner)}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!Icon && iconPosition === 'left' && !isLoading && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isSimpleText ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"none\" className=\"text-inherit\">\n\t\t\t\t\t{content}\n\t\t\t\t</Text>\n\t\t\t) : content}\n\t\t\t{!!Icon && iconPosition === 'right' && !isLoading && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nconst LoaderButton = React.forwardRef<HTMLButtonElement, LoaderButtonProps>(\n\t(\n\t\t{\n\t\t\tloading = false,\n\t\t\thandlesLoading,\n\t\t\tstrings: stringsProp,\n\t\t\ticon: Icon,\n\t\t\ticonPosition = 'left',\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\tclassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst { isLoading, strings } = useLoaderButtonState({\n\t\t\tloading,\n\t\t\thandlesLoading,\n\t\t\tstrings: stringsProp,\n\t\t});\n\n\t\treturn (\n\t\t\t<BaseButton\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || isLoading}\n\t\t\t\taria-busy={isLoading || undefined}\n\t\t\t\tclassName={cn('loader-button--component', isLoading && styles.isLoading, className)}\n\t\t\t>\n\t\t\t\t<LoaderButtonContent\n\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\tloadingText={strings.loading}\n\t\t\t\t\ticon={Icon}\n\t\t\t\t\ticonPosition={iconPosition}\n\t\t\t\t\tsize={props.size}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</LoaderButtonContent>\n\t\t\t</BaseButton>\n\t\t);\n\t},\n);\n\nLoaderButton.displayName = 'LoaderButton';\n\nexport { LoaderButton };\n","import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '../display/tooltip';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { BaseButton, type BaseButtonProps } from './base-button';\n\nexport interface TooltipButtonProps extends BaseButtonProps {\n\twithTooltip: string;\n}\n\nconst TooltipButton = React.forwardRef<HTMLButtonElement, TooltipButtonProps>(\n\t({ withTooltip, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger\n\t\t\t\t\trender={(triggerProps) => {\n\t\t\t\t\t\tconst mergedProps = mergeProps<'button'>(\n\t\t\t\t\t\t\tprops as unknown as React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\t\t\t\t\t\ttriggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\t\t\t\t\t) as unknown as BaseButtonProps;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t\t{...mergedProps}\n\t\t\t\t\t\t\taria-label={props['aria-label'] ?? withTooltip}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tclassName={cn('tooltip-button--component', mergedProps.className)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</BaseButton>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<TooltipContent className=\"px-space-md py-space-xs text-pxs\">\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"text-inherit\">{withTooltip}</Text>\n\t\t\t\t</TooltipContent>\n\t\t\t</Tooltip>\n\t\t);\n\t},\n);\n\nTooltipButton.displayName = 'TooltipButton';\n\nexport { TooltipButton };\n","/**\n * Button — everyday action/link wrapper around the base button presentation.\n *\n * Action mode renders one native `<button>`. Supplying `href` switches to one\n * native `<a>` with the same provider-driven variants, sizes, loading state,\n * and optional tooltip. The link path deliberately does not use Base UI\n * Button's non-native `render` mode because that mode adds button semantics to\n * the replacement element; navigation keeps native link semantics instead.\n */\nimport * as React from 'react';\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from '../display/tooltip';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport {\n\tBaseButton,\n\tBaseButtonLink,\n\ttype BaseButtonLinkProps,\n\ttype BaseButtonProps,\n} from './base-button';\nimport {\n\tLoaderButton,\n\tLoaderButtonContent,\n\ttype LoaderButtonProps,\n\tuseLoaderButtonState,\n} from './loader-button';\nimport { TooltipButton } from './tooltip-button';\n\ntype ButtonEnhancementProps = Pick<\n\tLoaderButtonProps,\n\t'loading' | 'handlesLoading' | 'strings'\n> & {\n\t/** Tooltip copy shown on hover and focus. Supply it for icon-only buttons. */\n\twithTooltip?: string;\n};\n\ntype ButtonAnchorAttributes = Pick<\n\tReact.AnchorHTMLAttributes<HTMLAnchorElement>,\n\t| 'download'\n\t| 'hrefLang'\n\t| 'media'\n\t| 'ping'\n\t| 'referrerPolicy'\n\t| 'rel'\n\t| 'target'\n>;\n\n/** Shared all-mode props for generic wrappers that accept either action mode or link mode. */\nexport type ButtonProps = BaseButtonProps &\n\tButtonEnhancementProps &\n\tButtonAnchorAttributes & {\n\t\t/** Destination for the entry, when it navigates. */\n\t\thref?: string;\n\t};\n\n/** Precise props for consumers that explicitly model a navigation button. */\nexport type ButtonLinkProps = Omit<BaseButtonLinkProps, 'href' | 'type'> &\n\tButtonEnhancementProps & {\n\t\t/** Destination for the entry, when it navigates. */\n\t\thref: string;\n\t};\n\n/** Precise props for consumers that explicitly model an action button. */\nexport type ButtonActionProps = BaseButtonProps &\n\tButtonEnhancementProps & {\n\t\t/** Destination for the entry, when it navigates. */\n\t\thref?: undefined;\n\t\tdownload?: never;\n\t\threfLang?: never;\n\t\tmedia?: never;\n\t\tping?: never;\n\t\treferrerPolicy?: never;\n\t\trel?: never;\n\t\ttarget?: never;\n\t};\n\nfunction usesLoaderPath({\n\tloading,\n\thandlesLoading,\n\tstrings,\n}: ButtonEnhancementProps) {\n\treturn (\n\t\tloading === true ||\n\t\tBoolean(handlesLoading) ||\n\t\tstrings !== undefined\n\t);\n}\n\nconst LoadingButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n\t(\n\t\t{\n\t\t\tloading,\n\t\t\thandlesLoading,\n\t\t\tstrings,\n\t\t\ticon,\n\t\t\ticonPosition = 'left',\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\tsize,\n\t\t\tclassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst loader = useLoaderButtonState({\n\t\t\tloading,\n\t\t\thandlesLoading,\n\t\t\tstrings,\n\t\t});\n\n\t\treturn (\n\t\t\t<BaseButtonLink\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tsize={size}\n\t\t\t\tdisabled={disabled || loader.isLoading}\n\t\t\t\taria-busy={loader.isLoading || undefined}\n\t\t\t\tclassName={cn('loader-button--component', className)}\n\t\t\t>\n\t\t\t\t<LoaderButtonContent\n\t\t\t\t\tisLoading={loader.isLoading}\n\t\t\t\t\tloadingText={loader.strings.loading}\n\t\t\t\t\ticon={icon}\n\t\t\t\t\ticonPosition={iconPosition}\n\t\t\t\t\tsize={size}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</LoaderButtonContent>\n\t\t\t</BaseButtonLink>\n\t\t);\n\t},\n);\n\nLoadingButtonLink.displayName = 'LoadingButtonLink';\n\nconst ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n\t({ withTooltip: _withTooltip, ...props }, ref) => {\n\t\tif (usesLoaderPath(props)) {\n\t\t\treturn <LoadingButtonLink ref={ref} {...props} />;\n\t\t}\n\n\t\tconst {\n\t\t\tloading: _loading,\n\t\t\thandlesLoading: _handlesLoading,\n\t\t\tstrings: _strings,\n\t\t\t...linkProps\n\t\t} = props;\n\t\treturn <BaseButtonLink ref={ref} {...linkProps} />;\n\t},\n);\n\nButtonLink.displayName = 'ButtonLink';\n\nfunction toLinkProps(\n\tprops: Omit<\n\t\tButtonProps,\n\t\t'href' | 'withTooltip' | 'loading' | 'handlesLoading' | 'strings'\n\t>,\n): Omit<ButtonLinkProps, 'href' | keyof ButtonEnhancementProps> {\n\tconst {\n\t\ttype: _type,\n\t\tform: _form,\n\t\tformAction: _formAction,\n\t\tformEncType: _formEncType,\n\t\tformMethod: _formMethod,\n\t\tformNoValidate: _formNoValidate,\n\t\tformTarget: _formTarget,\n\t\tname: _name,\n\t\tvalue: _value,\n\t\tnativeButton: _nativeButton,\n\t\tfocusableWhenDisabled: _focusableWhenDisabled,\n\t\trender: _render,\n\t\t...linkProps\n\t} = props;\n\n\treturn linkProps as unknown as Omit<\n\t\tButtonLinkProps,\n\t\t'href' | keyof ButtonEnhancementProps\n\t>;\n}\n\nconst ButtonImplementation = React.forwardRef<\n\tHTMLButtonElement | HTMLAnchorElement,\n\tButtonProps\n>(\n\t(\n\t\t{\n\t\t\thref,\n\t\t\twithTooltip,\n\t\t\tloading,\n\t\t\thandlesLoading,\n\t\t\tstrings,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tif (href !== undefined) {\n\t\t\tconst linkProps = toLinkProps(props);\n\t\t\tconst link = (\n\t\t\t\t<ButtonLink\n\t\t\t\t\t{...linkProps}\n\t\t\t\t\tref={ref as React.ForwardedRef<HTMLAnchorElement>}\n\t\t\t\t\thref={href}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\thandlesLoading={handlesLoading}\n\t\t\t\t\tstrings={strings}\n\t\t\t\t\taria-label={props['aria-label'] ?? withTooltip}\n\t\t\t\t\tclassName={cn('button--component', linkProps.className)}\n\t\t\t\t/>\n\t\t\t);\n\n\t\t\tif (withTooltip) {\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger render={link} />\n\t\t\t\t\t\t<TooltipContent className=\"px-space-md py-space-xs text-pxs\">\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"text-inherit\">{withTooltip}</Text>\n\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn link;\n\t\t}\n\n\t\tconst {\n\t\t\tdownload: _download,\n\t\t\threfLang: _hrefLang,\n\t\t\tmedia: _media,\n\t\t\tping: _ping,\n\t\t\treferrerPolicy: _referrerPolicy,\n\t\t\trel: _rel,\n\t\t\ttarget: _target,\n\t\t\t...baseProps\n\t\t} = props;\n\t\tconst actionProps = {\n\t\t\t...baseProps,\n\t\t\tclassName: cn('button--component', baseProps.className),\n\t\t};\n\n\t\tif (usesLoaderPath({ loading, handlesLoading, strings })) {\n\t\t\tif (withTooltip) {\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t<LoaderButton\n\t\t\t\t\t\t\t\t\t{...actionProps}\n\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\tref={ref as React.ForwardedRef<HTMLButtonElement>}\n\t\t\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\t\t\thandlesLoading={handlesLoading}\n\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\taria-label={baseProps['aria-label'] ?? withTooltip}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t\t\t\tactionProps.className,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{baseProps.children}\n\t\t\t\t\t\t\t\t</LoaderButton>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TooltipContent className=\"px-space-md py-space-xs text-pxs\">\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"text-inherit\">{withTooltip}</Text>\n\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<LoaderButton\n\t\t\t\t\t{...actionProps}\n\t\t\t\t\tref={ref as React.ForwardedRef<HTMLButtonElement>}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\thandlesLoading={handlesLoading}\n\t\t\t\t\tstrings={strings}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tif (withTooltip) {\n\t\t\treturn (\n\t\t\t\t<TooltipButton\n\t\t\t\t\t{...actionProps}\n\t\t\t\t\tref={ref as React.ForwardedRef<HTMLButtonElement>}\n\t\t\t\t\twithTooltip={withTooltip}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BaseButton\n\t\t\t\t{...actionProps}\n\t\t\t\tref={ref as React.ForwardedRef<HTMLButtonElement>}\n\t\t\t/>\n\t\t);\n\t},\n);\n\ntype ButtonComponent = {\n\t(props: ButtonLinkProps & React.RefAttributes<HTMLAnchorElement>): React.ReactElement | null;\n\t(props: ButtonActionProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;\n\t(\n\t\tprops: ButtonProps &\n\t\t\tReact.RefAttributes<HTMLButtonElement | HTMLAnchorElement>,\n\t): React.ReactElement | null;\n\tdisplayName?: string;\n};\n\nconst Button = ButtonImplementation as ButtonComponent;\nButton.displayName = 'Button';\n\nexport { Button };\n"],"mappings":"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"}

package/dist/{button-BS6l5JUw.js → button-BZyfTvwm.js}

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "./utils-C2EKeIw3.js";
+import { t as e } from "./utils-BvH9PSmq.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { cva as r } from "class-variance-authority";
 import { Button as i } from "@base-ui/react/button";
 //#region src/components/ui/button.tsx
-var a = r("inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-radius-sm text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon", {
+var a = r("box-border inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-inner font-sans text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -44,4 +44,4 @@ var a = r("inline-flex items-center justify-center gap-space-md whitespace-nowra
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=button-BS6l5JUw.js.map
+//# sourceMappingURL=button-BZyfTvwm.js.map

package/dist/button-BZyfTvwm.js.map

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

package/dist/buttons-D_6KJvEE.js

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

package/dist/buttons-D_6KJvEE.js.map

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

package/dist/{cards-BMB0laLG.js → cards-qGSErLw_.js}

@@ -1,21 +1,21 @@
 "use client";
-import { t as e } from "./utils-C2EKeIw3.js";
-import { n as t } from "./buttons-Co6GavvM.js";
-import { t as n } from "./structure-BvW4vG4H.js";
-import { c as r, d as i, i as a, l as o, s } from "./smart-card-B5FcKODh.js";
-import { t as c } from "./action-menu-Cx3SdfbN.js";
-import { t as l } from "./separator-Gk_WXH-l.js";
+import { t as e } from "./utils-BvH9PSmq.js";
+import { t } from "./button-BZDasD04.js";
+import { t as n } from "./structure-CRdqVawd.js";
+import { a as r, c as i, f as a, l as o, u as s } from "./smart-card-DjGVV2xr.js";
+import { t as c } from "./action-menu-Drxw_vJk.js";
+import { t as l } from "./separator-BNIgG3au.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/base/cards/partials/smart-card-skeleton.tsx
 function p({ title: t, lines: c = 2, className: l }) {
 	let u = ({ barClassName: t }) => /* @__PURE__ */ d("div", { className: e("animate-pulse rounded bg-muted", t) });
-	return /* @__PURE__ */ f(r, {
-		className: e("smart-card-skeleton--component", i.card, "gap-space-xl py-surface", l),
-		children: [/* @__PURE__ */ d(s, {
+	return /* @__PURE__ */ f(o, {
+		className: e("smart-card-skeleton--component", a.card, "gap-space-xl py-surface", l),
+		children: [/* @__PURE__ */ d(i, {
 			className: "flex-col gap-normal px-surface pb-0",
-			children: t ? /* @__PURE__ */ d(o, { children: t }) : /* @__PURE__ */ d(u, { barClassName: "h-4 w-32" })
-		}), /* @__PURE__ */ d(a, {
+			children: t ? /* @__PURE__ */ d(s, { children: t }) : /* @__PURE__ */ d(u, { barClassName: "h-4 w-32" })
+		}), /* @__PURE__ */ d(r, {
 			className: "px-surface py-0",
 			children: /* @__PURE__ */ d(n, {
 				gap: "lg",
@@ -63,4 +63,4 @@ m.displayName = "CardPrimaryAction", h.displayName = "CardActionStrip";
 //#endregion
 export { m as n, p as r, h as t };
 
-//# sourceMappingURL=cards-BMB0laLG.js.map
+//# sourceMappingURL=cards-qGSErLw_.js.map

package/dist/{cards-BMB0laLG.js.map → cards-qGSErLw_.js.map}

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

package/dist/chart-Bsc5BICK.js

@@ -0,0 +1,150 @@
+"use client";
+import { t as e } from "./utils-BvH9PSmq.js";
+import { a as t } from "./typography-BxQgiZyw.js";
+import { i as n } from "./popover.recipes-QlD4JenO.js";
+import { m as r } from "./primitives-C7ff0QaI.js";
+import { t as i } from "./number-DasMFWEG.js";
+import * as a from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import * as l from "recharts";
+//#region src/components/base/chart/chart.tsx
+var u = {
+	light: "",
+	dark: ".dark"
+}, d = {
+	width: 320,
+	height: 200
+}, f = a.createContext(null);
+function p() {
+	let e = a.useContext(f);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function m({ id: t, className: n, children: r, config: i, initialDimension: o = d, ...u }) {
+	let p = a.useId(), m = `chart-${t ?? p.replace(/:/g, "")}`;
+	return /* @__PURE__ */ s(f.Provider, {
+		value: { config: i },
+		children: /* @__PURE__ */ c("div", {
+			"data-slot": "chart",
+			"data-chart": m,
+			className: e("chart--component flex aspect-video w-full min-w-0 justify-center text-xs", "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-label]:fill-muted-foreground [&_.recharts-cartesian-axis-tick-value]:fill-muted-foreground", "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50", "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border", "[&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-layer]:outline-hidden", "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border", "[&_.recharts-radial-bar-background-sector]:fill-muted", "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted", "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border", "[&_.recharts-sector]:outline-hidden", "[&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent", "[&_.recharts-surface]:outline-hidden", n),
+			...u,
+			children: [/* @__PURE__ */ s(h, {
+				id: m,
+				config: i
+			}), /* @__PURE__ */ s(l.ResponsiveContainer, {
+				initialDimension: o,
+				children: r
+			})]
+		})
+	});
+}
+function h({ id: e, config: t }) {
+	let n = Object.entries(t).filter(([, e]) => e.theme ?? e.color);
+	return n.length ? /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: Object.entries(u).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] ?? n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") } }) : null;
+}
+var g = l.Tooltip;
+function _({ active: l, payload: u, className: d, indicator: f = "dot", hideLabel: m = !1, hideIndicator: h = !1, label: g, labelFormatter: _, labelClassName: v, formatter: y, color: x, nameKey: S, labelKey: C }) {
+	let { config: w } = p(), T = a.useMemo(() => {
+		if (m || !u?.length) return null;
+		let [n] = u, r = `${C ?? n?.dataKey ?? n?.name ?? "value"}`, i = b(w, n, r), a = !C && typeof g == "string" ? w[g]?.label ?? g : i?.label;
+		return _ ? /* @__PURE__ */ s(t, {
+			tag: "div",
+			size: "xs",
+			weight: "medium",
+			className: e("chart--tooltip-label", v),
+			children: _(a, u)
+		}) : a ? /* @__PURE__ */ s(t, {
+			tag: "div",
+			size: "xs",
+			weight: "medium",
+			className: e("chart--tooltip-label", v),
+			children: a
+		}) : null;
+	}, [
+		g,
+		_,
+		u,
+		m,
+		v,
+		w,
+		C
+	]);
+	if (!l || !u?.length) return null;
+	let E = u.length === 1 && f !== "dot";
+	return /* @__PURE__ */ c("div", {
+		className: e("chart--tooltip grid min-w-32 items-start gap-space-sm rounded-radius border border-border/60 bg-popover text-xs text-popover-foreground shadow-xl", n.compact, d),
+		children: [!E && T, /* @__PURE__ */ s("div", {
+			className: "grid gap-space-sm",
+			children: u.filter((e) => e.type !== "none").map((n, a) => {
+				let l = `${S ?? n.name ?? n.dataKey ?? "value"}`, u = b(w, n, l), d = typeof n.payload?.fill == "string" ? n.payload.fill : void 0, p = x ?? d ?? n.color ?? n.fill;
+				return /* @__PURE__ */ s("div", {
+					className: e("chart--tooltip-item flex w-full flex-wrap items-stretch gap-space-md [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", f === "dot" && "items-center"),
+					children: y && n.value !== void 0 && n.name !== void 0 ? y(n.value, n.name, n, a, n.payload) : /* @__PURE__ */ c(o, { children: [u?.icon ? /* @__PURE__ */ s(u.icon, {}) : !h && /* @__PURE__ */ s("div", {
+						className: e("shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]", f === "dot" && "size-2.5", f === "line" && "h-3 w-1", f === "dashed" && "h-0 w-0 border-[1.5px] border-dashed bg-transparent", E && f === "dashed" && "my-0.5"),
+						style: {
+							"--color-bg": p,
+							"--color-border": p
+						}
+					}), /* @__PURE__ */ c("div", {
+						className: e("flex flex-1 justify-between gap-space-lg leading-none", E ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ c("div", {
+							className: "grid gap-space-sm",
+							children: [E && T, /* @__PURE__ */ s(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: u?.label ?? n.name
+							})]
+						}), n.value !== void 0 && (typeof n.value == "number" ? /* @__PURE__ */ s(i, {
+							value: n.value,
+							size: "xs",
+							weight: "medium",
+							align: "right"
+						}) : /* @__PURE__ */ s(r, {
+							size: "xs",
+							children: Array.isArray(n.value) ? n.value.join(" - ") : String(n.value)
+						}))]
+					})] })
+				}, `${n.dataKey ?? n.name ?? "value"}-${a}`);
+			})
+		})]
+	});
+}
+var v = l.Legend;
+function y({ className: n, hideIcon: r = !1, payload: i, verticalAlign: a = "bottom", nameKey: o }) {
+	let { config: l } = p();
+	return i?.length ? /* @__PURE__ */ s("div", {
+		className: e("chart--legend flex flex-wrap items-center justify-center gap-x-space-xl gap-y-space-md text-xs", a === "top" ? "pb-space-lg" : "pt-space-lg", n),
+		children: i.filter((e) => e.type !== "none").map((e, n) => {
+			let i = `${o ?? e.dataKey ?? "value"}`, a = b(l, e, i), u = e.value ?? e.name ?? e.dataKey ?? i;
+			return /* @__PURE__ */ c("div", {
+				className: "chart--legend-item flex items-center gap-space-sm [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground",
+				children: [a?.icon && !r ? /* @__PURE__ */ s(a.icon, {}) : /* @__PURE__ */ s("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: e.color }
+				}), /* @__PURE__ */ s(t, {
+					tag: "span",
+					size: "xs",
+					children: a?.label ?? u
+				})]
+			}, `${e.value ?? i}-${n}`);
+		})
+	}) : null;
+}
+function b(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
+}
+//#endregion
+export { g as a, h as i, v as n, _ as o, y as r, m as t };
+
+//# sourceMappingURL=chart-Bsc5BICK.js.map

package/dist/chart-Bsc5BICK.js.map

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

package/dist/checkbox-BQNDjUCh.js

@@ -0,0 +1,34 @@
+"use client";
+import { t as e } from "./utils-BvH9PSmq.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { CheckIcon as r } from "lucide-react";
+import { Checkbox as i } from "@base-ui/react/checkbox";
+//#region src/components/ui/checkbox.tsx
+function a({ className: t, onCheckedChange: a, ...o }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "checkbox",
+		className: e("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-[color,box-shadow] outline-none", "focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive", "data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground", "data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", t),
+		onCheckedChange: a,
+		...o,
+		children: /* @__PURE__ */ n(i.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current",
+			children: /* @__PURE__ */ n(r, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/checkbox.tsx
+var o = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a, {
+		ref: i,
+		className: e("checkbox--component inline-flex items-center justify-center rounded-radius-xs border-muted-foreground", t),
+		...r
+	});
+});
+o.displayName = "Checkbox";
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=checkbox-BQNDjUCh.js.map