@uselets/ui 2.0.1 → 2.1.0

package/dist/components/dialog.d.ts

@@ -1,9 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
+import { t as AsChildPrimitiveProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-//#region src/components/dialog.d.ts
 declare const dialogContentVariants: (props?: ({
   size?: "2xl" | "3xl" | "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -57,6 +56,5 @@ declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX
 declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): React.JSX.Element;
 declare function DialogTitle({ className, asChild, children, ...props }: DialogTitleProps): React.JSX.Element;
 declare function DialogDescription({ className, asChild, children, ...props }: DialogDescriptionProps): React.JSX.Element;
-//#endregion
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["DialogPrimitive","resolveClassName","React","Dialog$1","dialogContentVariants","cva","DialogContext","props","contextValue","size","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayProps","overlayRef","showCloseButton","Button","IconX"],"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst dialogContentVariants = cva(\n  [\n    'bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n    'flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100',\n    'max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden',\n    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        full: 'w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\ntype DialogSize = NonNullable<VariantProps<typeof dialogContentVariants>['size']>\ntype DialogContextValue = { size: DialogSize }\nconst DialogContext = React.createContext<DialogContextValue>({ size: 'md' })\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  /**\n   * Dialog width. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DialogSize\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the dialog. The close button and `DialogClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DialogTriggerProps = AsChildPrimitiveProps<typeof DialogPrimitive.Trigger>\nexport type DialogPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>\nexport type DialogCloseProps = AsChildPrimitiveProps<typeof DialogPrimitive.Close>\nexport type DialogOverlayProps = AsChildPrimitiveProps<typeof DialogPrimitive.Backdrop>\nexport type DialogContentProps = AsChildPrimitiveProps<typeof DialogPrimitive.Popup> &\n  Pick<DialogPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Ref to the overlay element rendered behind the dialog. */\n    overlayRef?: React.Ref<HTMLDivElement>\n    /** Props passed to the overlay rendered behind the dialog. */\n    overlayProps?: DialogOverlayProps\n  }\nexport type DialogHeaderProps = React.ComponentProps<'div'>\nexport type DialogBodyProps = React.ComponentProps<'div'>\nexport type DialogFooterProps = React.ComponentProps<'div'> & {\n  /**\n   * Adds an outline \"Close\" button after the footer actions.\n   * @default false\n   */\n  showCloseButton?: boolean\n}\nexport type DialogTitleProps = AsChildPrimitiveProps<typeof DialogPrimitive.Title>\nexport type DialogDescriptionProps = AsChildPrimitiveProps<typeof DialogPrimitive.Description>\n\nfunction Dialog({ size = 'md', dismissible = true, disablePointerDismissal, onOpenChange, ...props }: DialogProps) {\n  const contextValue = React.useMemo<DialogContextValue>(() => ({ size }), [size])\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      <DialogPrimitive.Root\n        data-slot=\"dialog\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DialogContext.Provider>\n  )\n}\n\nfunction DialogTrigger({ asChild, children, ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ asChild, children, ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogOverlay({ className, onClick, forceRender = true, asChild, children, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      forceRender={forceRender}\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 isolate z-50',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'duration-100 supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayRef,\n  overlayProps,\n  keepMounted,\n  asChild,\n  ...props\n}: DialogContentProps) {\n  const { size } = React.useContext(DialogContext)\n\n  return (\n    <DialogPortal keepMounted={keepMounted}>\n      <DialogOverlay {...overlayProps} ref={overlayRef ?? overlayProps?.ref} />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={(state) => cn(dialogContentVariants({ size }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-2 right-2\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return <div data-slot=\"dialog-header\" className={cn('gap-2 flex flex-col shrink-0', className)} {...props} />\n}\n\nfunction DialogBody({ className, ...props }: DialogBodyProps) {\n  return <div data-slot=\"dialog-body\" className={cn('-mx-4 px-4 flex-1 overflow-y-auto', className)} {...props} />\n}\n\nfunction DialogFooter({ className, showCloseButton = false, children, ...props }: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0',\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && <DialogPrimitive.Close render={<Button variant=\"outline\" />}>Close</DialogPrimitive.Close>}\n    </div>\n  )\n}\n\nfunction DialogTitle({ className, asChild, children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={(state) => cn('text-base leading-none font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogDescription({ className, asChild, children, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={(state) =>\n        cn(\n          'text-muted-foreground text-sm',\n          '*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":["DialogPrimitive","resolveClassName","React","Dialog$1","dialogContentVariants","cva","DialogContext","props","contextValue","size","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayProps","overlayRef","showCloseButton","Button","IconX"],"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst dialogContentVariants = cva(\n  [\n    'bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n    'flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100',\n    'max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden',\n    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        full: 'w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\ntype DialogSize = NonNullable<VariantProps<typeof dialogContentVariants>['size']>\ntype DialogContextValue = { size: DialogSize }\nconst DialogContext = React.createContext<DialogContextValue>({ size: 'md' })\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  /**\n   * Dialog width. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DialogSize\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the dialog. The close button and `DialogClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DialogTriggerProps = AsChildPrimitiveProps<typeof DialogPrimitive.Trigger>\nexport type DialogPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>\nexport type DialogCloseProps = AsChildPrimitiveProps<typeof DialogPrimitive.Close>\nexport type DialogOverlayProps = AsChildPrimitiveProps<typeof DialogPrimitive.Backdrop>\nexport type DialogContentProps = AsChildPrimitiveProps<typeof DialogPrimitive.Popup> &\n  Pick<DialogPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Ref to the overlay element rendered behind the dialog. */\n    overlayRef?: React.Ref<HTMLDivElement>\n    /** Props passed to the overlay rendered behind the dialog. */\n    overlayProps?: DialogOverlayProps\n  }\nexport type DialogHeaderProps = React.ComponentProps<'div'>\nexport type DialogBodyProps = React.ComponentProps<'div'>\nexport type DialogFooterProps = React.ComponentProps<'div'> & {\n  /**\n   * Adds an outline \"Close\" button after the footer actions.\n   * @default false\n   */\n  showCloseButton?: boolean\n}\nexport type DialogTitleProps = AsChildPrimitiveProps<typeof DialogPrimitive.Title>\nexport type DialogDescriptionProps = AsChildPrimitiveProps<typeof DialogPrimitive.Description>\n\nfunction Dialog({ size = 'md', dismissible = true, disablePointerDismissal, onOpenChange, ...props }: DialogProps) {\n  const contextValue = React.useMemo<DialogContextValue>(() => ({ size }), [size])\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      <DialogPrimitive.Root\n        data-slot=\"dialog\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DialogContext.Provider>\n  )\n}\n\nfunction DialogTrigger({ asChild, children, ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ asChild, children, ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogOverlay({ className, onClick, forceRender = true, asChild, children, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      forceRender={forceRender}\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 isolate z-50',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'duration-100 supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayRef,\n  overlayProps,\n  keepMounted,\n  asChild,\n  ...props\n}: DialogContentProps) {\n  const { size } = React.useContext(DialogContext)\n\n  return (\n    <DialogPortal keepMounted={keepMounted}>\n      <DialogOverlay {...overlayProps} ref={overlayRef ?? overlayProps?.ref} />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={(state) => cn(dialogContentVariants({ size }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-2 right-2\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return <div data-slot=\"dialog-header\" className={cn('gap-2 flex flex-col shrink-0', className)} {...props} />\n}\n\nfunction DialogBody({ className, ...props }: DialogBodyProps) {\n  return <div data-slot=\"dialog-body\" className={cn('-mx-4 px-4 flex-1 overflow-y-auto', className)} {...props} />\n}\n\nfunction DialogFooter({ className, showCloseButton = false, children, ...props }: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0',\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && <DialogPrimitive.Close render={<Button variant=\"outline\" />}>Close</DialogPrimitive.Close>}\n    </div>\n  )\n}\n\nfunction DialogTitle({ className, asChild, children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={(state) => cn('text-base leading-none font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogDescription({ className, asChild, children, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={(state) =>\n        cn(\n          'text-muted-foreground text-sm',\n          '*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":"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"}

package/dist/components/direction.d.ts

@@ -1,7 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { DirectionProvider, TextDirection, useDirection } from "@base-ui/react/direction-provider";
-//#region src/components/direction.d.ts
 export type DirectionProviderProps = DirectionProvider.Props;
-//#endregion
 export { DirectionProvider, type TextDirection, useDirection };
 //# sourceMappingURL=direction.d.ts.map

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

@@ -1,7 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { PieChartProps } from "./pie-chart.js";
 import * as React from "react";
-//#region src/components/donut-chart.d.ts
 export type DonutChartProps = PieChartProps & {
   /**
    * Ring width as a fraction of the radius.
@@ -20,6 +19,5 @@ export type DonutChartProps = PieChartProps & {
   totalLabel?: React.ReactNode;
 };
 declare function DonutChart({ className, thickness, outerRadius, withTotal, totalLabel, data, ...props }: DonutChartProps): React.JSX.Element;
-//#endregion
 export { DonutChart };
 //# sourceMappingURL=donut-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.js","names":["React","props","innerRadius","ratio","thickness","outerRadius","match","total","data","sum","item","PieChartBase","cn","className","withTotal","Label","viewBox","totalLabel"],"sources":["../../src/components/donut-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Label } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport { PieChartBase, type PieChartProps } from './pie-chart'\n\nexport type DonutChartProps = PieChartProps & {\n  /**\n   * Ring width as a fraction of the radius.\n   * @default 0.35\n   */\n  thickness?: number\n  /**\n   * Shows the sum of the values in the center.\n   * @default false\n   */\n  withTotal?: boolean\n  /**\n   * Label below the total.\n   * @default 'Total'\n   */\n  totalLabel?: React.ReactNode\n}\n\nfunction DonutChart({\n  className,\n  thickness = 0.35,\n  outerRadius = '80%',\n  withTotal = false,\n  totalLabel = 'Total',\n  data,\n  ...props\n}: DonutChartProps) {\n  const innerRadius = React.useMemo(() => {\n    const ratio = Math.min(Math.max(1 - thickness, 0), 1)\n    if (typeof outerRadius === 'number') {\n      return outerRadius * ratio\n    }\n    const match = /^(\\d+(?:\\.\\d+)?)%$/.exec(outerRadius)\n    if (match) {\n      return `${Number(match[1]) * ratio}%`\n    }\n    return outerRadius\n  }, [outerRadius, thickness])\n\n  const total = React.useMemo(() => data.reduce((sum, item) => sum + item.value, 0), [data])\n\n  return (\n    <PieChartBase\n      dataSlot=\"donut-chart\"\n      className={cn(className)}\n      data={data}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      centerSlot={\n        withTotal ? (\n          <Label\n            content={({ viewBox }) => {\n              if (!viewBox || !('cx' in viewBox) || !('cy' in viewBox)) {\n                return null\n              }\n              return (\n                <text x={viewBox.cx} y={viewBox.cy} textAnchor=\"middle\" dominantBaseline=\"middle\">\n                  <tspan x={viewBox.cx} y={viewBox.cy} className=\"fill-foreground font-medium text-2xl tabular-nums\">\n                    {total.toLocaleString()}\n                  </tspan>\n                  <tspan x={viewBox.cx} y={(viewBox.cy ?? 0) + 20} className=\"fill-muted-foreground text-xs\">\n                    {totalLabel}\n                  </tspan>\n                </text>\n              )\n            }}\n          />\n        ) : null\n      }\n      {...props}\n    />\n  )\n}\n\nexport { DonutChart }\n"],"mappings":"sOAyBA,SAAS,WAAW,CAClB,YACA,YAAY,IACZ,cAAc,MACd,YAAY,GACZ,aAAa,QACb,OACA,GAAGC,GACe,CAClB,IAAMC,EAAcF,EAAM,YAAc,CACtC,IAAMG,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAIC,EAAW,CAAC,EAAG,CAAC,EACpD,GAAI,OAAOC,GAAgB,SACzB,OAAOA,EAAcF,EAEvB,IAAMG,EAAQ,qBAAqB,KAAKD,CAAW,EAInD,OAHIC,EACK,GAAG,OAAOA,EAAM,EAAE,EAAIH,EAAM,GAE9BE,CACT,EAAG,CAACA,EAAaD,CAAS,CAAC,EAErBG,EAAQP,EAAM,YAAcQ,EAAK,QAAQ,EAAK,IAASC,EAAMC,EAAK,MAAO,CAAC,EAAG,CAACF,CAAI,CAAC,EAEzF,MACE,kBAACG,EAAD,CACE,SAAS,cACT,UAAWC,EAAGC,CAAS,EACjB,OACO,cACA,cACb,WACEC,EACE,kBAACC,EAAD,CACE,SAAU,CAAE,aACN,CAACC,GAAW,EAAE,OAAQA,IAAY,EAAE,OAAQA,GACvC,KAGP,kBAAC,OAAD,CAAM,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,WAAW,SAAS,iBAAiB,SAAzE,SAAA,CACE,kBAAC,QAAD,CAAO,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,UAAU,oDAC5C,SAAAT,EAAM,eAAe,CACjB,CAAA,EACP,kBAAC,QAAD,CAAO,EAAGS,EAAQ,GAAI,GAAIA,EAAQ,IAAM,GAAK,GAAI,UAAU,gCACxD,SAAAC,CACI,CAAA,CACH,GAGX,CAAA,EACC,KAEN,GAAIhB,CACL,CAAA,CAEL"}
+{"version":3,"file":"donut-chart.js","names":["React","props","innerRadius","ratio","thickness","outerRadius","match","total","data","sum","item","PieChartBase","cn","className","withTotal","Label","viewBox","totalLabel"],"sources":["../../src/components/donut-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Label } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport { PieChartBase, type PieChartProps } from './pie-chart'\n\nexport type DonutChartProps = PieChartProps & {\n  /**\n   * Ring width as a fraction of the radius.\n   * @default 0.35\n   */\n  thickness?: number\n  /**\n   * Shows the sum of the values in the center.\n   * @default false\n   */\n  withTotal?: boolean\n  /**\n   * Label below the total.\n   * @default 'Total'\n   */\n  totalLabel?: React.ReactNode\n}\n\nfunction DonutChart({\n  className,\n  thickness = 0.35,\n  outerRadius = '80%',\n  withTotal = false,\n  totalLabel = 'Total',\n  data,\n  ...props\n}: DonutChartProps) {\n  const innerRadius = React.useMemo(() => {\n    const ratio = Math.min(Math.max(1 - thickness, 0), 1)\n    if (typeof outerRadius === 'number') {\n      return outerRadius * ratio\n    }\n    const match = /^(\\d+(?:\\.\\d+)?)%$/.exec(outerRadius)\n    if (match) {\n      return `${Number(match[1]) * ratio}%`\n    }\n    return outerRadius\n  }, [outerRadius, thickness])\n\n  const total = React.useMemo(() => data.reduce((sum, item) => sum + item.value, 0), [data])\n\n  return (\n    <PieChartBase\n      dataSlot=\"donut-chart\"\n      className={cn(className)}\n      data={data}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      centerSlot={\n        withTotal ? (\n          <Label\n            content={({ viewBox }) => {\n              if (!viewBox || !('cx' in viewBox) || !('cy' in viewBox)) {\n                return null\n              }\n              return (\n                <text x={viewBox.cx} y={viewBox.cy} textAnchor=\"middle\" dominantBaseline=\"middle\">\n                  <tspan x={viewBox.cx} y={viewBox.cy} className=\"fill-foreground font-medium text-2xl tabular-nums\">\n                    {total.toLocaleString()}\n                  </tspan>\n                  <tspan x={viewBox.cx} y={(viewBox.cy ?? 0) + 20} className=\"fill-muted-foreground text-xs\">\n                    {totalLabel}\n                  </tspan>\n                </text>\n              )\n            }}\n          />\n        ) : null\n      }\n      {...props}\n    />\n  )\n}\n\nexport { DonutChart }\n"],"mappings":"A,sOAyBA,SAAS,WAAW,CAClB,YACA,YAAY,IACZ,cAAc,MACd,YAAY,GACZ,aAAa,QACb,OACA,GAAGC,GACe,CAClB,IAAMC,EAAcF,EAAM,YAAc,CACtC,IAAMG,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAIC,EAAW,CAAC,EAAG,CAAC,EACpD,GAAI,OAAOC,GAAgB,SACzB,OAAOA,EAAcF,EAEvB,IAAMG,EAAQ,qBAAqB,KAAKD,CAAW,EAInD,OAHIC,EACK,GAAG,OAAOA,EAAM,EAAE,EAAIH,EAAM,GAE9BE,CACT,EAAG,CAACA,EAAaD,CAAS,CAAC,EAErBG,EAAQP,EAAM,YAAcQ,EAAK,QAAQ,EAAK,IAASC,EAAMC,EAAK,MAAO,CAAC,EAAG,CAACF,CAAI,CAAC,EAEzF,MACE,kBAACG,EAAD,CACE,SAAS,cACT,UAAWC,EAAGC,CAAS,EACjB,OACO,cACA,cACb,WACEC,EACE,kBAACC,EAAD,CACE,SAAU,CAAE,aACN,CAACC,GAAW,EAAE,OAAQA,IAAY,EAAE,OAAQA,GACvC,KAGP,kBAAC,OAAD,CAAM,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,WAAW,SAAS,iBAAiB,SAAzE,SAAA,CACE,kBAAC,QAAD,CAAO,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,UAAU,oDAC5C,SAAAT,EAAM,eAAe,CACjB,CAAA,EACP,kBAAC,QAAD,CAAO,EAAGS,EAAQ,GAAI,GAAIA,EAAQ,IAAM,GAAK,GAAI,UAAU,gCACxD,SAAAC,CACI,CAAA,CACH,C,EAGX,CAAA,EACC,KAEN,GAAIhB,CACL,CAAA,CAEL,C"}

package/dist/components/drawer.d.ts

@@ -1,9 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
+import { t as AsChildPrimitiveProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/drawer.d.ts
 declare const drawerContentVariants: (props?: ({
   direction?: "bottom" | "left" | "right" | "top" | null | undefined;
   size?: "2xl" | "3xl" | "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
@@ -56,6 +55,5 @@ declare function DrawerBody({ className, ...props }: DrawerBodyProps): React.JSX
 declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
 declare function DrawerTitle({ className, asChild, children, ...props }: DrawerTitleProps): React.JSX.Element;
 declare function DrawerDescription({ className, asChild, children, ...props }: DrawerDescriptionProps): React.JSX.Element;
-//#endregion
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive","resolveClassName","React","drawerContentVariants","cva","DrawerContext","props","contextValue","size","direction","Dialog","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayProps","showCloseButton","Button","IconX"],"sources":["../../src/components/drawer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst drawerContentVariants = cva(\n  [\n    'bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200',\n    'data-open:animate-in data-closed:animate-out'\n  ],\n  {\n    variants: {\n      direction: {\n        top: 'inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10',\n        right:\n          'inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10',\n        bottom:\n          'inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10',\n        left: 'inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10'\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        '2xl': '',\n        '3xl': '',\n        full: ''\n      }\n    },\n    compoundVariants: [\n      { direction: ['left', 'right'], size: 'sm', className: 'w-3/4 sm:max-w-sm' },\n      { direction: ['left', 'right'], size: 'md', className: 'w-4/5 sm:max-w-md' },\n      { direction: ['left', 'right'], size: 'lg', className: 'w-[90%] sm:max-w-lg' },\n      { direction: ['left', 'right'], size: 'xl', className: 'w-[90%] sm:max-w-195' },\n      { direction: ['left', 'right'], size: '2xl', className: 'w-[90%] sm:max-w-240' },\n      { direction: ['left', 'right'], size: '3xl', className: 'w-[90%] sm:max-w-300' },\n      { direction: ['left', 'right'], size: 'full', className: 'w-full' },\n      { direction: 'top', size: 'sm', className: 'mb-24 h-full max-h-96' },\n      { direction: 'top', size: 'md', className: 'mb-20 h-full max-h-112' },\n      { direction: 'top', size: 'lg', className: 'mb-12 h-full max-h-128' },\n      { direction: 'top', size: 'xl', className: 'mb-12 h-full max-h-195' },\n      { direction: 'top', size: '2xl', className: 'mb-12 h-full max-h-240' },\n      { direction: 'top', size: '3xl', className: 'mb-12 h-full max-h-300' },\n      { direction: 'top', size: 'full', className: 'mb-0 h-full' },\n      { direction: 'bottom', size: 'sm', className: 'mt-24 h-full max-h-96' },\n      { direction: 'bottom', size: 'md', className: 'mt-20 h-full max-h-112' },\n      { direction: 'bottom', size: 'lg', className: 'mt-12 h-full max-h-128' },\n      { direction: 'bottom', size: 'xl', className: 'mt-12 h-full max-h-195' },\n      { direction: 'bottom', size: '2xl', className: 'mt-12 h-full max-h-240' },\n      { direction: 'bottom', size: '3xl', className: 'mt-12 h-full max-h-300' },\n      { direction: 'bottom', size: 'full', className: 'mt-0 h-full' }\n    ],\n    defaultVariants: {\n      direction: 'right',\n      size: 'md'\n    }\n  }\n)\n\ntype DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>\ntype DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>\ntype DrawerContextValue = { size: DrawerSize; direction: DrawerDirection }\nconst DrawerContext = React.createContext<DrawerContextValue>({ size: 'md', direction: 'right' })\n\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  /**\n   * Panel width for `left`/`right`, or height for `top`/`bottom`. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DrawerSize\n  /**\n   * Edge the drawer slides in from.\n   * @default 'right'\n   */\n  direction?: DrawerDirection\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the drawer. The close button and `DrawerClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DrawerTriggerProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Trigger>\nexport type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\nexport type DrawerCloseProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Close>\nexport type DrawerOverlayProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Backdrop>\nexport type DrawerContentProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Popup> &\n  Pick<DrawerPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Props passed to the overlay rendered behind the drawer. */\n    overlayProps?: DrawerOverlayProps\n  }\nexport type DrawerHeaderProps = React.ComponentProps<'div'>\nexport type DrawerBodyProps = React.ComponentProps<'div'>\nexport type DrawerFooterProps = React.ComponentProps<'div'>\nexport type DrawerTitleProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Title>\nexport type DrawerDescriptionProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Description>\n\nfunction Drawer({\n  size = 'md',\n  direction = 'right',\n  dismissible = true,\n  disablePointerDismissal,\n  onOpenChange,\n  ...props\n}: DrawerProps) {\n  const contextValue = React.useMemo<DrawerContextValue>(() => ({ size, direction }), [size, direction])\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        data-slot=\"drawer\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DrawerContext.Provider>\n  )\n}\n\nfunction DrawerTrigger({ asChild, children, ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ asChild, children, ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerOverlay({ className, onClick, forceRender = true, asChild, children, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      forceRender={forceRender}\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 z-50 duration-200',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayProps,\n  keepMounted,\n  asChild,\n  ...props\n}: DrawerContentProps) {\n  const { size, direction } = React.useContext(DrawerContext)\n\n  return (\n    <DrawerPortal keepMounted={keepMounted}>\n      <DrawerOverlay {...overlayProps} />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        className={(state) => cn(drawerContentVariants({ size, direction }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DrawerPrimitive.Close\n            data-slot=\"drawer-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DrawerPrimitive.Close>\n        )}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  const { direction } = React.useContext(DrawerContext)\n  const isVertical = direction === 'top' || direction === 'bottom'\n\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('p-4 flex flex-col gap-0.5 md:gap-0.5', isVertical && 'text-center md:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerBody({ className, ...props }: DrawerBodyProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn('px-4 pb-4 flex-1 min-h-0 overflow-y-auto', className)} {...props} />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, asChild, children, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={(state) => cn('text-foreground text-base font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, asChild, children, ...props }: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={(state) => cn('text-muted-foreground text-sm', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger\n}\n"],"mappings":"kdAWA,MAAMG,EAAwBC,EAC5B,CACE,kFACA,8CACF,EACA,CACE,SAAU,CACR,UAAW,CACT,IAAK,oGACL,MACE,0GACF,OACE,6GACF,KAAM,sGACR,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,GACP,MAAO,GACP,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,KAAM,UAAW,mBAAoB,EAC3E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,KAAM,UAAW,mBAAoB,EAC3E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,KAAM,UAAW,qBAAsB,EAC7E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,KAAM,UAAW,sBAAuB,EAC9E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,MAAO,UAAW,sBAAuB,EAC/E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,MAAO,UAAW,sBAAuB,EAC/E,CAAE,UAAW,CAAC,OAAQ,OAAO,EAAG,KAAM,OAAQ,UAAW,QAAS,EAClE,CAAE,UAAW,MAAO,KAAM,KAAM,UAAW,uBAAwB,EACnE,CAAE,UAAW,MAAO,KAAM,KAAM,UAAW,wBAAyB,EACpE,CAAE,UAAW,MAAO,KAAM,KAAM,UAAW,wBAAyB,EACpE,CAAE,UAAW,MAAO,KAAM,KAAM,UAAW,wBAAyB,EACpE,CAAE,UAAW,MAAO,KAAM,MAAO,UAAW,wBAAyB,EACrE,CAAE,UAAW,MAAO,KAAM,MAAO,UAAW,wBAAyB,EACrE,CAAE,UAAW,MAAO,KAAM,OAAQ,UAAW,aAAc,EAC3D,CAAE,UAAW,SAAU,KAAM,KAAM,UAAW,uBAAwB,EACtE,CAAE,UAAW,SAAU,KAAM,KAAM,UAAW,wBAAyB,EACvE,CAAE,UAAW,SAAU,KAAM,KAAM,UAAW,wBAAyB,EACvE,CAAE,UAAW,SAAU,KAAM,KAAM,UAAW,wBAAyB,EACvE,CAAE,UAAW,SAAU,KAAM,MAAO,UAAW,wBAAyB,EACxE,CAAE,UAAW,SAAU,KAAM,MAAO,UAAW,wBAAyB,EACxE,CAAE,UAAW,SAAU,KAAM,OAAQ,UAAW,aAAc,CAChE,EACA,gBAAiB,CACf,UAAW,QACX,KAAM,IACR,CACF,CACF,EAKMC,EAAgBH,EAAM,cAAkC,CAAE,KAAM,KAAM,UAAW,OAAQ,CAAC,EAuChG,SAAS,OAAO,CACd,OAAO,KACP,YAAY,QACZ,cAAc,GACd,0BACA,eACA,GAAGI,GACW,CACd,IAAMC,EAAeL,EAAM,aAAmC,CAAE,OAAM,WAAU,GAAI,CAACM,EAAMC,CAAS,CAAC,EAErG,MACE,kBAACJ,EAAc,SAAf,CAAwB,MAAOE,EAC7B,SAAA,kBAACP,EAAgB,KAAjB,CACE,YAAU,SACV,wBAAyB,CAACW,GAAeC,EACzC,cAAe,EAAM,IAAiB,CAChC,CAACD,GAAeE,EAAa,SAAW,aAC1CA,EAAa,OAAO,EAGtBC,IAAeC,EAAMF,CAAY,CACnC,EACA,GAAIP,CACL,CAAA,CACqB,CAAA,CAE5B,CAEA,SAAS,cAAc,CAAE,UAAS,WAAU,GAAGA,GAA6B,CAC1E,MAAO,kBAACN,EAAgB,QAAjB,CAAyB,YAAU,iBAAiB,GAAIM,EAAO,GAAIU,EAAqBC,EAASC,CAAQ,CAAI,CAAA,CACtH,CAEA,SAAS,aAAa,CAAE,GAAGZ,GAA4B,CACrD,MAAO,kBAACN,EAAgB,OAAjB,CAAwB,YAAU,gBAAgB,GAAIM,CAAQ,CAAA,CACvE,CAEA,SAAS,YAAY,CAAE,UAAS,WAAU,GAAGA,GAA2B,CACtE,MAAO,kBAACN,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIM,EAAO,GAAIU,EAAqBC,EAASC,CAAQ,CAAI,CAAA,CAClH,CAEA,SAAS,cAAc,CAAE,YAAW,UAAS,cAAc,GAAM,UAAS,WAAU,GAAGZ,GAA6B,CAClH,MACE,kBAACN,EAAgB,SAAjB,CACE,YAAU,iBACG,cACb,UAAY,GACVmB,EACE,8CACA,0FACA,4CACAlB,EAAiBmB,EAAWC,CAAK,CACnC,EAEF,QAASC,EAAuBC,CAAO,EACvC,GAAIjB,EACJ,GAAIU,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,cAAc,CACrB,YACA,WACA,kBAAkB,GAClB,eACA,cACA,UACA,GAAGZ,GACkB,CACrB,GAAM,CAAE,OAAM,aAAcJ,EAAM,WAAWG,CAAa,EAE1D,MACE,kBAAC,aAAD,CAA2B,cAA3B,SAAA,CACE,kBAAC,cAAD,CAAe,GAAImB,CAAe,CAAA,EAClC,kBAACxB,EAAgB,MAAjB,CACE,YAAU,iBACV,UAAY,GAAUmB,EAAGhB,EAAsB,CAAE,OAAM,WAAU,CAAC,EAAGF,EAAiBmB,EAAWC,CAAK,CAAC,EACvG,GAAIf,EACJ,GAAIU,EAAqBC,EAASC,CAAQ,EAG1C,QAASI,EAAuBhB,EAAM,OAAO,EAC7C,SAAUgB,EAAuBhB,EAAM,QAAQ,EARjD,SAAA,CAUG,CAACW,GAAWC,EACZO,GAAmB,CAACR,GACnB,kBAACjB,EAAgB,MAAjB,CACE,YAAU,eACV,OAAQ,kBAAC0B,EAAD,CAAQ,QAAQ,QAAQ,UAAU,yBAAyB,KAAK,SAAW,CAAA,EAFrF,SAAA,CAIE,kBAACC,EAAD,CAAQ,CAAA,EACR,kBAAC,OAAD,CAAM,UAAU,UAAU,SAAA,OAAW,CAAA,CAChB,CAEJ,CAAA,CAAA,CACX,CAAA,CAAA,GAElB,CAEA,SAAS,aAAa,CAAE,YAAW,GAAGrB,GAA4B,CAChE,GAAM,CAAE,aAAcJ,EAAM,WAAWG,CAAa,EAGpD,MACE,kBAAC,MAAD,CACE,YAAU,gBACV,UAAWc,EAAG,wCALCV,IAAc,OAASA,IAAc,WAKgB,2BAA4BW,CAAS,EACzG,GAAId,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,MAAD,CAAK,YAAU,cAAc,UAAWa,EAAG,2CAA4CC,CAAS,EAAG,GAAId,CAAQ,CAAA,CAEnH,CAEA,SAAS,aAAa,CAAE,YAAW,GAAGA,GAA4B,CAChE,MACE,kBAAC,MAAD,CACE,YAAU,gBACV,UAAWa,EAAG,6DAA8DC,CAAS,EACrF,GAAId,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,UAAS,WAAU,GAAGA,GAA2B,CACjF,MACE,kBAACN,EAAgB,MAAjB,CACE,YAAU,eACV,UAAY,GAAUmB,EAAG,wCAAyClB,EAAiBmB,EAAWC,CAAK,CAAC,EACpG,GAAIf,EACJ,GAAIU,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,kBAAkB,CAAE,YAAW,UAAS,WAAU,GAAGZ,GAAiC,CAC7F,MACE,kBAACN,EAAgB,YAAjB,CACE,YAAU,qBACV,UAAY,GAAUmB,EAAG,gCAAiClB,EAAiBmB,EAAWC,CAAK,CAAC,EAC5F,GAAIf,EACJ,GAAIU,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","resolveClassName","React","drawerContentVariants","cva","DrawerContext","props","contextValue","size","direction","Dialog","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayProps","showCloseButton","Button","IconX"],"sources":["../../src/components/drawer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst drawerContentVariants = cva(\n  [\n    'bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200',\n    'data-open:animate-in data-closed:animate-out'\n  ],\n  {\n    variants: {\n      direction: {\n        top: 'inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10',\n        right:\n          'inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10',\n        bottom:\n          'inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10',\n        left: 'inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10'\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        '2xl': '',\n        '3xl': '',\n        full: ''\n      }\n    },\n    compoundVariants: [\n      { direction: ['left', 'right'], size: 'sm', className: 'w-3/4 sm:max-w-sm' },\n      { direction: ['left', 'right'], size: 'md', className: 'w-4/5 sm:max-w-md' },\n      { direction: ['left', 'right'], size: 'lg', className: 'w-[90%] sm:max-w-lg' },\n      { direction: ['left', 'right'], size: 'xl', className: 'w-[90%] sm:max-w-195' },\n      { direction: ['left', 'right'], size: '2xl', className: 'w-[90%] sm:max-w-240' },\n      { direction: ['left', 'right'], size: '3xl', className: 'w-[90%] sm:max-w-300' },\n      { direction: ['left', 'right'], size: 'full', className: 'w-full' },\n      { direction: 'top', size: 'sm', className: 'mb-24 h-full max-h-96' },\n      { direction: 'top', size: 'md', className: 'mb-20 h-full max-h-112' },\n      { direction: 'top', size: 'lg', className: 'mb-12 h-full max-h-128' },\n      { direction: 'top', size: 'xl', className: 'mb-12 h-full max-h-195' },\n      { direction: 'top', size: '2xl', className: 'mb-12 h-full max-h-240' },\n      { direction: 'top', size: '3xl', className: 'mb-12 h-full max-h-300' },\n      { direction: 'top', size: 'full', className: 'mb-0 h-full' },\n      { direction: 'bottom', size: 'sm', className: 'mt-24 h-full max-h-96' },\n      { direction: 'bottom', size: 'md', className: 'mt-20 h-full max-h-112' },\n      { direction: 'bottom', size: 'lg', className: 'mt-12 h-full max-h-128' },\n      { direction: 'bottom', size: 'xl', className: 'mt-12 h-full max-h-195' },\n      { direction: 'bottom', size: '2xl', className: 'mt-12 h-full max-h-240' },\n      { direction: 'bottom', size: '3xl', className: 'mt-12 h-full max-h-300' },\n      { direction: 'bottom', size: 'full', className: 'mt-0 h-full' }\n    ],\n    defaultVariants: {\n      direction: 'right',\n      size: 'md'\n    }\n  }\n)\n\ntype DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>\ntype DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>\ntype DrawerContextValue = { size: DrawerSize; direction: DrawerDirection }\nconst DrawerContext = React.createContext<DrawerContextValue>({ size: 'md', direction: 'right' })\n\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  /**\n   * Panel width for `left`/`right`, or height for `top`/`bottom`. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DrawerSize\n  /**\n   * Edge the drawer slides in from.\n   * @default 'right'\n   */\n  direction?: DrawerDirection\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the drawer. The close button and `DrawerClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DrawerTriggerProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Trigger>\nexport type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\nexport type DrawerCloseProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Close>\nexport type DrawerOverlayProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Backdrop>\nexport type DrawerContentProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Popup> &\n  Pick<DrawerPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Props passed to the overlay rendered behind the drawer. */\n    overlayProps?: DrawerOverlayProps\n  }\nexport type DrawerHeaderProps = React.ComponentProps<'div'>\nexport type DrawerBodyProps = React.ComponentProps<'div'>\nexport type DrawerFooterProps = React.ComponentProps<'div'>\nexport type DrawerTitleProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Title>\nexport type DrawerDescriptionProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Description>\n\nfunction Drawer({\n  size = 'md',\n  direction = 'right',\n  dismissible = true,\n  disablePointerDismissal,\n  onOpenChange,\n  ...props\n}: DrawerProps) {\n  const contextValue = React.useMemo<DrawerContextValue>(() => ({ size, direction }), [size, direction])\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        data-slot=\"drawer\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DrawerContext.Provider>\n  )\n}\n\nfunction DrawerTrigger({ asChild, children, ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ asChild, children, ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerOverlay({ className, onClick, forceRender = true, asChild, children, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      forceRender={forceRender}\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 z-50 duration-200',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayProps,\n  keepMounted,\n  asChild,\n  ...props\n}: DrawerContentProps) {\n  const { size, direction } = React.useContext(DrawerContext)\n\n  return (\n    <DrawerPortal keepMounted={keepMounted}>\n      <DrawerOverlay {...overlayProps} />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        className={(state) => cn(drawerContentVariants({ size, direction }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DrawerPrimitive.Close\n            data-slot=\"drawer-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DrawerPrimitive.Close>\n        )}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  const { direction } = React.useContext(DrawerContext)\n  const isVertical = direction === 'top' || direction === 'bottom'\n\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('p-4 flex flex-col gap-0.5 md:gap-0.5', isVertical && 'text-center md:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerBody({ className, ...props }: DrawerBodyProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn('px-4 pb-4 flex-1 min-h-0 overflow-y-auto', className)} {...props} />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, asChild, children, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={(state) => cn('text-foreground text-base font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, asChild, children, ...props }: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={(state) => cn('text-muted-foreground text-sm', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger\n}\n"],"mappings":"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"}

package/dist/components/dropdown-menu.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { n as AsChildProps, t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
+import { n as AsChildProps, t as AsChildPrimitiveProps } from "../as-child-T9W73ZYU.js";
 import * as React from "react";
 import { Menu } from "@base-ui/react/menu";
-//#region src/components/dropdown-menu.d.ts
 export type DropdownMenuProps = React.ComponentProps<typeof Menu.Root>;
 export type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal>;
 export type DropdownMenuTriggerProps = AsChildPrimitiveProps<typeof Menu.Trigger>;
@@ -53,6 +52,5 @@ declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShort
 declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, asChild, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
 declare function DropdownMenuSubContent({ className, side, sideOffset, align, alignOffset, sticky, keepMounted, asChild, children, ...props }: DropdownMenuSubContentProps): React.JSX.Element;
-//#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":["DropdownMenuPrimitive","resolveClassName","React","DropdownMenuGroupContext","props","Menu","toAsChildRenderProps","asChild","children","cn","className","state","inset","variant","IconCheck","isInsideGroup","labelProps","useAsChild","IconChevronRight"],"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu'\nimport { IconCheck, IconChevronRight } from '@tabler/icons-react'\n\nimport { type AsChildPrimitiveProps, type AsChildProps, toAsChildRenderProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>\n\nexport type DropdownMenuTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Trigger>\n\nexport type DropdownMenuContentProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Popup> &\n  Pick<\n    React.ComponentProps<typeof DropdownMenuPrimitive.Positioner>,\n    'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'\n  > &\n  Pick<DropdownMenuPortalProps, 'keepMounted'>\n\nexport type DropdownMenuGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Group>\n\nexport type DropdownMenuItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Item> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n  /**\n   * `destructive` colors the item red for dangerous actions.\n   * @default 'default'\n   */\n  variant?: 'default' | 'destructive'\n}\n\nexport type DropdownMenuCheckboxItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuRadioGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioGroup>\n\nexport type DropdownMenuRadioItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuLabelProps = AsChildProps<'div'> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSeparatorProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Separator>\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<'span'>\n\nexport type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuRoot>\n\nexport type DropdownMenuSubTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.SubmenuTrigger> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSubContentProps = DropdownMenuContentProps\n\n// Base UI's `GroupLabel` must live inside a `Group`/`RadioGroup`; this flag lets `DropdownMenuLabel`\n// fall back to a plain element when it is rendered on its own, like Radix's `Label` allowed.\nconst DropdownMenuGroupContext = React.createContext(false)\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: DropdownMenuPortalProps) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ asChild, children, ...props }: DropdownMenuTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'start',\n  alignOffset = 0,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 w-(--anchor-width) min-w-32 max-h-(--available-height) outline-none',\n              'origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1',\n              'bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100',\n              'data-closed:overflow-hidden',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\n\nfunction DropdownMenuGroup({ asChild, children, ...props }: DropdownMenuGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.Group\n        data-slot=\"dropdown-menu-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  asChild,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={(state) =>\n        cn(\n          'group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive',\n          'dark:data-[variant=destructive]:focus:bg-destructive/20',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          'data-[variant=destructive]:*:[svg]:text-destructive',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, inset, asChild, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-checkbox-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.CheckboxItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.CheckboxItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ asChild, children, ...props }: DropdownMenuRadioGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.RadioGroup\n        data-slot=\"dropdown-menu-radio-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuRadioItem({ className, children, inset, asChild, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-radio-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.RadioItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.RadioItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({ className, inset, asChild, children, ...props }: DropdownMenuLabelProps) {\n  const isInsideGroup = React.useContext(DropdownMenuGroupContext)\n  const labelProps = {\n    'data-slot': 'dropdown-menu-label',\n    'data-inset': inset,\n    className: cn('px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7', className),\n    ...props\n  }\n\n  if (isInsideGroup) {\n    return <DropdownMenuPrimitive.GroupLabel {...labelProps} {...toAsChildRenderProps(asChild, children)} />\n  }\n\n  return (\n    <DropdownMenuStandaloneLabel {...labelProps} asChild={asChild}>\n      {children}\n    </DropdownMenuStandaloneLabel>\n  )\n}\n\nfunction DropdownMenuStandaloneLabel(props: AsChildProps<'div'>) {\n  return useAsChild('div', { ...props })\n}\n\nfunction DropdownMenuSeparator({ className, asChild, children, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={(state) => cn('bg-border -mx-1 my-1 h-px', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({ ...props }: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({ className, inset, children, asChild, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && children}\n      {!asChild && <IconChevronRight className=\"ml-auto\" />}\n    </DropdownMenuPrimitive.SubmenuTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  side = 'right',\n  sideOffset = 0,\n  align = 'start',\n  alignOffset = -3,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-sub-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 min-w-24 origin-(--transform-origin) overflow-hidden rounded-lg p-1 outline-none',\n              'bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenuPrimitive","resolveClassName","React","DropdownMenuGroupContext","props","Menu","toAsChildRenderProps","asChild","children","cn","className","state","inset","variant","IconCheck","isInsideGroup","labelProps","useAsChild","IconChevronRight"],"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu'\nimport { IconCheck, IconChevronRight } from '@tabler/icons-react'\n\nimport { type AsChildPrimitiveProps, type AsChildProps, toAsChildRenderProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>\n\nexport type DropdownMenuTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Trigger>\n\nexport type DropdownMenuContentProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Popup> &\n  Pick<\n    React.ComponentProps<typeof DropdownMenuPrimitive.Positioner>,\n    'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'\n  > &\n  Pick<DropdownMenuPortalProps, 'keepMounted'>\n\nexport type DropdownMenuGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Group>\n\nexport type DropdownMenuItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Item> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n  /**\n   * `destructive` colors the item red for dangerous actions.\n   * @default 'default'\n   */\n  variant?: 'default' | 'destructive'\n}\n\nexport type DropdownMenuCheckboxItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuRadioGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioGroup>\n\nexport type DropdownMenuRadioItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuLabelProps = AsChildProps<'div'> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSeparatorProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Separator>\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<'span'>\n\nexport type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuRoot>\n\nexport type DropdownMenuSubTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.SubmenuTrigger> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSubContentProps = DropdownMenuContentProps\n\n// Base UI's `GroupLabel` must live inside a `Group`/`RadioGroup`; this flag lets `DropdownMenuLabel`\n// fall back to a plain element when it is rendered on its own, like Radix's `Label` allowed.\nconst DropdownMenuGroupContext = React.createContext(false)\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: DropdownMenuPortalProps) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ asChild, children, ...props }: DropdownMenuTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'start',\n  alignOffset = 0,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 w-(--anchor-width) min-w-32 max-h-(--available-height) outline-none',\n              'origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1',\n              'bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100',\n              'data-closed:overflow-hidden',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\n\nfunction DropdownMenuGroup({ asChild, children, ...props }: DropdownMenuGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.Group\n        data-slot=\"dropdown-menu-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  asChild,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={(state) =>\n        cn(\n          'group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive',\n          'dark:data-[variant=destructive]:focus:bg-destructive/20',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          'data-[variant=destructive]:*:[svg]:text-destructive',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, inset, asChild, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-checkbox-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.CheckboxItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.CheckboxItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ asChild, children, ...props }: DropdownMenuRadioGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.RadioGroup\n        data-slot=\"dropdown-menu-radio-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuRadioItem({ className, children, inset, asChild, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-radio-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.RadioItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.RadioItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({ className, inset, asChild, children, ...props }: DropdownMenuLabelProps) {\n  const isInsideGroup = React.useContext(DropdownMenuGroupContext)\n  const labelProps = {\n    'data-slot': 'dropdown-menu-label',\n    'data-inset': inset,\n    className: cn('px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7', className),\n    ...props\n  }\n\n  if (isInsideGroup) {\n    return <DropdownMenuPrimitive.GroupLabel {...labelProps} {...toAsChildRenderProps(asChild, children)} />\n  }\n\n  return (\n    <DropdownMenuStandaloneLabel {...labelProps} asChild={asChild}>\n      {children}\n    </DropdownMenuStandaloneLabel>\n  )\n}\n\nfunction DropdownMenuStandaloneLabel(props: AsChildProps<'div'>) {\n  return useAsChild('div', { ...props })\n}\n\nfunction DropdownMenuSeparator({ className, asChild, children, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={(state) => cn('bg-border -mx-1 my-1 h-px', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({ ...props }: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({ className, inset, children, asChild, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && children}\n      {!asChild && <IconChevronRight className=\"ml-auto\" />}\n    </DropdownMenuPrimitive.SubmenuTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  side = 'right',\n  sideOffset = 0,\n  align = 'start',\n  alignOffset = -3,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-sub-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 min-w-24 origin-(--transform-origin) overflow-hidden rounded-lg p-1 outline-none',\n              'bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":"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"}

package/dist/components/dropzone.d.ts

@@ -2,7 +2,6 @@ import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { ButtonProps } from "./button.js";
 import * as React from "react";
 import { Accept, ErrorCode, FileError, useDropzone as useDropzone$1 } from "react-dropzone";
-//#region src/components/dropzone.d.ts
 export type DropzoneUploadResult<TUploadResult, TUploadError> = {
   status: 'error';
   error: TUploadError;
@@ -116,6 +115,5 @@ declare const DropzoneRemoveFile: React.ForwardRefExoticComponent<Omit<ButtonPro
 declare const DropzoneRetryFile: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const DropzoneTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const InfiniteProgress: React.ForwardRefExoticComponent<Omit<InfiniteProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Dropzone, DropzoneArea, DropzoneDescription, DropzoneFileList, DropzoneFileListItem, DropzoneFileMessage, DropzoneMessage, DropzoneRemoveFile, DropzoneRetryFile, DropzoneTrigger, ErrorCode, type FileError, InfiniteProgress, useDropzone };
 //# sourceMappingURL=dropzone.d.ts.map

package/dist/components/dropzone.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import*as r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=r.createContext(null),f=r.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=r.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=r.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:i,onFileUploaded:a,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=r.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=r.useState(void 0),b=r.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=r.useReducer(fileStatusReducer,[]),C=r.useCallback(e=>`${h}-${e}-message`,[h]),w=r.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=r.useCallback(async(e,n,r=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&r<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,r+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,i)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),a?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,i)}),c?.(t)}},[f,t,d,c,a,i]),E=r.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=r.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=r.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return/* @__PURE__ */ i(d.Provider,{value:t,children:e})}const p=r.forwardRef(({className:t,children:r,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:e(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,t)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return/* @__PURE__ */ a(`div`,{...d,ref:n(s,u),children:[/* @__PURE__ */ i(`input`,{...f}),r]})}),m=r.forwardRef(({className:t,...n},r)=>{let a=useDropzoneContext();return/* @__PURE__ */ i(`p`,{ref:r,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})}),h=r.forwardRef(({className:t,...n},r)=>(useDropzoneContext(),/* @__PURE__ */ i(`ol`,{ref:r,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=r.forwardRef(({className:t,file:n,children:a,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=r.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return/* @__PURE__ */ i(f.Provider,{value:p,children:/* @__PURE__ */ i(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,t),...o,children:a})})}),_=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:e(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,t),...r,children:s})}),v=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...r,children:s})}),y=r.forwardRef(({className:n,onClick:a,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=r.forwardRef(({className:n,disabled:a,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=a||!f.canRetry,m=r.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return/* @__PURE__ */ i(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=r.forwardRef(({className:n,onClick:a,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.open()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(n),onClick:p,size:o,type:s,variant:c,...l})}),S=r.forwardRef(({className:t,status:n,...r},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return/* @__PURE__ */ i(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...r,children:/* @__PURE__ */ i(`div`,{className:e(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
+import"../rolldown-runtime-BhWHdk3m.js";import{composeRefs as e}from"../lib/compose-refs.js";import{cn as t}from"../lib/utils.js";import{Button as n}from"./button.js";import*as r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=r.createContext(null),f=r.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=r.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=r.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:i,onFileUploaded:a,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=r.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=r.useState(void 0),b=r.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=r.useReducer(fileStatusReducer,[]),C=r.useCallback(e=>`${h}-${e}-message`,[h]),w=r.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=r.useCallback(async(e,n,r=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&r<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,r+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,i)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),a?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,i)}),c?.(t)}},[f,t,d,c,a,i]),E=r.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=r.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=r.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return/* @__PURE__ */ i(d.Provider,{value:t,children:e})}const p=r.forwardRef(({className:n,children:r,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:t(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,n)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return/* @__PURE__ */ a(`div`,{...d,ref:e(s,u),children:[/* @__PURE__ */ i(`input`,{...f}),r]})}),m=r.forwardRef(({className:e,...n},r)=>{let a=useDropzoneContext();return/* @__PURE__ */ i(`p`,{ref:r,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:t(`text-sm text-muted-foreground`,e),...n})}),h=r.forwardRef(({className:e,...n},r)=>(useDropzoneContext(),/* @__PURE__ */ i(`ol`,{ref:r,"data-slot":`dropzone-file-list`,className:t(`space-y-3`,e),...n}))),g=r.forwardRef(({className:e,file:n,children:a,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=r.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return/* @__PURE__ */ i(f.Provider,{value:p,children:/* @__PURE__ */ i(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:t(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,e),...o,children:a})})}),_=r.forwardRef(({className:e,children:n,...r},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:t(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,e),...r,children:s})}),v=r.forwardRef(({className:e,children:n,...r},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:t(`min-h-5 text-[0.8rem] font-medium text-destructive`,e),...r,children:s})}),y=r.forwardRef(({className:e,onClick:a,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=r.useCallback(e=>{a?.(e),e.defaultPrevented||d.onRemoveFile()},[d,a]);return/* @__PURE__ */ i(n,{ref:u,"data-slot":`dropzone-remove-file`,className:t(e),onClick:f,size:o,type:s,variant:c,...l})}),b=r.forwardRef(({className:e,disabled:a,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=a||!f.canRetry,m=r.useCallback(e=>{o?.(e),e.defaultPrevented||p||f.onRetry()},[f,p,o]);return/* @__PURE__ */ i(n,{ref:d,"data-slot":`dropzone-retry-file`,className:t(e),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=r.forwardRef(({className:e,onClick:a,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=r.useCallback(e=>{a?.(e),e.defaultPrevented||d.open()},[d,a]);return/* @__PURE__ */ i(n,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:t(e),onClick:p,size:o,type:s,variant:c,...l})}),S=r.forwardRef(({className:e,status:n,...r},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return/* @__PURE__ */ i(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:t(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,e),...r,children:/* @__PURE__ */ i(`div`,{className:t(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
 //# sourceMappingURL=dropzone.js.map