@uselets/ui 1.16.1 → 1.17.0

package/dist/combobox-DkCRXUxd.d.ts

@@ -0,0 +1,51 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import * as React from "react";
+import { Combobox } from "@base-ui/react";
+//#region src/components/combobox.d.ts
+type ComboboxProps = React.ComponentProps<typeof Combobox.Root>;
+type ComboboxValueProps = Combobox.Value.Props;
+type ComboboxTriggerProps = Combobox.Trigger.Props & {
+  icon?: React.ReactNode;
+};
+type ComboboxClearProps = Combobox.Clear.Props;
+type ComboboxInputProps = Combobox.Input.Props & {
+  icon?: React.ReactNode;
+  triggerIcon?: React.ReactNode;
+  showTrigger?: boolean;
+  showClear?: boolean;
+};
+type ComboboxContentProps = Combobox.Popup.Props & Pick<Combobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<Combobox.Portal.Props, 'container'>;
+type ComboboxListProps = Combobox.List.Props;
+type ComboboxItemProps = Combobox.Item.Props;
+type ComboboxGroupProps = Combobox.Group.Props;
+type ComboboxLabelProps = Combobox.GroupLabel.Props;
+type ComboboxCollectionProps = Combobox.Collection.Props;
+type ComboboxEmptyProps = Combobox.Empty.Props;
+type ComboboxSeparatorProps = Combobox.Separator.Props;
+type ComboboxChipsProps = React.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props & {
+  showClear?: boolean;
+};
+type ComboboxChipProps = Combobox.Chip.Props & {
+  showRemove?: boolean;
+};
+type ComboboxChipsInputProps = Combobox.Input.Props;
+declare const Combobox$1: typeof Combobox.Root;
+declare function ComboboxValue({ ...props }: ComboboxValueProps): React.JSX.Element;
+declare function ComboboxTrigger({ className, children, icon, ...props }: ComboboxTriggerProps): React.JSX.Element;
+declare function ComboboxClear({ className, ...props }: ComboboxClearProps): React.JSX.Element;
+declare function ComboboxInput({ className, children, disabled, icon, id, showTrigger, showClear, triggerIcon, ...props }: ComboboxInputProps): React.JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: ComboboxContentProps): React.JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): React.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): React.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): React.JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): React.JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): React.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): React.JSX.Element;
+declare function ComboboxChips({ className, children, showClear, ...props }: ComboboxChipsProps): React.JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipProps): React.JSX.Element;
+declare function ComboboxChipsInput({ className, id, ...props }: ComboboxChipsInputProps): React.JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+//#endregion
+export { ComboboxTriggerProps as A, ComboboxLabelProps as C, ComboboxSeparator as D, ComboboxProps as E, ComboboxValueProps as M, useComboboxAnchor as N, ComboboxSeparatorProps as O, ComboboxLabel as S, ComboboxListProps as T, ComboboxGroupProps as _, ComboboxChipsInput as a, ComboboxItem as b, ComboboxClear as c, ComboboxCollectionProps as d, ComboboxContent as f, ComboboxGroup as g, ComboboxEmptyProps as h, ComboboxChips as i, ComboboxValue as j, ComboboxTrigger as k, ComboboxClearProps as l, ComboboxEmpty as m, ComboboxChip as n, ComboboxChipsInputProps as o, ComboboxContentProps as p, ComboboxChipProps as r, ComboboxChipsProps as s, Combobox$1 as t, ComboboxCollection as u, ComboboxInput as v, ComboboxList as w, ComboboxItemProps as x, ComboboxInputProps as y };
+//# sourceMappingURL=combobox-DkCRXUxd.d.ts.map

package/dist/combobox-fNAIovsN.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{t}from"./button-oI3hbOgp.js";import{d as n}from"./field-DzR-XrO7.js";import{i as r,n as i,r as a,t as o}from"./input-group-DsO2W3Lw.js";import{IconCheck as s,IconSelector as c,IconX as l}from"@tabler/icons-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"react";import{Combobox as p}from"@base-ui/react";const m=p.Root;function ComboboxValue({...e}){return u(p.Value,{"data-slot":`combobox-value`,...e})}function ComboboxTrigger({className:t,children:n,icon:r=u(c,{className:`pointer-events-none size-4 text-muted-foreground`}),...i}){return d(p.Trigger,{"data-slot":`combobox-trigger`,className:e(`[&_svg:not([class*='size-'])]:size-4`,t),...i,children:[n,r]})}function ComboboxClear({className:t,...n}){return u(p.Clear,{"data-slot":`combobox-clear`,render:u(a,{variant:`ghost`,size:`icon-xs`}),className:e(t),...n,children:u(l,{className:`pointer-events-none`})})}function ComboboxInput({className:t,children:s,disabled:c=!1,icon:l,id:f,showTrigger:m=!0,showClear:h=!1,triggerIcon:g,..._}){let v=n(f);return d(o,{className:e(`w-auto`,t),children:[l&&u(i,{align:`inline-start`,children:l}),u(p.Input,{id:v,render:u(r,{disabled:c}),..._}),d(i,{align:`inline-end`,children:[m&&u(a,{size:`icon-xs`,variant:`ghost`,asChild:!0,"data-slot":`input-group-button`,className:`group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent`,disabled:c,children:u(ComboboxTrigger,{icon:g})}),h&&u(ComboboxClear,{disabled:c})]}),s]})}function ComboboxContent({className:t,side:n=`bottom`,sideOffset:r=6,align:i=`start`,alignOffset:a=0,anchor:o,container:s,...c}){return u(p.Portal,{container:s,className:`absolute`,children:u(p.Positioner,{side:n,sideOffset:r,align:i,alignOffset:a,anchor:o,className:`isolate z-50`,children:u(p.Popup,{"data-slot":`combobox-content`,"data-chips":!!o,className:e(`group/combobox-content max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-lg text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!`,t),...c})})})}function ComboboxList({className:t,...n}){return u(p.List,{"data-slot":`combobox-list`,className:e(`no-scrollbar max-h-[min(calc(--spacing(72)-(--spacing(9))),calc(var(--available-height)-(--spacing(9))))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0`,t),...n})}function ComboboxItem({className:t,children:n,...r}){return d(p.Item,{"data-slot":`combobox-item`,className:e(`relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),...r,children:[n,u(p.ItemIndicator,{render:u(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:u(s,{className:`pointer-events-none`})})]})}function ComboboxGroup({className:t,...n}){return u(p.Group,{"data-slot":`combobox-group`,className:e(t),...n})}function ComboboxLabel({className:t,...n}){return u(p.GroupLabel,{"data-slot":`combobox-label`,className:e(`px-2 py-1.5 text-xs text-muted-foreground`,t),...n})}function ComboboxCollection({...e}){return u(p.Collection,{"data-slot":`combobox-collection`,...e})}function ComboboxEmpty({className:t,...n}){return u(p.Empty,{"data-slot":`combobox-empty`,className:e(`hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex`,t),...n})}function ComboboxSeparator({className:t,...n}){return u(p.Separator,{"data-slot":`combobox-separator`,className:e(`-mx-1 my-1 h-px bg-border`,t),...n})}function ComboboxChips({className:n,children:r,showClear:i=!1,...a}){return d(p.Chips,{"data-slot":`combobox-chips`,className:e(`flex min-h-8 overflow-hidden flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40`,n),...a,children:[r,i&&u(p.Clear,{"data-slot":`combobox-chips-clear`,render:u(t,{variant:`ghost`,color:`zinc`,size:`icon-xs`}),className:`shrink-0 self-center size-5`,children:u(l,{className:`pointer-events-none`})})]})}function ComboboxChip({className:n,children:r,showRemove:i=!0,...a}){return d(p.Chip,{"data-slot":`combobox-chip`,className:e(`flex h-[calc(--spacing(5.25))] w-fit text-left max-w-full items-center justify-start gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0`,n),...a,children:[u(`span`,{className:`flex-1 truncate`,children:r}),i&&u(p.ChipRemove,{render:u(t,{variant:`ghost`,color:`zinc`,size:`icon-xs`}),className:`-ml-1 opacity-50 shrink-0 hover:opacity-100`,"data-slot":`combobox-chip-remove`,children:u(l,{className:`pointer-events-none`})})]})}function ComboboxChipsInput({className:t,id:r,...i}){let a=n(r);return u(p.Input,{id:a,"data-slot":`combobox-chip-input`,className:e(`min-w-16 flex-1 outline-none`,t),...i})}function useComboboxAnchor(){return f.useRef(null)}export{useComboboxAnchor as _,ComboboxClear as a,ComboboxEmpty as c,ComboboxItem as d,ComboboxLabel as f,ComboboxValue as g,ComboboxTrigger as h,ComboboxChipsInput as i,ComboboxGroup as l,ComboboxSeparator as m,ComboboxChip as n,ComboboxCollection as o,ComboboxList as p,ComboboxChips as r,ComboboxContent as s,m as t,ComboboxInput as u};
+//# sourceMappingURL=combobox-fNAIovsN.js.map

package/dist/combobox-fNAIovsN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-fNAIovsN.js","names":["Combobox","ComboboxPrimitive"],"sources":["../src/components/combobox.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react'\nimport { IconCheck, IconSelector, IconX } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\nimport { useFieldControlId } from './field'\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from './input-group'\n\nexport type ComboboxProps = React.ComponentProps<typeof ComboboxPrimitive.Root>\n\nexport type ComboboxValueProps = ComboboxPrimitive.Value.Props\n\nexport type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props & {\n  icon?: React.ReactNode\n}\n\nexport type ComboboxClearProps = ComboboxPrimitive.Clear.Props\n\nexport type ComboboxInputProps = ComboboxPrimitive.Input.Props & {\n  icon?: React.ReactNode\n  triggerIcon?: React.ReactNode\n  showTrigger?: boolean\n  showClear?: boolean\n}\n\nexport type ComboboxContentProps = ComboboxPrimitive.Popup.Props &\n  Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> &\n  Pick<ComboboxPrimitive.Portal.Props, 'container'>\n\nexport type ComboboxListProps = ComboboxPrimitive.List.Props\n\nexport type ComboboxItemProps = ComboboxPrimitive.Item.Props\n\nexport type ComboboxGroupProps = ComboboxPrimitive.Group.Props\n\nexport type ComboboxLabelProps = ComboboxPrimitive.GroupLabel.Props\n\nexport type ComboboxCollectionProps = ComboboxPrimitive.Collection.Props\n\nexport type ComboboxEmptyProps = ComboboxPrimitive.Empty.Props\n\nexport type ComboboxSeparatorProps = ComboboxPrimitive.Separator.Props\n\nexport type ComboboxChipsProps = React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props & {\n    showClear?: boolean\n  }\n\nexport type ComboboxChipProps = ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean\n}\n\nexport type ComboboxChipsInputProps = ComboboxPrimitive.Input.Props\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxValueProps) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  icon = <IconSelector className=\"pointer-events-none size-4 text-muted-foreground\" />,\n  ...props\n}: ComboboxTriggerProps) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      {icon}\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxClearProps) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <IconX className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  icon,\n  id,\n  showTrigger = true,\n  showClear = false,\n  triggerIcon,\n  ...props\n}: ComboboxInputProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <InputGroup className={cn('w-auto', className)}>\n      {icon && <InputGroupAddon align=\"inline-start\">{icon}</InputGroupAddon>}\n      <ComboboxPrimitive.Input id={fieldControlId} render={<InputGroupInput disabled={disabled} />} {...props} />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            asChild\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          >\n            <ComboboxTrigger icon={triggerIcon} />\n          </InputGroupButton>\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 6,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  container,\n  ...props\n}: ComboboxContentProps) {\n  return (\n    <ComboboxPrimitive.Portal container={container} className=\"absolute\">\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          data-chips={!!anchor}\n          className={cn(\n            'group/combobox-content max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-lg text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',\n            className\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxListProps) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\n        'no-scrollbar max-h-[min(calc(--spacing(72)-(--spacing(9))),calc(var(--available-height)-(--spacing(9))))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxItemProps) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={<span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />}\n      >\n        <IconCheck className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxGroupProps) {\n  return <ComboboxPrimitive.Group data-slot=\"combobox-group\" className={cn(className)} {...props} />\n}\n\nfunction ComboboxLabel({ className, ...props }: ComboboxLabelProps) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxCollectionProps) {\n  return <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        'hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChips({ className, children, showClear = false, ...props }: ComboboxChipsProps) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\n        'flex min-h-8 overflow-hidden flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showClear && (\n        <ComboboxPrimitive.Clear\n          data-slot=\"combobox-chips-clear\"\n          render={<Button variant=\"ghost\" color=\"zinc\" size=\"icon-xs\" />}\n          className=\"shrink-0 self-center size-5\"\n        >\n          <IconX className=\"pointer-events-none\" />\n        </ComboboxPrimitive.Clear>\n      )}\n    </ComboboxPrimitive.Chips>\n  )\n}\n\nfunction ComboboxChip({ className, children, showRemove = true, ...props }: ComboboxChipProps) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        'flex h-[calc(--spacing(5.25))] w-fit text-left max-w-full items-center justify-start gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex-1 truncate\">{children}</span>\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" color=\"zinc\" size=\"icon-xs\" />}\n          className=\"-ml-1 opacity-50 shrink-0 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <IconX className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  )\n}\n\nfunction ComboboxChipsInput({ className, id, ...props }: ComboboxChipsInputProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <ComboboxPrimitive.Input\n      id={fieldControlId}\n      data-slot=\"combobox-chip-input\"\n      className={cn('min-w-16 flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null)\n}\n\nexport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxClear,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxLabel,\n  ComboboxList,\n  ComboboxSeparator,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor\n}\n"],"mappings":"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"}

package/dist/command-0wTb46Ym.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bdj-bS2b.js";import{t}from"./utils-DP9KtG7I.js";import{d as n}from"./field-DzR-XrO7.js";import{n as r,t as i}from"./input-group-DsO2W3Lw.js";import{a,i as o,s,t as c,u as l}from"./dialog-B7I4Ky1i.js";import{IconCheck as u,IconSearch as d}from"@tabler/icons-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{Command as m}from"cmdk";function Command$1({className:e,...n}){return f(m,{"data-slot":`command`,className:t(`flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground`,e),...n})}e(Command$1,`Command`);function CommandDialog({title:e=`Command Palette`,description:n=`Search for a command to run...`,children:r,className:i,showCloseButton:u=!1,...d}){return p(c,{...d,children:[p(s,{className:`sr-only`,children:[f(l,{children:e}),f(a,{children:n})]}),f(o,{className:t(`top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0`,i),showCloseButton:u,children:r})]})}function CommandInput({className:e,id:a,...o}){let s=n(a);return f(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:p(i,{className:t(`h-8! rounded-lg! border-input/30 bg-input/30 shadow-none!`,`*:data-[slot=input-group-addon]:pl-2!`),children:[f(m.Input,{id:s,"data-slot":`command-input`,className:t(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...o}),f(r,{children:f(d,{className:`size-4 shrink-0 opacity-50`})})]})})}function CommandList({className:e,...n}){return f(m.List,{"data-slot":`command-list`,className:t(`no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none`,e),...n})}function CommandEmpty({className:e,...n}){return f(m.Empty,{"data-slot":`command-empty`,className:t(`py-6 text-center text-sm`,e),...n})}function CommandGroup({className:e,...n}){return f(m.Group,{"data-slot":`command-group`,className:t(`overflow-hidden p-1 text-foreground`,`**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function CommandSeparator({className:e,...n}){return f(m.Separator,{"data-slot":`command-separator`,className:t(`-mx-1 h-px bg-border`,e),...n})}function CommandItem({className:e,children:n,...r}){return p(m.Item,{"data-slot":`command-item`,className:t(`group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none`,`in-data-[slot=dialog-content]:rounded-lg!`,`data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,`data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...r,children:[n,f(u,{className:t(`ml-auto opacity-0`,`group-has-data-[slot=command-shortcut]/command-item:hidden`,`group-data-[checked=true]/command-item:opacity-100`)})]})}function CommandShortcut({className:e,...n}){return f(`span`,{"data-slot":`command-shortcut`,className:t(`ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground`,e),...n})}export{CommandInput as a,CommandSeparator as c,CommandGroup as i,CommandShortcut as l,CommandDialog as n,CommandItem as o,CommandEmpty as r,CommandList as s,Command$1 as t};
+//# sourceMappingURL=command-0wTb46Ym.js.map

package/dist/command-0wTb46Ym.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-0wTb46Ym.js","names":["Command","CommandPrimitive"],"sources":["../src/components/command.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconCheck, IconSearch } from '@tabler/icons-react'\nimport { Command as CommandPrimitive } from 'cmdk'\n\nimport { cn } from '../lib/utils'\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog'\nimport { useFieldControlId } from './field'\nimport { InputGroup, InputGroupAddon } from './input-group'\n\nexport type CommandProps = React.ComponentProps<typeof CommandPrimitive>\n\nexport type CommandDialogProps = React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}\n\nexport type CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>\n\nexport type CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>\n\nexport type CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>\n\nexport type CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>\n\nexport type CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>\n\nexport type CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item>\n\nexport type CommandShortcutProps = React.ComponentProps<'span'>\n\nfunction Command({ className, ...props }: CommandProps) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        {children}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({ className, id, ...props }: CommandInputProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"p-1 pb-0\">\n      <InputGroup\n        className={cn(\n          'h-8! rounded-lg! border-input/30 bg-input/30 shadow-none!',\n          '*:data-[slot=input-group-addon]:pl-2!'\n        )}\n      >\n        <CommandPrimitive.Input\n          id={fieldControlId}\n          data-slot=\"command-input\"\n          className={cn('w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className)}\n          {...props}\n        />\n        <InputGroupAddon>\n          <IconSearch className=\"size-4 shrink-0 opacity-50\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: CommandListProps) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({ className, ...props }: CommandEmptyProps) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('py-6 text-center text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({ className, ...props }: CommandGroupProps) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'overflow-hidden p-1 text-foreground',\n        '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium',\n        '**:[[cmdk-group-heading]]:text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ...props }: CommandSeparatorProps) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('-mx-1 h-px bg-border', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({ className, children, ...props }: CommandItemProps) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none',\n        'in-data-[slot=dialog-content]:rounded-lg!',\n        'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n        'data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <IconCheck\n        className={cn(\n          'ml-auto opacity-0',\n          'group-has-data-[slot=command-shortcut]/command-item:hidden',\n          'group-data-[checked=true]/command-item:opacity-100'\n        )}\n      />\n    </CommandPrimitive.Item>\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: CommandShortcutProps) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut\n}\n"],"mappings":"+XAiCA,SAASA,UAAQ,CAAE,YAAW,GAAG,GAAuB,CACtD,OACE,EAACC,EAAD,CACE,YAAU,UACV,UAAW,EACT,6FACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,wBAEA,SAAS,cAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GACkB,CACrB,OACE,EAAC,EAAD,CAAQ,GAAI,EAAZ,SAAA,CACE,EAAC,EAAD,CAAc,UAAU,UAAxB,SAAA,CACE,EAAC,EAAD,CAAA,SAAc,CAAmB,CAAA,EACjC,EAAC,EAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,CACd,CAAA,EAAA,EAAC,EAAD,CACE,UAAW,EAAG,wDAAyD,CAAS,EAC/D,kBAEhB,UACY,CAAA,CACT,GAEZ,CAEA,SAAS,aAAa,CAAE,YAAW,KAAI,GAAG,GAA4B,CACpE,IAAM,EAAiB,EAAkB,CAAE,EAE3C,OACE,EAAC,MAAD,CAAK,YAAU,wBAAwB,UAAU,WAC/C,SAAA,EAAC,EAAD,CACE,UAAW,EACT,4DACA,uCACF,EAJF,SAAA,CAME,EAACA,EAAiB,MAAlB,CACE,GAAI,EACJ,YAAU,gBACV,UAAW,EAAG,gFAAiF,CAAS,EACxG,GAAI,CACL,CAAA,EACD,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAY,UAAU,4BAA8B,CAAA,CACrC,CAAA,CACP,GACT,CAAA,CAET,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAG,mFAAoF,CAAS,EAC3G,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAG,2BAA4B,CAAS,EACnD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EACT,sCACA,kEACA,0EACA,kDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAACA,EAAiB,UAAlB,CACE,YAAU,oBACV,UAAW,EAAG,uBAAwB,CAAS,EAC/C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,WAAU,GAAG,GAA2B,CACxE,OACE,EAACA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EACT,+HACA,4CACA,2EACA,6FACA,oFACA,CACF,EACA,GAAI,EAVN,SAAA,CAYG,EACD,EAAC,EAAD,CACE,UAAW,EACT,oBACA,6DACA,oDACF,CACD,CAAA,CACoB,GAE3B,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAG,GAA+B,CACtE,OACE,EAAC,OAAD,CACE,YAAU,mBACV,UAAW,EACT,yGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/command-D4pNOx0J.d.ts

@@ -0,0 +1,31 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { t as Dialog } from "./dialog-Ej7pnact.js";
+import * as React from "react";
+import { Command } from "cmdk";
+//#region src/components/command.d.ts
+type CommandProps = React.ComponentProps<typeof Command>;
+type CommandDialogProps = React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+};
+type CommandInputProps = React.ComponentProps<typeof Command.Input>;
+type CommandListProps = React.ComponentProps<typeof Command.List>;
+type CommandEmptyProps = React.ComponentProps<typeof Command.Empty>;
+type CommandGroupProps = React.ComponentProps<typeof Command.Group>;
+type CommandSeparatorProps = React.ComponentProps<typeof Command.Separator>;
+type CommandItemProps = React.ComponentProps<typeof Command.Item>;
+type CommandShortcutProps = React.ComponentProps<'span'>;
+declare function Command$1({ className, ...props }: CommandProps): React.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: CommandDialogProps): React.JSX.Element;
+declare function CommandInput({ className, id, ...props }: CommandInputProps): React.JSX.Element;
+declare function CommandList({ className, ...props }: CommandListProps): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: CommandEmptyProps): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: CommandGroupProps): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: CommandSeparatorProps): React.JSX.Element;
+declare function CommandItem({ className, children, ...props }: CommandItemProps): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: CommandShortcutProps): React.JSX.Element;
+//#endregion
+export { CommandShortcut as _, CommandEmptyProps as a, CommandInput as c, CommandItemProps as d, CommandList as f, CommandSeparatorProps as g, CommandSeparator as h, CommandEmpty as i, CommandInputProps as l, CommandProps as m, CommandDialog as n, CommandGroup as o, CommandListProps as p, CommandDialogProps as r, CommandGroupProps as s, Command$1 as t, CommandItem as u, CommandShortcutProps as v };
+//# sourceMappingURL=command-D4pNOx0J.d.ts.map

package/dist/components/accordion.d.ts

@@ -1,15 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Accordion as Accordion$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/accordion.d.ts
-type AccordionProps = React.ComponentProps<typeof Accordion$1.Root>;
-type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item>;
-type AccordionTriggerProps = React.ComponentProps<typeof Accordion$1.Trigger>;
-type AccordionContentProps = React.ComponentProps<typeof Accordion$1.Content>;
-declare function Accordion({ className, ...props }: AccordionProps): React.JSX.Element;
-declare function AccordionItem({ className, ...props }: AccordionItemProps): React.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): React.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
-//#endregion
-export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps };
-//# sourceMappingURL=accordion.d.ts.map
+import { a as AccordionItemProps, c as AccordionTriggerProps, i as AccordionItem, n as AccordionContent, o as AccordionProps, r as AccordionContentProps, s as AccordionTrigger, t as Accordion } from "../accordion-DtSr3uiA.js";
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps };

package/dist/components/accordion.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{IconChevronDown as t,IconChevronUp as n}from"@tabler/icons-react";import{Accordion as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";function Accordion({className:t,...n}){return i(r.Root,{"data-slot":`accordion`,className:e(`flex w-full flex-col border rounded-sm`,t),...n})}function AccordionItem({className:t,...n}){return i(r.Item,{"data-slot":`accordion-item`,className:e(`not-last:border-b px-4`,t),...n})}function AccordionTrigger({className:o,children:s,...c}){return i(r.Header,{className:`flex`,children:a(r.Trigger,{"data-slot":`accordion-trigger`,className:e(`group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,o),...c,children:[s,i(t,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),i(n,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function AccordionContent({className:t,children:n,...a}){return i(r.Content,{"data-slot":`accordion-content`,className:`wrap-break-word data-closed:overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...a,children:i(`div`,{className:e(`h-(--radix-accordion-content-height) pt-0 pb-2.5`,t),children:n})})}export{Accordion,AccordionContent,AccordionItem,AccordionTrigger};
-//# sourceMappingURL=accordion.js.map
+import{i as e,n as t,r as n,t as r}from"../accordion-BCo2odjy.js";export{r as Accordion,t as AccordionContent,n as AccordionItem,e as AccordionTrigger};

package/dist/components/accordion.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/accordion.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{i as e,n as t,r as n,t as r}from"../accordion-BCo2odjy.js";import{a as i,n as a,r as o}from"../react.esm-BkhVXJ8s.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";describe(`Accordion`,()=>{it(`renders the root with the default border classes and merges a custom className`,()=>{let{container:i}=o(s(r,{type:`single`,collapsible:!0,className:`custom-accordion`,children:c(n,{value:`item-1`,children:[s(e,{children:`Trigger 1`}),s(t,{children:`Content 1`})]})})),a=i.querySelector(`[data-slot="accordion"]`);expect(a?.className).toContain(`border`),expect(a?.className).toContain(`custom-accordion`)}),it(`expands and collapses an item when its trigger is clicked (single, collapsible)`,()=>{o(s(r,{type:`single`,collapsible:!0,children:c(n,{value:`item-1`,children:[s(e,{children:`Trigger 1`}),s(t,{children:`Content 1`})]})}));let l=i.getByRole(`button`,{name:`Trigger 1`});expect(l.getAttribute(`aria-expanded`)).toBe(`false`),a.click(l),expect(l.getAttribute(`aria-expanded`)).toBe(`true`),expect(i.getByText(`Content 1`)).not.toBeNull(),a.click(l),expect(l.getAttribute(`aria-expanded`)).toBe(`false`)}),it(`allows multiple items to stay expanded at once when type is multiple`,()=>{o(c(r,{type:`multiple`,children:[c(n,{value:`item-1`,children:[s(e,{children:`Trigger 1`}),s(t,{children:`Content 1`})]}),c(n,{value:`item-2`,children:[s(e,{children:`Trigger 2`}),s(t,{children:`Content 2`})]})]})),a.click(i.getByRole(`button`,{name:`Trigger 1`})),a.click(i.getByRole(`button`,{name:`Trigger 2`})),expect(i.getByRole(`button`,{name:`Trigger 1`}).getAttribute(`aria-expanded`)).toBe(`true`),expect(i.getByRole(`button`,{name:`Trigger 2`}).getAttribute(`aria-expanded`)).toBe(`true`)}),describe(`AccordionItem`,()=>{it(`disables the trigger and marks the item disabled when disabled is set`,()=>{let{container:l}=o(s(r,{type:`single`,collapsible:!0,children:c(n,{value:`item-1`,disabled:!0,children:[s(e,{children:`Trigger 1`}),s(t,{children:`Content 1`})]})})),u=i.getByRole(`button`,{name:`Trigger 1`}),d=l.querySelector(`[data-slot="accordion-item"]`);expect(u.disabled).toBe(!0),expect(d?.getAttribute(`data-disabled`)).toBe(``),a.click(u),expect(u.getAttribute(`aria-expanded`)).toBe(`false`)})}),describe(`AccordionTrigger`,()=>{it(`renders both chevron icons with data-slot="accordion-trigger-icon"`,()=>{let{container:i}=o(s(r,{type:`single`,collapsible:!0,children:c(n,{value:`item-1`,children:[s(e,{children:`Trigger 1`}),s(t,{children:`Content 1`})]})}));expect(i.querySelectorAll(`[data-slot="accordion-trigger-icon"]`)).toHaveLength(2)})}),describe(`AccordionContent`,()=>{it(`merges a custom className onto the inner content wrapper`,()=>{o(s(r,{type:`single`,collapsible:!0,defaultValue:`item-1`,children:c(n,{value:`item-1`,children:[s(e,{children:`Trigger 1`}),s(t,{className:`custom-content`,children:`Content 1`})]})})),expect(i.getByText(`Content 1`).className).toContain(`custom-content`)})})});
+//# sourceMappingURL=accordion.spec.js.map

package/dist/components/accordion.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.spec.js","names":[],"sources":["../../src/components/accordion.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion'\n\ndescribe('Accordion', () => {\n  it('renders the root with the default border classes and merges a custom className', () => {\n    const { container } = render(\n      <Accordion type=\"single\" collapsible className=\"custom-accordion\">\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    )\n\n    const accordion = container.querySelector('[data-slot=\"accordion\"]')\n\n    expect(accordion?.className).toContain('border')\n    expect(accordion?.className).toContain('custom-accordion')\n  })\n\n  it('expands and collapses an item when its trigger is clicked (single, collapsible)', () => {\n    render(\n      <Accordion type=\"single\" collapsible>\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    )\n\n    const trigger = screen.getByRole('button', { name: 'Trigger 1' })\n\n    expect(trigger.getAttribute('aria-expanded')).toBe('false')\n\n    fireEvent.click(trigger)\n    expect(trigger.getAttribute('aria-expanded')).toBe('true')\n    expect(screen.getByText('Content 1')).not.toBeNull()\n\n    fireEvent.click(trigger)\n    expect(trigger.getAttribute('aria-expanded')).toBe('false')\n  })\n\n  it('allows multiple items to stay expanded at once when type is multiple', () => {\n    render(\n      <Accordion type=\"multiple\">\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-2\">\n          <AccordionTrigger>Trigger 2</AccordionTrigger>\n          <AccordionContent>Content 2</AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    )\n\n    fireEvent.click(screen.getByRole('button', { name: 'Trigger 1' }))\n    fireEvent.click(screen.getByRole('button', { name: 'Trigger 2' }))\n\n    expect(screen.getByRole('button', { name: 'Trigger 1' }).getAttribute('aria-expanded')).toBe('true')\n    expect(screen.getByRole('button', { name: 'Trigger 2' }).getAttribute('aria-expanded')).toBe('true')\n  })\n\n  describe('AccordionItem', () => {\n    it('disables the trigger and marks the item disabled when disabled is set', () => {\n      const { container } = render(\n        <Accordion type=\"single\" collapsible>\n          <AccordionItem value=\"item-1\" disabled>\n            <AccordionTrigger>Trigger 1</AccordionTrigger>\n            <AccordionContent>Content 1</AccordionContent>\n          </AccordionItem>\n        </Accordion>\n      )\n\n      const trigger = screen.getByRole('button', { name: 'Trigger 1' }) as HTMLButtonElement\n      const item = container.querySelector('[data-slot=\"accordion-item\"]')\n\n      expect(trigger.disabled).toBe(true)\n      expect(item?.getAttribute('data-disabled')).toBe('')\n\n      fireEvent.click(trigger)\n      expect(trigger.getAttribute('aria-expanded')).toBe('false')\n    })\n  })\n\n  describe('AccordionTrigger', () => {\n    it('renders both chevron icons with data-slot=\"accordion-trigger-icon\"', () => {\n      const { container } = render(\n        <Accordion type=\"single\" collapsible>\n          <AccordionItem value=\"item-1\">\n            <AccordionTrigger>Trigger 1</AccordionTrigger>\n            <AccordionContent>Content 1</AccordionContent>\n          </AccordionItem>\n        </Accordion>\n      )\n\n      expect(container.querySelectorAll('[data-slot=\"accordion-trigger-icon\"]')).toHaveLength(2)\n    })\n  })\n\n  describe('AccordionContent', () => {\n    it('merges a custom className onto the inner content wrapper', () => {\n      render(\n        <Accordion type=\"single\" collapsible defaultValue=\"item-1\">\n          <AccordionItem value=\"item-1\">\n            <AccordionTrigger>Trigger 1</AccordionTrigger>\n            <AccordionContent className=\"custom-content\">Content 1</AccordionContent>\n          </AccordionItem>\n        </Accordion>\n      )\n\n      expect(screen.getByText('Content 1').className).toContain('custom-content')\n    })\n  })\n})\n"],"mappings":"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"}

package/dist/components/alert-dialog.d.ts

@@ -1,34 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Button } from "./button.js";
-import { AlertDialog as AlertDialog$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/alert-dialog.d.ts
-type AlertDialogProps = React.ComponentProps<typeof AlertDialog$1.Root>;
-type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger>;
-type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialog$1.Portal>;
-type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialog$1.Overlay>;
-type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content> & {
-  size?: 'sm' | 'md';
-};
-type AlertDialogHeaderProps = React.ComponentProps<'div'>;
-type AlertDialogFooterProps = React.ComponentProps<'div'>;
-type AlertDialogMediaProps = React.ComponentProps<'div'>;
-type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
-type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
-type AlertDialogActionProps = React.ComponentProps<typeof AlertDialog$1.Action> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>;
-type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>;
-declare function AlertDialog({ ...props }: AlertDialogProps): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): React.JSX.Element;
-declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): React.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: AlertDialogContentProps): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: AlertDialogMediaProps): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): React.JSX.Element;
-declare function AlertDialogAction({ className, variant, color, size, ...props }: AlertDialogActionProps): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, color, size, ...props }: AlertDialogCancelProps): React.JSX.Element;
-//#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps };
-//# sourceMappingURL=alert-dialog.d.ts.map
+import { C as AlertDialogTrigger, S as AlertDialogTitleProps, _ as AlertDialogOverlayProps, a as AlertDialogCancelProps, b as AlertDialogProps, c as AlertDialogDescription, d as AlertDialogFooterProps, f as AlertDialogHeader, g as AlertDialogOverlay, h as AlertDialogMediaProps, i as AlertDialogCancel, l as AlertDialogDescriptionProps, m as AlertDialogMedia, n as AlertDialogAction, o as AlertDialogContent, p as AlertDialogHeaderProps, r as AlertDialogActionProps, s as AlertDialogContentProps, t as AlertDialog, u as AlertDialogFooter, v as AlertDialogPortal, w as AlertDialogTriggerProps, x as AlertDialogTitle, y as AlertDialogPortalProps } from "../alert-dialog-Bf41-OnT.js";
+export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps };

package/dist/components/alert-dialog.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{AlertDialog as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";function AlertDialog({...e}){return r(n.Root,{"data-slot":`alert-dialog`,...e})}function AlertDialogTrigger({...e}){return r(n.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function AlertDialogPortal({...e}){return r(n.Portal,{"data-slot":`alert-dialog-portal`,...e})}function AlertDialogOverlay({className:t,...i}){return r(n.Overlay,{"data-slot":`alert-dialog-overlay`,className:e(`fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,t),...i})}function AlertDialogContent({className:t,size:a=`md`,...o}){return i(AlertDialogPortal,{children:[r(AlertDialogOverlay,{}),r(n.Content,{"data-slot":`alert-dialog-content`,"data-size":a,className:e(`group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=md]:max-w-xs data-[size=sm]:max-w-xs data-[size=md]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,t),...o})]})}function AlertDialogHeader({className:t,...n}){return r(`div`,{"data-slot":`alert-dialog-header`,className:e(`grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]`,t),...n})}function AlertDialogFooter({className:t,...n}){return r(`div`,{"data-slot":`alert-dialog-footer`,className:e(`-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,t),...n})}function AlertDialogMedia({className:t,...n}){return r(`div`,{"data-slot":`alert-dialog-media`,className:e(`mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6`,t),...n})}function AlertDialogTitle({className:t,...i}){return r(n.Title,{"data-slot":`alert-dialog-title`,className:e(`text-base font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,t),...i})}function AlertDialogDescription({className:t,...i}){return r(n.Description,{"data-slot":`alert-dialog-description`,className:e(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,t),...i})}function AlertDialogAction({className:i,variant:a=`solid`,color:o=`primary`,size:s=`md`,...c}){return r(t,{variant:a,color:o,size:s,asChild:!0,children:r(n.Action,{"data-slot":`alert-dialog-action`,className:e(i),...c})})}function AlertDialogCancel({className:i,variant:a=`outline`,color:o=`primary`,size:s=`md`,...c}){return r(t,{variant:a,color:o,size:s,asChild:!0,children:r(n.Cancel,{"data-slot":`alert-dialog-cancel`,className:e(i),...c})})}export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogMedia,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger};
-//# sourceMappingURL=alert-dialog.js.map
+import{a as e,c as t,d as n,f as r,i,l as a,n as o,o as s,r as c,s as l,t as u,u as d}from"../alert-dialog-B_nAiD4Y.js";export{u as AlertDialog,o as AlertDialogAction,c as AlertDialogCancel,i as AlertDialogContent,e as AlertDialogDescription,s as AlertDialogFooter,l as AlertDialogHeader,t as AlertDialogMedia,a as AlertDialogOverlay,d as AlertDialogPortal,n as AlertDialogTitle,r as AlertDialogTrigger};

package/dist/components/alert-dialog.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/alert-dialog.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,c as t,d as n,f as r,i,n as a,o,r as s,s as c,t as l}from"../alert-dialog-B_nAiD4Y.js";import{a as u,n as d,o as f,r as p}from"../react.esm-BkhVXJ8s.js";import{jsx as m,jsxs as h}from"react/jsx-runtime";function renderAlertDialog(u,d){return p(h(l,{children:[m(r,{children:`Delete account`}),h(i,{children:[m(t,{children:`Icon`}),h(c,{children:[m(n,{children:`Are you sure?`}),m(e,{children:`This action cannot be undone.`})]}),h(o,{children:[m(s,{onClick:d,children:`Cancel`}),m(a,{onClick:u,children:`Continue`})]})]})]}))}describe(`AlertDialog`,()=>{it(`is closed until the trigger is clicked, then renders its content in a portal`,async()=>{renderAlertDialog(),expect(u.queryByRole(`alertdialog`)).toBeNull(),d.click(u.getByRole(`button`,{name:`Delete account`})),expect(await u.findByRole(`alertdialog`)).not.toBeNull(),expect(u.getByText(`Are you sure?`)).not.toBeNull(),expect(u.getByText(`This action cannot be undone.`)).not.toBeNull()}),it(`closes and calls the handler when Cancel is clicked`,async()=>{let e=vi.fn();renderAlertDialog(void 0,e),d.click(u.getByRole(`button`,{name:`Delete account`})),await u.findByRole(`alertdialog`),d.click(u.getByRole(`button`,{name:`Cancel`})),expect(e).toHaveBeenCalledTimes(1),await f(()=>expect(u.queryByRole(`alertdialog`)).toBeNull())}),it(`closes and calls the handler when Action is clicked`,async()=>{let e=vi.fn();renderAlertDialog(e),d.click(u.getByRole(`button`,{name:`Delete account`})),await u.findByRole(`alertdialog`),d.click(u.getByRole(`button`,{name:`Continue`})),expect(e).toHaveBeenCalledTimes(1),await f(()=>expect(u.queryByRole(`alertdialog`)).toBeNull())}),describe(`AlertDialogContent`,()=>{it(`defaults to the md size and switches data-size when size="sm" is used`,async()=>{let{unmount:e}=p(m(l,{defaultOpen:!0,children:m(i,{children:m(n,{children:`Title`})})})),t=await u.findByRole(`alertdialog`);expect(t.getAttribute(`data-size`)).toBe(`md`),e(),p(m(l,{defaultOpen:!0,children:m(i,{size:`sm`,children:m(n,{children:`Title`})})}));let r=await u.findByRole(`alertdialog`);expect(r.getAttribute(`data-size`)).toBe(`sm`)})}),describe(`AlertDialogAction and AlertDialogCancel`,()=>{it(`apply Button-derived classes and default variant/color to Action and Cancel`,async()=>{p(m(l,{defaultOpen:!0,children:h(i,{children:[m(n,{children:`Title`}),h(o,{children:[m(s,{children:`Cancel`}),m(a,{children:`Continue`})]})]})}));let e=await u.findByRole(`button`,{name:`Continue`}),t=u.getByRole(`button`,{name:`Cancel`});expect(e.getAttribute(`data-variant`)).toBe(`solid`),expect(e.getAttribute(`data-color`)).toBe(`primary`),expect(t.getAttribute(`data-variant`)).toBe(`outline`),expect(e.className).toContain(`rounded-full`)})})});
+//# sourceMappingURL=alert-dialog.spec.js.map

package/dist/components/alert-dialog.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.spec.js","names":["waitFor"],"sources":["../../src/components/alert-dialog.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen, waitFor } from '@testing-library/react'\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogTitle,\n  AlertDialogTrigger\n} from './alert-dialog'\n\nfunction renderAlertDialog(onAction?: () => void, onCancel?: () => void) {\n  return render(\n    <AlertDialog>\n      <AlertDialogTrigger>Delete account</AlertDialogTrigger>\n      <AlertDialogContent>\n        <AlertDialogMedia>Icon</AlertDialogMedia>\n        <AlertDialogHeader>\n          <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n          <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel onClick={onCancel}>Cancel</AlertDialogCancel>\n          <AlertDialogAction onClick={onAction}>Continue</AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\ndescribe('AlertDialog', () => {\n  it('is closed until the trigger is clicked, then renders its content in a portal', async () => {\n    renderAlertDialog()\n\n    expect(screen.queryByRole('alertdialog')).toBeNull()\n\n    fireEvent.click(screen.getByRole('button', { name: 'Delete account' }))\n\n    expect(await screen.findByRole('alertdialog')).not.toBeNull()\n    expect(screen.getByText('Are you sure?')).not.toBeNull()\n    expect(screen.getByText('This action cannot be undone.')).not.toBeNull()\n  })\n\n  it('closes and calls the handler when Cancel is clicked', async () => {\n    const onCancel = vi.fn()\n    renderAlertDialog(undefined, onCancel)\n\n    fireEvent.click(screen.getByRole('button', { name: 'Delete account' }))\n    await screen.findByRole('alertdialog')\n\n    fireEvent.click(screen.getByRole('button', { name: 'Cancel' }))\n\n    expect(onCancel).toHaveBeenCalledTimes(1)\n    await waitFor(() => expect(screen.queryByRole('alertdialog')).toBeNull())\n  })\n\n  it('closes and calls the handler when Action is clicked', async () => {\n    const onAction = vi.fn()\n    renderAlertDialog(onAction)\n\n    fireEvent.click(screen.getByRole('button', { name: 'Delete account' }))\n    await screen.findByRole('alertdialog')\n\n    fireEvent.click(screen.getByRole('button', { name: 'Continue' }))\n\n    expect(onAction).toHaveBeenCalledTimes(1)\n    await waitFor(() => expect(screen.queryByRole('alertdialog')).toBeNull())\n  })\n\n  describe('AlertDialogContent', () => {\n    it('defaults to the md size and switches data-size when size=\"sm\" is used', async () => {\n      const { unmount } = render(\n        <AlertDialog defaultOpen>\n          <AlertDialogContent>\n            <AlertDialogTitle>Title</AlertDialogTitle>\n          </AlertDialogContent>\n        </AlertDialog>\n      )\n\n      const mdContent = await screen.findByRole('alertdialog')\n      expect(mdContent.getAttribute('data-size')).toBe('md')\n      unmount()\n\n      render(\n        <AlertDialog defaultOpen>\n          <AlertDialogContent size=\"sm\">\n            <AlertDialogTitle>Title</AlertDialogTitle>\n          </AlertDialogContent>\n        </AlertDialog>\n      )\n\n      const smContent = await screen.findByRole('alertdialog')\n      expect(smContent.getAttribute('data-size')).toBe('sm')\n    })\n  })\n\n  describe('AlertDialogAction and AlertDialogCancel', () => {\n    it('apply Button-derived classes and default variant/color to Action and Cancel', async () => {\n      render(\n        <AlertDialog defaultOpen>\n          <AlertDialogContent>\n            <AlertDialogTitle>Title</AlertDialogTitle>\n            <AlertDialogFooter>\n              <AlertDialogCancel>Cancel</AlertDialogCancel>\n              <AlertDialogAction>Continue</AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n      )\n\n      const action = await screen.findByRole('button', { name: 'Continue' })\n      const cancel = screen.getByRole('button', { name: 'Cancel' })\n\n      expect(action.getAttribute('data-variant')).toBe('solid')\n      expect(action.getAttribute('data-color')).toBe('primary')\n      expect(cancel.getAttribute('data-variant')).toBe('outline')\n      expect(action.className).toContain('rounded-full')\n    })\n  })\n})\n"],"mappings":"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"}

package/dist/components/alert.d.ts

@@ -1,18 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/alert.d.ts
-declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
-type AlertTitleProps = React.ComponentProps<'div'>;
-type AlertDescriptionProps = React.ComponentProps<'div'>;
-type AlertActionProps = React.ComponentProps<'div'>;
-declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
-declare function AlertTitle({ className, ...props }: AlertTitleProps): React.JSX.Element;
-declare function AlertDescription({ className, ...props }: AlertDescriptionProps): React.JSX.Element;
-declare function AlertAction({ className, ...props }: AlertActionProps): React.JSX.Element;
-//#endregion
-export { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
-//# sourceMappingURL=alert.d.ts.map
+import { a as AlertDescriptionProps, c as AlertTitleProps, i as AlertDescription, n as AlertAction, o as AlertProps, r as AlertActionProps, s as AlertTitle, t as Alert } from "../alert-eivgSC_S.js";
+export { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };

package/dist/components/alert.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function Alert({className:n,variant:i,...a}){return t(`div`,{"data-slot":`alert`,role:`alert`,className:e(r({variant:i}),n),...a})}function AlertTitle({className:n,...r}){return t(`div`,{"data-slot":`alert-title`,className:e(`font-medium group-has-[>svg]/alert:col-start-2`,`[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground`,n),...r})}function AlertDescription({className:n,...r}){return t(`div`,{"data-slot":`alert-description`,className:e(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4`,`[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground`,n),...r})}function AlertAction({className:n,...r}){return t(`div`,{"data-slot":`alert-action`,className:e(`absolute top-2 right-2`,n),...r})}export{Alert,AlertAction,AlertDescription,AlertTitle};
-//# sourceMappingURL=alert.js.map
+import{i as e,n as t,r as n,t as r}from"../alert-CJRgRQVF.js";export{r as Alert,t as AlertAction,n as AlertDescription,e as AlertTitle};

package/dist/components/alert.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/alert.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{i as e,n as t,r as n,t as r}from"../alert-CJRgRQVF.js";import{a as i,r as a}from"../react.esm-BkhVXJ8s.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";describe(`Alert`,()=>{it(`renders with role alert and the default variant classes`,()=>{let{container:e}=a(o(r,{children:`Heads up`})),t=e.querySelector(`[data-slot="alert"]`);expect(t).not.toBeNull(),expect(i.getByRole(`alert`).textContent).toBe(`Heads up`),expect(t?.className).toContain(`bg-card`),expect(t?.className).toContain(`text-card-foreground`)}),it(`applies destructive variant classes when variant is destructive`,()=>{let{container:e}=a(o(r,{variant:`destructive`,children:`Danger`}));expect(e.querySelector(`[data-slot="alert"]`)?.className).toContain(`text-destructive`)}),it(`merges a custom className with the variant classes`,()=>{let{container:e}=a(o(r,{className:`custom-alert`,children:`Content`}));expect(e.querySelector(`[data-slot="alert"]`)?.className).toContain(`custom-alert`)}),it(`renders AlertTitle, AlertDescription and AlertAction with their data-slots`,()=>{let{container:c}=a(s(r,{children:[o(e,{children:`Title text`}),o(n,{children:`Description text`}),o(t,{children:o(`button`,{type:`button`,children:`Undo`})})]}));expect(c.querySelector(`[data-slot="alert-title"]`)?.textContent).toBe(`Title text`),expect(c.querySelector(`[data-slot="alert-description"]`)?.textContent).toBe(`Description text`),expect(c.querySelector(`[data-slot="alert-action"]`)?.className).toContain(`absolute`),expect(i.getByRole(`button`,{name:`Undo`})).not.toBeNull()})});
+//# sourceMappingURL=alert.spec.js.map

package/dist/components/alert.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.spec.js","names":[],"sources":["../../src/components/alert.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from './alert'\n\ndescribe('Alert', () => {\n  it('renders with role alert and the default variant classes', () => {\n    const { container } = render(<Alert>Heads up</Alert>)\n\n    const alert = container.querySelector('[data-slot=\"alert\"]')\n\n    expect(alert).not.toBeNull()\n    expect(screen.getByRole('alert').textContent).toBe('Heads up')\n    expect(alert?.className).toContain('bg-card')\n    expect(alert?.className).toContain('text-card-foreground')\n  })\n\n  it('applies destructive variant classes when variant is destructive', () => {\n    const { container } = render(<Alert variant=\"destructive\">Danger</Alert>)\n\n    expect(container.querySelector('[data-slot=\"alert\"]')?.className).toContain('text-destructive')\n  })\n\n  it('merges a custom className with the variant classes', () => {\n    const { container } = render(<Alert className=\"custom-alert\">Content</Alert>)\n\n    expect(container.querySelector('[data-slot=\"alert\"]')?.className).toContain('custom-alert')\n  })\n\n  it('renders AlertTitle, AlertDescription and AlertAction with their data-slots', () => {\n    const { container } = render(\n      <Alert>\n        <AlertTitle>Title text</AlertTitle>\n        <AlertDescription>Description text</AlertDescription>\n        <AlertAction>\n          <button type=\"button\">Undo</button>\n        </AlertAction>\n      </Alert>\n    )\n\n    expect(container.querySelector('[data-slot=\"alert-title\"]')?.textContent).toBe('Title text')\n    expect(container.querySelector('[data-slot=\"alert-description\"]')?.textContent).toBe('Description text')\n    expect(container.querySelector('[data-slot=\"alert-action\"]')?.className).toContain('absolute')\n    expect(screen.getByRole('button', { name: 'Undo' })).not.toBeNull()\n  })\n})\n"],"mappings":"4MAIA,SAAS,YAAe,CACtB,GAAG,8DAAiE,CAClE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAA,SAAO,UAAe,CAAA,CAAC,EAE9C,EAAQ,EAAU,cAAc,qBAAqB,EAE3D,OAAO,CAAK,CAAC,CAAC,IAAI,SAAS,EAC3B,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,UAAU,EAC7D,OAAO,GAAO,SAAS,CAAC,CAAC,UAAU,SAAS,EAC5C,OAAO,GAAO,SAAS,CAAC,CAAC,UAAU,sBAAsB,CAC3D,CAAC,EAED,GAAG,sEAAyE,CAC1E,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAO,QAAQ,cAAc,SAAA,QAAa,CAAA,CAAC,EAExE,OAAO,EAAU,cAAc,qBAAqB,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,kBAAkB,CAChG,CAAC,EAED,GAAG,yDAA4D,CAC7D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAO,UAAU,eAAe,SAAA,SAAc,CAAA,CAAC,EAE5E,OAAO,EAAU,cAAc,qBAAqB,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,cAAc,CAC5F,CAAC,EAED,GAAG,iFAAoF,CACrF,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAA,SAAY,YAAsB,CAAA,EAClC,EAAC,EAAD,CAAA,SAAkB,kBAAkC,CAAA,EACpD,EAAC,EAAD,CAAA,SACE,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,MAAY,CAAA,CACvB,CAAA,CACR,CAAA,CAAA,CACT,EAEA,OAAO,EAAU,cAAc,2BAA2B,CAAC,EAAE,WAAW,CAAC,CAAC,KAAK,YAAY,EAC3F,OAAO,EAAU,cAAc,iCAAiC,CAAC,EAAE,WAAW,CAAC,CAAC,KAAK,kBAAkB,EACvG,OAAO,EAAU,cAAc,4BAA4B,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,UAAU,EAC7F,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CACpE,CAAC,CACH,CAAC"}

package/dist/components/anchor.d.ts

@@ -1,15 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/anchor.d.ts
-declare const anchorVariants: (props?: ({
-  size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
-  underline?: "always" | "hover" | "never" | "not-hover" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type AnchorProps = React.ComponentProps<'a'> & VariantProps<typeof anchorVariants> & {
-  asChild?: boolean;
-};
-declare function Anchor({ className, size, underline, asChild, ...props }: AnchorProps): React.JSX.Element;
-//#endregion
-export { Anchor, AnchorProps, anchorVariants };
-//# sourceMappingURL=anchor.d.ts.map
+import { n as AnchorProps, r as anchorVariants, t as Anchor } from "../anchor-DCOyn0Xa.js";
+export { Anchor, AnchorProps, anchorVariants };

package/dist/components/anchor.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`text-primary rounded-sm underline-offset-4 transition-colors outline-none hover:text-primary/80 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-xl`},underline:{always:`underline`,hover:`no-underline hover:underline`,never:`no-underline`,"not-hover":`underline hover:no-underline`}},defaultVariants:{size:`md`,underline:`hover`}});function Anchor({className:r,size:a=`md`,underline:o=`hover`,asChild:s=!1,...c}){return n(s?t.Root:`a`,{"data-slot":`anchor`,"data-size":a,"data-underline":o,className:e(i({size:a,underline:o}),r),...c})}export{Anchor,i as anchorVariants};
-//# sourceMappingURL=anchor.js.map
+import{n as e,t}from"../anchor-srhmShjN.js";export{t as Anchor,e as anchorVariants};

package/dist/components/anchor.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/anchor.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../anchor-srhmShjN.js";import{a as t,r as n}from"../react.esm-BkhVXJ8s.js";import{jsx as r}from"react/jsx-runtime";describe(`Anchor`,()=>{it(`renders an anchor tag with default variants and data-slot`,()=>{let{container:t}=n(r(e,{href:`/home`,children:`Home`})),i=t.querySelector(`[data-slot="anchor"]`);expect(i).not.toBeNull(),expect(i?.tagName).toBe(`A`),expect(i?.getAttribute(`href`)).toBe(`/home`),expect(i?.getAttribute(`data-size`)).toBe(`md`),expect(i?.getAttribute(`data-underline`)).toBe(`hover`),expect(i?.className).toContain(`text-primary`),expect(i?.className).toContain(`no-underline`)}),it(`applies the requested size variant`,()=>{let{container:t}=n(r(e,{size:`xl`,children:`Large link`})),i=t.querySelector(`[data-slot="anchor"]`);expect(i?.getAttribute(`data-size`)).toBe(`xl`),expect(i?.className).toContain(`text-xl`)}),it(`applies the requested underline variant`,()=>{let{container:t}=n(r(e,{underline:`always`,children:`Always underlined`})),i=t.querySelector(`[data-slot="anchor"]`);expect(i?.getAttribute(`data-underline`)).toBe(`always`),expect(i?.className).toContain(`underline`)}),it(`renders the child element directly when asChild is set`,()=>{n(r(e,{asChild:!0,size:`sm`,underline:`never`,children:r(`a`,{href:`/child`,children:`Child link`})}));let i=t.getByRole(`link`,{name:`Child link`});expect(i.getAttribute(`data-slot`)).toBe(`anchor`),expect(i.getAttribute(`href`)).toBe(`/child`),expect(i.className).toContain(`no-underline`)}),it(`forwards the ref to the underlying anchor element`,()=>{let t={current:null};n(r(e,{ref:t,children:`Ref link`})),expect(t.current).not.toBeNull(),expect(t.current?.tagName).toBe(`A`)})});
+//# sourceMappingURL=anchor.spec.js.map

package/dist/components/anchor.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.spec.js","names":[],"sources":["../../src/components/anchor.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { Anchor } from './anchor'\n\ndescribe('Anchor', () => {\n  it('renders an anchor tag with default variants and data-slot', () => {\n    const { container } = render(<Anchor href=\"/home\">Home</Anchor>)\n\n    const anchor = container.querySelector('[data-slot=\"anchor\"]')\n\n    expect(anchor).not.toBeNull()\n    expect(anchor?.tagName).toBe('A')\n    expect(anchor?.getAttribute('href')).toBe('/home')\n    expect(anchor?.getAttribute('data-size')).toBe('md')\n    expect(anchor?.getAttribute('data-underline')).toBe('hover')\n    expect(anchor?.className).toContain('text-primary')\n    expect(anchor?.className).toContain('no-underline')\n  })\n\n  it('applies the requested size variant', () => {\n    const { container } = render(<Anchor size=\"xl\">Large link</Anchor>)\n\n    const anchor = container.querySelector('[data-slot=\"anchor\"]')\n\n    expect(anchor?.getAttribute('data-size')).toBe('xl')\n    expect(anchor?.className).toContain('text-xl')\n  })\n\n  it('applies the requested underline variant', () => {\n    const { container } = render(<Anchor underline=\"always\">Always underlined</Anchor>)\n\n    const anchor = container.querySelector('[data-slot=\"anchor\"]')\n\n    expect(anchor?.getAttribute('data-underline')).toBe('always')\n    expect(anchor?.className).toContain('underline')\n  })\n\n  it('renders the child element directly when asChild is set', () => {\n    render(\n      <Anchor asChild size=\"sm\" underline=\"never\">\n        <a href=\"/child\">Child link</a>\n      </Anchor>\n    )\n\n    const anchor = screen.getByRole('link', { name: 'Child link' })\n\n    expect(anchor.getAttribute('data-slot')).toBe('anchor')\n    expect(anchor.getAttribute('href')).toBe('/child')\n    expect(anchor.className).toContain('no-underline')\n  })\n\n  it('forwards the ref to the underlying anchor element', () => {\n    const ref = { current: null as HTMLAnchorElement | null }\n\n    render(<Anchor ref={ref}>Ref link</Anchor>)\n\n    expect(ref.current).not.toBeNull()\n    expect(ref.current?.tagName).toBe('A')\n  })\n})\n"],"mappings":"8KAIA,SAAS,aAAgB,CACvB,GAAG,gEAAmE,CACpE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,KAAK,QAAQ,SAAA,MAAY,CAAA,CAAC,EAEzD,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,CAAM,CAAC,CAAC,IAAI,SAAS,EAC5B,OAAO,GAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,EAChC,OAAO,GAAQ,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,OAAO,EACjD,OAAO,GAAQ,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,GAAQ,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,EAC3D,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,cAAc,EAClD,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,cAAc,CACpD,CAAC,EAED,GAAG,yCAA4C,CAC7C,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,KAAK,KAAK,SAAA,YAAkB,CAAA,CAAC,EAE5D,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,GAAQ,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,SAAS,CAC/C,CAAC,EAED,GAAG,8CAAiD,CAClD,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,UAAU,SAAS,SAAA,mBAAyB,CAAA,CAAC,EAE5E,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,GAAQ,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,QAAQ,EAC5D,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,WAAW,CACjD,CAAC,EAED,GAAG,6DAAgE,CACjE,EACE,EAAC,EAAD,CAAQ,QAAA,GAAQ,KAAK,KAAK,UAAU,QAClC,SAAA,EAAC,IAAD,CAAG,KAAK,SAAS,SAAA,YAAa,CAAA,CACxB,CAAA,CACV,EAEA,IAAM,EAAS,EAAO,UAAU,OAAQ,CAAE,KAAM,YAAa,CAAC,EAE9D,OAAO,EAAO,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,QAAQ,EACtD,OAAO,EAAO,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,EACjD,OAAO,EAAO,SAAS,CAAC,CAAC,UAAU,cAAc,CACnD,CAAC,EAED,GAAG,wDAA2D,CAC5D,IAAM,EAAM,CAAE,QAAS,IAAiC,EAExD,EAAO,EAAC,EAAD,CAAa,MAAK,SAAA,UAAgB,CAAA,CAAC,EAE1C,OAAO,EAAI,OAAO,CAAC,CAAC,IAAI,SAAS,EACjC,OAAO,EAAI,SAAS,OAAO,CAAC,CAAC,KAAK,GAAG,CACvC,CAAC,CACH,CAAC"}

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

@@ -1,40 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-CVe5-EWS.js";
-import * as React from "react";
-import { Area, AreaChart as AreaChart$1 } from "recharts";
-//#region src/components/area-chart.d.ts
-type AreaChartSeries = {
-  name: string;
-  label?: string;
-  color?: string;
-  colorKey?: ChartColorKey;
-};
-type AreaChartType = 'default' | 'stacked' | 'percent' | 'split';
-type AreaChartCurveType = 'linear' | 'monotone' | 'natural' | 'step' | 'bump' | 'stepAfter' | 'stepBefore';
-type AreaChartGridAxis = 'none' | 'x' | 'y' | 'xy';
-type AreaChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {
-  data: Array<Record<string, unknown>>;
-  series: AreaChartSeries[];
-  dataKey: string;
-  type?: AreaChartType;
-  curveType?: AreaChartCurveType;
-  withXAxis?: boolean;
-  withYAxis?: boolean;
-  gridAxis?: AreaChartGridAxis;
-  withDots?: boolean;
-  withTooltip?: boolean;
-  withLegend?: boolean;
-  connectNulls?: boolean;
-  unit?: string;
-  fillOpacity?: number;
-  strokeWidth?: number;
-  animationDuration?: number;
-  tooltipProps?: ChartTooltipContentProps;
-  legendProps?: ChartLegendContentProps;
-  areaProps?: Partial<React.ComponentProps<typeof Area>>;
-  areaChartProps?: Omit<React.ComponentProps<typeof AreaChart$1>, 'data' | 'stackOffset'>;
-};
-declare function AreaChart({ className, data, series, dataKey, type, curveType, withXAxis, withYAxis, gridAxis, withDots, withTooltip, withLegend, connectNulls, unit, fillOpacity, strokeWidth, animationDuration, tooltipProps, legendProps, areaProps, areaChartProps, ...props }: AreaChartProps): React.JSX.Element;
-//#endregion
-export { AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType };
-//# sourceMappingURL=area-chart.d.ts.map
+import { a as AreaChartSeries, i as AreaChartProps, n as AreaChartCurveType, o as AreaChartType, r as AreaChartGridAxis, t as AreaChart } from "../area-chart-F_4ZL20j.js";
+export { AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType };

package/dist/components/area-chart.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{ChartContainer as t,ChartLegendContent as n,ChartTooltipContent as r,DEFAULT_CHART_PALETTE as i,resolveChartColor as a}from"./chart.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"react";import{Area as l,AreaChart as u,CartesianGrid as d,Legend as f,Tooltip as p,XAxis as m,YAxis as h}from"recharts";function buildConfig(e){return e.reduce((e,t,n)=>(e[t.name]={label:t.label??t.name,color:t.color??a(t.colorKey)??i[n%i.length]},e),{})}function AreaChart({className:i,data:a,series:g,dataKey:_,type:v=`default`,curveType:y=`monotone`,withXAxis:b=!0,withYAxis:x=!0,gridAxis:S=`x`,withDots:C=!1,withTooltip:w=!0,withLegend:T=!1,connectNulls:E,unit:D,fillOpacity:O=.2,strokeWidth:k=2,animationDuration:A,tooltipProps:j,legendProps:M,areaProps:N,areaChartProps:P,...F}){let I=c.useMemo(()=>buildConfig(g),[g]),L=v==="default"?void 0:`stack`,R=v===`percent`?`expand`:v===`split`?`silhouette`:void 0;return o(t,{"data-slot":`area-chart`,className:e(`w-full`,i),config:I,...F,children:s(u,{...P,data:a,stackOffset:R,children:[S!==`none`&&o(d,{vertical:S===`y`||S===`xy`,horizontal:S===`x`||S===`xy`}),b&&o(m,{dataKey:_,tickLine:!1,axisLine:!1,tickMargin:8}),x&&o(h,{tickLine:!1,axisLine:!1,tickMargin:8,tickFormatter:v===`percent`?e=>`${Math.round(e*100)}%`:D?e=>`${e}${D}`:void 0}),w&&o(p,{cursor:!1,content:o(r,{...j})}),T&&o(f,{content:o(n,{...M})}),g.map(e=>o(l,{type:y,dataKey:e.name,stackId:L,stroke:I[e.name]?.color,fill:I[e.name]?.color,fillOpacity:O,strokeWidth:k,dot:C,connectNulls:E,animationDuration:A,isAnimationActive:A!==0,...N},e.name))]})})}export{AreaChart};
-//# sourceMappingURL=area-chart.js.map
+import{t as e}from"../area-chart-DdDy8Vm3.js";export{e as AreaChart};

package/dist/components/area-chart.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/area-chart.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../area-chart-DdDy8Vm3.js";import{a as t,r as n}from"../react.esm-BkhVXJ8s.js";import{jsx as r}from"react/jsx-runtime";beforeAll(()=>{vi.stubGlobal(`ResizeObserver`,class{observe(){}unobserve(){}disconnect(){}}),Object.defineProperty(HTMLElement.prototype,"offsetWidth",{configurable:!0,value:500}),Object.defineProperty(HTMLElement.prototype,"offsetHeight",{configurable:!0,value:300}),HTMLElement.prototype.getBoundingClientRect=()=>({width:500,height:300,top:0,left:0,right:500,bottom:300,x:0,y:0,toJSON(){}})});const i=[{month:`January`,desktop:186,mobile:80},{month:`February`,desktop:305,mobile:200},{month:`March`,desktop:237,mobile:120}],a=[{name:`desktop`,label:`Desktop`},{name:`mobile`,label:`Mobile`}];describe(`AreaChart`,()=>{it(`renders with data-slot="area-chart" on the chart wrapper`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(t.querySelector(`[data-slot="area-chart"]`)).not.toBeNull()}),it(`accepts a data array and series list without throwing`,()=>{expect(()=>n(r(e,{data:i,series:a,dataKey:`month`}))).not.toThrow()}),it(`renders one recharts area per series entry`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(t.querySelectorAll(`.recharts-area`).length).toBe(a.length)}),it(`merges a custom className with the base width class`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`,className:`custom-area`})),o=t.querySelector(`[data-slot="area-chart"]`);expect(o?.className).toContain(`custom-area`),expect(o?.className).toContain(`w-full`)}),it(`renders a tooltip cursor by default and omits it when withTooltip is false`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(t.querySelectorAll(`.recharts-tooltip-wrapper`).length).toBe(1);let{container:o}=n(r(e,{data:i,series:a,dataKey:`month`,withTooltip:!1}));expect(o.querySelectorAll(`.recharts-tooltip-wrapper`).length).toBe(0)}),it(`omits the legend by default and renders it when withLegend is true`,()=>{let{container:o}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(o.querySelectorAll(`.recharts-legend-wrapper`).length).toBe(0);let{container:s}=n(r(e,{data:i,series:a,dataKey:`month`,withLegend:!0}));expect(s.querySelectorAll(`.recharts-legend-wrapper`).length).toBe(1),expect(t.getAllByText(`Desktop`).length).toBeGreaterThan(0)}),it(`renders an x-axis and y-axis by default and omits them when disabled`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(t.querySelectorAll(`.recharts-xAxis`).length).toBe(1),expect(t.querySelectorAll(`.recharts-yAxis`).length).toBe(1);let{container:o}=n(r(e,{data:i,series:a,dataKey:`month`,withXAxis:!1,withYAxis:!1}));expect(o.querySelectorAll(`.recharts-xAxis`).length).toBe(0),expect(o.querySelectorAll(`.recharts-yAxis`).length).toBe(0)}),it(`omits the cartesian grid when gridAxis is "none"`,()=>{let{container:t}=n(r(e,{data:i,series:a,dataKey:`month`}));expect(t.querySelectorAll(`.recharts-cartesian-grid`).length).toBe(1);let{container:o}=n(r(e,{data:i,series:a,dataKey:`month`,gridAxis:`none`}));expect(o.querySelectorAll(`.recharts-cartesian-grid`).length).toBe(0)}),it(`renders dot markers on the area when withDots is true`,()=>{let{container:t}=n(r(e,{data:i,series:[{name:`desktop`,label:`Desktop`}],dataKey:`month`,withDots:!0}));expect(t.querySelectorAll(`.recharts-area-dots .recharts-dot`).length).toBe(i.length)})});
+//# sourceMappingURL=area-chart.spec.js.map

package/dist/components/area-chart.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.spec.js","names":[],"sources":["../../src/components/area-chart.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { AreaChart, type AreaChartSeries } from './area-chart'\n\nbeforeAll(() => {\n  vi.stubGlobal(\n    'ResizeObserver',\n    class {\n      observe() {}\n      unobserve() {}\n      disconnect() {}\n    }\n  )\n  Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { configurable: true, value: 500 })\n  Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { configurable: true, value: 300 })\n  // jsdom's getBoundingClientRect always returns zeros, which leaves recharts' ResponsiveContainer\n  // stuck reporting a non-positive size and refusing to render its children (the actual chart SVG).\n  // Stubbing it to match offsetWidth/offsetHeight above lets the real recharts markup mount.\n  HTMLElement.prototype.getBoundingClientRect = () =>\n    ({\n      width: 500,\n      height: 300,\n      top: 0,\n      left: 0,\n      right: 500,\n      bottom: 300,\n      x: 0,\n      y: 0,\n      toJSON() {}\n    }) as DOMRect\n})\n\nconst data = [\n  { month: 'January', desktop: 186, mobile: 80 },\n  { month: 'February', desktop: 305, mobile: 200 },\n  { month: 'March', desktop: 237, mobile: 120 }\n]\n\nconst series: AreaChartSeries[] = [\n  { name: 'desktop', label: 'Desktop' },\n  { name: 'mobile', label: 'Mobile' }\n]\n\ndescribe('AreaChart', () => {\n  it('renders with data-slot=\"area-chart\" on the chart wrapper', () => {\n    const { container } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n\n    expect(container.querySelector('[data-slot=\"area-chart\"]')).not.toBeNull()\n  })\n\n  it('accepts a data array and series list without throwing', () => {\n    expect(() => render(<AreaChart data={data} series={series} dataKey=\"month\" />)).not.toThrow()\n  })\n\n  it('renders one recharts area per series entry', () => {\n    const { container } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n\n    expect(container.querySelectorAll('.recharts-area').length).toBe(series.length)\n  })\n\n  it('merges a custom className with the base width class', () => {\n    const { container } = render(<AreaChart data={data} series={series} dataKey=\"month\" className=\"custom-area\" />)\n\n    const chartDiv = container.querySelector('[data-slot=\"area-chart\"]')\n    expect(chartDiv?.className).toContain('custom-area')\n    expect(chartDiv?.className).toContain('w-full')\n  })\n\n  it('renders a tooltip cursor by default and omits it when withTooltip is false', () => {\n    const { container: withTooltip } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n    expect(withTooltip.querySelectorAll('.recharts-tooltip-wrapper').length).toBe(1)\n\n    const { container: withoutTooltip } = render(\n      <AreaChart data={data} series={series} dataKey=\"month\" withTooltip={false} />\n    )\n    expect(withoutTooltip.querySelectorAll('.recharts-tooltip-wrapper').length).toBe(0)\n  })\n\n  it('omits the legend by default and renders it when withLegend is true', () => {\n    const { container: withoutLegend } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n    expect(withoutLegend.querySelectorAll('.recharts-legend-wrapper').length).toBe(0)\n\n    const { container: withLegend } = render(<AreaChart data={data} series={series} dataKey=\"month\" withLegend />)\n    expect(withLegend.querySelectorAll('.recharts-legend-wrapper').length).toBe(1)\n    expect(screen.getAllByText('Desktop').length).toBeGreaterThan(0)\n  })\n\n  it('renders an x-axis and y-axis by default and omits them when disabled', () => {\n    const { container: withAxes } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n    expect(withAxes.querySelectorAll('.recharts-xAxis').length).toBe(1)\n    expect(withAxes.querySelectorAll('.recharts-yAxis').length).toBe(1)\n\n    const { container: withoutAxes } = render(\n      <AreaChart data={data} series={series} dataKey=\"month\" withXAxis={false} withYAxis={false} />\n    )\n    expect(withoutAxes.querySelectorAll('.recharts-xAxis').length).toBe(0)\n    expect(withoutAxes.querySelectorAll('.recharts-yAxis').length).toBe(0)\n  })\n\n  it('omits the cartesian grid when gridAxis is \"none\"', () => {\n    const { container: withGrid } = render(<AreaChart data={data} series={series} dataKey=\"month\" />)\n    expect(withGrid.querySelectorAll('.recharts-cartesian-grid').length).toBe(1)\n\n    const { container: withoutGrid } = render(<AreaChart data={data} series={series} dataKey=\"month\" gridAxis=\"none\" />)\n    expect(withoutGrid.querySelectorAll('.recharts-cartesian-grid').length).toBe(0)\n  })\n\n  it('renders dot markers on the area when withDots is true', () => {\n    const { container } = render(\n      <AreaChart data={data} series={[{ name: 'desktop', label: 'Desktop' }]} dataKey=\"month\" withDots />\n    )\n\n    expect(container.querySelectorAll('.recharts-area-dots .recharts-dot').length).toBe(data.length)\n  })\n})\n"],"mappings":"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"}

package/dist/components/avatar.d.ts

@@ -1,21 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Avatar as Avatar$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/avatar.d.ts
-type AvatarProps = React.ComponentProps<typeof Avatar$1.Root> & {
-  size?: 'sm' | 'md' | 'lg';
-};
-type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
-type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
-type AvatarBadgeProps = React.ComponentProps<'span'>;
-type AvatarGroupProps = React.ComponentProps<'div'>;
-type AvatarGroupCountProps = React.ComponentProps<'div'>;
-declare function Avatar({ className, size, ...props }: AvatarProps): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: AvatarImageProps): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
-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, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps };
-//# sourceMappingURL=avatar.d.ts.map
+import { a as AvatarFallbackProps, c as AvatarGroupCountProps, d as AvatarImageProps, f as AvatarProps, i as AvatarFallback, l as AvatarGroupProps, n as AvatarBadge, o as AvatarGroup, r as AvatarBadgeProps, s as AvatarGroupCount, t as Avatar, u as AvatarImage } from "../avatar-2ZS3Tx76.js";
+export { Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps };

package/dist/components/avatar.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Avatar as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function Avatar({className:r,size:i=`md`,...a}){return n(t.Root,{"data-slot":`avatar`,"data-size":i,className:e(`group/avatar relative flex shrink-0 size-8 rounded-full select-none`,`data-[size=lg]:size-10 data-[size=sm]:size-6`,`after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten`,r),...a})}function AvatarImage({className:r,...i}){return n(t.Image,{"data-slot":`avatar-image`,className:e(`rounded-full aspect-square size-full object-cover`,r),...i})}function AvatarFallback({className:r,...i}){return n(t.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,r),...i})}function AvatarBadge({className:t,...r}){return n(`span`,{"data-slot":`avatar-badge`,className:e(`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`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,t),...r})}function AvatarGroup({className:t,...r}){return n(`div`,{"data-slot":`avatar-group`,className:e(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,t),...r})}function AvatarGroupCount({className:t,...r}){return n(`div`,{"data-slot":`avatar-group-count`,className:e(`bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center size-8 rounded-full text-sm ring-2`,`group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6`,`[&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,t),...r})}export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage};
-//# sourceMappingURL=avatar.js.map
+import{a as e,i as t,n,o as r,r as i,t as a}from"../avatar-CFUwrOwG.js";export{a as Avatar,n as AvatarBadge,i as AvatarFallback,t as AvatarGroup,e as AvatarGroupCount,r as AvatarImage};

package/dist/components/avatar.spec.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/avatar.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,i as t,n,o as r,r as i,t as a}from"../avatar-CFUwrOwG.js";import{r as o}from"../react.esm-BkhVXJ8s.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";describe(`Avatar`,()=>{it(`defaults to the md size and exposes data-size on the root`,()=>{let{container:e}=o(s(a,{children:s(i,{children:`JD`})})),t=e.querySelector(`[data-slot="avatar"]`);expect(t?.getAttribute(`data-size`)).toBe(`md`),expect(t?.className).toContain(`size-8`)}),it(`applies the size-specific data attribute for sm and lg`,()=>{let{container:e,rerender:t}=o(s(a,{size:`sm`,children:s(i,{children:`JD`})}));expect(e.querySelector(`[data-slot="avatar"]`)?.getAttribute(`data-size`)).toBe(`sm`),t(s(a,{size:`lg`,children:s(i,{children:`JD`})})),expect(e.querySelector(`[data-slot="avatar"]`)?.getAttribute(`data-size`)).toBe(`lg`)}),describe(`AvatarImage and AvatarFallback`,()=>{it(`renders the fallback and does not render the image before it has finished loading`,()=>{let{container:e}=o(c(a,{children:[s(r,{src:`https://example.com/avatar.png`,alt:`Jane Doe`}),s(i,{children:`JD`})]}));expect(e.querySelector(`[data-slot="avatar-fallback"]`)?.textContent).toBe(`JD`),expect(e.querySelector(`[data-slot="avatar-image"]`)).toBeNull()}),it(`renders the image and hides the fallback once the image reports a successful load`,()=>{let e=Object.getOwnPropertyDescriptor(HTMLImageElement.prototype,`complete`),t=Object.getOwnPropertyDescriptor(HTMLImageElement.prototype,`naturalWidth`);Object.defineProperty(HTMLImageElement.prototype,"complete",{configurable:!0,get:()=>!0}),Object.defineProperty(HTMLImageElement.prototype,"naturalWidth",{configurable:!0,get:()=>100});try{let{container:e}=o(c(a,{children:[s(r,{src:`https://example.com/avatar.png`,alt:`Jane Doe`}),s(i,{children:`JD`})]}));expect(e.querySelector(`[data-slot="avatar-image"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="avatar-fallback"]`)).toBeNull()}finally{e&&Object.defineProperty(HTMLImageElement.prototype,"complete",e),t&&Object.defineProperty(HTMLImageElement.prototype,"naturalWidth",t)}})}),it(`renders AvatarBadge with the expected classes`,()=>{let{container:e}=o(c(a,{children:[s(i,{children:`JD`}),s(n,{children:`online`})]}));expect(e.querySelector(`[data-slot="avatar-badge"]`)?.className).toContain(`absolute`)}),it(`renders AvatarGroup and AvatarGroupCount composition`,()=>{let{container:n}=o(c(t,{children:[s(a,{children:s(i,{children:`A`})}),s(a,{children:s(i,{children:`B`})}),s(e,{children:`+3`})]}));expect(n.querySelector(`[data-slot="avatar-group"]`)?.className).toContain(`-space-x-2`),expect(n.querySelector(`[data-slot="avatar-group-count"]`)?.textContent).toBe(`+3`)})});
+//# sourceMappingURL=avatar.spec.js.map