@uselets/ui 1.12.0 → 1.13.0

package/README.md

@@ -358,6 +358,7 @@ You can import from the package root (`@uselets/ui`) or by subpath (`@uselets/ui
 | `mask-input` | `MaskInput` | Formatted input backed by `@react-input/mask`. Accepts `mask` plus optional `replacement`, `showMask`, `separate`, `track`, `modify`. Default replacement tokens: `9` (digit), `a` (letter), `*` (any). Forwards an external `ref` prop to the underlying `<input>`, composed with the mask ref. The `useMask` hook is also exported from `@uselets/ui/hooks/use-mask` for custom inputs. |
 | `kbd` | `Kbd`, `KbdGroup` | Keyboard shortcut presentation primitives. |
 | `label` | `Label` | Styled `<label>` wrapper. |
+| `marker` | `Marker`, `MarkerContent`, `MarkerIcon`, `markerVariants` | `variant: 'default' \| 'separator' \| 'border'` (default: `default`); `asChild?: boolean`. `separator` renders divider lines on both sides of the content (for labeled dividers); `border` renders a bottom border instead. |
 | `list` | `List`, `ListItem`, `ListIcon`, `listVariants` | `List.type: 'unordered' \| 'ordered'`; `size` and `spacing` use the `xs` to `xl` scale; `ListIcon` can use `asChild` and replaces the default marker with a primary-colored icon. |
 | `native-select` | `NativeSelect`, `NativeSelectOption`, `NativeSelectOptGroup` | Native `<select>` API with `size: 'sm' \| 'md'` (default: `md`). |
 | `popover` | `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverAnchor`, `PopoverHeader`, `PopoverTitle`, `PopoverDescription` | `PopoverContent` supports positioning props (`side`, `sideOffset`, `align`, `alignOffset`) and can be used in controlled mode via root props (`open`, `onOpenChange`). |
@@ -369,7 +370,7 @@ You can import from the package root (`@uselets/ui`) or by subpath (`@uselets/ui
 | `simple-grid` | `SimpleGrid` | Simple grid with `cols`, `gap`, `rowGap`, and `columnGap`. `cols` accepts a number; spacing uses the `xs` to `xl` scale (`4/8/16/24/32px`). Use `useBreakpointValue` when column count needs responsive values. |
 | `skeleton` | `Skeleton` | Generic loading placeholder block. Supports `visible?: boolean` (default: `true`) and can wrap `children` to reserve their size while the placeholder is shown. |
 | `spinner` | `Spinner` | Loader icon (`role="status"`), accepts SVG props and supports `size: 'sm' \| 'md' \| 'lg'` (default: `md`). |
-| `switch` | `Switch` | `Switch` supports `size: 'sm' \| 'md' \| 'lg'` (default: `md`), `color: UIColor` (default: `green`), `label?: React.ReactNode`, and `labelProps` for the composed `Label`. When `label` is provided without `id`, it generates an id and wires `htmlFor` automatically. Track size is `sm` 34x16px, `md` 42x20px, and `lg` 48x22px; the thumb and internal indicator scale with the switch. Label text follows switch size: `sm` 12px, `md` 14px, `lg` 20px. |
+| `switch` | `Switch` | `Switch` supports `size: 'sm' \| 'md' \| 'lg'` (default: `md`), `color: UIColor` (default: `green`), `label?: React.ReactNode`, and `labelProps` for the composed `Label`. When `label` is provided without `id`, it generates an id and wires `htmlFor` automatically. Track size is `sm` 34x16px, `md` 42x20px, and `lg` 48x22px; the thumb and internal indicator scale with the switch. Label text follows switch size: `sm` 14px, `md` 16px, `lg` 18px. |
 | `tabs` | `Tabs`, `TabsContent`, `TabsList`, `TabsTrigger`, `tabsListVariants` | `TabsList.variant: 'line' \| 'enclosed'` (default: `line`); `TabsList.grow?: boolean` makes horizontal tabs share the available width equally; `line` uses a neutral border line with a `primary` active indicator. |
 | `text` | `Text`, `textVariants` | Text primitive with `size: 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` (default: `md`) and `asChild`. |
 | `timeline` | `Timeline`, `TimelineItem`, `TimelineConnector`, `TimelineContent`, `TimelineDescription`, `TimelineEmpty`, `TimelineHeader`, `TimelineIcon`, `TimelineTime`, `TimelineTitle`, `timelineVariants` | `Timeline.size: 'sm' \| 'md' \| 'lg'` (default: `md`); `Timeline.iconSize: 'sm' \| 'md' \| 'lg'`; `TimelineItem.status: 'completed' \| 'in-progress' \| 'pending'`; icon and connector colors use the semantic palette (`primary`, `secondary`, `muted`, `accent`, `destructive`). |

package/dist/{chart-lqgodZYQ.d.ts → chart-CVe5-EWS.d.ts}

@@ -1,16 +1,15 @@
 import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-
 //#region src/components/chart.d.ts
 declare const THEMES: {
-  readonly light: "";
-  readonly dark: ".dark";
+  readonly light: '';
+  readonly dark: '.dark';
 };
 type ChartColorKey = 'primary' | 'brand' | 'gray' | 'zinc' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'pink';
 declare const CHART_COLOR_KEYS: readonly ChartColorKey[];
 declare function resolveChartColor(value: string | undefined): string | undefined;
-declare const DEFAULT_CHART_PALETTE: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
+declare const DEFAULT_CHART_PALETTE: readonly ['var(--chart-1)', 'var(--chart-2)', 'var(--chart-3)', 'var(--chart-4)', 'var(--chart-5)'];
 type ChartConfig = { [k in string]: {
   label?: React.ReactNode;
   icon?: React.ComponentType;
@@ -20,7 +19,7 @@ type ChartConfig = { [k in string]: {
 } | {
   color?: never;
   theme: Record<keyof typeof THEMES, string>;
-}) };
+}); };
 type ChartContainerProps = React.ComponentProps<'div'> & {
   config: ChartConfig;
   children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
@@ -44,41 +43,12 @@ type ChartLegendContentProps = React.ComponentProps<'div'> & Pick<RechartsPrimit
   hideIcon?: boolean;
   nameKey?: string;
 };
-declare function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}: ChartContainerProps): React.JSX.Element;
-declare const ChartStyle: ({
-  id,
-  config
-}: ChartStyleProps) => React.JSX.Element | null;
+declare function ChartContainer({ id, className, children, config, ...props }: ChartContainerProps): React.JSX.Element;
+declare const ChartStyle: ({ id, config }: ChartStyleProps) => React.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator,
-  hideLabel,
-  hideIndicator,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}: ChartTooltipContentProps): React.JSX.Element | null;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }: ChartTooltipContentProps): React.JSX.Element | null;
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare function ChartLegendContent({
-  className,
-  hideIcon,
-  payload,
-  verticalAlign,
-  nameKey
-}: ChartLegendContentProps): React.JSX.Element | null;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey }: ChartLegendContentProps): React.JSX.Element | null;
 //#endregion
 export { resolveChartColor as _, ChartContainerProps as a, ChartLegendContentProps as c, ChartStyleProps as d, ChartTooltip as f, DEFAULT_CHART_PALETTE as g, ChartTooltipProps as h, ChartContainer as i, ChartLegendProps as l, ChartTooltipContentProps as m, ChartColorKey as n, ChartLegend as o, ChartTooltipContent as p, ChartConfig as r, ChartLegendContent as s, CHART_COLOR_KEYS as t, ChartStyle as u };
-//# sourceMappingURL=chart-lqgodZYQ.d.ts.map
+//# sourceMappingURL=chart-CVe5-EWS.d.ts.map

package/dist/components/accordion.d.ts

@@ -1,30 +1,15 @@
 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;
+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

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["AccordionPrimitive"],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react'\nimport { Accordion as AccordionPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>\n\nexport type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\n\nexport type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>\n\nexport type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>\n\nfunction Accordion({ className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn('flex w-full flex-col border rounded-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('not-last:border-b px-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <IconChevronDown\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n        />\n        <IconChevronUp\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"wrap-break-word data-closed:overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div className={cn('h-(--radix-accordion-content-height) pt-0 pb-2.5', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger }\n"],"mappings":"6OAeA,SAAS,UAAU,CAAE,YAAW,GAAG,GAAyB,CAC1D,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,YACV,UAAW,EAAG,yCAA0C,CAAS,EACjE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CAAE,YAAW,GAAG,GAA6B,CAClE,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,iBACV,UAAW,EAAG,yBAA0B,CAAS,EACjD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,WAAU,GAAG,GAAgC,CAClF,OACE,EAACA,EAAmB,OAApB,CAA2B,UAAU,gBACnC,EAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAW,EACT,mfACA,CACF,EACA,GAAI,WANN,CAQG,EACD,EAAC,EAAD,CACE,YAAU,yBACV,UAAU,2EACX,CAAA,EACD,EAAC,EAAD,CACE,YAAU,yBACV,UAAU,kFACX,CAAA,CACyB,GACH,CAAA,CAE/B,CAEA,SAAS,iBAAiB,CAAE,YAAW,WAAU,GAAG,GAAgC,CAClF,OACE,EAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAU,wHACV,GAAI,WAEJ,EAAC,MAAD,CAAK,UAAW,EAAG,mDAAoD,CAAS,EAAI,UAAc,CAAA,CACxE,CAAA,CAEhC"}
+{"version":3,"file":"accordion.js","names":["AccordionPrimitive"],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react'\nimport { Accordion as AccordionPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>\n\nexport type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\n\nexport type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>\n\nexport type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>\n\nfunction Accordion({ className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn('flex w-full flex-col border rounded-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('not-last:border-b px-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <IconChevronDown\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n        />\n        <IconChevronUp\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"wrap-break-word data-closed:overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div className={cn('h-(--radix-accordion-content-height) pt-0 pb-2.5', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger }\n"],"mappings":"6OAeA,SAAS,UAAU,CAAE,YAAW,GAAG,GAAyB,CAC1D,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,YACV,UAAW,EAAG,yCAA0C,CAAS,EACjE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CAAE,YAAW,GAAG,GAA6B,CAClE,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,iBACV,UAAW,EAAG,yBAA0B,CAAS,EACjD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,WAAU,GAAG,GAAgC,CAClF,OACE,EAACA,EAAmB,OAApB,CAA2B,UAAU,OACnC,SAAA,EAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAW,EACT,mfACA,CACF,EACA,GAAI,EANN,SAAA,CAQG,EACD,EAAC,EAAD,CACE,YAAU,yBACV,UAAU,2EACX,CAAA,EACD,EAAC,EAAD,CACE,YAAU,yBACV,UAAU,kFACX,CAAA,CACyB,GACH,CAAA,CAE/B,CAEA,SAAS,iBAAiB,CAAE,YAAW,WAAU,GAAG,GAAgC,CAClF,OACE,EAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAU,wHACV,GAAI,EAEJ,SAAA,EAAC,MAAD,CAAK,UAAW,EAAG,mDAAoD,CAAS,EAAI,UAAc,CAAA,CACxE,CAAA,CAEhC"}

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

@@ -2,7 +2,6 @@ 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>;
@@ -18,58 +17,18 @@ 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;
+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

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\nexport type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>\n\nexport type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>\n\nexport type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialogPrimitive.Portal>\n\nexport type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialogPrimitive.Overlay>\n\nexport type AlertDialogContentProps = React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: 'sm' | 'md'\n}\n\nexport type AlertDialogHeaderProps = React.ComponentProps<'div'>\n\nexport type AlertDialogFooterProps = React.ComponentProps<'div'>\n\nexport type AlertDialogMediaProps = React.ComponentProps<'div'>\n\nexport type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>\n\nexport type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>\n\nexport type AlertDialogActionProps = React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>\n\nexport type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>\n\nfunction AlertDialog({ ...props }: AlertDialogProps) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogTriggerProps) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPortalProps) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, size = 'md', ...props }: AlertDialogContentProps) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        '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]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        '-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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({ className, ...props }: AlertDialogMediaProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        'text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = 'solid',\n  color = 'primary',\n  size = 'md',\n  ...props\n}: AlertDialogActionProps) {\n  return (\n    <Button variant={variant} color={color} size={size} asChild>\n      <AlertDialogPrimitive.Action data-slot=\"alert-dialog-action\" className={cn(className)} {...props} />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = 'outline',\n  color = 'primary',\n  size = 'md',\n  ...props\n}: AlertDialogCancelProps) {\n  return (\n    <Button variant={variant} color={color} size={size} asChild>\n      <AlertDialogPrimitive.Cancel data-slot=\"alert-dialog-cancel\" className={cn(className)} {...props} />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger\n}\n"],"mappings":"2MAmCA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAqB,KAAtB,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,mBAAmB,CAAE,GAAG,GAAkC,CACjE,OAAO,EAACA,EAAqB,QAAtB,CAA8B,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CACpF,CAEA,SAAS,kBAAkB,CAAE,GAAG,GAAiC,CAC/D,OAAO,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAClF,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAqB,QAAtB,CACE,YAAU,uBACV,UAAW,EACT,gLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,mBAAmB,CAAE,YAAW,OAAO,KAAM,GAAG,GAAkC,CACzF,OACE,EAAC,kBAAD,CAAA,SAAA,CACE,EAAC,mBAAD,CAAqB,CAAA,EACrB,EAACA,EAAqB,QAAtB,CACE,YAAU,uBACV,YAAW,EACX,UAAW,EACT,8YACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CAEvB,CAEA,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EACT,sYACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EACT,gNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,qBACV,UAAW,EACT,wKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAACA,EAAqB,MAAtB,CACE,YAAU,qBACV,UAAW,EACT,+IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,uBAAuB,CAAE,YAAW,GAAG,GAAsC,CACpF,OACE,EAACA,EAAqB,YAAtB,CACE,YAAU,2BACV,UAAW,EACT,iIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,kBAAkB,CACzB,YACA,UAAU,QACV,QAAQ,UACR,OAAO,KACP,GAAG,GACsB,CACzB,OACE,EAAC,EAAD,CAAiB,UAAgB,QAAa,OAAM,QAAA,YAClD,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ,CAEA,SAAS,kBAAkB,CACzB,YACA,UAAU,UACV,QAAQ,UACR,OAAO,KACP,GAAG,GACsB,CACzB,OACE,EAAC,EAAD,CAAiB,UAAgB,QAAa,OAAM,QAAA,YAClD,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ"}
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\nexport type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>\n\nexport type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>\n\nexport type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialogPrimitive.Portal>\n\nexport type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialogPrimitive.Overlay>\n\nexport type AlertDialogContentProps = React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: 'sm' | 'md'\n}\n\nexport type AlertDialogHeaderProps = React.ComponentProps<'div'>\n\nexport type AlertDialogFooterProps = React.ComponentProps<'div'>\n\nexport type AlertDialogMediaProps = React.ComponentProps<'div'>\n\nexport type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>\n\nexport type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>\n\nexport type AlertDialogActionProps = React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>\n\nexport type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'color' | 'size'>\n\nfunction AlertDialog({ ...props }: AlertDialogProps) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogTriggerProps) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPortalProps) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, size = 'md', ...props }: AlertDialogContentProps) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        '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]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        '-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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({ className, ...props }: AlertDialogMediaProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        'text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = 'solid',\n  color = 'primary',\n  size = 'md',\n  ...props\n}: AlertDialogActionProps) {\n  return (\n    <Button variant={variant} color={color} size={size} asChild>\n      <AlertDialogPrimitive.Action data-slot=\"alert-dialog-action\" className={cn(className)} {...props} />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = 'outline',\n  color = 'primary',\n  size = 'md',\n  ...props\n}: AlertDialogCancelProps) {\n  return (\n    <Button variant={variant} color={color} size={size} asChild>\n      <AlertDialogPrimitive.Cancel data-slot=\"alert-dialog-cancel\" className={cn(className)} {...props} />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger\n}\n"],"mappings":"2MAmCA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAqB,KAAtB,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,mBAAmB,CAAE,GAAG,GAAkC,CACjE,OAAO,EAACA,EAAqB,QAAtB,CAA8B,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CACpF,CAEA,SAAS,kBAAkB,CAAE,GAAG,GAAiC,CAC/D,OAAO,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAClF,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAqB,QAAtB,CACE,YAAU,uBACV,UAAW,EACT,gLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,mBAAmB,CAAE,YAAW,OAAO,KAAM,GAAG,GAAkC,CACzF,OACE,EAAC,kBAAD,CAAA,SAAA,CACE,EAAC,mBAAD,CAAqB,CAAA,EACrB,EAACA,EAAqB,QAAtB,CACE,YAAU,uBACV,YAAW,EACX,UAAW,EACT,8YACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CAEvB,CAEA,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EACT,sYACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EACT,gNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,qBACV,UAAW,EACT,wKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAACA,EAAqB,MAAtB,CACE,YAAU,qBACV,UAAW,EACT,+IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,uBAAuB,CAAE,YAAW,GAAG,GAAsC,CACpF,OACE,EAACA,EAAqB,YAAtB,CACE,YAAU,2BACV,UAAW,EACT,iIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,kBAAkB,CACzB,YACA,UAAU,QACV,QAAQ,UACR,OAAO,KACP,GAAG,GACsB,CACzB,OACE,EAAC,EAAD,CAAiB,UAAgB,QAAa,OAAM,QAAA,GAClD,SAAA,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ,CAEA,SAAS,kBAAkB,CACzB,YACA,UAAU,UACV,QAAQ,UACR,OAAO,KACP,GAAG,GACsB,CACzB,OACE,EAAC,EAAD,CAAiB,UAAgB,QAAa,OAAM,QAAA,GAClD,SAAA,EAACA,EAAqB,OAAtB,CAA6B,YAAU,sBAAsB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ"}

package/dist/components/alert.d.ts

@@ -1,7 +1,6 @@
 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;
@@ -10,23 +9,10 @@ type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariant
 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;
+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

package/dist/components/anchor.d.ts

@@ -1,22 +1,15 @@
 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?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  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;
+declare function Anchor({ className, size, underline, asChild, ...props }: AnchorProps): React.JSX.Element;
 //#endregion
 export { Anchor, AnchorProps, anchorVariants };
 //# sourceMappingURL=anchor.d.ts.map

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

@@ -1,8 +1,7 @@
 import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-lqgodZYQ.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;
@@ -35,30 +34,7 @@ type AreaChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {
   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;
+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

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

@@ -1 +1 @@
-{"version":3,"file":"area-chart.js","names":["RechartsAreaChart"],"sources":["../../src/components/area-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Area, CartesianGrid, Legend, AreaChart as RechartsAreaChart, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type AreaChartSeries = {\n  name: string\n  label?: string\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type AreaChartType = 'default' | 'stacked' | 'percent' | 'split'\nexport type AreaChartCurveType = 'linear' | 'monotone' | 'natural' | 'step' | 'bump' | 'stepAfter' | 'stepBefore'\nexport type AreaChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type AreaChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  data: Array<Record<string, unknown>>\n  series: AreaChartSeries[]\n  dataKey: string\n  type?: AreaChartType\n  curveType?: AreaChartCurveType\n  withXAxis?: boolean\n  withYAxis?: boolean\n  gridAxis?: AreaChartGridAxis\n  withDots?: boolean\n  withTooltip?: boolean\n  withLegend?: boolean\n  connectNulls?: boolean\n  unit?: string\n  fillOpacity?: number\n  strokeWidth?: number\n  animationDuration?: number\n  tooltipProps?: ChartTooltipContentProps\n  legendProps?: ChartLegendContentProps\n  areaProps?: Partial<React.ComponentProps<typeof Area>>\n  areaChartProps?: Omit<React.ComponentProps<typeof RechartsAreaChart>, 'data' | 'stackOffset'>\n}\n\nfunction buildConfig(series: AreaChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction AreaChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  curveType = 'monotone',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withDots = false,\n  withTooltip = true,\n  withLegend = false,\n  connectNulls,\n  unit,\n  fillOpacity = 0.2,\n  strokeWidth = 2,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  areaProps,\n  areaChartProps,\n  ...props\n}: AreaChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : type === 'split' ? 'silhouette' : undefined\n\n  return (\n    <ChartContainer data-slot=\"area-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsAreaChart {...areaChartProps} data={data} stackOffset={stackOffset}>\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis && <XAxis dataKey={dataKey} tickLine={false} axisLine={false} tickMargin={8} />}\n        {withYAxis && (\n          <YAxis\n            tickLine={false}\n            axisLine={false}\n            tickMargin={8}\n            tickFormatter={\n              type === 'percent'\n                ? (value: number) => `${Math.round(value * 100)}%`\n                : unit\n                  ? (value) => `${value}${unit}`\n                  : undefined\n            }\n          />\n        )}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => (\n          <Area\n            key={item.name}\n            type={curveType}\n            dataKey={item.name}\n            stackId={stackId}\n            stroke={config[item.name]?.color}\n            fill={config[item.name]?.color}\n            fillOpacity={fillOpacity}\n            strokeWidth={strokeWidth}\n            dot={withDots}\n            connectNulls={connectNulls}\n            animationDuration={animationDuration}\n            isAnimationActive={animationDuration !== 0}\n            {...areaProps}\n          />\n        ))}\n      </RechartsAreaChart>\n    </ChartContainer>\n  )\n}\n\nexport { AreaChart }\n"],"mappings":"uZAmDA,SAAS,YAAY,EAAwC,CAC3D,OAAO,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAI,EAAK,MAAQ,CACf,MAAO,EAAK,OAAS,EAAK,KAC1B,MACE,EAAK,OAAS,EAAkB,EAAK,QAAQ,GAAK,EAAsB,EAAQ,EAAsB,OAC1G,EACO,GACN,CAAC,CAAC,CACP,CAEA,SAAS,UAAU,CACjB,YACA,OACA,SACA,UACA,OAAO,UACP,YAAY,WACZ,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,WAAW,GACX,cAAc,GACd,aAAa,GACb,eACA,OACA,cAAc,GACd,cAAc,EACd,oBACA,eACA,cACA,YACA,iBACA,GAAG,GACc,CACjB,IAAM,EAAS,EAAM,YAAc,YAAY,CAAM,EAAG,CAAC,CAAM,CAAC,EAC1D,EAAU,IAAS,UAAY,IAAA,GAAY,QAC3C,EAAc,IAAS,UAAY,SAAW,IAAS,QAAU,aAAe,IAAA,GAEtF,OACE,EAAC,EAAD,CAAgB,YAAU,aAAa,UAAW,EAAG,SAAU,CAAS,EAAW,SAAQ,GAAI,WAC7F,EAACA,EAAD,CAAmB,GAAI,EAAsB,OAAmB,uBAAhE,CACG,IAAa,QACZ,EAAC,EAAD,CACE,SAAU,IAAa,KAAO,IAAa,KAC3C,WAAY,IAAa,KAAO,IAAa,IAC9C,CAAA,EAEF,GAAa,EAAC,EAAD,CAAgB,UAAS,SAAU,GAAO,SAAU,GAAO,WAAY,CAAI,CAAA,EACxF,GACC,EAAC,EAAD,CACE,SAAU,GACV,SAAU,GACV,WAAY,EACZ,cACE,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAM,EAAQ,GAAG,EAAE,GAC9C,EACG,GAAU,GAAG,IAAQ,IACtB,IAAA,EAET,CAAA,EAEF,GAAe,EAAC,EAAD,CAAS,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,GAAI,CAAe,CAAA,CAAI,CAAA,EAC5F,GAAc,EAAC,EAAD,CAAQ,QAAS,EAAC,EAAD,CAAoB,GAAI,CAAc,CAAA,CAAI,CAAA,EACzE,EAAO,IAAK,GACX,EAAC,EAAD,CAEE,KAAM,EACN,QAAS,EAAK,KACL,UACT,OAAQ,EAAO,EAAK,KAAK,EAAE,MAC3B,KAAM,EAAO,EAAK,KAAK,EAAE,MACZ,cACA,cACb,IAAK,EACS,eACK,oBACnB,kBAAmB,IAAsB,EACzC,GAAI,CACL,EAbM,EAAK,IAaX,CACF,CACgB,GACL,CAAA,CAEpB"}
+{"version":3,"file":"area-chart.js","names":["RechartsAreaChart"],"sources":["../../src/components/area-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Area, CartesianGrid, Legend, AreaChart as RechartsAreaChart, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type AreaChartSeries = {\n  name: string\n  label?: string\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type AreaChartType = 'default' | 'stacked' | 'percent' | 'split'\nexport type AreaChartCurveType = 'linear' | 'monotone' | 'natural' | 'step' | 'bump' | 'stepAfter' | 'stepBefore'\nexport type AreaChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type AreaChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  data: Array<Record<string, unknown>>\n  series: AreaChartSeries[]\n  dataKey: string\n  type?: AreaChartType\n  curveType?: AreaChartCurveType\n  withXAxis?: boolean\n  withYAxis?: boolean\n  gridAxis?: AreaChartGridAxis\n  withDots?: boolean\n  withTooltip?: boolean\n  withLegend?: boolean\n  connectNulls?: boolean\n  unit?: string\n  fillOpacity?: number\n  strokeWidth?: number\n  animationDuration?: number\n  tooltipProps?: ChartTooltipContentProps\n  legendProps?: ChartLegendContentProps\n  areaProps?: Partial<React.ComponentProps<typeof Area>>\n  areaChartProps?: Omit<React.ComponentProps<typeof RechartsAreaChart>, 'data' | 'stackOffset'>\n}\n\nfunction buildConfig(series: AreaChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction AreaChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  curveType = 'monotone',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withDots = false,\n  withTooltip = true,\n  withLegend = false,\n  connectNulls,\n  unit,\n  fillOpacity = 0.2,\n  strokeWidth = 2,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  areaProps,\n  areaChartProps,\n  ...props\n}: AreaChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : type === 'split' ? 'silhouette' : undefined\n\n  return (\n    <ChartContainer data-slot=\"area-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsAreaChart {...areaChartProps} data={data} stackOffset={stackOffset}>\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis && <XAxis dataKey={dataKey} tickLine={false} axisLine={false} tickMargin={8} />}\n        {withYAxis && (\n          <YAxis\n            tickLine={false}\n            axisLine={false}\n            tickMargin={8}\n            tickFormatter={\n              type === 'percent'\n                ? (value: number) => `${Math.round(value * 100)}%`\n                : unit\n                  ? (value) => `${value}${unit}`\n                  : undefined\n            }\n          />\n        )}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => (\n          <Area\n            key={item.name}\n            type={curveType}\n            dataKey={item.name}\n            stackId={stackId}\n            stroke={config[item.name]?.color}\n            fill={config[item.name]?.color}\n            fillOpacity={fillOpacity}\n            strokeWidth={strokeWidth}\n            dot={withDots}\n            connectNulls={connectNulls}\n            animationDuration={animationDuration}\n            isAnimationActive={animationDuration !== 0}\n            {...areaProps}\n          />\n        ))}\n      </RechartsAreaChart>\n    </ChartContainer>\n  )\n}\n\nexport { AreaChart }\n"],"mappings":"uZAmDA,SAAS,YAAY,EAAwC,CAC3D,OAAO,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAI,EAAK,MAAQ,CACf,MAAO,EAAK,OAAS,EAAK,KAC1B,MACE,EAAK,OAAS,EAAkB,EAAK,QAAQ,GAAK,EAAsB,EAAQ,EAAsB,OAC1G,EACO,GACN,CAAC,CAAC,CACP,CAEA,SAAS,UAAU,CACjB,YACA,OACA,SACA,UACA,OAAO,UACP,YAAY,WACZ,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,WAAW,GACX,cAAc,GACd,aAAa,GACb,eACA,OACA,cAAc,GACd,cAAc,EACd,oBACA,eACA,cACA,YACA,iBACA,GAAG,GACc,CACjB,IAAM,EAAS,EAAM,YAAc,YAAY,CAAM,EAAG,CAAC,CAAM,CAAC,EAC1D,EAAU,IAAS,UAAY,IAAA,GAAY,QAC3C,EAAc,IAAS,UAAY,SAAW,IAAS,QAAU,aAAe,IAAA,GAEtF,OACE,EAAC,EAAD,CAAgB,YAAU,aAAa,UAAW,EAAG,SAAU,CAAS,EAAW,SAAQ,GAAI,EAC7F,SAAA,EAACA,EAAD,CAAmB,GAAI,EAAsB,OAAmB,cAAhE,SAAA,CACG,IAAa,QACZ,EAAC,EAAD,CACE,SAAU,IAAa,KAAO,IAAa,KAC3C,WAAY,IAAa,KAAO,IAAa,IAC9C,CAAA,EAEF,GAAa,EAAC,EAAD,CAAgB,UAAS,SAAU,GAAO,SAAU,GAAO,WAAY,CAAI,CAAA,EACxF,GACC,EAAC,EAAD,CACE,SAAU,GACV,SAAU,GACV,WAAY,EACZ,cACE,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAM,EAAQ,GAAG,EAAE,GAC9C,EACG,GAAU,GAAG,IAAQ,IACtB,IAAA,EAET,CAAA,EAEF,GAAe,EAAC,EAAD,CAAS,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,GAAI,CAAe,CAAA,CAAI,CAAA,EAC5F,GAAc,EAAC,EAAD,CAAQ,QAAS,EAAC,EAAD,CAAoB,GAAI,CAAc,CAAA,CAAI,CAAA,EACzE,EAAO,IAAK,GACX,EAAC,EAAD,CAEE,KAAM,EACN,QAAS,EAAK,KACL,UACT,OAAQ,EAAO,EAAK,KAAK,EAAE,MAC3B,KAAM,EAAO,EAAK,KAAK,EAAE,MACZ,cACA,cACb,IAAK,EACS,eACK,oBACnB,kBAAmB,IAAsB,EACzC,GAAI,CACL,EAbM,EAAK,IAaX,CACF,CACgB,GACL,CAAA,CAEpB"}

package/dist/components/avatar.d.ts

@@ -1,7 +1,6 @@
 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';
@@ -11,31 +10,12 @@ 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;
+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

package/dist/components/badge.d.ts

@@ -1,24 +1,16 @@
 import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  variant?: "solid" | "secondary" | "outline" | "subtle" | null | undefined;
-  color?: "primary" | "brand" | "gray" | "zinc" | "red" | "yellow" | "blue" | "indigo" | "pink" | "green" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
+  variant?: "outline" | "secondary" | "solid" | "subtle" | null | undefined;
+  color?: "blue" | "brand" | "gray" | "green" | "indigo" | "pink" | "primary" | "red" | "yellow" | "zinc" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
 };
-declare function Badge({
-  className,
-  size,
-  variant,
-  color,
-  asChild,
-  ...props
-}: BadgeProps): React.JSX.Element;
+declare function Badge({ className, size, variant, color, asChild, ...props }: BadgeProps): React.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1,8 +1,7 @@
 import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-lqgodZYQ.js";
+import { c as ChartLegendContentProps, m as ChartTooltipContentProps, n as ChartColorKey } from "../chart-CVe5-EWS.js";
 import * as React from "react";
 import { Bar, BarChart as BarChart$1 } from "recharts";
-
 //#region src/components/bar-chart.d.ts
 type BarChartSeries = {
   name: string;
@@ -37,28 +36,7 @@ type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {
   barProps?: Partial<React.ComponentProps<typeof Bar>>;
   barChartProps?: Omit<React.ComponentProps<typeof BarChart$1>, 'data' | 'layout' | 'stackOffset'>;
 };
-declare function BarChart({
-  className,
-  data,
-  series,
-  dataKey,
-  type,
-  orientation,
-  withXAxis,
-  withYAxis,
-  gridAxis,
-  withTooltip,
-  withLegend,
-  barSize,
-  radius,
-  unit,
-  animationDuration,
-  tooltipProps,
-  legendProps,
-  barProps,
-  barChartProps,
-  ...props
-}: BarChartProps): React.JSX.Element;
+declare function BarChart({ className, data, series, dataKey, type, orientation, withXAxis, withYAxis, gridAxis, withTooltip, withLegend, barSize, radius, unit, animationDuration, tooltipProps, legendProps, barProps, barChartProps, ...props }: BarChartProps): React.JSX.Element;
 //#endregion
 export { BarChart, BarChartDatum, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType };
 //# sourceMappingURL=bar-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bar-chart.js","names":["RechartsBarChart"],"sources":["../../src/components/bar-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Bar, CartesianGrid, Legend, BarChart as RechartsBarChart, Rectangle, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type BarChartSeries = {\n  name: string\n  label?: string\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartDatum = Record<string, unknown> & {\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartType = 'default' | 'stacked' | 'percent'\nexport type BarChartOrientation = 'vertical' | 'horizontal'\nexport type BarChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  data: BarChartDatum[]\n  series: BarChartSeries[]\n  dataKey: string\n  type?: BarChartType\n  orientation?: BarChartOrientation\n  withXAxis?: boolean\n  withYAxis?: boolean\n  gridAxis?: BarChartGridAxis\n  withTooltip?: boolean\n  withLegend?: boolean\n  barSize?: number\n  radius?: number | [number, number, number, number]\n  unit?: string\n  animationDuration?: number\n  tooltipProps?: ChartTooltipContentProps\n  legendProps?: ChartLegendContentProps\n  barProps?: Partial<React.ComponentProps<typeof Bar>>\n  barChartProps?: Omit<React.ComponentProps<typeof RechartsBarChart>, 'data' | 'layout' | 'stackOffset'>\n}\n\nfunction buildConfig(series: BarChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction BarChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  orientation = 'vertical',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withTooltip = true,\n  withLegend = false,\n  barSize,\n  radius = 4,\n  unit,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  barProps,\n  barChartProps,\n  ...props\n}: BarChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : undefined\n  const isHorizontal = orientation === 'horizontal'\n\n  const categoryAxisProps = {\n    dataKey,\n    tickLine: false,\n    axisLine: false,\n    tickMargin: 8\n  } as const\n\n  const valueTickFormatter =\n    type === 'percent'\n      ? (value: number) => `${Math.round(value * 100)}%`\n      : unit\n        ? (value: number) => `${value}${unit}`\n        : undefined\n\n  return (\n    <ChartContainer data-slot=\"bar-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsBarChart\n        {...barChartProps}\n        data={data}\n        stackOffset={stackOffset}\n        layout={isHorizontal ? 'vertical' : 'horizontal'}\n      >\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis &&\n          (isHorizontal ? (\n            <XAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ) : (\n            <XAxis type=\"category\" {...categoryAxisProps} />\n          ))}\n        {withYAxis &&\n          (isHorizontal ? (\n            <YAxis type=\"category\" {...categoryAxisProps} />\n          ) : (\n            <YAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ))}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => {\n          const seriesColor = config[item.name]?.color\n          return (\n            <Bar\n              key={item.name}\n              dataKey={item.name}\n              stackId={stackId}\n              fill={seriesColor}\n              radius={radius}\n              barSize={barSize}\n              animationDuration={animationDuration}\n              isAnimationActive={animationDuration !== 0}\n              shape={(shapeProps) => {\n                const row = shapeProps.payload as BarChartDatum | undefined\n                const fill = row?.color ?? resolveChartColor(row?.colorKey) ?? seriesColor\n                return <Rectangle {...shapeProps} fill={fill} />\n              }}\n              {...barProps}\n            />\n          )\n        })}\n      </RechartsBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { BarChart }\n"],"mappings":"oaAsDA,SAAS,YAAY,EAAuC,CAC1D,OAAO,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAI,EAAK,MAAQ,CACf,MAAO,EAAK,OAAS,EAAK,KAC1B,MACE,EAAK,OAAS,EAAkB,EAAK,QAAQ,GAAK,EAAsB,EAAQ,EAAsB,OAC1G,EACO,GACN,CAAC,CAAC,CACP,CAEA,SAAS,SAAS,CAChB,YACA,OACA,SACA,UACA,OAAO,UACP,cAAc,WACd,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,cAAc,GACd,aAAa,GACb,UACA,SAAS,EACT,OACA,oBACA,eACA,cACA,WACA,gBACA,GAAG,GACa,CAChB,IAAM,EAAS,EAAM,YAAc,YAAY,CAAM,EAAG,CAAC,CAAM,CAAC,EAC1D,EAAU,IAAS,UAAY,IAAA,GAAY,QAC3C,EAAc,IAAS,UAAY,SAAW,IAAA,GAC9C,EAAe,IAAgB,aAE/B,EAAoB,CACxB,UACA,SAAU,GACV,SAAU,GACV,WAAY,CACd,EAEM,EACJ,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAM,EAAQ,GAAG,EAAE,GAC9C,EACG,GAAkB,GAAG,IAAQ,IAC9B,IAAA,GAER,OACE,EAAC,EAAD,CAAgB,YAAU,YAAY,UAAW,EAAG,SAAU,CAAS,EAAW,SAAQ,GAAI,WAC5F,EAACA,EAAD,CACE,GAAI,EACE,OACO,cACb,OAAQ,EAAe,WAAa,sBAJtC,CAMG,IAAa,QACZ,EAAC,EAAD,CACE,SAAU,IAAa,KAAO,IAAa,KAC3C,WAAY,IAAa,KAAO,IAAa,IAC9C,CAAA,EAEF,IACE,EACC,EAAC,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAqB,CAAA,EAE1G,EAAC,EAAD,CAAO,KAAK,WAAW,GAAI,CAAoB,CAAA,GAElD,IACE,EACC,EAAC,EAAD,CAAO,KAAK,WAAW,GAAI,CAAoB,CAAA,EAE/C,EAAC,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAqB,CAAA,GAE7G,GAAe,EAAC,EAAD,CAAS,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,GAAI,CAAe,CAAA,CAAI,CAAA,EAC5F,GAAc,EAAC,EAAD,CAAQ,QAAS,EAAC,EAAD,CAAoB,GAAI,CAAc,CAAA,CAAI,CAAA,EACzE,EAAO,IAAK,GAAS,CACpB,IAAM,EAAc,EAAO,EAAK,KAAK,EAAE,MACvC,OACE,EAAC,EAAD,CAEE,QAAS,EAAK,KACL,UACT,KAAM,EACE,SACC,UACU,oBACnB,kBAAmB,IAAsB,EACzC,MAAQ,GAAe,CACrB,IAAM,EAAM,EAAW,QACjB,EAAO,GAAK,OAAS,EAAkB,GAAK,QAAQ,GAAK,EAC/D,OAAO,EAAC,EAAD,CAAW,GAAI,EAAkB,MAAO,CAAA,CACjD,EACA,GAAI,CACL,EAdM,EAAK,IAcX,CAEL,CAAC,CACe,GACJ,CAAA,CAEpB"}
+{"version":3,"file":"bar-chart.js","names":["RechartsBarChart"],"sources":["../../src/components/bar-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Bar, CartesianGrid, Legend, BarChart as RechartsBarChart, Rectangle, Tooltip, XAxis, YAxis } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartColorKey,\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps,\n  DEFAULT_CHART_PALETTE,\n  resolveChartColor\n} from './chart'\n\nexport type BarChartSeries = {\n  name: string\n  label?: string\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartDatum = Record<string, unknown> & {\n  color?: string\n  colorKey?: ChartColorKey\n}\n\nexport type BarChartType = 'default' | 'stacked' | 'percent'\nexport type BarChartOrientation = 'vertical' | 'horizontal'\nexport type BarChartGridAxis = 'none' | 'x' | 'y' | 'xy'\n\nexport type BarChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  data: BarChartDatum[]\n  series: BarChartSeries[]\n  dataKey: string\n  type?: BarChartType\n  orientation?: BarChartOrientation\n  withXAxis?: boolean\n  withYAxis?: boolean\n  gridAxis?: BarChartGridAxis\n  withTooltip?: boolean\n  withLegend?: boolean\n  barSize?: number\n  radius?: number | [number, number, number, number]\n  unit?: string\n  animationDuration?: number\n  tooltipProps?: ChartTooltipContentProps\n  legendProps?: ChartLegendContentProps\n  barProps?: Partial<React.ComponentProps<typeof Bar>>\n  barChartProps?: Omit<React.ComponentProps<typeof RechartsBarChart>, 'data' | 'layout' | 'stackOffset'>\n}\n\nfunction buildConfig(series: BarChartSeries[]): ChartConfig {\n  return series.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.label ?? item.name,\n      color:\n        item.color ?? resolveChartColor(item.colorKey) ?? DEFAULT_CHART_PALETTE[index % DEFAULT_CHART_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nfunction BarChart({\n  className,\n  data,\n  series,\n  dataKey,\n  type = 'default',\n  orientation = 'vertical',\n  withXAxis = true,\n  withYAxis = true,\n  gridAxis = 'x',\n  withTooltip = true,\n  withLegend = false,\n  barSize,\n  radius = 4,\n  unit,\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  barProps,\n  barChartProps,\n  ...props\n}: BarChartProps) {\n  const config = React.useMemo(() => buildConfig(series), [series])\n  const stackId = type === 'default' ? undefined : 'stack'\n  const stackOffset = type === 'percent' ? 'expand' : undefined\n  const isHorizontal = orientation === 'horizontal'\n\n  const categoryAxisProps = {\n    dataKey,\n    tickLine: false,\n    axisLine: false,\n    tickMargin: 8\n  } as const\n\n  const valueTickFormatter =\n    type === 'percent'\n      ? (value: number) => `${Math.round(value * 100)}%`\n      : unit\n        ? (value: number) => `${value}${unit}`\n        : undefined\n\n  return (\n    <ChartContainer data-slot=\"bar-chart\" className={cn('w-full', className)} config={config} {...props}>\n      <RechartsBarChart\n        {...barChartProps}\n        data={data}\n        stackOffset={stackOffset}\n        layout={isHorizontal ? 'vertical' : 'horizontal'}\n      >\n        {gridAxis !== 'none' && (\n          <CartesianGrid\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n          />\n        )}\n        {withXAxis &&\n          (isHorizontal ? (\n            <XAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ) : (\n            <XAxis type=\"category\" {...categoryAxisProps} />\n          ))}\n        {withYAxis &&\n          (isHorizontal ? (\n            <YAxis type=\"category\" {...categoryAxisProps} />\n          ) : (\n            <YAxis type=\"number\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={valueTickFormatter} />\n          ))}\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent {...legendProps} />} />}\n        {series.map((item) => {\n          const seriesColor = config[item.name]?.color\n          return (\n            <Bar\n              key={item.name}\n              dataKey={item.name}\n              stackId={stackId}\n              fill={seriesColor}\n              radius={radius}\n              barSize={barSize}\n              animationDuration={animationDuration}\n              isAnimationActive={animationDuration !== 0}\n              shape={(shapeProps) => {\n                const row = shapeProps.payload as BarChartDatum | undefined\n                const fill = row?.color ?? resolveChartColor(row?.colorKey) ?? seriesColor\n                return <Rectangle {...shapeProps} fill={fill} />\n              }}\n              {...barProps}\n            />\n          )\n        })}\n      </RechartsBarChart>\n    </ChartContainer>\n  )\n}\n\nexport { BarChart }\n"],"mappings":"oaAsDA,SAAS,YAAY,EAAuC,CAC1D,OAAO,EAAO,QAAqB,EAAK,EAAM,KAC5C,EAAI,EAAK,MAAQ,CACf,MAAO,EAAK,OAAS,EAAK,KAC1B,MACE,EAAK,OAAS,EAAkB,EAAK,QAAQ,GAAK,EAAsB,EAAQ,EAAsB,OAC1G,EACO,GACN,CAAC,CAAC,CACP,CAEA,SAAS,SAAS,CAChB,YACA,OACA,SACA,UACA,OAAO,UACP,cAAc,WACd,YAAY,GACZ,YAAY,GACZ,WAAW,IACX,cAAc,GACd,aAAa,GACb,UACA,SAAS,EACT,OACA,oBACA,eACA,cACA,WACA,gBACA,GAAG,GACa,CAChB,IAAM,EAAS,EAAM,YAAc,YAAY,CAAM,EAAG,CAAC,CAAM,CAAC,EAC1D,EAAU,IAAS,UAAY,IAAA,GAAY,QAC3C,EAAc,IAAS,UAAY,SAAW,IAAA,GAC9C,EAAe,IAAgB,aAE/B,EAAoB,CACxB,UACA,SAAU,GACV,SAAU,GACV,WAAY,CACd,EAEM,EACJ,IAAS,UACJ,GAAkB,GAAG,KAAK,MAAM,EAAQ,GAAG,EAAE,GAC9C,EACG,GAAkB,GAAG,IAAQ,IAC9B,IAAA,GAER,OACE,EAAC,EAAD,CAAgB,YAAU,YAAY,UAAW,EAAG,SAAU,CAAS,EAAW,SAAQ,GAAI,EAC5F,SAAA,EAACA,EAAD,CACE,GAAI,EACE,OACO,cACb,OAAQ,EAAe,WAAa,aAJtC,SAAA,CAMG,IAAa,QACZ,EAAC,EAAD,CACE,SAAU,IAAa,KAAO,IAAa,KAC3C,WAAY,IAAa,KAAO,IAAa,IAC9C,CAAA,EAEF,IACE,EACC,EAAC,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAqB,CAAA,EAE1G,EAAC,EAAD,CAAO,KAAK,WAAW,GAAI,CAAoB,CAAA,GAElD,IACE,EACC,EAAC,EAAD,CAAO,KAAK,WAAW,GAAI,CAAoB,CAAA,EAE/C,EAAC,EAAD,CAAO,KAAK,SAAS,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAqB,CAAA,GAE7G,GAAe,EAAC,EAAD,CAAS,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,GAAI,CAAe,CAAA,CAAI,CAAA,EAC5F,GAAc,EAAC,EAAD,CAAQ,QAAS,EAAC,EAAD,CAAoB,GAAI,CAAc,CAAA,CAAI,CAAA,EACzE,EAAO,IAAK,GAAS,CACpB,IAAM,EAAc,EAAO,EAAK,KAAK,EAAE,MACvC,OACE,EAAC,EAAD,CAEE,QAAS,EAAK,KACL,UACT,KAAM,EACE,SACC,UACU,oBACnB,kBAAmB,IAAsB,EACzC,MAAQ,GAAe,CACrB,IAAM,EAAM,EAAW,QACjB,EAAO,GAAK,OAAS,EAAkB,GAAK,QAAQ,GAAK,EAC/D,OAAO,EAAC,EAAD,CAAW,GAAI,EAAkB,MAAO,CAAA,CACjD,EACA,GAAI,CACL,EAdM,EAAK,IAcX,CAEL,CAAC,CACe,GACJ,CAAA,CAEpB"}

package/dist/components/breadcrumb.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
 import * as React from "react";
-
 //#region src/components/breadcrumb.d.ts
 type BreadcrumbProps = React.ComponentProps<'nav'>;
 type BreadcrumbListProps = React.ComponentProps<'ol'>;
@@ -11,36 +10,13 @@ type BreadcrumbLinkProps = React.ComponentProps<'a'> & {
 type BreadcrumbPageProps = React.ComponentProps<'span'>;
 type BreadcrumbSeparatorProps = React.ComponentProps<'li'>;
 type BreadcrumbEllipsisProps = React.ComponentProps<'span'>;
-declare function Breadcrumb({
-  className,
-  ...props
-}: BreadcrumbProps): React.JSX.Element;
-declare function BreadcrumbList({
-  className,
-  ...props
-}: BreadcrumbListProps): React.JSX.Element;
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: BreadcrumbItemProps): React.JSX.Element;
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: BreadcrumbLinkProps): React.JSX.Element;
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: BreadcrumbPageProps): React.JSX.Element;
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: BreadcrumbSeparatorProps): React.JSX.Element;
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: BreadcrumbEllipsisProps): React.JSX.Element;
+declare function Breadcrumb({ className, ...props }: BreadcrumbProps): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps };
 //# sourceMappingURL=breadcrumb.d.ts.map