@uselets/ui 2.0.1 → 2.1.0

package/dist/components/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":["AutocompletePrimitive","comboboxPopupClassName","comboboxListClassName","comboboxGroupLabelClassName","comboboxSeparatorClassName","comboboxItemClassName","comboboxEmptyClassName","resolveClassName","Autocomplete$1","Autocomplete","useAutocompleteFilter","IconSelector","props","fieldControlId","useFieldControlId","id","InputGroup","cn","className","icon","InputGroupAddon","InputGroupInput","showTrigger","showClear","InputGroupButton","IconX","triggerIcon","children","state","toAsChildRenderProps","asChild"],"sources":["../../src/components/autocomplete.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete'\nimport { IconSelector, IconX } from '@tabler/icons-react'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport {\n  comboboxEmptyClassName,\n  comboboxGroupLabelClassName,\n  comboboxItemClassName,\n  comboboxListClassName,\n  comboboxPopupClassName,\n  comboboxSeparatorClassName\n} from '../utils/combobox-styles'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { useFieldControlId } from './field'\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from './input-group'\n\nexport type AutocompleteProps<ItemValue = unknown> = AutocompletePrimitive.Root.Props<ItemValue>\n\nexport type AutocompleteInputProps = Omit<AutocompletePrimitive.Input.Props, 'render' | 'className'> & {\n  /** Classes for the input group that wraps the input and its buttons. */\n  className?: string\n  /** Icon shown at the start of the input. */\n  icon?: React.ReactNode\n  /**\n   * Shows a button that opens the list of suggestions.\n   * @default false\n   */\n  showTrigger?: boolean\n  /** Replaces the icon of the trigger button. */\n  triggerIcon?: React.ReactNode\n  /**\n   * Shows a button that clears the typed text.\n   * @default false\n   */\n  showClear?: boolean\n}\n\nexport type AutocompleteContentProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Popup> &\n  Pick<\n    AutocompletePrimitive.Positioner.Props,\n    | 'side'\n    | 'align'\n    | 'sideOffset'\n    | 'alignOffset'\n    | 'anchor'\n    | 'positionMethod'\n    | 'collisionBoundary'\n    | 'collisionPadding'\n    | 'sticky'\n    | 'arrowPadding'\n    | 'disableAnchorTracking'\n    | 'collisionAvoidance'\n  > &\n  Pick<AutocompletePrimitive.Portal.Props, 'container' | 'keepMounted'>\n\nexport type AutocompleteListProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.List>\n\nexport type AutocompleteItemProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Item>\n\nexport type AutocompleteGroupProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Group>\n\nexport type AutocompleteLabelProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.GroupLabel>\n\nexport type AutocompleteCollectionProps = AutocompletePrimitive.Collection.Props\n\nexport type AutocompleteEmptyProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Empty>\n\nexport type AutocompleteStatusProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Status>\n\nexport type AutocompleteSeparatorProps = AsChildPrimitiveProps<typeof AutocompletePrimitive.Separator>\n\nconst Autocomplete = AutocompletePrimitive.Root\n\nconst useAutocompleteFilter = AutocompletePrimitive.useFilter\n\nfunction AutocompleteInput({\n  className,\n  children,\n  disabled = false,\n  icon,\n  id,\n  showTrigger = false,\n  triggerIcon = <IconSelector className=\"pointer-events-none size-4 text-muted-foreground\" />,\n  showClear = false,\n  ...props\n}: AutocompleteInputProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <InputGroup data-slot=\"autocomplete-input\" className={cn('w-auto', className)}>\n      {icon && <InputGroupAddon align=\"inline-start\">{icon}</InputGroupAddon>}\n      <AutocompletePrimitive.Input id={fieldControlId} render={<InputGroupInput disabled={disabled} />} {...props} />\n      {(showTrigger || showClear) && (\n        <InputGroupAddon align=\"inline-end\">\n          {showClear && (\n            <AutocompletePrimitive.Clear\n              data-slot=\"autocomplete-clear\"\n              render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n              disabled={disabled}\n            >\n              <IconX className=\"pointer-events-none\" />\n            </AutocompletePrimitive.Clear>\n          )}\n          {showTrigger && (\n            <AutocompletePrimitive.Trigger\n              data-slot=\"autocomplete-trigger\"\n              render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n              className=\"group-has-data-[slot=autocomplete-clear]/input-group:hidden data-pressed:bg-transparent\"\n              disabled={disabled}\n            >\n              {triggerIcon}\n            </AutocompletePrimitive.Trigger>\n          )}\n        </InputGroupAddon>\n      )}\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction AutocompleteContent({\n  className,\n  asChild,\n  children,\n  side = 'bottom',\n  sideOffset = 6,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  container,\n  keepMounted,\n  positionMethod = 'absolute',\n  collisionBoundary,\n  collisionPadding,\n  sticky,\n  arrowPadding,\n  disableAnchorTracking,\n  collisionAvoidance,\n  ...props\n}: AutocompleteContentProps) {\n  return (\n    <AutocompletePrimitive.Portal container={container} keepMounted={keepMounted}>\n      <AutocompletePrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        positionMethod={positionMethod}\n        collisionBoundary={collisionBoundary}\n        collisionPadding={collisionPadding}\n        sticky={sticky}\n        arrowPadding={arrowPadding}\n        disableAnchorTracking={disableAnchorTracking}\n        collisionAvoidance={collisionAvoidance}\n        className=\"isolate z-50\"\n      >\n        <AutocompletePrimitive.Popup\n          data-slot=\"autocomplete-content\"\n          className={(state) => cn(comboboxPopupClassName, resolveClassName(className, state))}\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </AutocompletePrimitive.Positioner>\n    </AutocompletePrimitive.Portal>\n  )\n}\n\nfunction AutocompleteList({ className, asChild, children, ...props }: AutocompleteListProps) {\n  return (\n    <AutocompletePrimitive.List\n      data-slot=\"autocomplete-list\"\n      className={(state) => cn(comboboxListClassName, resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteItem({ className, asChild, children, ...props }: AutocompleteItemProps) {\n  return (\n    <AutocompletePrimitive.Item\n      data-slot=\"autocomplete-item\"\n      className={(state) => cn(comboboxItemClassName, 'pr-2', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteGroup({ className, asChild, children, ...props }: AutocompleteGroupProps) {\n  return (\n    <AutocompletePrimitive.Group\n      data-slot=\"autocomplete-group\"\n      className={(state) => cn(resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteLabel({ className, asChild, children, ...props }: AutocompleteLabelProps) {\n  return (\n    <AutocompletePrimitive.GroupLabel\n      data-slot=\"autocomplete-label\"\n      className={(state) => cn(comboboxGroupLabelClassName, resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteCollection({ ...props }: AutocompleteCollectionProps) {\n  return <AutocompletePrimitive.Collection data-slot=\"autocomplete-collection\" {...props} />\n}\n\nfunction AutocompleteEmpty({ className, asChild, children, ...props }: AutocompleteEmptyProps) {\n  return (\n    <AutocompletePrimitive.Empty\n      data-slot=\"autocomplete-empty\"\n      className={(state) => cn(comboboxEmptyClassName, resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteStatus({ className, asChild, children, ...props }: AutocompleteStatusProps) {\n  return (\n    <AutocompletePrimitive.Status\n      data-slot=\"autocomplete-status\"\n      className={(state) =>\n        cn(\n          'flex items-center gap-2 px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AutocompleteSeparator({ className, asChild, children, ...props }: AutocompleteSeparatorProps) {\n  return (\n    <AutocompletePrimitive.Separator\n      data-slot=\"autocomplete-separator\"\n      className={(state) => cn(comboboxSeparatorClassName, resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Autocomplete,\n  AutocompleteCollection,\n  AutocompleteContent,\n  AutocompleteEmpty,\n  AutocompleteGroup,\n  AutocompleteInput,\n  AutocompleteItem,\n  AutocompleteLabel,\n  AutocompleteList,\n  AutocompleteSeparator,\n  AutocompleteStatus,\n  useAutocompleteFilter\n}\n"],"mappings":"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"}

package/dist/components/avatar.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
+import { t as AsChildPrimitiveProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-//#region src/components/avatar.d.ts
 export type AvatarProps = AsChildPrimitiveProps<typeof Avatar$1.Root> & {
   /**
    * Avatar size.
@@ -21,6 +20,5 @@ declare function AvatarFallback({ className, asChild, children, ...props }: Avat
 declare function AvatarBadge({ className, ...props }: AvatarBadgeProps): React.JSX.Element;
 declare function AvatarGroup({ className, ...props }: AvatarGroupProps): React.JSX.Element;
 declare function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps): React.JSX.Element;
-//#endregion
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["AvatarPrimitive","resolveClassName","Avatar$1","props","size","cn","className","state","toAsChildRenderProps","asChild","children"],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Avatar as AvatarPrimitive } from '@base-ui/react/avatar'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type AvatarProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Root> & {\n  /**\n   * Avatar size.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport type AvatarImageProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Image>\n\nexport type AvatarFallbackProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Fallback>\n\nexport type AvatarBadgeProps = React.ComponentProps<'span'>\n\nexport type AvatarGroupProps = React.ComponentProps<'div'>\n\nexport type AvatarGroupCountProps = React.ComponentProps<'div'>\n\nfunction Avatar({ className, size = 'md', asChild, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={(state) =>\n        cn(\n          'group/avatar relative flex shrink-0 size-8 rounded-full select-none',\n          'data-[size=lg]:size-10 data-[size=sm]:size-6',\n          'after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarImage({ className, asChild, children, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={(state) => cn('rounded-full aspect-square size-full object-cover', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarFallback({ className, asChild, children, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={(state) =>\n        cn(\n          'bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: AvatarBadgeProps) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2',\n        'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: AvatarGroupProps) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        '*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        'bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center size-8 rounded-full text-sm ring-2',\n        'group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6',\n        '[&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage }\n"],"mappings":"oRA0BA,SAAS,OAAO,CAAE,YAAW,OAAO,KAAM,UAAS,WAAU,GAAGG,GAAsB,CACpF,MACE,kBAACH,EAAgB,KAAjB,CACE,YAAU,SACV,YAAWI,EACX,UAAY,GACVC,EACE,sEACA,+CACA,uIACAJ,EAAiBK,EAAWC,CAAK,CACnC,EAEF,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,UAAS,WAAU,GAAGP,GAA2B,CACjF,MACE,kBAACH,EAAgB,MAAjB,CACE,YAAU,eACV,UAAY,GAAUK,EAAG,oDAAqDJ,EAAiBK,EAAWC,CAAK,CAAC,EAChH,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,UAAS,WAAU,GAAGP,GAA8B,CACvF,MACE,kBAACH,EAAgB,SAAjB,CACE,YAAU,kBACV,UAAY,GACVK,EACE,qIACAJ,EAAiBK,EAAWC,CAAK,CACnC,EAEF,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGP,GAA2B,CAC9D,MACE,kBAAC,OAAD,CACE,YAAU,eACV,UAAWE,EACT,2KACA,gFACA,kFACA,gFACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGA,GAA2B,CAC9D,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAWE,EACT,sGACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAGA,GAAgC,CACxE,MACE,kBAAC,MAAD,CACE,YAAU,qBACV,UAAWE,EACT,uIACA,6FACA,2HACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL"}
+{"version":3,"file":"avatar.js","names":["AvatarPrimitive","resolveClassName","Avatar$1","props","size","cn","className","state","toAsChildRenderProps","asChild","children"],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Avatar as AvatarPrimitive } from '@base-ui/react/avatar'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type AvatarProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Root> & {\n  /**\n   * Avatar size.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport type AvatarImageProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Image>\n\nexport type AvatarFallbackProps = AsChildPrimitiveProps<typeof AvatarPrimitive.Fallback>\n\nexport type AvatarBadgeProps = React.ComponentProps<'span'>\n\nexport type AvatarGroupProps = React.ComponentProps<'div'>\n\nexport type AvatarGroupCountProps = React.ComponentProps<'div'>\n\nfunction Avatar({ className, size = 'md', asChild, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={(state) =>\n        cn(\n          'group/avatar relative flex shrink-0 size-8 rounded-full select-none',\n          'data-[size=lg]:size-10 data-[size=sm]:size-6',\n          'after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarImage({ className, asChild, children, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={(state) => cn('rounded-full aspect-square size-full object-cover', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarFallback({ className, asChild, children, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={(state) =>\n        cn(\n          'bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: AvatarBadgeProps) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2',\n        'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: AvatarGroupProps) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        '*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        'bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center size-8 rounded-full text-sm ring-2',\n        'group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6',\n        '[&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage }\n"],"mappings":"A,oRA0BA,SAAS,OAAO,CAAE,YAAW,OAAO,KAAM,UAAS,WAAU,GAAGG,GAAsB,CACpF,MACE,kBAACH,EAAgB,KAAjB,CACE,YAAU,SACV,YAAWI,EACX,UAAY,GACVC,EACE,sEACA,+CACA,uIACAJ,EAAiBK,EAAWC,CAAK,CACnC,EAEF,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,UAAS,WAAU,GAAGP,GAA2B,CACjF,MACE,kBAACH,EAAgB,MAAjB,CACE,YAAU,eACV,UAAY,GAAUK,EAAG,oDAAqDJ,EAAiBK,EAAWC,CAAK,CAAC,EAChH,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,UAAS,WAAU,GAAGP,GAA8B,CACvF,MACE,kBAACH,EAAgB,SAAjB,CACE,YAAU,kBACV,UAAY,GACVK,EACE,qIACAJ,EAAiBK,EAAWC,CAAK,CACnC,EAEF,GAAIJ,EACJ,GAAIK,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGP,GAA2B,CAC9D,MACE,kBAAC,OAAD,CACE,YAAU,eACV,UAAWE,EACT,2KACA,gFACA,kFACA,gFACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGA,GAA2B,CAC9D,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAWE,EACT,sGACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAGA,GAAgC,CACxE,MACE,kBAAC,MAAD,CACE,YAAU,qBACV,UAAWE,EACT,uIACA,6FACA,2HACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,C"}

package/dist/components/badge.d.ts

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
   variant?: "outline" | "secondary" | "solid" | "subtle" | null | undefined;
@@ -9,6 +8,5 @@ declare const badgeVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeProps = AsChildProps<'span'> & VariantProps<typeof badgeVariants>;
 declare function Badge({ className, size, variant, color, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{badgeColorVariants as n}from"../lib/badge.js";import{cva as r}from"class-variance-authority";const i=r(`group/badge inline-flex w-fit items-center justify-center overflow-hidden border border-transparent font-semibold whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none`,{variants:{size:{xs:`h-4 gap-0.5 px-1.5 text-[10px] rounded-[4px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1`,sm:`h-4.5 gap-0.5 px-2 text-[11px] rounded-[5px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5`,md:`h-5 gap-1 px-2 py-0.5 text-xs rounded-[6px] [&>svg]:size-3! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5`,lg:`h-6 gap-1 px-2.5 text-xs rounded-[7px] [&>svg]:size-3.5! has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,xl:`h-7 gap-1.5 px-3 text-sm rounded-[8px] [&>svg]:size-4! has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5`},variant:{solid:`bg-(--badge-solid) text-(--badge-solid-foreground) [a]:hover:opacity-90`,secondary:`border-border bg-background text-foreground [a]:hover:bg-muted dark:border-input dark:bg-input/30 dark:[a]:hover:bg-input/50`,outline:`border-(--badge-outline-border) text-(--badge-outline-foreground) [a]:hover:bg-(--badge-soft) [a]:hover:text-(--badge-soft-foreground)`,subtle:`bg-(--badge-soft) text-(--badge-soft-foreground) [a]:hover:bg-(--badge-soft-hover)`},color:n},defaultVariants:{size:`md`,variant:`solid`,color:`primary`}});function Badge({className:n,size:r=`md`,variant:a=`solid`,color:o=`primary`,...s}){return e(`span`,{"data-slot":`badge`,"data-size":r,"data-variant":a,"data-color":o,className:t(i({size:r,variant:a,color:o}),n),...s})}export{Badge,i as badgeVariants};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{badgeColorVariants as t}from"../lib/badge.js";import{cn as n}from"../lib/utils.js";import{cva as r}from"class-variance-authority";const i=r(`group/badge inline-flex w-fit items-center justify-center overflow-hidden border border-transparent font-semibold whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none`,{variants:{size:{xs:`h-4 gap-0.5 px-1.5 text-[10px] rounded-[4px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1`,sm:`h-4.5 gap-0.5 px-2 text-[11px] rounded-[5px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5`,md:`h-5 gap-1 px-2 py-0.5 text-xs rounded-[6px] [&>svg]:size-3! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5`,lg:`h-6 gap-1 px-2.5 text-xs rounded-[7px] [&>svg]:size-3.5! has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,xl:`h-7 gap-1.5 px-3 text-sm rounded-[8px] [&>svg]:size-4! has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5`},variant:{solid:`bg-(--badge-solid) text-(--badge-solid-foreground) [a]:hover:opacity-90`,secondary:`border-border bg-background text-foreground [a]:hover:bg-muted dark:border-input dark:bg-input/30 dark:[a]:hover:bg-input/50`,outline:`border-(--badge-outline-border) text-(--badge-outline-foreground) [a]:hover:bg-(--badge-soft) [a]:hover:text-(--badge-soft-foreground)`,subtle:`bg-(--badge-soft) text-(--badge-soft-foreground) [a]:hover:bg-(--badge-soft-hover)`},color:t},defaultVariants:{size:`md`,variant:`solid`,color:`primary`}});function Badge({className:t,size:r=`md`,variant:a=`solid`,color:o=`primary`,...s}){return e(`span`,{"data-slot":`badge`,"data-size":r,"data-variant":a,"data-color":o,className:n(i({size:r,variant:a,color:o}),t),...s})}export{Badge,i as badgeVariants};
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeVariants","cva","badgeColorVariants","props","useAsChild","size","variant","color","cn","className"],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { badgeColorVariants } from '../lib/badge'\nimport { cn } from '../lib/utils'\n\nconst badgeVariants = cva(\n  'group/badge inline-flex w-fit items-center justify-center overflow-hidden border border-transparent font-semibold whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none',\n  {\n    variants: {\n      size: {\n        xs: 'h-4 gap-0.5 px-1.5 text-[10px] rounded-[4px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1',\n        sm: 'h-4.5 gap-0.5 px-2 text-[11px] rounded-[5px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5',\n        md: 'h-5 gap-1 px-2 py-0.5 text-xs rounded-[6px] [&>svg]:size-3! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5',\n        lg: 'h-6 gap-1 px-2.5 text-xs rounded-[7px] [&>svg]:size-3.5! has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xl: 'h-7 gap-1.5 px-3 text-sm rounded-[8px] [&>svg]:size-4! has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5'\n      },\n      variant: {\n        solid: 'bg-(--badge-solid) text-(--badge-solid-foreground) [a]:hover:opacity-90',\n        secondary:\n          'border-border bg-background text-foreground [a]:hover:bg-muted dark:border-input dark:bg-input/30 dark:[a]:hover:bg-input/50',\n        outline:\n          'border-(--badge-outline-border) text-(--badge-outline-foreground) [a]:hover:bg-(--badge-soft) [a]:hover:text-(--badge-soft-foreground)',\n        subtle: 'bg-(--badge-soft) text-(--badge-soft-foreground) [a]:hover:bg-(--badge-soft-hover)'\n      },\n      color: badgeColorVariants\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'solid',\n      color: 'primary'\n    }\n  }\n)\n\nexport type BadgeProps = AsChildProps<'span'> & VariantProps<typeof badgeVariants>\n\nfunction Badge({ className, size = 'md', variant = 'solid', color = 'primary', ...props }: BadgeProps) {\n  return useAsChild('span', {\n    'data-slot': 'badge',\n    'data-size': size,\n    'data-variant': variant,\n    'data-color': color,\n    className: cn(badgeVariants({ size, variant, color }), className),\n    ...props\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"iOAMA,MAAMA,EAAgBC,EACpB,sWACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,mIACJ,GAAI,uIACJ,GAAI,oIACJ,GAAI,6HACJ,GAAI,8HACN,EACA,QAAS,CACP,MAAO,0EACP,UACE,+HACF,QACE,yIACF,OAAQ,oFACV,EACA,MAAOC,CACT,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,QACT,MAAO,SACT,CACF,CACF,EAIA,SAAS,MAAM,CAAE,YAAW,OAAO,KAAM,UAAU,QAAS,QAAQ,UAAW,GAAGC,GAAqB,CACrG,OAAOC,EAAW,OAAQ,CACxB,YAAa,QACb,YAAaC,EACb,eAAgBC,EAChB,aAAcC,EACd,UAAWC,EAAGR,EAAc,CAAE,OAAM,UAAS,OAAM,CAAC,EAAGS,CAAS,EAChE,GAAGN,CACL,CAAC,CACH"}
+{"version":3,"file":"badge.js","names":["badgeVariants","cva","badgeColorVariants","props","useAsChild","size","variant","color","cn","className"],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { badgeColorVariants } from '../lib/badge'\nimport { cn } from '../lib/utils'\n\nconst badgeVariants = cva(\n  'group/badge inline-flex w-fit items-center justify-center overflow-hidden border border-transparent font-semibold whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none',\n  {\n    variants: {\n      size: {\n        xs: 'h-4 gap-0.5 px-1.5 text-[10px] rounded-[4px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1',\n        sm: 'h-4.5 gap-0.5 px-2 text-[11px] rounded-[5px] [&>svg]:size-2.5! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5',\n        md: 'h-5 gap-1 px-2 py-0.5 text-xs rounded-[6px] [&>svg]:size-3! has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5',\n        lg: 'h-6 gap-1 px-2.5 text-xs rounded-[7px] [&>svg]:size-3.5! has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xl: 'h-7 gap-1.5 px-3 text-sm rounded-[8px] [&>svg]:size-4! has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5'\n      },\n      variant: {\n        solid: 'bg-(--badge-solid) text-(--badge-solid-foreground) [a]:hover:opacity-90',\n        secondary:\n          'border-border bg-background text-foreground [a]:hover:bg-muted dark:border-input dark:bg-input/30 dark:[a]:hover:bg-input/50',\n        outline:\n          'border-(--badge-outline-border) text-(--badge-outline-foreground) [a]:hover:bg-(--badge-soft) [a]:hover:text-(--badge-soft-foreground)',\n        subtle: 'bg-(--badge-soft) text-(--badge-soft-foreground) [a]:hover:bg-(--badge-soft-hover)'\n      },\n      color: badgeColorVariants\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'solid',\n      color: 'primary'\n    }\n  }\n)\n\nexport type BadgeProps = AsChildProps<'span'> & VariantProps<typeof badgeVariants>\n\nfunction Badge({ className, size = 'md', variant = 'solid', color = 'primary', ...props }: BadgeProps) {\n  return useAsChild('span', {\n    'data-slot': 'badge',\n    'data-size': size,\n    'data-variant': variant,\n    'data-color': color,\n    className: cn(badgeVariants({ size, variant, color }), className),\n    ...props\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"A,iOAMA,MAAMA,EAAgBC,EACpB,sWACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,mIACJ,GAAI,uIACJ,GAAI,oIACJ,GAAI,6HACJ,GAAI,8HACN,EACA,QAAS,CACP,MAAO,0EACP,UACE,+HACF,QACE,yIACF,OAAQ,oFACV,EACA,MAAOC,CACT,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,QACT,MAAO,SACT,CACF,CACF,EAIA,SAAS,MAAM,CAAE,YAAW,OAAO,KAAM,UAAU,QAAS,QAAQ,UAAW,GAAGC,GAAqB,CACrG,OAAOC,EAAW,OAAQ,CACxB,YAAa,QACb,YAAaC,EACb,eAAgBC,EAChB,aAAcC,EACd,UAAWC,EAAGR,EAAc,CAAE,OAAM,UAAS,OAAM,CAAC,EAAGS,CAAS,EAChE,GAAGN,CACL,CAAC,CACH,C"}

package/dist/components/bar-chart.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-B_6nC_ih.js";
+import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-8rgtsk95.js";
 import * as React from "react";
 import { Bar, BarChart as BarChart$1 } from "recharts";
-//#region src/components/bar-chart.d.ts
 export type BarChartSeries = {
   /** Field of each `data` row holding this series’ values. Also the default label. */
   name: string;
@@ -85,6 +84,5 @@ export type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {
   barChartProps?: Omit<React.ComponentProps<typeof BarChart$1>, 'data' | 'layout' | 'stackOffset'>;
 };
 declare function BarChart({ className, data, series, dataKey, type, orientation, withXAxis, withYAxis, gridAxis, withTooltip, withLegend, barSize, radius, unit, animationDuration, tooltipProps, legendProps, barProps, barChartProps, ...props }: BarChartProps): React.JSX.Element;
-//#endregion
 export { BarChart };
 //# sourceMappingURL=bar-chart.d.ts.map

package/dist/components/bar-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-chart.js","names":["RechartsBarChart","React","BarChart$1","series","item","resolveChartColor","DEFAULT_CHART_PALETTE","index","acc","props","config","stackId","type","stackOffset","isHorizontal","orientation","categoryAxisProps","valueTickFormatter","value","unit","ChartContainer","cn","className","barChartProps","gridAxis","CartesianGrid","withXAxis","XAxis","withYAxis","YAxis","withTooltip","Tooltip","ChartTooltipContent","tooltipProps","withLegend","Legend","ChartLegendContent","legendProps","seriesColor","Bar","animationDuration","row","shapeProps","fill","Rectangle","barProps"],"sources":["../../src/components/bar-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Bar, CartesianGrid, Legend, BarChart as RechartsBarChart, Rectangle, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type BarChartSeries = {\n  /** Field of each `data` row holding this series’ values. Also the default label. */\n  name: string\n  /** Name shown in the tooltip and legend. Defaults to `name`. */\n  label?: string\n  /** Any CSS color. Wins over `colorKey`. */\n  color?: string\n  /** Palette family, resolved to its semantic color `var(--{key})`. */\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartDatum = Record<string, unknown> & {\n  /** Colors every bar in this row. Wins over the series color. */\n  color?: string\n  /** Palette family for every bar in this row. Wins over the series color. */\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartType = 'default' | 'stacked' | 'percent'\nexport type BarChartOrientation = 'vertical' | 'horizontal'\nexport type BarChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  /** Rows to plot. */\n  data: BarChartDatum[]\n  /** Series to draw, one per field of `data`. */\n  series: BarChartSeries[]\n  /** Field of `data` used for the categories axis. */\n  dataKey: string\n  /**\n   * `stacked` stacks the series, `percent` stacks them to 100%.\n   * @default 'default'\n   */\n  type?: BarChartType\n  /**\n   * `vertical` draws vertical bars; `horizontal` draws horizontal bars.\n   * @default 'vertical'\n   */\n  orientation?: BarChartOrientation\n  /**\n   * Shows the x axis.\n   * @default true\n   */\n  withXAxis?: boolean\n  /**\n   * Shows the y axis.\n   * @default true\n   */\n  withYAxis?: boolean\n  /**\n   * Grid lines to draw.\n   * @default 'x'\n   */\n  gridAxis?: BarChartGridAxis\n  /**\n   * Shows a tooltip on hover.\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Shows the legend.\n   * @default false\n   */\n  withLegend?: boolean\n  /** Fixed bar width in px. */\n  barSize?: number\n  /**\n   * Corner radius of the bars.\n   * @default 4\n   */\n  radius?: number | [number, number, number, number]\n  /** Appended to the axis and tooltip values. */\n  unit?: string\n  /** Animation length in ms. */\n  animationDuration?: number\n  /** Props for the tooltip content. */\n  tooltipProps?: ChartTooltipContentProps\n  /** Props for the legend content. */\n  legendProps?: ChartLegendContentProps\n  /** Props for each Recharts `<Bar>`. */\n  barProps?: Partial<React.ComponentProps<typeof Bar>>\n  /** Props for the Recharts `<BarChart>`. */\n  barChartProps?: Omit<React.ComponentProps<typeof RechartsBarChart>, 'data' | 'layout' | 'stackOffset'>\n}\n\nfunction buildConfig(series: BarChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction BarChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  orientation = 'vertical',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withTooltip = true,\n  withLegend = false,\n  barSize,\n  radius = 4,\n  unit,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  barProps,\n  barChartProps,\n  ...props\n}: BarChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : undefined\n  const isHorizontal = orientation === 'horizontal'\n\n  const categoryAxisProps = {\n    dataKey,\n    tickLine: false,\n    axisLine: false,\n    tickMargin: 8\n  } as const\n\n  const valueTickFormatter =\n    type === 'percent'\n      ? (value: number) => `${Math.round(value * 100)}%`\n      : unit\n        ? (value: number) => `${value}${unit}`\n        : undefined\n\n  return (\n    <ChartContainer data-slot=\"bar-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsBarChart\n        {...barChartProps}\n        data={data}\n        stackOffset={stackOffset}\n        layout={isHorizontal ? 'vertical' : 'horizontal'}\n      >\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis &&\n          (isHorizontal ? (\n            <XAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ) : (\n            <XAxis type=\"category\" {...categoryAxisProps} />\n          ))}\n        {withYAxis &&\n          (isHorizontal ? (\n            <YAxis type=\"category\" {...categoryAxisProps} />\n          ) : (\n            <YAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ))}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => {\n          const seriesColor = config[item.name]?.color\n          return (\n            <Bar\n              key={item.name}\n              dataKey={item.name}\n              stackId={stackId}\n              fill={seriesColor}\n              radius={radius}\n              barSize={barSize}\n              animationDuration={animationDuration}\n              isAnimationActive={animationDuration !== 0}\n              shape={(shapeProps) => {\n                const row = shapeProps.payload as BarChartDatum | undefined\n                const fill = row?.color ?? resolveChartColor(row?.colorKey) ?? seriesColor\n                return <Rectangle {...shapeProps} fill={fill} />\n              }}\n              {...barProps}\n            />\n          )\n        })}\n      </RechartsBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { BarChart }\n"],"mappings":"oaAsGA,SAAS,YAAY,EAAuC,CAC1D,OAAOG,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAIC,EAAK,MAAQ,CACf,MAAOA,EAAK,OAASA,EAAK,KAC1B,MACEA,EAAK,OAASC,EAAkBD,EAAK,QAAQ,GAAKE,EAAsBC,EAAQD,EAAsB,OAC1G,EACOE,GACN,CAAC,CAAC,CACP,CAEA,SAAS,SAAS,CAChB,YACA,OACA,SACA,UACA,OAAO,UACP,cAAc,WACd,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,cAAc,GACd,aAAa,GACb,UACA,SAAS,EACT,OACA,oBACA,eACA,cACA,WACA,gBACA,GAAGC,GACa,CAChB,IAAMC,EAAST,EAAM,YAAc,YAAYE,CAAM,EAAG,CAACA,CAAM,CAAC,EAC1DQ,EAAUC,IAAS,UAAY,IAAA,GAAY,QAC3CC,EAAcD,IAAS,UAAY,SAAW,IAAA,GAC9CE,EAAeC,IAAgB,aAE/BC,EAAoB,CACxB,UACA,SAAU,GACV,SAAU,GACV,WAAY,CACd,EAEMC,EACJL,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAMM,EAAQ,GAAG,EAAE,GAC9CC,EACG,GAAkB,GAAGD,IAAQC,IAC9B,IAAA,GAER,MACE,kBAACC,EAAD,CAAgB,YAAU,YAAY,UAAWC,EAAG,SAAUC,CAAS,EAAW,SAAQ,GAAIb,EAC5F,SAAA,kBAACT,EAAD,CACE,GAAIuB,EACE,OACO,cACb,OAAQT,EAAe,WAAa,aAJtC,SAAA,CAMGU,IAAa,QACZ,kBAACC,EAAD,CACE,SAAUD,IAAa,KAAOA,IAAa,KAC3C,WAAYA,IAAa,KAAOA,IAAa,IAC9C,CAAA,EAEFE,IACEZ,EACC,kBAACa,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAeV,CAAqB,CAAA,EAE1G,kBAACU,EAAD,CAAO,KAAK,WAAW,GAAIX,CAAoB,CAAA,GAElDY,IACEd,EACC,kBAACe,EAAD,CAAO,KAAK,WAAW,GAAIb,CAAoB,CAAA,EAE/C,kBAACa,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAeZ,CAAqB,CAAA,GAE7Ga,GAAe,kBAACC,EAAD,CAAS,OAAQ,GAAO,QAAS,kBAACC,EAAD,CAAqB,GAAIC,CAAe,CAAA,CAAI,CAAA,EAC5FC,GAAc,kBAACC,EAAD,CAAQ,QAAS,kBAACC,EAAD,CAAoB,GAAIC,CAAc,CAAA,CAAI,CAAA,EACzElC,EAAO,IAAK,GAAS,CACpB,IAAMmC,EAAc5B,EAAON,EAAK,KAAK,EAAE,MACvC,MACE,kBAACmC,EAAD,CAEE,QAASnC,EAAK,KACL,UACT,KAAMkC,EACE,SACC,UACU,oBACnB,kBAAmBE,IAAsB,EACzC,MAAQ,GAAe,CACrB,IAAMC,EAAMC,EAAW,QACjBC,EAAOF,GAAK,OAASpC,EAAkBoC,GAAK,QAAQ,GAAKH,EAC/D,MAAO,kBAACM,EAAD,CAAW,GAAIF,EAAkB,MAAO,CAAA,CACjD,EACA,GAAIG,CACL,EAdMzC,EAAK,IAcX,CAEL,CAAC,CACe,GACJ,CAAA,CAEpB"}
+{"version":3,"file":"bar-chart.js","names":["RechartsBarChart","React","BarChart$1","series","item","resolveChartColor","DEFAULT_CHART_PALETTE","index","acc","props","config","stackId","type","stackOffset","isHorizontal","orientation","categoryAxisProps","valueTickFormatter","value","unit","ChartContainer","cn","className","barChartProps","gridAxis","CartesianGrid","withXAxis","XAxis","withYAxis","YAxis","withTooltip","Tooltip","ChartTooltipContent","tooltipProps","withLegend","Legend","ChartLegendContent","legendProps","seriesColor","Bar","animationDuration","row","shapeProps","fill","Rectangle","barProps"],"sources":["../../src/components/bar-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Bar, CartesianGrid, Legend, BarChart as RechartsBarChart, Rectangle, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type BarChartSeries = {\n  /** Field of each `data` row holding this series’ values. Also the default label. */\n  name: string\n  /** Name shown in the tooltip and legend. Defaults to `name`. */\n  label?: string\n  /** Any CSS color. Wins over `colorKey`. */\n  color?: string\n  /** Palette family, resolved to its semantic color `var(--{key})`. */\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartDatum = Record<string, unknown> & {\n  /** Colors every bar in this row. Wins over the series color. */\n  color?: string\n  /** Palette family for every bar in this row. Wins over the series color. */\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartType = 'default' | 'stacked' | 'percent'\nexport type BarChartOrientation = 'vertical' | 'horizontal'\nexport type BarChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  /** Rows to plot. */\n  data: BarChartDatum[]\n  /** Series to draw, one per field of `data`. */\n  series: BarChartSeries[]\n  /** Field of `data` used for the categories axis. */\n  dataKey: string\n  /**\n   * `stacked` stacks the series, `percent` stacks them to 100%.\n   * @default 'default'\n   */\n  type?: BarChartType\n  /**\n   * `vertical` draws vertical bars; `horizontal` draws horizontal bars.\n   * @default 'vertical'\n   */\n  orientation?: BarChartOrientation\n  /**\n   * Shows the x axis.\n   * @default true\n   */\n  withXAxis?: boolean\n  /**\n   * Shows the y axis.\n   * @default true\n   */\n  withYAxis?: boolean\n  /**\n   * Grid lines to draw.\n   * @default 'x'\n   */\n  gridAxis?: BarChartGridAxis\n  /**\n   * Shows a tooltip on hover.\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Shows the legend.\n   * @default false\n   */\n  withLegend?: boolean\n  /** Fixed bar width in px. */\n  barSize?: number\n  /**\n   * Corner radius of the bars.\n   * @default 4\n   */\n  radius?: number | [number, number, number, number]\n  /** Appended to the axis and tooltip values. */\n  unit?: string\n  /** Animation length in ms. */\n  animationDuration?: number\n  /** Props for the tooltip content. */\n  tooltipProps?: ChartTooltipContentProps\n  /** Props for the legend content. */\n  legendProps?: ChartLegendContentProps\n  /** Props for each Recharts `<Bar>`. */\n  barProps?: Partial<React.ComponentProps<typeof Bar>>\n  /** Props for the Recharts `<BarChart>`. */\n  barChartProps?: Omit<React.ComponentProps<typeof RechartsBarChart>, 'data' | 'layout' | 'stackOffset'>\n}\n\nfunction buildConfig(series: BarChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction BarChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  orientation = 'vertical',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withTooltip = true,\n  withLegend = false,\n  barSize,\n  radius = 4,\n  unit,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  barProps,\n  barChartProps,\n  ...props\n}: BarChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : undefined\n  const isHorizontal = orientation === 'horizontal'\n\n  const categoryAxisProps = {\n    dataKey,\n    tickLine: false,\n    axisLine: false,\n    tickMargin: 8\n  } as const\n\n  const valueTickFormatter =\n    type === 'percent'\n      ? (value: number) => `${Math.round(value * 100)}%`\n      : unit\n        ? (value: number) => `${value}${unit}`\n        : undefined\n\n  return (\n    <ChartContainer data-slot=\"bar-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsBarChart\n        {...barChartProps}\n        data={data}\n        stackOffset={stackOffset}\n        layout={isHorizontal ? 'vertical' : 'horizontal'}\n      >\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis &&\n          (isHorizontal ? (\n            <XAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ) : (\n            <XAxis type=\"category\" {...categoryAxisProps} />\n          ))}\n        {withYAxis &&\n          (isHorizontal ? (\n            <YAxis type=\"category\" {...categoryAxisProps} />\n          ) : (\n            <YAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ))}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => {\n          const seriesColor = config[item.name]?.color\n          return (\n            <Bar\n              key={item.name}\n              dataKey={item.name}\n              stackId={stackId}\n              fill={seriesColor}\n              radius={radius}\n              barSize={barSize}\n              animationDuration={animationDuration}\n              isAnimationActive={animationDuration !== 0}\n              shape={(shapeProps) => {\n                const row = shapeProps.payload as BarChartDatum | undefined\n                const fill = row?.color ?? resolveChartColor(row?.colorKey) ?? seriesColor\n                return <Rectangle {...shapeProps} fill={fill} />\n              }}\n              {...barProps}\n            />\n          )\n        })}\n      </RechartsBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { BarChart }\n"],"mappings":"A,oaAsGA,SAAS,YAAY,EAAuC,CAC1D,OAAOG,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAIC,EAAK,MAAQ,CACf,MAAOA,EAAK,OAASA,EAAK,KAC1B,MACEA,EAAK,OAASC,EAAkBD,EAAK,QAAQ,GAAKE,EAAsBC,EAAQD,EAAsB,OAC1G,EACOE,GACN,CAAC,CAAC,CACP,CAEA,SAAS,SAAS,CAChB,YACA,OACA,SACA,UACA,OAAO,UACP,cAAc,WACd,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,cAAc,GACd,aAAa,GACb,UACA,SAAS,EACT,OACA,oBACA,eACA,cACA,WACA,gBACA,GAAGC,GACa,CAChB,IAAMC,EAAST,EAAM,YAAc,YAAYE,CAAM,EAAG,CAACA,CAAM,CAAC,EAC1DQ,EAAUC,IAAS,UAAY,IAAA,GAAY,QAC3CC,EAAcD,IAAS,UAAY,SAAW,IAAA,GAC9CE,EAAeC,IAAgB,aAE/BC,EAAoB,CACxB,UACA,SAAU,GACV,SAAU,GACV,WAAY,CACd,EAEMC,EACJL,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAMM,EAAQ,GAAG,EAAE,GAC9CC,EACG,GAAkB,GAAGD,IAAQC,IAC9B,IAAA,GAER,MACE,kBAACC,EAAD,CAAgB,YAAU,YAAY,UAAWC,EAAG,SAAUC,CAAS,EAAW,SAAQ,GAAIb,EAC5F,SAAA,kBAACT,EAAD,CACE,GAAIuB,EACE,OACO,cACb,OAAQT,EAAe,WAAa,aAJtC,SAAA,CAMGU,IAAa,QACZ,kBAACC,EAAD,CACE,SAAUD,IAAa,KAAOA,IAAa,KAC3C,WAAYA,IAAa,KAAOA,IAAa,IAC9C,CAAA,EAEFE,IACEZ,EACC,kBAACa,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAeV,CAAqB,CAAA,EAE1G,kBAACU,EAAD,CAAO,KAAK,WAAW,GAAIX,CAAoB,CAAA,GAElDY,IACEd,EACC,kBAACe,EAAD,CAAO,KAAK,WAAW,GAAIb,CAAoB,CAAA,EAE/C,kBAACa,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAeZ,CAAqB,CAAA,GAE7Ga,GAAe,kBAACC,EAAD,CAAS,OAAQ,GAAO,QAAS,kBAACC,EAAD,CAAqB,GAAIC,CAAe,CAAA,CAAI,CAAA,EAC5FC,GAAc,kBAACC,EAAD,CAAQ,QAAS,kBAACC,EAAD,CAAoB,GAAIC,CAAc,CAAA,CAAI,CAAA,EACzElC,EAAO,IAAK,GAAS,CACpB,IAAMmC,EAAc5B,EAAON,EAAK,KAAK,EAAE,MACvC,MACE,kBAACmC,EAAD,CAEE,QAASnC,EAAK,KACL,UACT,KAAMkC,EACE,SACC,UACU,oBACnB,kBAAmBE,IAAsB,EACzC,MAAQ,GAAe,CACrB,IAAMC,EAAMC,EAAW,QACjBC,EAAOF,GAAK,OAASpC,EAAkBoC,GAAK,QAAQ,GAAKH,EAC/D,MAAO,kBAACM,EAAD,CAAW,GAAIF,EAAkB,MAAO,CAAA,CACjD,EACA,GAAIG,CACL,EAdMzC,EAAK,IAcX,CAEL,CAAC,CACe,C,EACJ,CAAA,CAEpB,C"}

package/dist/components/bottom-nav.d.ts

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
-//#region src/components/bottom-nav.d.ts
 export type BottomNavProps = React.ComponentProps<'nav'>;
 export type BottomNavItemProps = AsChildProps<'button'> & {
   /**
@@ -12,6 +11,5 @@ export type BottomNavItemProps = AsChildProps<'button'> & {
 };
 declare function BottomNav({ className, ...props }: BottomNavProps): React.JSX.Element;
 declare function BottomNavItem({ className, type, asChild, isActive, ...props }: BottomNavItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-//#endregion
 export { BottomNav, BottomNavItem };
 //# sourceMappingURL=bottom-nav.d.ts.map

package/dist/components/bottom-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-nav.js","names":["props","cn","className","useAsChild","asChild","type","isActive"],"sources":["../../src/components/bottom-nav.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type BottomNavProps = React.ComponentProps<'nav'>\n\nexport type BottomNavItemProps = AsChildProps<'button'> & {\n  /**\n   * Marks the item as the current page (`aria-current=\"page\"`).\n   * @default false\n   */\n  isActive?: boolean\n}\n\nfunction BottomNav({ className, ...props }: BottomNavProps) {\n  return (\n    <nav\n      aria-label=\"bottom navigation\"\n      data-slot=\"bottom-nav\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-30 flex border-t bg-background',\n        'px-2 pt-2 pb-[calc(--spacing(2)+var(--spacing-safe-bottom))]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BottomNavItem({\n  className,\n  type = 'button',\n  asChild = false,\n  isActive = false,\n  ...props\n}: BottomNavItemProps) {\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? type : undefined,\n    'data-slot': 'bottom-nav-item',\n    'data-active': isActive,\n    'aria-current': isActive ? 'page' : undefined,\n    className: cn(\n      'flex flex-1 flex-col items-center justify-center gap-1 rounded-md py-1 text-xs font-medium text-muted-foreground',\n      'transition-colors data-[active=true]:font-semibold data-[active=true]:text-primary',\n      'focus-visible:ring-3 focus-visible:ring-ring/50 outline-hidden',\n      '[&_svg]:size-5 [&_svg]:shrink-0 [&>span:last-child]:truncate',\n      className\n    ),\n    ...props\n  })\n}\n\nexport { BottomNav, BottomNavItem }\n"],"mappings":"qKAeA,SAAS,UAAU,CAAE,YAAW,GAAGA,GAAyB,CAC1D,MACE,kBAAC,MAAD,CACE,aAAW,oBACX,YAAU,aACV,UAAWC,EACT,4DACA,+DACAC,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CACrB,YACA,OAAO,SACP,UAAU,GACV,WAAW,GACX,GAAGA,GACkB,CACrB,OAAOG,EAAW,SAAU,CAC1B,UACA,KAAOC,EAAiB,IAAA,GAAPC,EACjB,YAAa,kBACb,cAAeC,EACf,eAAgBA,EAAW,OAAS,IAAA,GACpC,UAAWL,EACT,mHACA,qFACA,iEACA,+DACAC,CACF,EACA,GAAGF,CACL,CAAC,CACH"}
+{"version":3,"file":"bottom-nav.js","names":["props","cn","className","useAsChild","asChild","type","isActive"],"sources":["../../src/components/bottom-nav.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type BottomNavProps = React.ComponentProps<'nav'>\n\nexport type BottomNavItemProps = AsChildProps<'button'> & {\n  /**\n   * Marks the item as the current page (`aria-current=\"page\"`).\n   * @default false\n   */\n  isActive?: boolean\n}\n\nfunction BottomNav({ className, ...props }: BottomNavProps) {\n  return (\n    <nav\n      aria-label=\"bottom navigation\"\n      data-slot=\"bottom-nav\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-30 flex border-t bg-background',\n        'px-2 pt-2 pb-[calc(--spacing(2)+var(--spacing-safe-bottom))]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BottomNavItem({\n  className,\n  type = 'button',\n  asChild = false,\n  isActive = false,\n  ...props\n}: BottomNavItemProps) {\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? type : undefined,\n    'data-slot': 'bottom-nav-item',\n    'data-active': isActive,\n    'aria-current': isActive ? 'page' : undefined,\n    className: cn(\n      'flex flex-1 flex-col items-center justify-center gap-1 rounded-md py-1 text-xs font-medium text-muted-foreground',\n      'transition-colors data-[active=true]:font-semibold data-[active=true]:text-primary',\n      'focus-visible:ring-3 focus-visible:ring-ring/50 outline-hidden',\n      '[&_svg]:size-5 [&_svg]:shrink-0 [&>span:last-child]:truncate',\n      className\n    ),\n    ...props\n  })\n}\n\nexport { BottomNav, BottomNavItem }\n"],"mappings":"A,qKAeA,SAAS,UAAU,CAAE,YAAW,GAAGA,GAAyB,CAC1D,MACE,kBAAC,MAAD,CACE,aAAW,oBACX,YAAU,aACV,UAAWC,EACT,4DACA,+DACAC,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CACrB,YACA,OAAO,SACP,UAAU,GACV,WAAW,GACX,GAAGA,GACkB,CACrB,OAAOG,EAAW,SAAU,CAC1B,UACA,KAAOC,EAAiB,IAAA,GAAPC,EACjB,YAAa,kBACb,cAAeC,EACf,eAAgBA,EAAW,OAAS,IAAA,GACpC,UAAWL,EACT,mHACA,qFACA,iEACA,+DACAC,CACF,EACA,GAAGF,CACL,CAAC,CACH,C"}

package/dist/components/breadcrumb.d.ts

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
-//#region src/components/breadcrumb.d.ts
 export type BreadcrumbProps = React.ComponentProps<'nav'>;
 export type BreadcrumbListProps = React.ComponentProps<'ol'>;
 export type BreadcrumbItemProps = React.ComponentProps<'li'>;
@@ -16,6 +15,5 @@ declare function BreadcrumbLink({ className, ...props }: BreadcrumbLinkProps): R
 declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): React.JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
-//#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["props","cn","className","useAsChild","children","IconChevronRight","IconDots"],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronRight, IconDots } from '@tabler/icons-react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type BreadcrumbProps = React.ComponentProps<'nav'>\n\nexport type BreadcrumbListProps = React.ComponentProps<'ol'>\n\nexport type BreadcrumbItemProps = React.ComponentProps<'li'>\n\nexport type BreadcrumbLinkProps = AsChildProps<'a'>\n\nexport type BreadcrumbPageProps = React.ComponentProps<'span'>\n\nexport type BreadcrumbSeparatorProps = React.ComponentProps<'li'>\n\nexport type BreadcrumbEllipsisProps = React.ComponentProps<'span'>\n\nfunction Breadcrumb({ className, ...props }: BreadcrumbProps) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn(className)} {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1', className)} {...props} />\n}\n\nfunction BreadcrumbLink({ className, ...props }: BreadcrumbLinkProps) {\n  return useAsChild('a', {\n    'data-slot': 'breadcrumb-link',\n    className: cn('transition-colors hover:text-foreground', className),\n    ...props\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn('font-normal text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <IconChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-5 items-center justify-center [&>svg]:size-4', className)}\n      {...props}\n    >\n      <IconDots />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator\n}\n"],"mappings":"oPAqBA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MAAO,kBAAC,MAAD,CAAK,aAAW,aAAa,YAAU,aAAa,UAAWC,EAAGC,CAAS,EAAG,GAAIF,CAAQ,CAAA,CACnG,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MACE,kBAAC,KAAD,CACE,YAAU,kBACV,UAAWC,EAAG,oFAAqFC,CAAS,EAC5G,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MAAO,kBAAC,KAAD,CAAI,YAAU,kBAAkB,UAAWC,EAAG,iCAAkCC,CAAS,EAAG,GAAIF,CAAQ,CAAA,CACjH,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,OAAOG,EAAW,IAAK,CACrB,YAAa,kBACb,UAAWF,EAAG,0CAA2CC,CAAS,EAClE,GAAGF,CACL,CAAC,CACH,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MACE,kBAAC,OAAD,CACE,YAAU,kBACV,eAAa,OACb,UAAWC,EAAG,8BAA+BC,CAAS,EACtD,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,oBAAoB,CAAE,WAAU,YAAW,GAAGA,GAAmC,CACxF,MACE,kBAAC,KAAD,CACE,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAG,mBAAoBC,CAAS,EAC3C,GAAIF,EAEH,SAAAI,GAAY,kBAACC,EAAD,CAAmB,CAAA,CAC9B,CAAA,CAER,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAGL,GAAkC,CAC5E,MACE,kBAAC,OAAD,CACE,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAG,yDAA0DC,CAAS,EACjF,GAAIF,EALN,SAAA,CAOE,kBAACM,EAAD,CAAW,CAAA,EACX,kBAAC,OAAD,CAAM,UAAU,UAAU,SAAA,MAAU,CAAA,CAChC,GAEV"}
+{"version":3,"file":"breadcrumb.js","names":["props","cn","className","useAsChild","children","IconChevronRight","IconDots"],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronRight, IconDots } from '@tabler/icons-react'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type BreadcrumbProps = React.ComponentProps<'nav'>\n\nexport type BreadcrumbListProps = React.ComponentProps<'ol'>\n\nexport type BreadcrumbItemProps = React.ComponentProps<'li'>\n\nexport type BreadcrumbLinkProps = AsChildProps<'a'>\n\nexport type BreadcrumbPageProps = React.ComponentProps<'span'>\n\nexport type BreadcrumbSeparatorProps = React.ComponentProps<'li'>\n\nexport type BreadcrumbEllipsisProps = React.ComponentProps<'span'>\n\nfunction Breadcrumb({ className, ...props }: BreadcrumbProps) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn(className)} {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1', className)} {...props} />\n}\n\nfunction BreadcrumbLink({ className, ...props }: BreadcrumbLinkProps) {\n  return useAsChild('a', {\n    'data-slot': 'breadcrumb-link',\n    className: cn('transition-colors hover:text-foreground', className),\n    ...props\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn('font-normal text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <IconChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-5 items-center justify-center [&>svg]:size-4', className)}\n      {...props}\n    >\n      <IconDots />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator\n}\n"],"mappings":"A,oPAqBA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MAAO,kBAAC,MAAD,CAAK,aAAW,aAAa,YAAU,aAAa,UAAWC,EAAGC,CAAS,EAAG,GAAIF,CAAQ,CAAA,CACnG,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MACE,kBAAC,KAAD,CACE,YAAU,kBACV,UAAWC,EAAG,oFAAqFC,CAAS,EAC5G,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MAAO,kBAAC,KAAD,CAAI,YAAU,kBAAkB,UAAWC,EAAG,iCAAkCC,CAAS,EAAG,GAAIF,CAAQ,CAAA,CACjH,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,OAAOG,EAAW,IAAK,CACrB,YAAa,kBACb,UAAWF,EAAG,0CAA2CC,CAAS,EAClE,GAAGF,CACL,CAAC,CACH,CAEA,SAAS,eAAe,CAAE,YAAW,GAAGA,GAA8B,CACpE,MACE,kBAAC,OAAD,CACE,YAAU,kBACV,eAAa,OACb,UAAWC,EAAG,8BAA+BC,CAAS,EACtD,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,oBAAoB,CAAE,WAAU,YAAW,GAAGA,GAAmC,CACxF,MACE,kBAAC,KAAD,CACE,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAG,mBAAoBC,CAAS,EAC3C,GAAIF,EAEH,SAAAI,GAAY,kBAACC,EAAD,CAAmB,CAAA,CAC9B,CAAA,CAER,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAGL,GAAkC,CAC5E,MACE,kBAAC,OAAD,CACE,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAG,yDAA0DC,CAAS,EACjF,GAAIF,EALN,SAAA,CAOE,kBAACM,EAAD,CAAW,CAAA,EACX,kBAAC,OAAD,CAAM,UAAU,UAAU,SAAA,MAAU,CAAA,CAChC,C,EAEV,C"}

package/dist/components/button-group.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import { Separator } from "./separator.js";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -12,6 +11,5 @@ export type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
 declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): import("react").JSX.Element;
 declare function ButtonGroupText({ className, ...props }: ButtonGroupTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): import("react").JSX.Element;
-//#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["resolveClassName","buttonGroupVariants","cva","props","orientation","cn","className","useAsChild","Separator","state"],"sources":["../../src/components/button-group.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Separator } from './separator'\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!'\n      }\n    },\n    defaultVariants: {\n      orientation: 'horizontal'\n    }\n  }\n)\n\nexport type ButtonGroupProps = React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>\n\nexport type ButtonGroupTextProps = AsChildProps<'div'>\n\nexport type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>\n\nfunction ButtonGroup({ className, orientation, ...props }: ButtonGroupProps) {\n  return (\n    <div\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({ className, ...props }: ButtonGroupTextProps) {\n  return useAsChild('div', {\n    className: cn(\n      \"flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n      className\n    ),\n    ...props\n  })\n}\n\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: ButtonGroupSeparatorProps) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={(state) =>\n        cn(\n          'relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants }\n"],"mappings":"qTAOA,MAAMC,EAAsBC,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WACE,wKACF,SACE,gLACJ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,EAQA,SAAS,YAAY,CAAE,YAAW,cAAa,GAAGC,GAA2B,CAC3E,MACE,kBAAC,MAAD,CACE,YAAU,eACV,mBAAkBC,EAClB,UAAWC,EAAGJ,EAAoB,CAAE,aAAY,CAAC,EAAGK,CAAS,EAC7D,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAGA,GAA+B,CACtE,OAAOI,EAAW,MAAO,CACvB,UAAWF,EACT,iJACAC,CACF,EACA,GAAGH,CACL,CAAC,CACH,CAEA,SAAS,qBAAqB,CAAE,YAAW,cAAc,WAAY,GAAGA,GAAoC,CAC1G,MACE,kBAACK,EAAD,CACE,YAAU,yBACG,cACb,UAAY,GACVH,EACE,uHACAL,EAAiBM,EAAWG,CAAK,CACnC,EAEF,GAAIN,CACL,CAAA,CAEL"}
+{"version":3,"file":"button-group.js","names":["resolveClassName","buttonGroupVariants","cva","props","orientation","cn","className","useAsChild","Separator","state"],"sources":["../../src/components/button-group.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Separator } from './separator'\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!'\n      }\n    },\n    defaultVariants: {\n      orientation: 'horizontal'\n    }\n  }\n)\n\nexport type ButtonGroupProps = React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>\n\nexport type ButtonGroupTextProps = AsChildProps<'div'>\n\nexport type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>\n\nfunction ButtonGroup({ className, orientation, ...props }: ButtonGroupProps) {\n  return (\n    <div\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({ className, ...props }: ButtonGroupTextProps) {\n  return useAsChild('div', {\n    className: cn(\n      \"flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n      className\n    ),\n    ...props\n  })\n}\n\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: ButtonGroupSeparatorProps) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={(state) =>\n        cn(\n          'relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants }\n"],"mappings":"A,qTAOA,MAAMC,EAAsBC,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WACE,wKACF,SACE,gLACJ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,EAQA,SAAS,YAAY,CAAE,YAAW,cAAa,GAAGC,GAA2B,CAC3E,MACE,kBAAC,MAAD,CACE,YAAU,eACV,mBAAkBC,EAClB,UAAWC,EAAGJ,EAAoB,CAAE,aAAY,CAAC,EAAGK,CAAS,EAC7D,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAGA,GAA+B,CACtE,OAAOI,EAAW,MAAO,CACvB,UAAWF,EACT,iJACAC,CACF,EACA,GAAGH,CACL,CAAC,CACH,CAEA,SAAS,qBAAqB,CAAE,YAAW,cAAc,WAAY,GAAGA,GAAoC,CAC1G,MACE,kBAACK,EAAD,CACE,YAAU,yBACG,cACb,UAAY,GACVH,EACE,uHACAL,EAAiBM,EAAWG,CAAK,CACnC,EAEF,GAAIN,CACL,CAAA,CAEL,C"}

package/dist/components/button.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "ghost" | "link" | "outline" | "secondary" | "solid" | "subtle" | null | undefined;
   color?: "blue" | "brand" | "gray" | "green" | "indigo" | "pink" | "primary" | "red" | "yellow" | "zinc" | null | undefined;
@@ -16,6 +15,5 @@ export type ButtonProps = AsChildProps<'button'> & VariantProps<typeof buttonVar
   loading?: boolean;
 };
 declare function Button({ children, className, variant, color, size, asChild, disabled, loading, onClick, ...props }: ButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-//#endregion
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{buttonColorVariants as n}from"../lib/button.js";import{Spinner as r}from"./spinner.js";import*as i from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";const l=c(`focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 relative rounded-full border border-transparent bg-clip-padding text-sm font-semibold focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all [&_svg]:transition-colors disabled:pointer-events-none disabled:opacity-50 disabled:data-[loading=true]:pointer-events-auto disabled:data-[loading=true]:cursor-not-allowed disabled:data-[loading=true]:opacity-100 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:data-[loading=true]:pointer-events-auto aria-disabled:data-[loading=true]:cursor-not-allowed aria-disabled:data-[loading=true]:opacity-100 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none`,{variants:{variant:{solid:`bg-(--button-solid) text-(--button-solid-foreground) hover:bg-(--button-solid-hover) data-[loading=true]:hover:bg-(--button-solid)`,secondary:`border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50`,outline:`border-(--button-outline-border) bg-transparent text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) hover:[&_svg]:text-(--button-solid-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-outline-foreground) data-[loading=true]:hover:[&_svg]:text-(--button-outline-foreground) aria-expanded:bg-(--button-solid) aria-expanded:text-(--button-solid-foreground) aria-expanded:[&_svg]:text-(--button-solid-foreground)`,subtle:`bg-(--button-soft) text-(--button-soft-foreground) hover:bg-(--button-soft-hover) hover:text-(--button-soft-foreground) data-[loading=true]:hover:bg-(--button-soft) data-[loading=true]:hover:text-(--button-soft-foreground) aria-expanded:bg-(--button-soft-hover) aria-expanded:text-(--button-soft-foreground)`,ghost:`text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-ghost-foreground) aria-expanded:bg-(--button-ghost-hover) aria-expanded:text-(--button-ghost-foreground)`,link:`text-(--button-link-foreground) underline-offset-4 hover:underline data-[loading=true]:hover:no-underline`},color:n,size:{xs:`h-7 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,lg:`h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-3 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 in-data-[slot=button-group]:rounded-lg`,"icon-lg":`size-10`,"icon-xl":`size-11`}},defaultVariants:{variant:`solid`,color:`primary`,size:`md`}});function renderLoadingContent(e){return/* @__PURE__ */ s(a,{children:[/* @__PURE__ */ o(`span`,{className:`invisible inline-flex items-center gap-[inherit]`,children:e}),/* @__PURE__ */ o(`span`,{className:`absolute inset-0 inline-flex items-center justify-center`,children:/* @__PURE__ */ o(r,{})})]})}function Button({children:n,className:r,variant:a=`solid`,color:o=`primary`,size:s=`md`,asChild:c=!1,disabled:u,loading:d=!1,onClick:f,...p}){let m=u||d,h=c&&m,g=n;if(d&&c){let e=i.Children.only(n);g=i.cloneElement(e,void 0,renderLoadingContent(e.props.children))}else d&&(g=renderLoadingContent(n));return e(`button`,{asChild:c,type:c?void 0:`button`,"data-slot":`button`,"data-variant":a,"data-color":o,"data-size":s,"data-loading":d,"aria-busy":d?!0:void 0,"aria-disabled":h?!0:void 0,disabled:c?void 0:m,onClick:h?e=>e.preventDefault():f,className:t(l({variant:a,color:o,size:s,className:r})),...p,children:g})}export{Button,l as buttonVariants};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{buttonColorVariants as t}from"../lib/button.js";import{cn as n}from"../lib/utils.js";import{Spinner as r}from"./spinner.js";import*as i from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";const l=c(`focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 relative rounded-full border border-transparent bg-clip-padding text-sm font-semibold focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all [&_svg]:transition-colors disabled:pointer-events-none disabled:opacity-50 disabled:data-[loading=true]:pointer-events-auto disabled:data-[loading=true]:cursor-not-allowed disabled:data-[loading=true]:opacity-100 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:data-[loading=true]:pointer-events-auto aria-disabled:data-[loading=true]:cursor-not-allowed aria-disabled:data-[loading=true]:opacity-100 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none`,{variants:{variant:{solid:`bg-(--button-solid) text-(--button-solid-foreground) hover:bg-(--button-solid-hover) data-[loading=true]:hover:bg-(--button-solid)`,secondary:`border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50`,outline:`border-(--button-outline-border) bg-transparent text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) hover:[&_svg]:text-(--button-solid-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-outline-foreground) data-[loading=true]:hover:[&_svg]:text-(--button-outline-foreground) aria-expanded:bg-(--button-solid) aria-expanded:text-(--button-solid-foreground) aria-expanded:[&_svg]:text-(--button-solid-foreground)`,subtle:`bg-(--button-soft) text-(--button-soft-foreground) hover:bg-(--button-soft-hover) hover:text-(--button-soft-foreground) data-[loading=true]:hover:bg-(--button-soft) data-[loading=true]:hover:text-(--button-soft-foreground) aria-expanded:bg-(--button-soft-hover) aria-expanded:text-(--button-soft-foreground)`,ghost:`text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-ghost-foreground) aria-expanded:bg-(--button-ghost-hover) aria-expanded:text-(--button-ghost-foreground)`,link:`text-(--button-link-foreground) underline-offset-4 hover:underline data-[loading=true]:hover:no-underline`},color:t,size:{xs:`h-7 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,lg:`h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-3 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 in-data-[slot=button-group]:rounded-lg`,"icon-lg":`size-10`,"icon-xl":`size-11`}},defaultVariants:{variant:`solid`,color:`primary`,size:`md`}});function renderLoadingContent(e){return/* @__PURE__ */ s(a,{children:[/* @__PURE__ */ o(`span`,{className:`invisible inline-flex items-center gap-[inherit]`,children:e}),/* @__PURE__ */ o(`span`,{className:`absolute inset-0 inline-flex items-center justify-center`,children:/* @__PURE__ */ o(r,{})})]})}function Button({children:t,className:r,variant:a=`solid`,color:o=`primary`,size:s=`md`,asChild:c=!1,disabled:u,loading:d=!1,onClick:f,...p}){let m=u||d,h=c&&m,g=t;if(d&&c){let e=i.Children.only(t);g=i.cloneElement(e,void 0,renderLoadingContent(e.props.children))}else d&&(g=renderLoadingContent(t));return e(`button`,{asChild:c,type:c?void 0:`button`,"data-slot":`button`,"data-variant":a,"data-color":o,"data-size":s,"data-loading":d,"aria-busy":d?!0:void 0,"aria-disabled":h?!0:void 0,disabled:c?void 0:m,onClick:h?e=>e.preventDefault():f,className:n(l({variant:a,color:o,size:s,className:r})),...p,children:g})}export{Button,l as buttonVariants};
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["React","buttonVariants","cva","buttonColorVariants","Fragment","Spinner","props","isDisabled","disabled","loading","isAriaDisabled","asChild","content","children","child","useAsChild","variant","color","size","event","onClick","cn"],"sources":["../../src/components/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { buttonColorVariants } from '../lib/button'\nimport { cn } from '../lib/utils'\nimport { Spinner } from './spinner'\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 relative rounded-full border border-transparent bg-clip-padding text-sm font-semibold focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all [&_svg]:transition-colors disabled:pointer-events-none disabled:opacity-50 disabled:data-[loading=true]:pointer-events-auto disabled:data-[loading=true]:cursor-not-allowed disabled:data-[loading=true]:opacity-100 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:data-[loading=true]:pointer-events-auto aria-disabled:data-[loading=true]:cursor-not-allowed aria-disabled:data-[loading=true]:opacity-100 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        solid:\n          'bg-(--button-solid) text-(--button-solid-foreground) hover:bg-(--button-solid-hover) data-[loading=true]:hover:bg-(--button-solid)',\n        secondary:\n          'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n        outline:\n          'border-(--button-outline-border) bg-transparent text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) hover:[&_svg]:text-(--button-solid-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-outline-foreground) data-[loading=true]:hover:[&_svg]:text-(--button-outline-foreground) aria-expanded:bg-(--button-solid) aria-expanded:text-(--button-solid-foreground) aria-expanded:[&_svg]:text-(--button-solid-foreground)',\n        subtle:\n          'bg-(--button-soft) text-(--button-soft-foreground) hover:bg-(--button-soft-hover) hover:text-(--button-soft-foreground) data-[loading=true]:hover:bg-(--button-soft) data-[loading=true]:hover:text-(--button-soft-foreground) aria-expanded:bg-(--button-soft-hover) aria-expanded:text-(--button-soft-foreground)',\n        ghost:\n          'text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-ghost-foreground) aria-expanded:bg-(--button-ghost-hover) aria-expanded:text-(--button-ghost-foreground)',\n        link: 'text-(--button-link-foreground) underline-offset-4 hover:underline data-[loading=true]:hover:no-underline'\n      },\n      color: buttonColorVariants,\n      size: {\n        xs: \"h-7 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        md: 'h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        lg: 'h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        xl: 'h-11 gap-2 px-3 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4',\n        icon: 'size-9',\n        'icon-xs': \"size-7 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-8 in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-10',\n        'icon-xl': 'size-11'\n      }\n    },\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport type ButtonProps = AsChildProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Shows a spinner, disables the button and sets `aria-busy`.\n     * @default false\n     */\n    loading?: boolean\n  }\n\nfunction renderLoadingContent(children: React.ReactNode) {\n  return (\n    <>\n      <span className=\"invisible inline-flex items-center gap-[inherit]\">{children}</span>\n      <span className=\"absolute inset-0 inline-flex items-center justify-center\">\n        <Spinner />\n      </span>\n    </>\n  )\n}\n\nfunction Button({\n  children,\n  className,\n  variant = 'solid',\n  color = 'primary',\n  size = 'md',\n  asChild = false,\n  disabled,\n  loading = false,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const isDisabled = disabled || loading\n  // A non-button child (e.g. a link) can't be natively disabled, so it gets `aria-disabled` and a\n  // click guard instead.\n  const isAriaDisabled = asChild && isDisabled\n\n  let content = children\n  if (loading && asChild) {\n    const child = React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }>\n    content = React.cloneElement(child, undefined, renderLoadingContent(child.props.children))\n  } else if (loading) {\n    content = renderLoadingContent(children)\n  }\n\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? 'button' : undefined,\n    'data-slot': 'button',\n    'data-variant': variant,\n    'data-color': color,\n    'data-size': size,\n    'data-loading': loading,\n    'aria-busy': loading ? true : undefined,\n    'aria-disabled': isAriaDisabled ? true : undefined,\n    disabled: asChild ? undefined : isDisabled,\n    onClick: isAriaDisabled ? (event: React.MouseEvent) => event.preventDefault() : onClick,\n    className: cn(buttonVariants({ variant, color, size, className })),\n    ...props,\n    children: content\n  })\n}\n\nexport { Button, buttonVariants }\n"],"mappings":"kWASA,MAAMC,EAAiBC,EACrB,w7BACA,CACE,SAAU,CACR,QAAS,CACP,MACE,qIACF,UACE,kLACF,QACE,wfACF,OACE,sTACF,MACE,qSACF,KAAM,2GACR,EACA,MAAOC,EACP,KAAM,CACJ,GAAI,2KACJ,GAAI,qLACJ,GAAI,8HACJ,GAAI,wFACJ,GAAI,oFACJ,KAAM,SACN,UAAW,qFACX,UAAW,gDACX,UAAW,UACX,UAAW,SACb,CACF,EACA,gBAAiB,CACf,QAAS,QACT,MAAO,UACP,KAAM,IACR,CACF,CACF,EAWA,SAAS,qBAAqB,EAA2B,CACvD,MACE,kBAAAC,EAAA,CAAA,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,mDAAoD,UAAe,CAAA,EACnF,kBAAC,OAAD,CAAM,UAAU,2DACd,SAAA,kBAACC,EAAD,CAAU,CAAA,CACN,CAAA,CACN,CAAA,CAAA,CAEN,CAEA,SAAS,OAAO,CACd,WACA,YACA,UAAU,QACV,QAAQ,UACR,OAAO,KACP,UAAU,GACV,WACA,UAAU,GACV,UACA,GAAGC,GACW,CACd,IAAMC,EAAaC,GAAYC,EAGzBC,EAAiBC,GAAWJ,EAE9BK,EAAUC,EACd,GAAIJ,GAAWE,EAAS,CACtB,IAAMG,EAAQd,EAAM,SAAS,KAAKa,CAAQ,EAC1C,EAAUb,EAAM,aAAac,EAAO,IAAA,GAAW,qBAAqBA,EAAM,MAAM,QAAQ,CAAC,CAC3F,MAAWL,IACT,EAAU,qBAAqBI,CAAQ,GAGzC,OAAOE,EAAW,SAAU,CAC1B,UACA,KAAOJ,EAAqB,IAAA,GAAX,SACjB,YAAa,SACb,eAAgBK,EAChB,aAAcC,EACd,YAAaC,EACb,eAAgBT,EAChB,YAAaA,EAAU,GAAO,IAAA,GAC9B,gBAAiBC,EAAiB,GAAO,IAAA,GACzC,SAAUC,EAAU,IAAA,GAAYJ,EAChC,QAASG,EAAkB,GAA4BS,EAAM,eAAe,EAAIC,EAChF,UAAWC,EAAGpB,EAAe,CAAE,UAAS,QAAO,OAAM,WAAU,CAAC,CAAC,EACjE,GAAGK,EACH,SAAUM,CACZ,CAAC,CACH"}
+{"version":3,"file":"button.js","names":["React","buttonVariants","cva","buttonColorVariants","Fragment","Spinner","props","isDisabled","disabled","loading","isAriaDisabled","asChild","content","children","child","useAsChild","variant","color","size","event","onClick","cn"],"sources":["../../src/components/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { buttonColorVariants } from '../lib/button'\nimport { cn } from '../lib/utils'\nimport { Spinner } from './spinner'\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 relative rounded-full border border-transparent bg-clip-padding text-sm font-semibold focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all [&_svg]:transition-colors disabled:pointer-events-none disabled:opacity-50 disabled:data-[loading=true]:pointer-events-auto disabled:data-[loading=true]:cursor-not-allowed disabled:data-[loading=true]:opacity-100 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:data-[loading=true]:pointer-events-auto aria-disabled:data-[loading=true]:cursor-not-allowed aria-disabled:data-[loading=true]:opacity-100 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        solid:\n          'bg-(--button-solid) text-(--button-solid-foreground) hover:bg-(--button-solid-hover) data-[loading=true]:hover:bg-(--button-solid)',\n        secondary:\n          'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n        outline:\n          'border-(--button-outline-border) bg-transparent text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) hover:[&_svg]:text-(--button-solid-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-outline-foreground) data-[loading=true]:hover:[&_svg]:text-(--button-outline-foreground) aria-expanded:bg-(--button-solid) aria-expanded:text-(--button-solid-foreground) aria-expanded:[&_svg]:text-(--button-solid-foreground)',\n        subtle:\n          'bg-(--button-soft) text-(--button-soft-foreground) hover:bg-(--button-soft-hover) hover:text-(--button-soft-foreground) data-[loading=true]:hover:bg-(--button-soft) data-[loading=true]:hover:text-(--button-soft-foreground) aria-expanded:bg-(--button-soft-hover) aria-expanded:text-(--button-soft-foreground)',\n        ghost:\n          'text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[loading=true]:hover:bg-transparent data-[loading=true]:hover:text-(--button-ghost-foreground) aria-expanded:bg-(--button-ghost-hover) aria-expanded:text-(--button-ghost-foreground)',\n        link: 'text-(--button-link-foreground) underline-offset-4 hover:underline data-[loading=true]:hover:no-underline'\n      },\n      color: buttonColorVariants,\n      size: {\n        xs: \"h-7 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        md: 'h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        lg: 'h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        xl: 'h-11 gap-2 px-3 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4',\n        icon: 'size-9',\n        'icon-xs': \"size-7 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-8 in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-10',\n        'icon-xl': 'size-11'\n      }\n    },\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport type ButtonProps = AsChildProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Shows a spinner, disables the button and sets `aria-busy`.\n     * @default false\n     */\n    loading?: boolean\n  }\n\nfunction renderLoadingContent(children: React.ReactNode) {\n  return (\n    <>\n      <span className=\"invisible inline-flex items-center gap-[inherit]\">{children}</span>\n      <span className=\"absolute inset-0 inline-flex items-center justify-center\">\n        <Spinner />\n      </span>\n    </>\n  )\n}\n\nfunction Button({\n  children,\n  className,\n  variant = 'solid',\n  color = 'primary',\n  size = 'md',\n  asChild = false,\n  disabled,\n  loading = false,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const isDisabled = disabled || loading\n  // A non-button child (e.g. a link) can't be natively disabled, so it gets `aria-disabled` and a\n  // click guard instead.\n  const isAriaDisabled = asChild && isDisabled\n\n  let content = children\n  if (loading && asChild) {\n    const child = React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }>\n    content = React.cloneElement(child, undefined, renderLoadingContent(child.props.children))\n  } else if (loading) {\n    content = renderLoadingContent(children)\n  }\n\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? 'button' : undefined,\n    'data-slot': 'button',\n    'data-variant': variant,\n    'data-color': color,\n    'data-size': size,\n    'data-loading': loading,\n    'aria-busy': loading ? true : undefined,\n    'aria-disabled': isAriaDisabled ? true : undefined,\n    disabled: asChild ? undefined : isDisabled,\n    onClick: isAriaDisabled ? (event: React.MouseEvent) => event.preventDefault() : onClick,\n    className: cn(buttonVariants({ variant, color, size, className })),\n    ...props,\n    children: content\n  })\n}\n\nexport { Button, buttonVariants }\n"],"mappings":"A,kWASA,MAAMC,EAAiBC,EACrB,w7BACA,CACE,SAAU,CACR,QAAS,CACP,MACE,qIACF,UACE,kLACF,QACE,wfACF,OACE,sTACF,MACE,qSACF,KAAM,2GACR,EACA,MAAOC,EACP,KAAM,CACJ,GAAI,2KACJ,GAAI,qLACJ,GAAI,8HACJ,GAAI,wFACJ,GAAI,oFACJ,KAAM,SACN,UAAW,qFACX,UAAW,gDACX,UAAW,UACX,UAAW,SACb,CACF,EACA,gBAAiB,CACf,QAAS,QACT,MAAO,UACP,KAAM,IACR,CACF,CACF,EAWA,SAAS,qBAAqB,EAA2B,CACvD,MACE,kBAAAC,EAAA,CAAA,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,mDAAoD,UAAe,CAAA,EACnF,kBAAC,OAAD,CAAM,UAAU,2DACd,SAAA,kBAACC,EAAD,CAAU,CAAA,CACN,CAAA,CACN,CAAA,CAAA,CAEN,CAEA,SAAS,OAAO,CACd,WACA,YACA,UAAU,QACV,QAAQ,UACR,OAAO,KACP,UAAU,GACV,WACA,UAAU,GACV,UACA,GAAGC,GACW,CACd,IAAMC,EAAaC,GAAYC,EAGzBC,EAAiBC,GAAWJ,EAE9BK,EAAUC,EACd,GAAIJ,GAAWE,EAAS,CACtB,IAAMG,EAAQd,EAAM,SAAS,KAAKa,CAAQ,EAC1C,EAAUb,EAAM,aAAac,EAAO,IAAA,GAAW,qBAAqBA,EAAM,MAAM,QAAQ,CAAC,CAC3F,MAAWL,IACT,EAAU,qBAAqBI,CAAQ,GAGzC,OAAOE,EAAW,SAAU,CAC1B,UACA,KAAOJ,EAAqB,IAAA,GAAX,SACjB,YAAa,SACb,eAAgBK,EAChB,aAAcC,EACd,YAAaC,EACb,eAAgBT,EAChB,YAAaA,EAAU,GAAO,IAAA,GAC9B,gBAAiBC,EAAiB,GAAO,IAAA,GACzC,SAAUC,EAAU,IAAA,GAAYJ,EAChC,QAASG,EAAkB,GAA4BS,EAAM,eAAe,EAAIC,EAChF,UAAWC,EAAGpB,EAAe,CAAE,UAAS,QAAO,OAAM,WAAU,CAAC,CAAC,EACjE,GAAGK,EACH,SAAUM,CACZ,CAAC,CACH,C"}

package/dist/components/calendar.d.ts

@@ -3,7 +3,6 @@ import { Button } from "./button.js";
 import * as React from "react";
 import { DateRange, DayButton, DayPicker, Locale } from "react-day-picker";
 import * as locale from "react-day-picker/locale";
-//#region src/components/calendar.d.ts
 export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
   /**
    * `Button` variant of the previous/next month buttons.
@@ -16,6 +15,5 @@ export type CalendarDayButtonProps = Omit<React.ComponentProps<typeof DayButton>
 };
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: CalendarProps): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: CalendarDayButtonProps): React.JSX.Element;
-//#endregion
 export { Calendar, CalendarDayButton, type DateRange, locale };
 //# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t,buttonVariants as n}from"./button.js";import{IconChevronDown as r,IconChevronLeft as i,IconChevronRight as a}from"@tabler/icons-react";import*as o from"react";import{jsx as s}from"react/jsx-runtime";import{DayPicker as c,getDefaultClassNames as l}from"react-day-picker";import*as u from"react-day-picker/locale";function Calendar({className:t,classNames:o,showOutsideDays:u=!0,captionLayout:d=`label`,buttonVariant:f=`ghost`,locale:p,formatters:m,components:h,...g}){let _=l();return/* @__PURE__ */ s(c,{showOutsideDays:u,className:e(`group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:d,locale:p,formatters:{formatMonthDropdown:e=>e.toLocaleString(p?.code,{month:`short`}),...m},classNames:{root:e(`w-fit`,_.root),months:e(`relative flex gap-4`,_.months),month:e(`flex w-full flex-col gap-4`,_.month),nav:e(`absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1`,_.nav),button_previous:e(n({variant:f}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,_.button_previous),button_next:e(n({variant:f}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,_.button_next),month_caption:e(`flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)`,_.month_caption),dropdowns:e(`flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium`,_.dropdowns),dropdown_root:e(`relative rounded-(--cell-radius)`,_.dropdown_root),dropdown:e(`absolute inset-0 bg-popover opacity-0`,_.dropdown),caption_label:e(`font-medium select-none`,d===`label`?`text-sm`:`flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground`,_.caption_label),month_grid:`w-full border-collapse`,weekdays:e(`flex`,_.weekdays),weekday:e(`flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none`,_.weekday),week:e(`mt-2 flex w-full`,_.week),week_number_header:e(`w-(--cell-size) text-xs font-normal text-muted-foreground select-none`,_.week_number_header),week_number:e(`text-xs font-normal tabular-nums text-muted-foreground select-none`,_.week_number),day:e(`group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)`,g.showWeekNumber?`[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)`:`[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)`,_.day),range_start:e(`relative isolate z-0 rounded-l-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950`,_.range_start),range_middle:e(`rounded-none`,_.range_middle),range_end:e(`relative isolate z-0 rounded-r-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950`,_.range_end),today:e(`rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none`,_.today),outside:e(`text-muted-foreground aria-selected:text-muted-foreground`,_.outside),disabled:e(`text-muted-foreground opacity-50`,_.disabled),hidden:e(`invisible`,_.hidden),...o},components:{Root:({className:t,rootRef:n,...r})=>/* @__PURE__ */ s(`div`,{"data-slot":`calendar`,ref:n,className:e(t),...r}),Chevron:({className:t,orientation:n,...o})=>s(n===`left`?i:n===`right`?a:r,{className:e(`size-4`,t),...o}),DayButton:({...e})=>/* @__PURE__ */ s(CalendarDayButton,{locale:p,...e}),WeekNumber:({children:e,...t})=>/* @__PURE__ */ s(`td`,{...t,children:/* @__PURE__ */ s(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center text-xs font-normal tabular-nums`,children:e})}),...h},...g})}function CalendarDayButton({className:n,day:r,modifiers:i,locale:a,...c}){let u=l(),d=r.date.getDay()===0||r.date.getDay()===6,f=o.useRef(null);return o.useEffect(()=>{i.focused&&f.current?.focus()},[i.focused]),/* @__PURE__ */ s(t,{ref:f,variant:`ghost`,size:`icon`,color:`zinc`,"data-day":r.date.toLocaleDateString(a?.code),"data-weekend":d,"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:e(`relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 text-foreground leading-none font-normal`,`hover:bg-primary-50 hover:text-foreground dark:hover:bg-primary-950 dark:hover:text-foreground`,`group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50`,`data-[weekend=true]:text-destructive data-[weekend=true]:hover:bg-red-50 data-[weekend=true]:hover:text-destructive dark:data-[weekend=true]:hover:bg-red-950`,`data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary-50 data-[range-middle=true]:text-foreground data-[range-middle=true]:hover:bg-primary-50 data-[range-middle=true]:hover:text-foreground dark:data-[range-middle=true]:bg-primary-950 dark:data-[range-middle=true]:hover:bg-primary-950`,`data-[range-middle=true]:data-[weekend=true]:text-destructive data-[range-middle=true]:data-[weekend=true]:hover:bg-red-50 data-[range-middle=true]:data-[weekend=true]:hover:text-destructive dark:data-[range-middle=true]:data-[weekend=true]:hover:bg-red-950`,`data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary-500 data-[range-end=true]:text-white data-[range-end=true]:hover:bg-primary-500 data-[range-end=true]:hover:text-white dark:data-[range-end=true]:hover:bg-primary-500`,`data-[range-end=true]:data-[weekend=true]:text-white data-[range-end=true]:data-[weekend=true]:hover:text-white`,`data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary-500 data-[range-start=true]:text-white data-[range-start=true]:hover:bg-primary-500 data-[range-start=true]:hover:text-white dark:data-[range-start=true]:hover:bg-primary-500`,`data-[range-start=true]:data-[weekend=true]:text-white data-[range-start=true]:data-[weekend=true]:hover:text-white`,`data-[selected-single=true]:bg-primary-500 data-[selected-single=true]:text-white data-[selected-single=true]:hover:bg-primary-500 data-[selected-single=true]:hover:text-white dark:data-[selected-single=true]:hover:bg-primary-500`,`data-[selected-single=true]:data-[weekend=true]:text-white data-[selected-single=true]:data-[weekend=true]:hover:text-white`,`[&>span]:text-xs [&>span]:opacity-70`,u.day,n),...c})}export{Calendar,CalendarDayButton,u as locale};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t,buttonVariants as n}from"./button.js";import{IconChevronDown as r,IconChevronLeft as i,IconChevronRight as a}from"@tabler/icons-react";import*as o from"react";import{jsx as s}from"react/jsx-runtime";import{DayPicker as c,getDefaultClassNames as l,useDayPicker as u}from"react-day-picker";import*as d from"react-day-picker/locale";function Calendar({className:t,classNames:r,showOutsideDays:i=!0,captionLayout:a=`label`,buttonVariant:o=`ghost`,locale:u,formatters:d,components:f,...p}){let m=l();return/* @__PURE__ */ s(c,{showOutsideDays:i,className:e(`group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:a,locale:u,formatters:{formatMonthDropdown:e=>e.toLocaleString(u?.code,{month:`short`}),...d},classNames:{root:e(`w-fit`,m.root),months:e(`relative flex gap-4`,m.months),month:e(`flex w-full flex-col gap-4`,m.month),nav:e(`absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1`,m.nav),button_previous:e(n({variant:o}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,m.button_previous),button_next:e(n({variant:o}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,m.button_next),month_caption:e(`flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)`,m.month_caption),dropdowns:e(`flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium`,m.dropdowns),dropdown_root:e(`relative rounded-(--cell-radius)`,m.dropdown_root),dropdown:e(`absolute inset-0 bg-popover opacity-0`,m.dropdown),caption_label:e(`font-medium select-none`,a===`label`?`text-sm`:`flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground`,m.caption_label),month_grid:`w-full border-collapse`,weekdays:e(`flex`,m.weekdays),weekday:e(`flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none`,m.weekday),week:e(`mt-2 flex w-full`,m.week),week_number_header:e(`w-(--cell-size) text-xs font-normal text-muted-foreground select-none`,m.week_number_header),week_number:e(`text-xs font-normal tabular-nums text-muted-foreground select-none`,m.week_number),day:e(`group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)`,p.showWeekNumber?`[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)`:`[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)`,m.day),range_start:e(`relative isolate z-0 rounded-l-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950`,m.range_start),range_middle:e(`rounded-none`,m.range_middle),range_end:e(`relative isolate z-0 rounded-r-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950`,m.range_end),today:e(`rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none`,m.today),outside:e(`text-muted-foreground aria-selected:text-muted-foreground`,m.outside),disabled:e(`text-muted-foreground opacity-50`,m.disabled),hidden:e(`invisible`,m.hidden),...r},components:{Root:CalendarRoot,Chevron:CalendarChevron,DayButton:CalendarDayButtonSlot,WeekNumber:CalendarWeekNumber,...f},...p})}function CalendarRoot({className:t,rootRef:n,...r}){return/* @__PURE__ */ s(`div`,{"data-slot":`calendar`,ref:n,className:e(t),...r})}function CalendarChevron({className:t,orientation:n,...o}){return s(n===`left`?i:n===`right`?a:r,{className:e(`size-4`,t),...o})}function CalendarDayButtonSlot(e){let{dayPickerProps:t}=u();return/* @__PURE__ */ s(CalendarDayButton,{locale:t.locale,...e})}function CalendarWeekNumber({children:e,...t}){return/* @__PURE__ */ s(`td`,{...t,children:/* @__PURE__ */ s(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center text-xs font-normal tabular-nums`,children:e})})}function CalendarDayButton({className:n,day:r,modifiers:i,locale:a,...c}){let u=l(),d=r.date.getDay()===0||r.date.getDay()===6,f=o.useRef(null);return o.useEffect(()=>{i.focused&&f.current?.focus()},[i.focused]),/* @__PURE__ */ s(t,{ref:f,variant:`ghost`,size:`icon`,color:`zinc`,"data-day":r.date.toLocaleDateString(a?.code),"data-weekend":d,"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:e(`relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 text-foreground leading-none font-normal`,`hover:bg-primary-50 hover:text-foreground dark:hover:bg-primary-950 dark:hover:text-foreground`,`group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50`,`data-[weekend=true]:text-destructive data-[weekend=true]:hover:bg-red-50 data-[weekend=true]:hover:text-destructive dark:data-[weekend=true]:hover:bg-red-950`,`data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary-50 data-[range-middle=true]:text-foreground data-[range-middle=true]:hover:bg-primary-50 data-[range-middle=true]:hover:text-foreground dark:data-[range-middle=true]:bg-primary-950 dark:data-[range-middle=true]:hover:bg-primary-950`,`data-[range-middle=true]:data-[weekend=true]:text-destructive data-[range-middle=true]:data-[weekend=true]:hover:bg-red-50 data-[range-middle=true]:data-[weekend=true]:hover:text-destructive dark:data-[range-middle=true]:data-[weekend=true]:hover:bg-red-950`,`data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary-500 data-[range-end=true]:text-white data-[range-end=true]:hover:bg-primary-500 data-[range-end=true]:hover:text-white dark:data-[range-end=true]:hover:bg-primary-500`,`data-[range-end=true]:data-[weekend=true]:text-white data-[range-end=true]:data-[weekend=true]:hover:text-white`,`data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary-500 data-[range-start=true]:text-white data-[range-start=true]:hover:bg-primary-500 data-[range-start=true]:hover:text-white dark:data-[range-start=true]:hover:bg-primary-500`,`data-[range-start=true]:data-[weekend=true]:text-white data-[range-start=true]:data-[weekend=true]:hover:text-white`,`data-[selected-single=true]:bg-primary-500 data-[selected-single=true]:text-white data-[selected-single=true]:hover:bg-primary-500 data-[selected-single=true]:hover:text-white dark:data-[selected-single=true]:hover:bg-primary-500`,`data-[selected-single=true]:data-[weekend=true]:text-white data-[selected-single=true]:data-[weekend=true]:hover:text-white`,`[&>span]:text-xs [&>span]:opacity-70`,u.day,n),...c})}export{Calendar,CalendarDayButton,d as locale};
 //# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":["React","locale","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","className","date","formatters","buttonVariants","buttonVariant","captionLayout","classNames","rootRef","jsx","orientation","IconChevronLeft","IconChevronRight","IconChevronDown","components","isWeekend","day","ref","modifiers","Button"],"sources":["../../src/components/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { type DateRange, type DayButton, DayPicker, getDefaultClassNames, type Locale } from 'react-day-picker'\nimport * as locale from 'react-day-picker/locale'\n\nimport { IconChevronDown, IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button, buttonVariants } from './button'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  /**\n   * `Button` variant of the previous/next month buttons.\n   * @default 'ghost'\n   */\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}\n\nexport type CalendarDayButtonProps = Omit<React.ComponentProps<typeof DayButton>, 'color'> & {\n  locale?: Partial<Locale>\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  locale,\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      locale={locale}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('relative flex gap-4', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn('relative rounded-(--cell-radius)', defaultClassNames.dropdown_root),\n        dropdown: cn('absolute inset-0 bg-popover opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'font-medium select-none',\n          captionLayout === 'label'\n            ? 'text-sm'\n            : 'flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground',\n          defaultClassNames.caption_label\n        ),\n        month_grid: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('mt-2 flex w-full', defaultClassNames.week),\n        week_number_header: cn(\n          'w-(--cell-size) text-xs font-normal text-muted-foreground select-none',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-xs font-normal tabular-nums text-muted-foreground select-none',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)',\n          props.showWeekNumber\n            ? '[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)'\n            : '[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'relative isolate z-0 rounded-l-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'relative isolate z-0 rounded-r-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none',\n          defaultClassNames.today\n        ),\n        outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div data-slot=\"calendar\" ref={rootRef as React.Ref<HTMLDivElement>} className={cn(className)} {...props} />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <IconChevronLeft className={cn('size-4', className)} {...props} />\n          }\n\n          if (orientation === 'right') {\n            return <IconChevronRight className={cn('size-4', className)} {...props} />\n          }\n\n          return <IconChevronDown className={cn('size-4', className)} {...props} />\n        },\n        DayButton: ({ ...props }) => <CalendarDayButton locale={locale} {...props} />,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center text-xs font-normal tabular-nums\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({ className, day, modifiers, locale, ...props }: CalendarDayButtonProps) {\n  const defaultClassNames = getDefaultClassNames()\n  const isWeekend = day.date.getDay() === 0 || day.date.getDay() === 6\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      color=\"zinc\"\n      data-day={day.date.toLocaleDateString(locale?.code)}\n      data-weekend={isWeekend}\n      data-selected-single={\n        modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 text-foreground leading-none font-normal',\n        'hover:bg-primary-50 hover:text-foreground dark:hover:bg-primary-950 dark:hover:text-foreground',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50',\n        'data-[weekend=true]:text-destructive data-[weekend=true]:hover:bg-red-50 data-[weekend=true]:hover:text-destructive dark:data-[weekend=true]:hover:bg-red-950',\n        'data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary-50 data-[range-middle=true]:text-foreground data-[range-middle=true]:hover:bg-primary-50 data-[range-middle=true]:hover:text-foreground dark:data-[range-middle=true]:bg-primary-950 dark:data-[range-middle=true]:hover:bg-primary-950',\n        'data-[range-middle=true]:data-[weekend=true]:text-destructive data-[range-middle=true]:data-[weekend=true]:hover:bg-red-50 data-[range-middle=true]:data-[weekend=true]:hover:text-destructive dark:data-[range-middle=true]:data-[weekend=true]:hover:bg-red-950',\n        'data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary-500 data-[range-end=true]:text-white data-[range-end=true]:hover:bg-primary-500 data-[range-end=true]:hover:text-white dark:data-[range-end=true]:hover:bg-primary-500',\n        'data-[range-end=true]:data-[weekend=true]:text-white data-[range-end=true]:data-[weekend=true]:hover:text-white',\n        'data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary-500 data-[range-start=true]:text-white data-[range-start=true]:hover:bg-primary-500 data-[range-start=true]:hover:text-white dark:data-[range-start=true]:hover:bg-primary-500',\n        'data-[range-start=true]:data-[weekend=true]:text-white data-[range-start=true]:data-[weekend=true]:hover:text-white',\n        'data-[selected-single=true]:bg-primary-500 data-[selected-single=true]:text-white data-[selected-single=true]:hover:bg-primary-500 data-[selected-single=true]:hover:text-white dark:data-[selected-single=true]:hover:bg-primary-500',\n        'data-[selected-single=true]:data-[weekend=true]:text-white data-[selected-single=true]:data-[weekend=true]:hover:text-white',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton, type DateRange, locale }\n"],"mappings":"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"}
+{"version":3,"file":"calendar.js","names":["React","locale","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","className","date","formatters","buttonVariants","buttonVariant","captionLayout","classNames","components","rootRef","jsx","orientation","IconChevronLeft","IconChevronRight","IconChevronDown","useDayPicker","dayPickerProps","isWeekend","day","ref","modifiers","Button"],"sources":["../../src/components/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type DateRange,\n  type DayButton,\n  DayPicker,\n  type Chevron as DayPickerChevron,\n  type Root as DayPickerRoot,\n  type WeekNumber as DayPickerWeekNumber,\n  getDefaultClassNames,\n  type Locale,\n  useDayPicker\n} from 'react-day-picker'\nimport * as locale from 'react-day-picker/locale'\n\nimport { IconChevronDown, IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button, buttonVariants } from './button'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  /**\n   * `Button` variant of the previous/next month buttons.\n   * @default 'ghost'\n   */\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}\n\nexport type CalendarDayButtonProps = Omit<React.ComponentProps<typeof DayButton>, 'color'> & {\n  locale?: Partial<Locale>\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  locale,\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      locale={locale}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('relative flex gap-4', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn('relative rounded-(--cell-radius)', defaultClassNames.dropdown_root),\n        dropdown: cn('absolute inset-0 bg-popover opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'font-medium select-none',\n          captionLayout === 'label'\n            ? 'text-sm'\n            : 'flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground',\n          defaultClassNames.caption_label\n        ),\n        month_grid: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('mt-2 flex w-full', defaultClassNames.week),\n        week_number_header: cn(\n          'w-(--cell-size) text-xs font-normal text-muted-foreground select-none',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-xs font-normal tabular-nums text-muted-foreground select-none',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)',\n          props.showWeekNumber\n            ? '[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)'\n            : '[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'relative isolate z-0 rounded-l-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'relative isolate z-0 rounded-r-(--cell-radius) bg-primary-50 after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-primary-50 dark:bg-primary-950 dark:after:bg-primary-950',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none',\n          defaultClassNames.today\n        ),\n        outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: CalendarRoot,\n        Chevron: CalendarChevron,\n        DayButton: CalendarDayButtonSlot,\n        WeekNumber: CalendarWeekNumber,\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarRoot({ className, rootRef, ...props }: React.ComponentProps<typeof DayPickerRoot>) {\n  return <div data-slot=\"calendar\" ref={rootRef as React.Ref<HTMLDivElement>} className={cn(className)} {...props} />\n}\n\nfunction CalendarChevron({ className, orientation, ...props }: React.ComponentProps<typeof DayPickerChevron>) {\n  if (orientation === 'left') {\n    return <IconChevronLeft className={cn('size-4', className)} {...props} />\n  }\n\n  if (orientation === 'right') {\n    return <IconChevronRight className={cn('size-4', className)} {...props} />\n  }\n\n  return <IconChevronDown className={cn('size-4', className)} {...props} />\n}\n\nfunction CalendarDayButtonSlot(props: React.ComponentProps<typeof DayButton>) {\n  const { dayPickerProps } = useDayPicker()\n  return <CalendarDayButton locale={dayPickerProps.locale} {...props} />\n}\n\nfunction CalendarWeekNumber({ children, ...props }: React.ComponentProps<typeof DayPickerWeekNumber>) {\n  return (\n    <td {...props}>\n      <div className=\"flex size-(--cell-size) items-center justify-center text-center text-xs font-normal tabular-nums\">\n        {children}\n      </div>\n    </td>\n  )\n}\n\nfunction CalendarDayButton({ className, day, modifiers, locale, ...props }: CalendarDayButtonProps) {\n  const defaultClassNames = getDefaultClassNames()\n  const isWeekend = day.date.getDay() === 0 || day.date.getDay() === 6\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      color=\"zinc\"\n      data-day={day.date.toLocaleDateString(locale?.code)}\n      data-weekend={isWeekend}\n      data-selected-single={\n        modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 text-foreground leading-none font-normal',\n        'hover:bg-primary-50 hover:text-foreground dark:hover:bg-primary-950 dark:hover:text-foreground',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50',\n        'data-[weekend=true]:text-destructive data-[weekend=true]:hover:bg-red-50 data-[weekend=true]:hover:text-destructive dark:data-[weekend=true]:hover:bg-red-950',\n        'data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary-50 data-[range-middle=true]:text-foreground data-[range-middle=true]:hover:bg-primary-50 data-[range-middle=true]:hover:text-foreground dark:data-[range-middle=true]:bg-primary-950 dark:data-[range-middle=true]:hover:bg-primary-950',\n        'data-[range-middle=true]:data-[weekend=true]:text-destructive data-[range-middle=true]:data-[weekend=true]:hover:bg-red-50 data-[range-middle=true]:data-[weekend=true]:hover:text-destructive dark:data-[range-middle=true]:data-[weekend=true]:hover:bg-red-950',\n        'data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary-500 data-[range-end=true]:text-white data-[range-end=true]:hover:bg-primary-500 data-[range-end=true]:hover:text-white dark:data-[range-end=true]:hover:bg-primary-500',\n        'data-[range-end=true]:data-[weekend=true]:text-white data-[range-end=true]:data-[weekend=true]:hover:text-white',\n        'data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary-500 data-[range-start=true]:text-white data-[range-start=true]:hover:bg-primary-500 data-[range-start=true]:hover:text-white dark:data-[range-start=true]:hover:bg-primary-500',\n        'data-[range-start=true]:data-[weekend=true]:text-white data-[range-start=true]:data-[weekend=true]:hover:text-white',\n        'data-[selected-single=true]:bg-primary-500 data-[selected-single=true]:text-white data-[selected-single=true]:hover:bg-primary-500 data-[selected-single=true]:hover:text-white dark:data-[selected-single=true]:hover:bg-primary-500',\n        'data-[selected-single=true]:data-[weekend=true]:text-white data-[selected-single=true]:data-[weekend=true]:hover:text-white',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton, type DateRange, locale }\n"],"mappings":"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"}

package/dist/components/card.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
-//#region src/components/card.d.ts
 export type CardProps = React.ComponentProps<'div'> & {
   /**
    * Padding and gap between parts.
@@ -21,6 +20,5 @@ declare function CardDescription({ className, ...props }: CardDescriptionProps):
 declare function CardAction({ className, ...props }: CardActionProps): React.JSX.Element;
 declare function CardContent({ className, ...props }: CardContentProps): React.JSX.Element;
 declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
-//#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["props","size","cn","className"],"sources":["../../src/components/card.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type CardProps = React.ComponentProps<'div'> & {\n  /**\n   * Padding and gap between parts.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport type CardHeaderProps = React.ComponentProps<'div'>\n\nexport type CardTitleProps = React.ComponentProps<'div'>\n\nexport type CardDescriptionProps = React.ComponentProps<'div'>\n\nexport type CardActionProps = React.ComponentProps<'div'>\n\nexport type CardContentProps = React.ComponentProps<'div'>\n\nexport type CardFooterProps = React.ComponentProps<'div'>\n\nfunction Card({ className, size = 'md', ...props }: CardProps) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        'group/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm bg-card text-card-foreground ring-foreground/10 ring-1',\n        'has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0',\n        'data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0',\n        'data-[size=lg]:gap-6 data-[size=lg]:py-6 data-[size=lg]:has-data-[slot=card-footer]:pb-0',\n        '*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: CardHeaderProps) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4',\n        'group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3',\n        'group-data-[size=lg]/card:px-6',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: CardTitleProps) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        'text-lg leading-snug font-bold group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: CardDescriptionProps) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />\n}\n\nfunction CardAction({ className, ...props }: CardActionProps) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: CardContentProps) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-4 group-data-[size=sm]/card:px-3 group-data-[size=lg]/card:px-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: CardFooterProps) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        'bg-muted/50 flex items-center rounded-b-xl border-t p-4',\n        'group-data-[size=sm]/card:p-3 group-data-[size=lg]/card:p-6',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"mappings":"qHAwBA,SAAS,KAAK,CAAE,YAAW,OAAO,KAAM,GAAGA,GAAoB,CAC7D,MACE,kBAAC,MAAD,CACE,YAAU,OACV,YAAWC,EACX,UAAWC,EACT,gIACA,+DACA,2FACA,2FACA,mEACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EACT,kGACA,6FACA,iCACA,0GACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,UAAU,CAAE,YAAW,GAAGA,GAAyB,CAC1D,MACE,kBAAC,MAAD,CACE,YAAU,aACV,UAAWE,EACT,qGACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAGA,GAA+B,CACtE,MAAO,kBAAC,MAAD,CAAK,YAAU,mBAAmB,UAAWE,EAAG,gCAAiCC,CAAS,EAAG,GAAIH,CAAQ,CAAA,CAClH,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EAAG,iEAAkEC,CAAS,EACzF,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGA,GAA2B,CAC9D,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAWE,EAAG,qEAAsEC,CAAS,EAC7F,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EACT,0DACA,8DACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL"}
+{"version":3,"file":"card.js","names":["props","size","cn","className"],"sources":["../../src/components/card.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type CardProps = React.ComponentProps<'div'> & {\n  /**\n   * Padding and gap between parts.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport type CardHeaderProps = React.ComponentProps<'div'>\n\nexport type CardTitleProps = React.ComponentProps<'div'>\n\nexport type CardDescriptionProps = React.ComponentProps<'div'>\n\nexport type CardActionProps = React.ComponentProps<'div'>\n\nexport type CardContentProps = React.ComponentProps<'div'>\n\nexport type CardFooterProps = React.ComponentProps<'div'>\n\nfunction Card({ className, size = 'md', ...props }: CardProps) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        'group/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm bg-card text-card-foreground ring-foreground/10 ring-1',\n        'has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0',\n        'data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0',\n        'data-[size=lg]:gap-6 data-[size=lg]:py-6 data-[size=lg]:has-data-[slot=card-footer]:pb-0',\n        '*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: CardHeaderProps) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4',\n        'group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3',\n        'group-data-[size=lg]/card:px-6',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: CardTitleProps) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        'text-lg leading-snug font-bold group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: CardDescriptionProps) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />\n}\n\nfunction CardAction({ className, ...props }: CardActionProps) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: CardContentProps) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-4 group-data-[size=sm]/card:px-3 group-data-[size=lg]/card:px-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: CardFooterProps) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        'bg-muted/50 flex items-center rounded-b-xl border-t p-4',\n        'group-data-[size=sm]/card:p-3 group-data-[size=lg]/card:p-6',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"mappings":"A,qHAwBA,SAAS,KAAK,CAAE,YAAW,OAAO,KAAM,GAAGA,GAAoB,CAC7D,MACE,kBAAC,MAAD,CACE,YAAU,OACV,YAAWC,EACX,UAAWC,EACT,gIACA,+DACA,2FACA,2FACA,mEACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EACT,kGACA,6FACA,iCACA,0GACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,UAAU,CAAE,YAAW,GAAGA,GAAyB,CAC1D,MACE,kBAAC,MAAD,CACE,YAAU,aACV,UAAWE,EACT,qGACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAGA,GAA+B,CACtE,MAAO,kBAAC,MAAD,CAAK,YAAU,mBAAmB,UAAWE,EAAG,gCAAiCC,CAAS,EAAG,GAAIH,CAAQ,CAAA,CAClH,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EAAG,iEAAkEC,CAAS,EACzF,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAGA,GAA2B,CAC9D,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAWE,EAAG,qEAAsEC,CAAS,EAC7F,GAAIH,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CACE,YAAU,cACV,UAAWE,EACT,0DACA,8DACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL,C"}