@uselets/ui 1.16.1 → 1.18.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.spec.js","names":[],"sources":["../../src/components/donut-chart.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { DonutChart } from './donut-chart'\nimport type { PieChartDatum } from './pie-chart'\n\nbeforeAll(() => {\n  vi.stubGlobal(\n    'ResizeObserver',\n    class {\n      observe() {}\n      unobserve() {}\n      disconnect() {}\n    }\n  )\n  Object.defineProperty(HTMLElement.prototype, 'offsetWidth', { configurable: true, value: 500 })\n  Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { configurable: true, value: 300 })\n  // jsdom's getBoundingClientRect always returns zeros, which leaves recharts' ResponsiveContainer\n  // stuck reporting a non-positive size and refusing to render its children (the actual chart SVG).\n  // Stubbing it to match offsetWidth/offsetHeight above lets the real recharts markup mount.\n  HTMLElement.prototype.getBoundingClientRect = () =>\n    ({\n      width: 500,\n      height: 300,\n      top: 0,\n      left: 0,\n      right: 500,\n      bottom: 300,\n      x: 0,\n      y: 0,\n      toJSON() {}\n    }) as DOMRect\n})\n\nconst data: PieChartDatum[] = [\n  { name: 'chrome', value: 275 },\n  { name: 'safari', value: 200 },\n  { name: 'firefox', value: 187 }\n]\n\n// The rendered <path class=\"recharts-sector\"> draws its outer and (when present) inner arc as\n// two \"A radius,radius,...\" commands in its `d` attribute, in that order. Reading them back out\n// lets us verify DonutChart's thickness -> innerRadius math against what recharts actually drew,\n// instead of duplicating (and risking drifting from) the component's own calculation.\nfunction sectorArcRadii(container: HTMLElement) {\n  const d = container.querySelector('.recharts-sector')?.getAttribute('d') ?? ''\n  return [...d.matchAll(/A\\s*([\\d.]+),/g)].map((match) => Number(match[1]))\n}\n\ndescribe('DonutChart', () => {\n  it('renders with data-slot=\"donut-chart\" on the chart wrapper', () => {\n    const { container } = render(<DonutChart data={data} />)\n\n    expect(container.querySelector('[data-slot=\"donut-chart\"]')).not.toBeNull()\n  })\n\n  it('accepts a data array without throwing', () => {\n    expect(() => render(<DonutChart data={data} />)).not.toThrow()\n  })\n\n  it('renders one recharts pie sector per data entry', () => {\n    const { container } = render(<DonutChart data={data} />)\n\n    expect(container.querySelectorAll('.recharts-pie-sector').length).toBe(data.length)\n  })\n\n  it('carves out a hollow inner radius using the default thickness of 0.35', () => {\n    // animationDuration=0 disables the entrance animation so recharts paints the sector's full\n    // <path> geometry on the very first (synchronous) render instead of an empty starting frame.\n    const { container } = render(<DonutChart data={data} outerRadius={100} animationDuration={0} />)\n\n    const [outerRadius, innerRadius] = sectorArcRadii(container) as [number, number]\n    expect(outerRadius).toBe(100)\n    expect(innerRadius).toBeCloseTo(65)\n  })\n\n  it.each([\n    { thickness: 0, expectedRatio: 1 },\n    { thickness: 0.5, expectedRatio: 0.5 },\n    { thickness: 0.9, expectedRatio: 0.1 }\n  ])(\n    'derives innerRadius from a numeric outerRadius as outerRadius * (1 - thickness) (thickness=$thickness)',\n    ({ thickness, expectedRatio }) => {\n      const { container } = render(\n        <DonutChart data={data} outerRadius={100} thickness={thickness} animationDuration={0} />\n      )\n\n      const [outerRadius, innerRadius] = sectorArcRadii(container) as [number, number]\n      expect(outerRadius).toBe(100)\n      expect(innerRadius).toBeCloseTo(100 * expectedRatio)\n    }\n  )\n\n  it('clamps a thickness below 0 to a ratio of 1 (fully hollow up to the outer radius)', () => {\n    const { container } = render(<DonutChart data={data} outerRadius={100} thickness={-1} animationDuration={0} />)\n\n    const [outerRadius, innerRadius] = sectorArcRadii(container) as [number, number]\n    expect(outerRadius).toBe(100)\n    expect(innerRadius).toBeCloseTo(100)\n  })\n\n  it.each([1, 2])(\n    'clamps a thickness of %d or more to a ratio of 0, collapsing the inner radius to a single arc',\n    (thickness) => {\n      const { container } = render(\n        <DonutChart data={data} outerRadius={100} thickness={thickness} animationDuration={0} />\n      )\n\n      // A ring with innerRadius 0 is a plain pie slice: only the outer arc is drawn.\n      expect(sectorArcRadii(container)).toHaveLength(1)\n    }\n  )\n\n  it('derives a proportional innerRadius when outerRadius is a percentage string', () => {\n    const { container } = render(<DonutChart data={data} outerRadius=\"50%\" thickness={0.5} animationDuration={0} />)\n\n    const [outerRadius, innerRadius] = sectorArcRadii(container) as [number, number]\n    expect(innerRadius / outerRadius).toBeCloseTo(0.5)\n  })\n\n  it('falls back to the raw outerRadius value when it does not match the percentage pattern', () => {\n    expect(() => render(<DonutChart data={data} outerRadius=\"fill\" animationDuration={0} />)).not.toThrow()\n  })\n\n  it('renders a tooltip wrapper by default and omits it when withTooltip is false', () => {\n    const { container: withTooltip } = render(<DonutChart data={data} />)\n    expect(withTooltip.querySelectorAll('.recharts-tooltip-wrapper').length).toBe(1)\n\n    const { container: withoutTooltip } = render(<DonutChart data={data} withTooltip={false} />)\n    expect(withoutTooltip.querySelectorAll('.recharts-tooltip-wrapper').length).toBe(0)\n  })\n\n  it('omits the legend by default and renders it when withLegend is true', async () => {\n    const { container: withoutLegend } = render(<DonutChart data={data} />)\n    expect(withoutLegend.querySelectorAll('.recharts-legend-wrapper').length).toBe(0)\n\n    const { container: withLegend } = render(<DonutChart data={data} withLegend />)\n    expect(withLegend.querySelectorAll('.recharts-legend-wrapper').length).toBe(1)\n    // Recharts registers a pie's legend payload through an internal store update that lands\n    // a render pass after the initial mount, so the item labels need an async query to appear.\n    expect((await screen.findAllByText('chrome')).length).toBeGreaterThan(0)\n  })\n\n  it('omits slice labels by default and renders them when withLabels is true', () => {\n    // See the animationDuration note above: labels are also withheld while a pie is animating in.\n    const { container: withoutLabels } = render(<DonutChart data={data} animationDuration={0} />)\n    expect(withoutLabels.querySelectorAll('.recharts-pie-label-text').length).toBe(0)\n\n    const { container: withLabels } = render(<DonutChart data={data} withLabels animationDuration={0} />)\n    expect(withLabels.querySelectorAll('.recharts-pie-label-text').length).toBe(data.length)\n  })\n\n  it('does not throw when withTotal and a custom totalLabel are enabled', () => {\n    expect(() => render(<DonutChart data={data} withTotal totalLabel=\"Sum\" />)).not.toThrow()\n  })\n})\n"],"mappings":"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"}

package/dist/components/drawer.d.ts

@@ -1,43 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Dialog } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#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;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>;
-type DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>;
-type DrawerProps = React.ComponentProps<typeof Dialog.Root> & {
-  size?: DrawerSize;
-  direction?: DrawerDirection;
-  dismissible?: boolean;
-};
-type DrawerTriggerProps = React.ComponentProps<typeof Dialog.Trigger>;
-type DrawerPortalProps = React.ComponentProps<typeof Dialog.Portal>;
-type DrawerCloseProps = React.ComponentProps<typeof Dialog.Close>;
-type DrawerOverlayProps = React.ComponentProps<typeof Dialog.Overlay>;
-type DrawerContentProps = React.ComponentProps<typeof Dialog.Content> & {
-  showCloseButton?: boolean;
-  overlayProps?: DrawerOverlayProps;
-};
-type DrawerHeaderProps = React.ComponentProps<'div'>;
-type DrawerBodyProps = React.ComponentProps<'div'>;
-type DrawerFooterProps = React.ComponentProps<'div'>;
-type DrawerTitleProps = React.ComponentProps<typeof Dialog.Title>;
-type DrawerDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
-declare function Drawer({ size, direction, dismissible, ...props }: DrawerProps): React.JSX.Element;
-declare function DrawerTrigger({ ...props }: DrawerTriggerProps): React.JSX.Element;
-declare function DrawerPortal({ ...props }: DrawerPortalProps): React.JSX.Element;
-declare function DrawerClose({ ...props }: DrawerCloseProps): React.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): React.JSX.Element;
-declare function DrawerContent({ className, children, showCloseButton, overlayProps, ...props }: DrawerContentProps): React.JSX.Element;
-declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
-declare function DrawerBody({ className, ...props }: DrawerBodyProps): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
-declare function DrawerTitle({ className, ...props }: DrawerTitleProps): React.JSX.Element;
-declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): React.JSX.Element;
-//#endregion
-export { Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps };
-//# sourceMappingURL=drawer.d.ts.map
+import { S as DrawerTriggerProps, _ as DrawerPortalProps, a as DrawerCloseProps, b as DrawerTitleProps, c as DrawerDescription, d as DrawerFooterProps, f as DrawerHeader, g as DrawerPortal, h as DrawerOverlayProps, i as DrawerClose, l as DrawerDescriptionProps, m as DrawerOverlay, n as DrawerBody, o as DrawerContent, p as DrawerHeaderProps, r as DrawerBodyProps, s as DrawerContentProps, t as Drawer, u as DrawerFooter, v as DrawerProps, x as DrawerTrigger, y as DrawerTitle } from "../drawer-DUfJzrKE.js";
+export { Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps };

package/dist/components/drawer.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{IconX as n}from"@tabler/icons-react";import{Dialog as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";import*as s from"react";const c=o([`bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200`,`data-open:animate-in data-closed:animate-out`],{variants:{direction:{top:`inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10`,right:`inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10`,bottom:`inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10`,left:`inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10`},size:{sm:``,md:``,lg:``,xl:``,"2xl":``,"3xl":``,full:``}},compoundVariants:[{direction:[`left`,`right`],size:`sm`,className:`w-3/4 sm:max-w-sm`},{direction:[`left`,`right`],size:`md`,className:`w-4/5 sm:max-w-md`},{direction:[`left`,`right`],size:`lg`,className:`w-[90%] sm:max-w-lg`},{direction:[`left`,`right`],size:`xl`,className:`w-[90%] sm:max-w-195`},{direction:[`left`,`right`],size:`2xl`,className:`w-[90%] sm:max-w-240`},{direction:[`left`,`right`],size:`3xl`,className:`w-[90%] sm:max-w-300`},{direction:[`left`,`right`],size:`full`,className:`w-full`},{direction:`top`,size:`sm`,className:`mb-24 h-full max-h-96`},{direction:`top`,size:`md`,className:`mb-20 h-full max-h-112`},{direction:`top`,size:`lg`,className:`mb-12 h-full max-h-128`},{direction:`top`,size:`xl`,className:`mb-12 h-full max-h-195`},{direction:`top`,size:`2xl`,className:`mb-12 h-full max-h-240`},{direction:`top`,size:`3xl`,className:`mb-12 h-full max-h-300`},{direction:`top`,size:`full`,className:`mb-0 h-full`},{direction:`bottom`,size:`sm`,className:`mt-24 h-full max-h-96`},{direction:`bottom`,size:`md`,className:`mt-20 h-full max-h-112`},{direction:`bottom`,size:`lg`,className:`mt-12 h-full max-h-128`},{direction:`bottom`,size:`xl`,className:`mt-12 h-full max-h-195`},{direction:`bottom`,size:`2xl`,className:`mt-12 h-full max-h-240`},{direction:`bottom`,size:`3xl`,className:`mt-12 h-full max-h-300`},{direction:`bottom`,size:`full`,className:`mt-0 h-full`}],defaultVariants:{direction:`right`,size:`md`}}),l=s.createContext({size:`md`,direction:`right`,dismissible:!0});function Drawer({size:e=`md`,direction:t=`right`,dismissible:n=!0,...a}){let o=s.useMemo(()=>({size:e,direction:t,dismissible:n}),[e,t,n]);return i(l.Provider,{value:o,children:i(r.Root,{"data-slot":`drawer`,...a})})}function DrawerTrigger({...e}){return i(r.Trigger,{"data-slot":`drawer-trigger`,...e})}function DrawerPortal({...e}){return i(r.Portal,{"data-slot":`drawer-portal`,...e})}function DrawerClose({...e}){return i(r.Close,{"data-slot":`drawer-close`,...e})}function DrawerOverlay({className:t,...n}){return i(r.Overlay,{"data-slot":`drawer-overlay`,className:e(`bg-black/10 fixed inset-0 z-50`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0`,`supports-backdrop-filter:backdrop-blur-xs`,t),...n})}function DrawerContent({className:o,children:u,showCloseButton:d=!0,overlayProps:f,...p}){let{size:m,direction:h,dismissible:g}=s.useContext(l);return a(DrawerPortal,{children:[i(DrawerOverlay,{...f}),a(r.Content,{"data-slot":`drawer-content`,className:e(c({size:m,direction:h}),o),...p,onEscapeKeyDown:e=>{g||e.preventDefault(),p.onEscapeKeyDown?.(e)},onInteractOutside:e=>{g||e.preventDefault(),p.onInteractOutside?.(e)},children:[u,d&&i(DrawerClose,{asChild:!0,children:a(t,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`,children:[i(n,{}),i(`span`,{className:`sr-only`,children:`Close`})]})})]})]})}function DrawerHeader({className:t,...n}){let{direction:r}=s.useContext(l);return i(`div`,{"data-slot":`drawer-header`,className:e(`p-4 flex flex-col gap-0.5 md:gap-0.5`,(r===`top`||r===`bottom`)&&`text-center md:text-left`,t),...n})}function DrawerBody({className:t,...n}){return i(`div`,{"data-slot":`drawer-body`,className:e(`px-4 pb-4 flex-1 min-h-0 overflow-y-auto`,t),...n})}function DrawerFooter({className:t,...n}){return i(`div`,{"data-slot":`drawer-footer`,className:e(`gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end`,t),...n})}function DrawerTitle({className:t,...n}){return i(r.Title,{"data-slot":`drawer-title`,className:e(`text-foreground text-base font-medium`,t),...n})}function DrawerDescription({className:t,...n}){return i(r.Description,{"data-slot":`drawer-description`,className:e(`text-muted-foreground text-sm`,t),...n})}export{Drawer,DrawerBody,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerOverlay,DrawerPortal,DrawerTitle,DrawerTrigger};
-//# sourceMappingURL=drawer.js.map
+import{a as e,c as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"../drawer-BO4mP6y1.js";export{l as Drawer,a as DrawerBody,s as DrawerClose,r as DrawerContent,e as DrawerDescription,o as DrawerFooter,c as DrawerHeader,t as DrawerOverlay,i as DrawerPortal,u as DrawerTitle,n as DrawerTrigger};

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

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

package/dist/components/drawer.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,d as t,i as n,n as r,o as i,r as a,s as o,t as s,u as c}from"../drawer-BO4mP6y1.js";import{a as l,n as u,o as d,r as f}from"../react.esm-BkhVXJ8s.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";function renderBasicDrawer(l={}){return f(m(s,{children:[p(t,{children:`Open drawer`}),m(n,{...l,children:[m(o,{children:[p(c,{children:`Settings`}),p(e,{children:`Manage your preferences`})]}),p(r,{children:`Body content`}),p(i,{children:p(a,{children:`Cancel`})})]})]}))}describe(`Drawer`,()=>{it(`is closed until the trigger is activated, then opens the dialog`,async()=>{renderBasicDrawer(),expect(l.queryByRole(`dialog`)).toBeNull(),u.click(l.getByText(`Open drawer`));let e=await l.findByRole(`dialog`);expect(e.getAttribute(`data-slot`)).toBe(`drawer-content`)}),it(`closes when the built-in close button is clicked`,async()=>{renderBasicDrawer(),u.click(l.getByText(`Open drawer`)),await l.findByRole(`dialog`),u.click(l.getByRole(`button`,{name:`Close`})),await d(()=>expect(l.queryByRole(`dialog`)).toBeNull())}),it(`hides the close button when showCloseButton is false`,async()=>{renderBasicDrawer({showCloseButton:!1}),u.click(l.getByText(`Open drawer`)),await l.findByRole(`dialog`),expect(l.queryByRole(`button`,{name:`Close`})).toBeNull()}),it(`renders the title and description with their data-slot and default classes`,async()=>{renderBasicDrawer(),u.click(l.getByText(`Open drawer`));let e=await l.findByText(`Settings`),t=l.getByText(`Manage your preferences`);expect(e.getAttribute(`data-slot`)).toBe(`drawer-title`),expect(e.className).toContain(`text-base`),expect(t.getAttribute(`data-slot`)).toBe(`drawer-description`),expect(t.className).toContain(`text-muted-foreground`)}),it(`renders the body and footer with their data-slot`,async()=>{renderBasicDrawer(),u.click(l.getByText(`Open drawer`));let e=await l.findByText(`Body content`);expect(e.getAttribute(`data-slot`)).toBe(`drawer-body`),expect(l.getByText(`Cancel`).closest(`[data-slot="drawer-footer"]`)).not.toBeNull()}),it(`applies the default right/md direction and size classes to the content`,async()=>{renderBasicDrawer(),u.click(l.getByText(`Open drawer`));let e=await l.findByRole(`dialog`);expect(e.className).toContain(`inset-y-0`),expect(e.className).toContain(`right-0`),expect(e.className).toContain(`w-4/5`),expect(e.className).toContain(`sm:max-w-md`)}),it(`applies compound variant classes for a non-default direction and size`,async()=>{f(m(s,{direction:`top`,size:`lg`,children:[p(t,{children:`Open`}),p(n,{children:p(c,{children:`Top drawer`})})]})),u.click(l.getByText(`Open`));let e=await l.findByRole(`dialog`);expect(e.className).toContain(`inset-x-0`),expect(e.className).toContain(`top-0`),expect(e.className).toContain(`mb-12`),expect(e.className).toContain(`max-h-128`)}),it(`applies text-center classes to the header for horizontal (top/bottom) directions`,async()=>{f(m(s,{direction:`bottom`,children:[p(t,{children:`Open`}),p(n,{children:p(o,{children:`Header content`})})]})),u.click(l.getByText(`Open`));let e=await l.findByText(`Header content`);expect(e.getAttribute(`data-slot`)).toBe(`drawer-header`),expect(e.className).toContain(`text-center`)}),it(`does not apply text-center classes to the header for left/right directions`,async()=>{renderBasicDrawer(),u.click(l.getByText(`Open drawer`));let e=(await l.findByText(`Settings`)).closest(`[data-slot="drawer-header"]`);expect(e.className).not.toContain(`text-center`)}),it(`renders the overlay with its data-slot and forwards overlayProps`,async()=>{let{container:e}=renderBasicDrawer({overlayProps:{"data-testid":`custom-overlay`}});u.click(l.getByText(`Open drawer`)),await l.findByRole(`dialog`);let t=e.ownerDocument.querySelector(`[data-slot="drawer-overlay"]`);expect(t).not.toBeNull(),expect(t?.className).toContain(`fixed`),expect(l.getByTestId(`custom-overlay`)).toBe(t)}),it(`closes on Escape when dismissible (the default)`,async()=>{f(m(s,{children:[p(t,{children:`Open`}),p(n,{children:p(c,{children:`Dismissible`})})]})),u.click(l.getByText(`Open`));let e=await l.findByRole(`dialog`);u.keyDown(e,{key:`Escape`,code:`Escape`}),await d(()=>expect(l.queryByRole(`dialog`)).toBeNull())}),it(`ignores Escape when dismissible is false`,async()=>{f(m(s,{dismissible:!1,children:[p(t,{children:`Open`}),p(n,{children:p(c,{children:`Non dismissible`})})]})),u.click(l.getByText(`Open`));let e=await l.findByRole(`dialog`);u.keyDown(e,{key:`Escape`,code:`Escape`}),expect(l.getByRole(`dialog`)).not.toBeNull()})});
+//# sourceMappingURL=drawer.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.spec.js","names":["waitFor"],"sources":["../../src/components/drawer.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen, waitFor } from '@testing-library/react'\n\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger\n} from './drawer'\n\nfunction renderBasicDrawer(contentProps: Partial<React.ComponentProps<typeof DrawerContent>> = {}) {\n  return render(\n    <Drawer>\n      <DrawerTrigger>Open drawer</DrawerTrigger>\n      <DrawerContent {...contentProps}>\n        <DrawerHeader>\n          <DrawerTitle>Settings</DrawerTitle>\n          <DrawerDescription>Manage your preferences</DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody>Body content</DrawerBody>\n        <DrawerFooter>\n          <DrawerClose>Cancel</DrawerClose>\n        </DrawerFooter>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n\ndescribe('Drawer', () => {\n  it('is closed until the trigger is activated, then opens the dialog', async () => {\n    renderBasicDrawer()\n\n    expect(screen.queryByRole('dialog')).toBeNull()\n\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    const dialog = await screen.findByRole('dialog')\n    expect(dialog.getAttribute('data-slot')).toBe('drawer-content')\n  })\n\n  it('closes when the built-in close button is clicked', async () => {\n    renderBasicDrawer()\n    fireEvent.click(screen.getByText('Open drawer'))\n    await screen.findByRole('dialog')\n\n    fireEvent.click(screen.getByRole('button', { name: 'Close' }))\n\n    await waitFor(() => expect(screen.queryByRole('dialog')).toBeNull())\n  })\n\n  it('hides the close button when showCloseButton is false', async () => {\n    renderBasicDrawer({ showCloseButton: false })\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    await screen.findByRole('dialog')\n    expect(screen.queryByRole('button', { name: 'Close' })).toBeNull()\n  })\n\n  it('renders the title and description with their data-slot and default classes', async () => {\n    renderBasicDrawer()\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    const title = await screen.findByText('Settings')\n    const description = screen.getByText('Manage your preferences')\n\n    expect(title.getAttribute('data-slot')).toBe('drawer-title')\n    expect(title.className).toContain('text-base')\n    expect(description.getAttribute('data-slot')).toBe('drawer-description')\n    expect(description.className).toContain('text-muted-foreground')\n  })\n\n  it('renders the body and footer with their data-slot', async () => {\n    renderBasicDrawer()\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    const body = await screen.findByText('Body content')\n    expect(body.getAttribute('data-slot')).toBe('drawer-body')\n    expect(screen.getByText('Cancel').closest('[data-slot=\"drawer-footer\"]')).not.toBeNull()\n  })\n\n  it('applies the default right/md direction and size classes to the content', async () => {\n    renderBasicDrawer()\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    const dialog = await screen.findByRole('dialog')\n    expect(dialog.className).toContain('inset-y-0')\n    expect(dialog.className).toContain('right-0')\n    expect(dialog.className).toContain('w-4/5')\n    expect(dialog.className).toContain('sm:max-w-md')\n  })\n\n  it('applies compound variant classes for a non-default direction and size', async () => {\n    render(\n      <Drawer direction=\"top\" size=\"lg\">\n        <DrawerTrigger>Open</DrawerTrigger>\n        <DrawerContent>\n          <DrawerTitle>Top drawer</DrawerTitle>\n        </DrawerContent>\n      </Drawer>\n    )\n    fireEvent.click(screen.getByText('Open'))\n\n    const dialog = await screen.findByRole('dialog')\n    expect(dialog.className).toContain('inset-x-0')\n    expect(dialog.className).toContain('top-0')\n    expect(dialog.className).toContain('mb-12')\n    expect(dialog.className).toContain('max-h-128')\n  })\n\n  it('applies text-center classes to the header for horizontal (top/bottom) directions', async () => {\n    render(\n      <Drawer direction=\"bottom\">\n        <DrawerTrigger>Open</DrawerTrigger>\n        <DrawerContent>\n          <DrawerHeader>Header content</DrawerHeader>\n        </DrawerContent>\n      </Drawer>\n    )\n    fireEvent.click(screen.getByText('Open'))\n\n    const header = await screen.findByText('Header content')\n    expect(header.getAttribute('data-slot')).toBe('drawer-header')\n    expect(header.className).toContain('text-center')\n  })\n\n  it('does not apply text-center classes to the header for left/right directions', async () => {\n    renderBasicDrawer()\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    const title = await screen.findByText('Settings')\n    const header = title.closest('[data-slot=\"drawer-header\"]') as HTMLElement\n    expect(header.className).not.toContain('text-center')\n  })\n\n  it('renders the overlay with its data-slot and forwards overlayProps', async () => {\n    const { container } = renderBasicDrawer({ overlayProps: { 'data-testid': 'custom-overlay' } as never })\n    fireEvent.click(screen.getByText('Open drawer'))\n\n    await screen.findByRole('dialog')\n    const overlay = container.ownerDocument.querySelector('[data-slot=\"drawer-overlay\"]')\n    expect(overlay).not.toBeNull()\n    expect(overlay?.className).toContain('fixed')\n    expect(screen.getByTestId('custom-overlay')).toBe(overlay)\n  })\n\n  it('closes on Escape when dismissible (the default)', async () => {\n    render(\n      <Drawer>\n        <DrawerTrigger>Open</DrawerTrigger>\n        <DrawerContent>\n          <DrawerTitle>Dismissible</DrawerTitle>\n        </DrawerContent>\n      </Drawer>\n    )\n    fireEvent.click(screen.getByText('Open'))\n    const dialog = await screen.findByRole('dialog')\n\n    fireEvent.keyDown(dialog, { key: 'Escape', code: 'Escape' })\n\n    await waitFor(() => expect(screen.queryByRole('dialog')).toBeNull())\n  })\n\n  it('ignores Escape when dismissible is false', async () => {\n    render(\n      <Drawer dismissible={false}>\n        <DrawerTrigger>Open</DrawerTrigger>\n        <DrawerContent>\n          <DrawerTitle>Non dismissible</DrawerTitle>\n        </DrawerContent>\n      </Drawer>\n    )\n    fireEvent.click(screen.getByText('Open'))\n    const dialog = await screen.findByRole('dialog')\n\n    fireEvent.keyDown(dialog, { key: 'Escape', code: 'Escape' })\n\n    expect(screen.getByRole('dialog')).not.toBeNull()\n  })\n})\n"],"mappings":"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"}

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

@@ -1,48 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/dropdown-menu.d.ts
-type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
-type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenu$1.Portal>;
-type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
-type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
-type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenu$1.Group>;
-type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-};
-type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
-  inset?: boolean;
-};
-type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.RadioGroup>;
-type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
-  inset?: boolean;
-};
-type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
-  inset?: boolean;
-};
-type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenu$1.Separator>;
-type DropdownMenuShortcutProps = React.ComponentProps<'span'>;
-type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
-type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
-  inset?: boolean;
-};
-type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
-declare function DropdownMenu({ ...props }: DropdownMenuProps): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): React.JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: DropdownMenuContentProps): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, inset, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): React.JSX.Element;
-//#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };
-//# sourceMappingURL=dropdown-menu.d.ts.map
+import { A as DropdownMenuTriggerProps, C as DropdownMenuSub, D as DropdownMenuSubTrigger, E as DropdownMenuSubProps, O as DropdownMenuSubTriggerProps, S as DropdownMenuShortcutProps, T as DropdownMenuSubContentProps, _ as DropdownMenuRadioItem, a as DropdownMenuContentProps, b as DropdownMenuSeparatorProps, c as DropdownMenuItem, d as DropdownMenuLabelProps, f as DropdownMenuPortal, g as DropdownMenuRadioGroupProps, h as DropdownMenuRadioGroup, i as DropdownMenuContent, k as DropdownMenuTrigger, l as DropdownMenuItemProps, m as DropdownMenuProps, n as DropdownMenuCheckboxItem, o as DropdownMenuGroup, p as DropdownMenuPortalProps, r as DropdownMenuCheckboxItemProps, s as DropdownMenuGroupProps, t as DropdownMenu, u as DropdownMenuLabel, v as DropdownMenuRadioItemProps, w as DropdownMenuSubContent, x as DropdownMenuShortcut, y as DropdownMenuSeparator } from "../dropdown-menu-CVDIf0Rd.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };

package/dist/components/dropdown-menu.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{IconCheck as t,IconChevronRight as n}from"@tabler/icons-react";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";function DropdownMenu({...e}){return i(r.Root,{"data-slot":`dropdown-menu`,...e})}function DropdownMenuPortal({...e}){return i(r.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function DropdownMenuTrigger({...e}){return i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function DropdownMenuContent({className:t,align:n=`start`,sideOffset:a=4,...o}){return i(DropdownMenuPortal,{children:i(r.Content,{"data-slot":`dropdown-menu-content`,align:n,sideOffset:a,className:e(`relative z-50 w-(--radix-dropdown-menu-trigger-width) min-w-32 max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1`,`bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100`,`data-[state=closed]:overflow-hidden`,`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`,`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`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,t),...o})})}function DropdownMenuGroup({...e}){return i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}function DropdownMenuItem({className:t,inset:n,variant:a=`default`,...o}){return i(r.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":a,className:e(`group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive`,`dark:data-[variant=destructive]:focus:bg-destructive/20`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`data-[variant=destructive]:*:[svg]:text-destructive`,t),...o})}function DropdownMenuCheckboxItem({className:n,children:o,inset:s,...c}){return a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":s,className:e(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,n),...c,children:[i(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:i(r.ItemIndicator,{children:i(t,{})})}),o]})}function DropdownMenuRadioGroup({...e}){return i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function DropdownMenuRadioItem({className:n,children:o,inset:s,...c}){return a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:e(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,n),...c,children:[i(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:i(r.ItemIndicator,{children:i(t,{})})}),o]})}function DropdownMenuLabel({className:t,inset:n,...a}){return i(r.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:e(`px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7`,t),...a})}function DropdownMenuSeparator({className:t,...n}){return i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function DropdownMenuShortcut({className:t,...n}){return i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,t),...n})}function DropdownMenuSub({...e}){return i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function DropdownMenuSubTrigger({className:t,inset:o,children:s,...c}){return a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:e(`flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),...c,children:[s,i(n,{className:`ml-auto`})]})}function DropdownMenuSubContent({className:t,...n}){return i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`relative z-50 min-w-24 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg p-1`,`bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100`,`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`,`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`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,t),...n})}export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger};
-//# sourceMappingURL=dropdown-menu.js.map
+import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,s as f,t as p,u as m}from"../dropdown-menu-zRuQQS5S.js";export{p as DropdownMenu,c as DropdownMenuCheckboxItem,d as DropdownMenuContent,a as DropdownMenuGroup,e as DropdownMenuItem,l as DropdownMenuLabel,f as DropdownMenuPortal,t as DropdownMenuRadioGroup,o as DropdownMenuRadioItem,m as DropdownMenuSeparator,n as DropdownMenuShortcut,r as DropdownMenuSub,u as DropdownMenuSubContent,s as DropdownMenuSubTrigger,i as DropdownMenuTrigger};

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

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

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

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,t as f,u as p}from"../dropdown-menu-zRuQQS5S.js";import{a as m,n as h,o as g,r as _}from"../react.esm-BkhVXJ8s.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";function openMenu(e){h.pointerDown(e,{button:0,ctrlKey:!1})}describe(`DropdownMenu`,()=>{it(`is closed until the trigger is activated`,async()=>{_(y(f,{children:[v(i,{children:`Open menu`}),v(d,{children:v(e,{children:`Profile`})})]})),expect(m.queryByRole(`menu`)).toBeNull(),openMenu(m.getByText(`Open menu`));let t=await m.findByRole(`menu`);expect(t.getAttribute(`data-slot`)).toBe(`dropdown-menu-content`)}),describe(`DropdownMenuItem`,()=>{it(`calls onSelect and closes the menu when an item is chosen`,async()=>{let t=vi.fn();_(y(f,{children:[v(i,{children:`Open`}),v(d,{children:v(e,{onSelect:t,children:`Profile`})})]})),openMenu(m.getByText(`Open`));let n=await m.findByRole(`menuitem`,{name:`Profile`});h.click(n),expect(t).toHaveBeenCalledTimes(1),await g(()=>expect(m.queryByRole(`menu`)).toBeNull())}),it(`does not call onSelect for a disabled item`,async()=>{let t=vi.fn();_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:v(e,{disabled:!0,onSelect:t,children:`Disabled`})})]}));let n=await m.findByRole(`menuitem`,{name:`Disabled`});expect(n.getAttribute(`data-disabled`)).not.toBeNull(),h.click(n),expect(t).not.toHaveBeenCalled()}),it(`exposes inset and destructive variant as data attributes`,async()=>{_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:v(e,{inset:!0,variant:`destructive`,children:`Delete`})})]}));let t=await m.findByRole(`menuitem`,{name:`Delete`});expect(t.getAttribute(`data-inset`)).toBe(`true`),expect(t.getAttribute(`data-variant`)).toBe(`destructive`)})}),describe(`DropdownMenuCheckboxItem`,()=>{it(`reports the toggled checked state when clicked`,async()=>{let e=vi.fn();_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:v(c,{checked:!1,onCheckedChange:e,children:`Show sidebar`})})]}));let t=await m.findByRole(`menuitemcheckbox`,{name:`Show sidebar`});expect(t.getAttribute(`aria-checked`)).toBe(`false`),h.click(t),expect(e).toHaveBeenCalledWith(!0)})}),describe(`DropdownMenuRadioGroup`,()=>{it(`reports the selected value when a different radio item is chosen`,async()=>{let e=vi.fn();_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:y(t,{value:`list`,onValueChange:e,children:[v(o,{value:`list`,children:`List`}),v(o,{value:`grid`,children:`Grid`})]})})]}));let n=await m.findByRole(`menuitemradio`,{name:`List`}),r=m.getByRole(`menuitemradio`,{name:`Grid`});expect(n.getAttribute(`aria-checked`)).toBe(`true`),expect(r.getAttribute(`aria-checked`)).toBe(`false`),h.click(r),expect(e).toHaveBeenCalledWith(`grid`)})}),describe(`DropdownMenuSub`,()=>{it(`opens the submenu and selects an item within it`,async()=>{let t=vi.fn();_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:y(r,{children:[v(s,{children:`More tools`}),v(u,{children:v(e,{onSelect:t,children:`Extensions`})})]})})]}));let n=await m.findByRole(`menuitem`,{name:`More tools`});h.click(n);let a=await m.findByRole(`menuitem`,{name:`Extensions`});h.click(a),expect(t).toHaveBeenCalledTimes(1)})}),it(`renders a group, label, separator and shortcut with their data-slots`,async()=>{_(y(f,{defaultOpen:!0,children:[v(i,{children:`Open`}),v(d,{children:y(a,{children:[v(l,{inset:!0,children:`Actions`}),v(p,{}),y(e,{children:[`Copy`,v(n,{children:`⌘C`})]})]})})]})),await m.findByText(`Actions`),expect(document.querySelector(`[data-slot="dropdown-menu-group"]`)).not.toBeNull();let t=document.querySelector(`[data-slot="dropdown-menu-label"]`);expect(t?.getAttribute(`data-inset`)).toBe(`true`),expect(document.querySelector(`[data-slot="dropdown-menu-separator"]`)).not.toBeNull();let r=m.getByText(`⌘C`);expect(r.getAttribute(`data-slot`)).toBe(`dropdown-menu-shortcut`)})});
+//# sourceMappingURL=dropdown-menu.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.spec.js","names":["waitFor"],"sources":["../../src/components/dropdown-menu.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen, waitFor } from '@testing-library/react'\n\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n} from './dropdown-menu'\n\nfunction openMenu(trigger: HTMLElement) {\n  fireEvent.pointerDown(trigger, { button: 0, ctrlKey: false })\n}\n\ndescribe('DropdownMenu', () => {\n  it('is closed until the trigger is activated', async () => {\n    render(\n      <DropdownMenu>\n        <DropdownMenuTrigger>Open menu</DropdownMenuTrigger>\n        <DropdownMenuContent>\n          <DropdownMenuItem>Profile</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    )\n\n    expect(screen.queryByRole('menu')).toBeNull()\n\n    openMenu(screen.getByText('Open menu'))\n\n    const menu = await screen.findByRole('menu')\n    expect(menu.getAttribute('data-slot')).toBe('dropdown-menu-content')\n  })\n\n  describe('DropdownMenuItem', () => {\n    it('calls onSelect and closes the menu when an item is chosen', async () => {\n      const handleSelect = vi.fn()\n      render(\n        <DropdownMenu>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuItem onSelect={handleSelect}>Profile</DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      openMenu(screen.getByText('Open'))\n      const item = await screen.findByRole('menuitem', { name: 'Profile' })\n\n      fireEvent.click(item)\n\n      expect(handleSelect).toHaveBeenCalledTimes(1)\n      await waitFor(() => expect(screen.queryByRole('menu')).toBeNull())\n    })\n\n    it('does not call onSelect for a disabled item', async () => {\n      const handleSelect = vi.fn()\n      render(\n        <DropdownMenu defaultOpen>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuItem disabled onSelect={handleSelect}>\n              Disabled\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      const item = await screen.findByRole('menuitem', { name: 'Disabled' })\n      expect(item.getAttribute('data-disabled')).not.toBeNull()\n\n      fireEvent.click(item)\n\n      expect(handleSelect).not.toHaveBeenCalled()\n    })\n\n    it('exposes inset and destructive variant as data attributes', async () => {\n      render(\n        <DropdownMenu defaultOpen>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuItem inset variant=\"destructive\">\n              Delete\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      const item = await screen.findByRole('menuitem', { name: 'Delete' })\n      expect(item.getAttribute('data-inset')).toBe('true')\n      expect(item.getAttribute('data-variant')).toBe('destructive')\n    })\n  })\n\n  describe('DropdownMenuCheckboxItem', () => {\n    it('reports the toggled checked state when clicked', async () => {\n      const handleCheckedChange = vi.fn()\n      render(\n        <DropdownMenu defaultOpen>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuCheckboxItem checked={false} onCheckedChange={handleCheckedChange}>\n              Show sidebar\n            </DropdownMenuCheckboxItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      const checkboxItem = await screen.findByRole('menuitemcheckbox', { name: 'Show sidebar' })\n      expect(checkboxItem.getAttribute('aria-checked')).toBe('false')\n\n      fireEvent.click(checkboxItem)\n\n      expect(handleCheckedChange).toHaveBeenCalledWith(true)\n    })\n  })\n\n  describe('DropdownMenuRadioGroup', () => {\n    it('reports the selected value when a different radio item is chosen', async () => {\n      const handleValueChange = vi.fn()\n      render(\n        <DropdownMenu defaultOpen>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuRadioGroup value=\"list\" onValueChange={handleValueChange}>\n              <DropdownMenuRadioItem value=\"list\">List</DropdownMenuRadioItem>\n              <DropdownMenuRadioItem value=\"grid\">Grid</DropdownMenuRadioItem>\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      const listItem = await screen.findByRole('menuitemradio', { name: 'List' })\n      const gridItem = screen.getByRole('menuitemradio', { name: 'Grid' })\n      expect(listItem.getAttribute('aria-checked')).toBe('true')\n      expect(gridItem.getAttribute('aria-checked')).toBe('false')\n\n      fireEvent.click(gridItem)\n\n      expect(handleValueChange).toHaveBeenCalledWith('grid')\n    })\n  })\n\n  describe('DropdownMenuSub', () => {\n    it('opens the submenu and selects an item within it', async () => {\n      const handleSelect = vi.fn()\n      render(\n        <DropdownMenu defaultOpen>\n          <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n          <DropdownMenuContent>\n            <DropdownMenuSub>\n              <DropdownMenuSubTrigger>More tools</DropdownMenuSubTrigger>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem onSelect={handleSelect}>Extensions</DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuSub>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )\n\n      const subTrigger = await screen.findByRole('menuitem', { name: 'More tools' })\n      fireEvent.click(subTrigger)\n\n      const subItem = await screen.findByRole('menuitem', { name: 'Extensions' })\n      fireEvent.click(subItem)\n\n      expect(handleSelect).toHaveBeenCalledTimes(1)\n    })\n  })\n\n  it('renders a group, label, separator and shortcut with their data-slots', async () => {\n    render(\n      <DropdownMenu defaultOpen>\n        <DropdownMenuTrigger>Open</DropdownMenuTrigger>\n        <DropdownMenuContent>\n          <DropdownMenuGroup>\n            <DropdownMenuLabel inset>Actions</DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              Copy\n              <DropdownMenuShortcut>⌘C</DropdownMenuShortcut>\n            </DropdownMenuItem>\n          </DropdownMenuGroup>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    )\n\n    await screen.findByText('Actions')\n\n    // DropdownMenuContent renders into a portal (document.body), not into the local render\n    // container, so query the document directly for these slots.\n    expect(document.querySelector('[data-slot=\"dropdown-menu-group\"]')).not.toBeNull()\n    const label = document.querySelector('[data-slot=\"dropdown-menu-label\"]')\n    expect(label?.getAttribute('data-inset')).toBe('true')\n    expect(document.querySelector('[data-slot=\"dropdown-menu-separator\"]')).not.toBeNull()\n\n    const shortcut = screen.getByText('⌘C')\n    expect(shortcut.getAttribute('data-slot')).toBe('dropdown-menu-shortcut')\n  })\n})\n"],"mappings":"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"}

package/dist/components/dropzone.d.ts

@@ -1,102 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.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
-type DropzoneUploadResult<TUploadResult, TUploadError> = {
-  status: 'error';
-  error: TUploadError;
-} | {
-  status: 'success';
-  result: TUploadResult;
-};
-type DropzoneFileStatus<TUploadResult, TUploadError> = {
-  id: string;
-  fileName: string;
-  file: File;
-  tries: number;
-} & ({
-  status: 'pending';
-  error?: undefined;
-  message?: undefined;
-  result?: undefined;
-} | {
-  status: 'error';
-  error: TUploadError;
-  message?: string;
-  result?: undefined;
-} | {
-  status: 'success';
-  result: TUploadResult;
-  error?: undefined;
-  message?: undefined;
-});
-type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>;
-type DropzoneValidation = {
-  accept?: Accept;
-  minSize?: number;
-  maxSize?: number;
-  maxFiles?: number;
-};
-type UseDropzoneProps<TUploadResult, TUploadError = string> = {
-  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>;
-  onRemoveFile?: (id: string) => void | Promise<void>;
-  onFileUploaded?: (result: TUploadResult) => void;
-  onFileUploadError?: (error: TUploadError) => void;
-  onAllUploaded?: () => void;
-  onRootError?: (error: string | undefined) => void;
-  shapeUploadError?: (error: TUploadError) => string | undefined;
-  maxRetryCount?: number;
-  autoRetry?: boolean;
-  validation?: DropzoneValidation;
-  shiftOnMaxFiles?: boolean;
-};
-interface UseDropzoneReturn<TUploadResult, TUploadError> {
-  getRootProps: ReturnType<typeof useDropzone$1>['getRootProps'];
-  getInputProps: ReturnType<typeof useDropzone$1>['getInputProps'];
-  open: () => void;
-  onRemoveFile: (id: string) => Promise<void>;
-  onRetry: (id: string) => Promise<void>;
-  canRetry: (id: string) => boolean;
-  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[];
-  isInvalid: boolean;
-  isDragActive: boolean;
-  rootError: string | undefined;
-  inputId: string;
-  rootMessageId: string;
-  rootDescriptionId: string;
-  getFileMessageId: (id: string) => string;
-}
-type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<UseDropzoneReturn<TUploadResult, TUploadError>>;
-type DropzoneAreaProps = React.ComponentProps<'div'>;
-type DropzoneDescriptionProps = React.ComponentProps<'p'>;
-type DropzoneFileListProps = React.ComponentProps<'ol'>;
-type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {
-  file: DropzoneFileStatus<TUploadResult, TUploadError>;
-};
-type DropzoneFileMessageProps = React.ComponentProps<'p'>;
-type DropzoneMessageProps = React.ComponentProps<'p'>;
-type DropzoneRemoveFileProps = ButtonProps;
-type DropzoneRetryFileProps = ButtonProps;
-type DropzoneTriggerProps = ButtonProps;
-type InfiniteProgressProps = React.ComponentProps<'div'> & {
-  status: 'pending' | 'success' | 'error';
-};
-declare function useDropzone<TUploadResult, TUploadError = string>(props: UseDropzoneProps<TUploadResult, TUploadError>): UseDropzoneReturn<TUploadResult, TUploadError>;
-declare function Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>): React.JSX.Element;
-declare namespace Dropzone {
-  var displayName: string;
-}
-declare const DropzoneArea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropzoneDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const DropzoneFileList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const DropzoneFileListItem: React.ForwardRefExoticComponent<Omit<DropzoneFileListItemProps<unknown, unknown>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const DropzoneFileMessage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const DropzoneMessage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const DropzoneRemoveFile: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-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, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, ErrorCode, type FileError, FileStatus, InfiniteProgress, InfiniteProgressProps, UseDropzoneProps, UseDropzoneReturn, useDropzone };
-//# sourceMappingURL=dropzone.d.ts.map
+import { A as UseDropzoneReturn, C as DropzoneValidation, D as InfiniteProgress, E as FileStatus, O as InfiniteProgressProps, S as DropzoneUploadResult, T as FileError, _ as DropzoneRemoveFileProps, a as DropzoneDescriptionProps, b as DropzoneTrigger, c as DropzoneFileListItemProps, d as DropzoneFileMessageProps, f as DropzoneFileStatus, g as DropzoneRemoveFile, h as DropzoneProps, i as DropzoneDescription, j as useDropzone, k as UseDropzoneProps, l as DropzoneFileListProps, m as DropzoneMessageProps, n as DropzoneArea, o as DropzoneFileList, p as DropzoneMessage, r as DropzoneAreaProps, s as DropzoneFileListItem, t as Dropzone, u as DropzoneFileMessage, v as DropzoneRetryFile, w as ErrorCode, x as DropzoneTriggerProps, y as DropzoneRetryFileProps } from "../dropzone-43h3L9Ko.js";
+export { Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, ErrorCode, type FileError, FileStatus, InfiniteProgress, InfiniteProgressProps, UseDropzoneProps, UseDropzoneReturn, useDropzone };

package/dist/components/dropzone.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"react";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=a.createContext(null),f=a.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/(1024*1024)).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/(1024*1024)).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=a.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=a.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:r,onFileUploaded:i,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=a.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=a.useState(void 0),b=a.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=a.useReducer(fileStatusReducer,[]),C=a.useCallback(e=>`${h}-${e}-message`,[h]),w=a.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=a.useCallback(async(e,n,a=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&a<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,a+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,r)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),i?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,r)}),c?.(t)}},[f,t,d,c,i,r]),E=a.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=a.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=a.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 r(d.Provider,{value:t,children:e})}const p=a.forwardRef(({className:t,children:a,...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 i(`div`,{...d,ref:n(s,u),children:[r(`input`,{...f}),a]})}),m=a.forwardRef(({className:t,...n},i)=>r(`p`,{ref:i,id:useDropzoneContext().rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})),h=a.forwardRef(({className:t,...n},i)=>(useDropzoneContext(),r(`ol`,{ref:i,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=a.forwardRef(({className:t,file:n,children:i,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=a.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 r(f.Provider,{value:p,children:r(`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:i})})}),_=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return r(`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),...i,children:s})}),v=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return r(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...i,children:s})}),y=a.forwardRef(({className:n,onClick:i,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,i]);return r(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=a.forwardRef(({className:n,disabled:i,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=i||!f.canRetry,m=a.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return r(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=a.forwardRef(({className:n,onClick:i,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=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.open()},[d,i]);return r(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=a.forwardRef(({className:t,status:n,...i},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return r(`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),...i,children:r(`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};
-//# sourceMappingURL=dropzone.js.map
+import{a as e,c as t,d as n,f as r,i,l as a,n as o,o as s,p as c,r as l,s as u,t as d,u as f}from"../dropzone-BLZkZThJ.js";export{d as Dropzone,o as DropzoneArea,l as DropzoneDescription,i as DropzoneFileList,e as DropzoneFileListItem,s as DropzoneFileMessage,u as DropzoneMessage,t as DropzoneRemoveFile,a as DropzoneRetryFile,f as DropzoneTrigger,n as ErrorCode,r as InfiniteProgress,c as useDropzone};

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

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

package/dist/components/dropzone.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,c as t,f as n,i as r,l as i,n as a,o,p as s,r as c,s as l,t as u,u as d}from"../dropzone-BLZkZThJ.js";import{a as f,n as p,o as m,r as h}from"../react.esm-BkhVXJ8s.js";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{createRef as v}from"react";function defaultOnDropFile(e){return Promise.resolve({status:`success`,result:e.name})}function DropzoneHarness(n){let f=s(n);return _(u,{...f,children:[_(a,{"data-testid":`dropzone-area`,children:[g(d,{children:`Upload files`}),g(c,{children:`PNG files up to 5MB`})]}),g(l,{}),g(r,{children:f.fileStatuses.map(n=>_(e,{file:n,children:[g(`span`,{children:n.fileName}),g(o,{}),g(i,{children:`Retry`}),g(t,{children:`Remove`})]},n.id))})]})}function renderDropzone(e={}){return h(g(DropzoneHarness,{onDropFile:defaultOnDropFile,...e}))}function getFileInput(e){return e.querySelector(`input[type="file"]`)}describe(`Dropzone`,()=>{it(`renders the trigger, description, and a hidden file input wired to the dropzone`,()=>{let{container:e}=renderDropzone();expect(f.getByRole(`button`,{name:`Upload files`})).toBeTruthy(),expect(f.getByText(`PNG files up to 5MB`)).toBeTruthy();let t=getFileInput(e);expect(t).not.toBeNull(),expect(t.className).toContain(`sr-only`)}),it(`forwards the ref on DropzoneArea to the underlying DOM node`,()=>{let e=v();function Harness(){return g(u,{...s({onDropFile:defaultOnDropFile}),children:g(a,{ref:e,"data-testid":`dropzone-area`})})}h(g(Harness,{})),expect(e.current).toBeInstanceOf(HTMLDivElement),expect(e.current).toBe(f.getByTestId(`dropzone-area`))}),it(`throws when a Dropzone subcomponent is rendered outside a Dropzone provider`,()=>{expect(()=>h(g(a,{}))).toThrow(`Dropzone components must be used within a Dropzone.`)}),it(`throws when a file-item action is rendered outside a DropzoneFileListItem`,()=>{function Harness(){return g(u,{...s({onDropFile:defaultOnDropFile}),children:g(t,{})})}expect(()=>h(g(Harness,{}))).toThrow(`Dropzone file actions must be used within a DropzoneFileListItem.`)}),describe(`accepted files`,()=>{it(`adds an accepted file and reports success through onFileUploaded`,async()=>{let e=vi.fn(),{container:t}=renderDropzone({onFileUploaded:e}),n=getFileInput(t),r=new File([`content`],`photo.png`,{type:`image/png`});p.change(n,{target:{files:[r]}}),await f.findByText(`photo.png`),await m(()=>expect(e).toHaveBeenCalledWith(`photo.png`));let i=t.querySelector(`[data-slot="dropzone-file-item"]`);expect(i?.getAttribute(`data-status`)).toBe(`success`)})}),describe(`rejected files`,()=>{it(`rejects a file with an invalid type without crashing and surfaces the allowed types`,async()=>{let e=vi.fn(),{container:t}=renderDropzone({validation:{accept:{"image/png":[`.png`]}},onRootError:e}),n=getFileInput(t),r=new File([`not an image`],`notes.txt`,{type:`text/plain`});p.change(n,{target:{files:[r]}}),await m(()=>expect(e).toHaveBeenCalled()),expect(await f.findByText(/only \.png files are allowed/i)).toBeTruthy();let i=t.querySelector(`[data-slot="dropzone-area"]`);expect(i?.getAttribute(`aria-invalid`)).toBe(`true`)}),it(`rejects a file exceeding maxSize without crashing and surfaces the size limit`,async()=>{let e=vi.fn(),{container:t}=renderDropzone({validation:{maxSize:10},onRootError:e}),n=getFileInput(t),r=new File([new Uint8Array(1024)],`large.png`,{type:`image/png`});p.change(n,{target:{files:[r]}}),await m(()=>expect(e).toHaveBeenCalled()),expect(await f.findByText(/max size is 0\.00 MB/i)).toBeTruthy()})}),describe(`DropzoneTrigger`,()=>{it(`opens the native file picker when clicked`,()=>{let e=vi.spyOn(HTMLInputElement.prototype,`click`);renderDropzone(),p.click(f.getByRole(`button`,{name:`Upload files`})),expect(e).toHaveBeenCalled(),e.mockRestore()}),it(`does not open the file picker when the click is prevented`,()=>{let e=vi.spyOn(HTMLInputElement.prototype,`click`);function Harness(){return _(u,{...s({onDropFile:defaultOnDropFile}),children:[g(a,{}),g(d,{onClick:e=>e.preventDefault(),children:`Upload`})]})}h(g(Harness,{})),p.click(f.getByRole(`button`,{name:`Upload`})),expect(e).not.toHaveBeenCalled(),e.mockRestore()})}),describe(`DropzoneRetryFile and DropzoneRemoveFile`,()=>{it(`retries an errored upload and eventually reports success`,async()=>{let e=0,t=vi.fn(async t=>(e+=1,e===1?{status:`error`,error:`network-error`}:{status:`success`,result:t.name})),n=vi.fn(),{container:r}=renderDropzone({onDropFile:t,onFileUploaded:n}),i=getFileInput(r),a=new File([`data`],`report.pdf`,{type:`application/pdf`});p.change(i,{target:{files:[a]}}),await f.findByText(`report.pdf`),expect(await f.findByText(`network-error`)).toBeTruthy(),p.click(f.getByRole(`button`,{name:`Retry`})),await m(()=>{let e=r.querySelector(`[data-slot="dropzone-file-item"]`);expect(e?.getAttribute(`data-status`)).toBe(`success`)}),expect(n).toHaveBeenCalledWith(`report.pdf`),expect(f.getByRole(`button`,{name:`Retry`}).hasAttribute(`disabled`)).toBe(!0)}),it(`removes a file from the list when the remove button is clicked`,async()=>{let e=vi.fn(),{container:t}=renderDropzone({onRemoveFile:e}),n=getFileInput(t),r=new File([`data`],`image.png`,{type:`image/png`});p.change(n,{target:{files:[r]}}),await f.findByText(`image.png`),p.click(f.getByRole(`button`,{name:`Remove`})),await m(()=>expect(f.queryByText(`image.png`)).toBeNull()),expect(e).toHaveBeenCalledTimes(1)})}),describe(`InfiniteProgress`,()=>{it(`reflects the pending, error, and success statuses on the progressbar`,()=>{let{rerender:e}=h(g(n,{status:`pending`})),t=f.getByRole(`progressbar`);expect(t.getAttribute(`aria-valuetext`)).toBe(`indeterminate`),expect(t.getAttribute(`data-status`)).toBe(`pending`),e(g(n,{status:`error`})),expect(f.getByRole(`progressbar`).getAttribute(`aria-valuetext`)).toBe(`error`),e(g(n,{status:`success`})),expect(f.getByRole(`progressbar`).getAttribute(`aria-valuetext`)).toBe(`100%`)}),it(`forwards the ref to the progressbar element`,()=>{let e=v();h(g(n,{ref:e,status:`pending`})),expect(e.current).toBe(f.getByRole(`progressbar`))})})});
+//# sourceMappingURL=dropzone.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.spec.js","names":["waitFor"],"sources":["../../src/components/dropzone.spec.tsx"],"sourcesContent":["import { createRef } from 'react'\n\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react'\n\nimport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  InfiniteProgress,\n  type UseDropzoneProps,\n  useDropzone\n} from './dropzone'\n\ntype HarnessResult = string\ntype HarnessError = string\n\nfunction defaultOnDropFile(file: File) {\n  return Promise.resolve({ status: 'success' as const, result: file.name })\n}\n\nfunction DropzoneHarness(props: UseDropzoneProps<HarnessResult, HarnessError>) {\n  const dropzone = useDropzone<HarnessResult, HarnessError>(props)\n\n  return (\n    <Dropzone {...dropzone}>\n      <DropzoneArea data-testid=\"dropzone-area\">\n        <DropzoneTrigger>Upload files</DropzoneTrigger>\n        <DropzoneDescription>PNG files up to 5MB</DropzoneDescription>\n      </DropzoneArea>\n      <DropzoneMessage />\n      <DropzoneFileList>\n        {dropzone.fileStatuses.map((file) => (\n          <DropzoneFileListItem key={file.id} file={file}>\n            <span>{file.fileName}</span>\n            <DropzoneFileMessage />\n            <DropzoneRetryFile>Retry</DropzoneRetryFile>\n            <DropzoneRemoveFile>Remove</DropzoneRemoveFile>\n          </DropzoneFileListItem>\n        ))}\n      </DropzoneFileList>\n    </Dropzone>\n  )\n}\n\nfunction renderDropzone(props: Partial<UseDropzoneProps<HarnessResult, HarnessError>> = {}) {\n  return render(<DropzoneHarness onDropFile={defaultOnDropFile} {...props} />)\n}\n\nfunction getFileInput(container: HTMLElement) {\n  return container.querySelector('input[type=\"file\"]') as HTMLInputElement\n}\n\ndescribe('Dropzone', () => {\n  it('renders the trigger, description, and a hidden file input wired to the dropzone', () => {\n    const { container } = renderDropzone()\n\n    expect(screen.getByRole('button', { name: 'Upload files' })).toBeTruthy()\n    expect(screen.getByText('PNG files up to 5MB')).toBeTruthy()\n\n    const input = getFileInput(container)\n    expect(input).not.toBeNull()\n    expect(input.className).toContain('sr-only')\n  })\n\n  it('forwards the ref on DropzoneArea to the underlying DOM node', () => {\n    const ref = createRef<HTMLDivElement>()\n\n    function Harness() {\n      const dropzone = useDropzone<HarnessResult, HarnessError>({ onDropFile: defaultOnDropFile })\n      return (\n        <Dropzone {...dropzone}>\n          <DropzoneArea ref={ref} data-testid=\"dropzone-area\" />\n        </Dropzone>\n      )\n    }\n\n    render(<Harness />)\n\n    expect(ref.current).toBeInstanceOf(HTMLDivElement)\n    expect(ref.current).toBe(screen.getByTestId('dropzone-area'))\n  })\n\n  it('throws when a Dropzone subcomponent is rendered outside a Dropzone provider', () => {\n    expect(() => render(<DropzoneArea />)).toThrow('Dropzone components must be used within a Dropzone.')\n  })\n\n  it('throws when a file-item action is rendered outside a DropzoneFileListItem', () => {\n    function Harness() {\n      const dropzone = useDropzone<HarnessResult, HarnessError>({ onDropFile: defaultOnDropFile })\n      return (\n        <Dropzone {...dropzone}>\n          <DropzoneRemoveFile />\n        </Dropzone>\n      )\n    }\n\n    expect(() => render(<Harness />)).toThrow('Dropzone file actions must be used within a DropzoneFileListItem.')\n  })\n\n  describe('accepted files', () => {\n    it('adds an accepted file and reports success through onFileUploaded', async () => {\n      const onFileUploaded = vi.fn()\n      const { container } = renderDropzone({ onFileUploaded })\n\n      const input = getFileInput(container)\n      const file = new File(['content'], 'photo.png', { type: 'image/png' })\n\n      fireEvent.change(input, { target: { files: [file] } })\n\n      await screen.findByText('photo.png')\n\n      await waitFor(() => expect(onFileUploaded).toHaveBeenCalledWith('photo.png'))\n\n      const fileItem = container.querySelector('[data-slot=\"dropzone-file-item\"]')\n      expect(fileItem?.getAttribute('data-status')).toBe('success')\n    })\n  })\n\n  describe('rejected files', () => {\n    it('rejects a file with an invalid type without crashing and surfaces the allowed types', async () => {\n      const onRootError = vi.fn()\n      const { container } = renderDropzone({\n        validation: { accept: { 'image/png': ['.png'] } },\n        onRootError\n      })\n\n      const input = getFileInput(container)\n      const invalidFile = new File(['not an image'], 'notes.txt', { type: 'text/plain' })\n\n      fireEvent.change(input, { target: { files: [invalidFile] } })\n\n      await waitFor(() => expect(onRootError).toHaveBeenCalled())\n      expect(await screen.findByText(/only \\.png files are allowed/i)).toBeTruthy()\n\n      const area = container.querySelector('[data-slot=\"dropzone-area\"]')\n      expect(area?.getAttribute('aria-invalid')).toBe('true')\n    })\n\n    it('rejects a file exceeding maxSize without crashing and surfaces the size limit', async () => {\n      const onRootError = vi.fn()\n      const { container } = renderDropzone({\n        validation: { maxSize: 10 },\n        onRootError\n      })\n\n      const input = getFileInput(container)\n      const largeFile = new File([new Uint8Array(1024)], 'large.png', { type: 'image/png' })\n\n      fireEvent.change(input, { target: { files: [largeFile] } })\n\n      await waitFor(() => expect(onRootError).toHaveBeenCalled())\n      expect(await screen.findByText(/max size is 0\\.00 MB/i)).toBeTruthy()\n    })\n  })\n\n  describe('DropzoneTrigger', () => {\n    it('opens the native file picker when clicked', () => {\n      const clickSpy = vi.spyOn(HTMLInputElement.prototype, 'click')\n      renderDropzone()\n\n      fireEvent.click(screen.getByRole('button', { name: 'Upload files' }))\n\n      expect(clickSpy).toHaveBeenCalled()\n      clickSpy.mockRestore()\n    })\n\n    it('does not open the file picker when the click is prevented', () => {\n      const clickSpy = vi.spyOn(HTMLInputElement.prototype, 'click')\n\n      function Harness() {\n        const dropzone = useDropzone<HarnessResult, HarnessError>({ onDropFile: defaultOnDropFile })\n        return (\n          <Dropzone {...dropzone}>\n            <DropzoneArea />\n            <DropzoneTrigger onClick={(event) => event.preventDefault()}>Upload</DropzoneTrigger>\n          </Dropzone>\n        )\n      }\n\n      render(<Harness />)\n      fireEvent.click(screen.getByRole('button', { name: 'Upload' }))\n\n      expect(clickSpy).not.toHaveBeenCalled()\n      clickSpy.mockRestore()\n    })\n  })\n\n  describe('DropzoneRetryFile and DropzoneRemoveFile', () => {\n    it('retries an errored upload and eventually reports success', async () => {\n      let callCount = 0\n      const onDropFile = vi.fn(async (file: File) => {\n        callCount += 1\n        if (callCount === 1) {\n          return { status: 'error' as const, error: 'network-error' }\n        }\n        return { status: 'success' as const, result: file.name }\n      })\n      const onFileUploaded = vi.fn()\n\n      const { container } = renderDropzone({ onDropFile, onFileUploaded })\n      const input = getFileInput(container)\n      const file = new File(['data'], 'report.pdf', { type: 'application/pdf' })\n\n      fireEvent.change(input, { target: { files: [file] } })\n\n      await screen.findByText('report.pdf')\n      expect(await screen.findByText('network-error')).toBeTruthy()\n\n      fireEvent.click(screen.getByRole('button', { name: 'Retry' }))\n\n      await waitFor(() => {\n        const fileItem = container.querySelector('[data-slot=\"dropzone-file-item\"]')\n        expect(fileItem?.getAttribute('data-status')).toBe('success')\n      })\n\n      expect(onFileUploaded).toHaveBeenCalledWith('report.pdf')\n      expect(screen.getByRole('button', { name: 'Retry' }).hasAttribute('disabled')).toBe(true)\n    })\n\n    it('removes a file from the list when the remove button is clicked', async () => {\n      const onRemoveFile = vi.fn()\n      const { container } = renderDropzone({ onRemoveFile })\n\n      const input = getFileInput(container)\n      const file = new File(['data'], 'image.png', { type: 'image/png' })\n\n      fireEvent.change(input, { target: { files: [file] } })\n      await screen.findByText('image.png')\n\n      fireEvent.click(screen.getByRole('button', { name: 'Remove' }))\n\n      await waitFor(() => expect(screen.queryByText('image.png')).toBeNull())\n      expect(onRemoveFile).toHaveBeenCalledTimes(1)\n    })\n  })\n\n  describe('InfiniteProgress', () => {\n    it('reflects the pending, error, and success statuses on the progressbar', () => {\n      const { rerender } = render(<InfiniteProgress status=\"pending\" />)\n\n      const progress = screen.getByRole('progressbar')\n      expect(progress.getAttribute('aria-valuetext')).toBe('indeterminate')\n      expect(progress.getAttribute('data-status')).toBe('pending')\n\n      rerender(<InfiniteProgress status=\"error\" />)\n      expect(screen.getByRole('progressbar').getAttribute('aria-valuetext')).toBe('error')\n\n      rerender(<InfiniteProgress status=\"success\" />)\n      expect(screen.getByRole('progressbar').getAttribute('aria-valuetext')).toBe('100%')\n    })\n\n    it('forwards the ref to the progressbar element', () => {\n      const ref = createRef<HTMLDivElement>()\n      render(<InfiniteProgress ref={ref} status=\"pending\" />)\n\n      expect(ref.current).toBe(screen.getByRole('progressbar'))\n    })\n  })\n})\n"],"mappings":"kTAuBA,SAAS,kBAAkB,EAAY,CACrC,OAAO,QAAQ,QAAQ,CAAE,OAAQ,UAAoB,OAAQ,EAAK,IAAK,CAAC,CAC1E,CAEA,SAAS,gBAAgB,EAAsD,CAC7E,IAAM,EAAW,EAAyC,CAAK,EAE/D,OACE,EAAC,EAAD,CAAU,GAAI,EAAd,SAAA,CACE,EAAC,EAAD,CAAc,cAAY,gBAA1B,SAAA,CACE,EAAC,EAAD,CAAA,SAAiB,cAA6B,CAAA,EAC9C,EAAC,EAAD,CAAA,SAAqB,qBAAwC,CAAA,CACjD,IACd,EAAC,EAAD,CAAkB,CAAA,EAClB,EAAC,EAAD,CAAA,SACG,EAAS,aAAa,IAAK,GAC1B,EAAC,EAAD,CAA0C,OAA1C,SAAA,CACE,EAAC,OAAD,CAAA,SAAO,EAAK,QAAe,CAAA,EAC3B,EAAC,EAAD,CAAsB,CAAA,EACtB,EAAC,EAAD,CAAA,SAAmB,OAAwB,CAAA,EAC3C,EAAC,EAAD,CAAA,SAAoB,QAA0B,CAAA,CAC1B,CALK,EAAA,EAAK,EAKV,CACvB,CACe,CAAA,CACV,GAEd,CAEA,SAAS,eAAe,EAAgE,CAAC,EAAG,CAC1F,OAAO,EAAO,EAAC,gBAAD,CAAiB,WAAY,kBAAmB,GAAI,CAAQ,CAAA,CAAC,CAC7E,CAEA,SAAS,aAAa,EAAwB,CAC5C,OAAO,EAAU,cAAc,oBAAoB,CACrD,CAEA,SAAS,eAAkB,CACzB,GAAG,sFAAyF,CAC1F,GAAM,CAAE,aAAc,eAAe,EAErC,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,cAAe,CAAC,CAAC,CAAC,CAAC,WAAW,EACxE,OAAO,EAAO,UAAU,qBAAqB,CAAC,CAAC,CAAC,WAAW,EAE3D,IAAM,EAAQ,aAAa,CAAS,EACpC,OAAO,CAAK,CAAC,CAAC,IAAI,SAAS,EAC3B,OAAO,EAAM,SAAS,CAAC,CAAC,UAAU,SAAS,CAC7C,CAAC,EAED,GAAG,kEAAqE,CACtE,IAAM,EAAM,EAA0B,EAEtC,SAAS,SAAU,CAEjB,OACE,EAAC,EAAD,CAAU,GAFK,EAAyC,CAAE,WAAY,iBAAkB,CAEnE,EACnB,SAAA,EAAC,EAAD,CAAmB,MAAK,cAAY,eAAiB,CAAA,CAC7C,CAAA,CAEd,CAEA,EAAO,EAAC,QAAD,CAAU,CAAA,CAAC,EAElB,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,cAAc,EACjD,OAAO,EAAI,OAAO,CAAC,CAAC,KAAK,EAAO,YAAY,eAAe,CAAC,CAC9D,CAAC,EAED,GAAG,kFAAqF,CACtF,WAAa,EAAO,EAAC,EAAD,CAAe,CAAA,CAAC,CAAC,CAAC,CAAC,QAAQ,qDAAqD,CACtG,CAAC,EAED,GAAG,gFAAmF,CACpF,SAAS,SAAU,CAEjB,OACE,EAAC,EAAD,CAAU,GAFK,EAAyC,CAAE,WAAY,iBAAkB,CAEnE,EACnB,SAAA,EAAC,EAAD,CAAqB,CAAA,CACb,CAAA,CAEd,CAEA,WAAa,EAAO,EAAC,QAAD,CAAU,CAAA,CAAC,CAAC,CAAC,CAAC,QAAQ,mEAAmE,CAC/G,CAAC,EAED,SAAS,qBAAwB,CAC/B,GAAG,mEAAoE,SAAY,CACjF,IAAM,EAAiB,GAAG,GAAG,EACvB,CAAE,aAAc,eAAe,CAAE,gBAAe,CAAC,EAEjD,EAAQ,aAAa,CAAS,EAC9B,EAAO,IAAI,KAAK,CAAC,SAAS,EAAG,YAAa,CAAE,KAAM,WAAY,CAAC,EAErE,EAAU,OAAO,EAAO,CAAE,OAAQ,CAAE,MAAO,CAAC,CAAI,CAAE,CAAE,CAAC,EAErD,MAAM,EAAO,WAAW,WAAW,EAEnC,MAAMA,MAAc,OAAO,CAAc,CAAC,CAAC,qBAAqB,WAAW,CAAC,EAE5E,IAAM,EAAW,EAAU,cAAc,kCAAkC,EAC3E,OAAO,GAAU,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAC9D,CAAC,CACH,CAAC,EAED,SAAS,qBAAwB,CAC/B,GAAG,sFAAuF,SAAY,CACpG,IAAM,EAAc,GAAG,GAAG,EACpB,CAAE,aAAc,eAAe,CACnC,WAAY,CAAE,OAAQ,CAAE,YAAa,CAAC,MAAM,CAAE,CAAE,EAChD,aACF,CAAC,EAEK,EAAQ,aAAa,CAAS,EAC9B,EAAc,IAAI,KAAK,CAAC,cAAc,EAAG,YAAa,CAAE,KAAM,YAAa,CAAC,EAElF,EAAU,OAAO,EAAO,CAAE,OAAQ,CAAE,MAAO,CAAC,CAAW,CAAE,CAAE,CAAC,EAE5D,MAAMA,MAAc,OAAO,CAAW,CAAC,CAAC,iBAAiB,CAAC,EAC1D,OAAO,MAAM,EAAO,WAAW,+BAA+B,CAAC,CAAC,CAAC,WAAW,EAE5E,IAAM,EAAO,EAAU,cAAc,6BAA6B,EAClE,OAAO,GAAM,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,MAAM,CACxD,CAAC,EAED,GAAG,gFAAiF,SAAY,CAC9F,IAAM,EAAc,GAAG,GAAG,EACpB,CAAE,aAAc,eAAe,CACnC,WAAY,CAAE,QAAS,EAAG,EAC1B,aACF,CAAC,EAEK,EAAQ,aAAa,CAAS,EAC9B,EAAY,IAAI,KAAK,CAAC,IAAI,WAAW,IAAI,CAAC,EAAG,YAAa,CAAE,KAAM,WAAY,CAAC,EAErF,EAAU,OAAO,EAAO,CAAE,OAAQ,CAAE,MAAO,CAAC,CAAS,CAAE,CAAE,CAAC,EAE1D,MAAMA,MAAc,OAAO,CAAW,CAAC,CAAC,iBAAiB,CAAC,EAC1D,OAAO,MAAM,EAAO,WAAW,uBAAuB,CAAC,CAAC,CAAC,WAAW,CACtE,CAAC,CACH,CAAC,EAED,SAAS,sBAAyB,CAChC,GAAG,gDAAmD,CACpD,IAAM,EAAW,GAAG,MAAM,iBAAiB,UAAW,OAAO,EAC7D,eAAe,EAEf,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,cAAe,CAAC,CAAC,EAEpE,OAAO,CAAQ,CAAC,CAAC,iBAAiB,EAClC,EAAS,YAAY,CACvB,CAAC,EAED,GAAG,gEAAmE,CACpE,IAAM,EAAW,GAAG,MAAM,iBAAiB,UAAW,OAAO,EAE7D,SAAS,SAAU,CAEjB,OACE,EAAC,EAAD,CAAU,GAFK,EAAyC,CAAE,WAAY,iBAAkB,CAEnE,EAArB,SAAA,CACE,EAAC,EAAD,CAAe,CAAA,EACf,EAAC,EAAD,CAAiB,QAAU,GAAU,EAAM,eAAe,EAAG,SAAA,QAAuB,CAAA,CAC5E,GAEd,CAEA,EAAO,EAAC,QAAD,CAAU,CAAA,CAAC,EAClB,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,QAAS,CAAC,CAAC,EAE9D,OAAO,CAAQ,CAAC,CAAC,IAAI,iBAAiB,EACtC,EAAS,YAAY,CACvB,CAAC,CACH,CAAC,EAED,SAAS,+CAAkD,CACzD,GAAG,2DAA4D,SAAY,CACzE,IAAI,EAAY,EACV,EAAa,GAAG,GAAG,KAAO,KAC9B,GAAa,EACT,IAAc,EACT,CAAE,OAAQ,QAAkB,MAAO,eAAgB,EAErD,CAAE,OAAQ,UAAoB,OAAQ,EAAK,IAAK,EACxD,EACK,EAAiB,GAAG,GAAG,EAEvB,CAAE,aAAc,eAAe,CAAE,aAAY,gBAAe,CAAC,EAC7D,EAAQ,aAAa,CAAS,EAC9B,EAAO,IAAI,KAAK,CAAC,MAAM,EAAG,aAAc,CAAE,KAAM,iBAAkB,CAAC,EAEzE,EAAU,OAAO,EAAO,CAAE,OAAQ,CAAE,MAAO,CAAC,CAAI,CAAE,CAAE,CAAC,EAErD,MAAM,EAAO,WAAW,YAAY,EACpC,OAAO,MAAM,EAAO,WAAW,eAAe,CAAC,CAAC,CAAC,WAAW,EAE5D,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,OAAQ,CAAC,CAAC,EAE7D,MAAMA,MAAc,CAClB,IAAM,EAAW,EAAU,cAAc,kCAAkC,EAC3E,OAAO,GAAU,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAC9D,CAAC,EAED,OAAO,CAAc,CAAC,CAAC,qBAAqB,YAAY,EACxD,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,OAAQ,CAAC,CAAC,CAAC,aAAa,UAAU,CAAC,CAAC,CAAC,KAAK,EAAI,CAC1F,CAAC,EAED,GAAG,iEAAkE,SAAY,CAC/E,IAAM,EAAe,GAAG,GAAG,EACrB,CAAE,aAAc,eAAe,CAAE,cAAa,CAAC,EAE/C,EAAQ,aAAa,CAAS,EAC9B,EAAO,IAAI,KAAK,CAAC,MAAM,EAAG,YAAa,CAAE,KAAM,WAAY,CAAC,EAElE,EAAU,OAAO,EAAO,CAAE,OAAQ,CAAE,MAAO,CAAC,CAAI,CAAE,CAAE,CAAC,EACrD,MAAM,EAAO,WAAW,WAAW,EAEnC,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,QAAS,CAAC,CAAC,EAE9D,MAAMA,MAAc,OAAO,EAAO,YAAY,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,EACtE,OAAO,CAAY,CAAC,CAAC,sBAAsB,CAAC,CAC9C,CAAC,CACH,CAAC,EAED,SAAS,uBAA0B,CACjC,GAAG,2EAA8E,CAC/E,GAAM,CAAE,YAAa,EAAO,EAAC,EAAD,CAAkB,OAAO,SAAW,CAAA,CAAC,EAE3D,EAAW,EAAO,UAAU,aAAa,EAC/C,OAAO,EAAS,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,eAAe,EACpE,OAAO,EAAS,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,EAE3D,EAAS,EAAC,EAAD,CAAkB,OAAO,OAAS,CAAA,CAAC,EAC5C,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,EAEnF,EAAS,EAAC,EAAD,CAAkB,OAAO,SAAW,CAAA,CAAC,EAC9C,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,MAAM,CACpF,CAAC,EAED,GAAG,kDAAqD,CACtD,IAAM,EAAM,EAA0B,EACtC,EAAO,EAAC,EAAD,CAAuB,MAAK,OAAO,SAAW,CAAA,CAAC,EAEtD,OAAO,EAAI,OAAO,CAAC,CAAC,KAAK,EAAO,UAAU,aAAa,CAAC,CAC1D,CAAC,CACH,CAAC,CACH,CAAC"}

package/dist/components/empty.d.ts

@@ -1,21 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { VariantProps } from "class-variance-authority";
-//#region src/components/empty.d.ts
-type EmptyProps = React.ComponentProps<'div'>;
-type EmptyHeaderProps = React.ComponentProps<'div'>;
-type EmptyMediaProps = React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>;
-type EmptyTitleProps = React.ComponentProps<'div'>;
-type EmptyDescriptionProps = React.ComponentProps<'p'>;
-type EmptyContentProps = React.ComponentProps<'div'>;
-declare function Empty({ className, ...props }: EmptyProps): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): import("react").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: EmptyTitleProps): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: EmptyContentProps): import("react").JSX.Element;
-//#endregion
-export { Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps };
-//# sourceMappingURL=empty.d.ts.map
+import { a as EmptyDescriptionProps, c as EmptyMedia, d as EmptyTitle, f as EmptyTitleProps, i as EmptyDescription, l as EmptyMediaProps, n as EmptyContent, o as EmptyHeader, r as EmptyContentProps, s as EmptyHeaderProps, t as Empty, u as EmptyProps } from "../empty-D8ZiTCVK.js";
+export { Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps };

package/dist/components/empty.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";function Empty({className:n,...r}){return t(`div`,{"data-slot":`empty`,className:e(`gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,n),...r})}function EmptyHeader({className:n,...r}){return t(`div`,{"data-slot":`empty-header`,className:e(`gap-2 flex max-w-sm flex-col items-center`,n),...r})}const r=n(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4`}},defaultVariants:{variant:`default`}});function EmptyMedia({className:n,variant:i=`default`,...a}){return t(`div`,{"data-slot":`empty-icon`,"data-variant":i,className:e(r({variant:i,className:n})),...a})}function EmptyTitle({className:n,...r}){return t(`div`,{"data-slot":`empty-title`,className:e(`text-sm font-medium tracking-tight`,n),...r})}function EmptyDescription({className:n,...r}){return t(`div`,{"data-slot":`empty-description`,className:e(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,n),...r})}function EmptyContent({className:n,...r}){return t(`div`,{"data-slot":`empty-content`,className:e(`gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,n),...r})}export{Empty,EmptyContent,EmptyDescription,EmptyHeader,EmptyMedia,EmptyTitle};
-//# sourceMappingURL=empty.js.map
+import{a as e,i as t,n,o as r,r as i,t as a}from"../empty-BhKsDYZ5.js";export{a as Empty,n as EmptyContent,i as EmptyDescription,t as EmptyHeader,e as EmptyMedia,r as EmptyTitle};

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

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

package/dist/components/empty.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,i as t,n,o as r,r as i,t as a}from"../empty-BhKsDYZ5.js";import{a as o,r as s}from"../react.esm-BkhVXJ8s.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";describe(`Empty`,()=>{it(`renders the root container with its data-slot and base classes`,()=>{let{container:e}=s(c(a,{children:`No results`})),t=e.querySelector(`[data-slot="empty"]`);expect(t).not.toBeNull(),expect(t?.className).toContain(`flex`),expect(t?.className).toContain(`rounded-xl`),expect(t?.textContent).toBe(`No results`)}),it(`renders EmptyHeader with its data-slot`,()=>{let{container:e}=s(c(t,{children:`Header`})),n=e.querySelector(`[data-slot="empty-header"]`);expect(n).not.toBeNull(),expect(n?.className).toContain(`flex-col`)}),it(`renders EmptyMedia with the default variant`,()=>{let{container:t}=s(c(e,{children:`icon`})),n=t.querySelector(`[data-slot="empty-icon"]`);expect(n?.getAttribute(`data-variant`)).toBe(`default`),expect(n?.className).toContain(`bg-transparent`)}),it(`renders EmptyMedia with the icon variant classes`,()=>{let{container:t}=s(c(e,{variant:`icon`,children:`icon`})),n=t.querySelector(`[data-slot="empty-icon"]`);expect(n?.getAttribute(`data-variant`)).toBe(`icon`),expect(n?.className).toContain(`bg-muted`),expect(n?.className).toContain(`rounded-lg`)}),it(`renders EmptyTitle with its data-slot`,()=>{s(c(r,{children:`Nothing here`}));let e=o.getByText(`Nothing here`);expect(e.getAttribute(`data-slot`)).toBe(`empty-title`),expect(e.className).toContain(`font-medium`)}),it(`renders EmptyDescription with its data-slot`,()=>{s(c(i,{children:`Try adjusting your filters`}));let e=o.getByText(`Try adjusting your filters`);expect(e.getAttribute(`data-slot`)).toBe(`empty-description`),expect(e.className).toContain(`text-muted-foreground`)}),it(`renders EmptyContent with its data-slot`,()=>{let{container:e}=s(c(n,{children:c(`button`,{type:`button`,children:`Retry`})})),t=e.querySelector(`[data-slot="empty-content"]`);expect(t).not.toBeNull(),expect(o.getByRole(`button`,{name:`Retry`})).not.toBeNull()}),it(`composes a full empty state with header, media, title, description and content`,()=>{let{container:u}=s(l(a,{children:[l(t,{children:[c(e,{variant:`icon`,children:`*`}),c(r,{children:`No projects`}),c(i,{children:`Create your first project to get started`})]}),c(n,{children:c(`button`,{type:`button`,children:`Create project`})})]})),d=u.querySelector(`[data-slot="empty"]`);expect(d?.querySelector(`[data-slot="empty-header"]`)).not.toBeNull(),expect(d?.querySelector(`[data-slot="empty-icon"]`)).not.toBeNull(),expect(o.getByText(`No projects`)).not.toBeNull(),expect(o.getByText(`Create your first project to get started`)).not.toBeNull(),expect(d?.querySelector(`[data-slot="empty-content"]`)).not.toBeNull()}),it(`merges custom className with the base classes`,()=>{let{container:e}=s(c(a,{className:`my-custom-class`,children:`Content`})),t=e.querySelector(`[data-slot="empty"]`);expect(t?.className).toContain(`my-custom-class`),expect(t?.className).toContain(`flex`)})});
+//# sourceMappingURL=empty.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.spec.js","names":[],"sources":["../../src/components/empty.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './empty'\n\ndescribe('Empty', () => {\n  it('renders the root container with its data-slot and base classes', () => {\n    const { container } = render(<Empty>No results</Empty>)\n\n    const empty = container.querySelector('[data-slot=\"empty\"]')\n    expect(empty).not.toBeNull()\n    expect(empty?.className).toContain('flex')\n    expect(empty?.className).toContain('rounded-xl')\n    expect(empty?.textContent).toBe('No results')\n  })\n\n  it('renders EmptyHeader with its data-slot', () => {\n    const { container } = render(<EmptyHeader>Header</EmptyHeader>)\n    const header = container.querySelector('[data-slot=\"empty-header\"]')\n\n    expect(header).not.toBeNull()\n    expect(header?.className).toContain('flex-col')\n  })\n\n  it('renders EmptyMedia with the default variant', () => {\n    const { container } = render(<EmptyMedia>icon</EmptyMedia>)\n    const media = container.querySelector('[data-slot=\"empty-icon\"]')\n\n    expect(media?.getAttribute('data-variant')).toBe('default')\n    expect(media?.className).toContain('bg-transparent')\n  })\n\n  it('renders EmptyMedia with the icon variant classes', () => {\n    const { container } = render(<EmptyMedia variant=\"icon\">icon</EmptyMedia>)\n    const media = container.querySelector('[data-slot=\"empty-icon\"]')\n\n    expect(media?.getAttribute('data-variant')).toBe('icon')\n    expect(media?.className).toContain('bg-muted')\n    expect(media?.className).toContain('rounded-lg')\n  })\n\n  it('renders EmptyTitle with its data-slot', () => {\n    render(<EmptyTitle>Nothing here</EmptyTitle>)\n    const title = screen.getByText('Nothing here')\n\n    expect(title.getAttribute('data-slot')).toBe('empty-title')\n    expect(title.className).toContain('font-medium')\n  })\n\n  it('renders EmptyDescription with its data-slot', () => {\n    render(<EmptyDescription>Try adjusting your filters</EmptyDescription>)\n    const description = screen.getByText('Try adjusting your filters')\n\n    expect(description.getAttribute('data-slot')).toBe('empty-description')\n    expect(description.className).toContain('text-muted-foreground')\n  })\n\n  it('renders EmptyContent with its data-slot', () => {\n    const { container } = render(\n      <EmptyContent>\n        <button type=\"button\">Retry</button>\n      </EmptyContent>\n    )\n    const content = container.querySelector('[data-slot=\"empty-content\"]')\n\n    expect(content).not.toBeNull()\n    expect(screen.getByRole('button', { name: 'Retry' })).not.toBeNull()\n  })\n\n  it('composes a full empty state with header, media, title, description and content', () => {\n    const { container } = render(\n      <Empty>\n        <EmptyHeader>\n          <EmptyMedia variant=\"icon\">*</EmptyMedia>\n          <EmptyTitle>No projects</EmptyTitle>\n          <EmptyDescription>Create your first project to get started</EmptyDescription>\n        </EmptyHeader>\n        <EmptyContent>\n          <button type=\"button\">Create project</button>\n        </EmptyContent>\n      </Empty>\n    )\n\n    const root = container.querySelector('[data-slot=\"empty\"]')\n    expect(root?.querySelector('[data-slot=\"empty-header\"]')).not.toBeNull()\n    expect(root?.querySelector('[data-slot=\"empty-icon\"]')).not.toBeNull()\n    expect(screen.getByText('No projects')).not.toBeNull()\n    expect(screen.getByText('Create your first project to get started')).not.toBeNull()\n    expect(root?.querySelector('[data-slot=\"empty-content\"]')).not.toBeNull()\n  })\n\n  it('merges custom className with the base classes', () => {\n    const { container } = render(<Empty className=\"my-custom-class\">Content</Empty>)\n    const empty = container.querySelector('[data-slot=\"empty\"]')\n\n    expect(empty?.className).toContain('my-custom-class')\n    expect(empty?.className).toContain('flex')\n  })\n})\n"],"mappings":"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"}

package/dist/components/field.d.ts

@@ -1,39 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Label } from "./label.js";
-import { VariantProps } from "class-variance-authority";
-//#region src/components/field.d.ts
-type FieldSetProps = React.ComponentProps<'fieldset'>;
-type FieldLegendProps = React.ComponentProps<'legend'> & {
-  variant?: 'legend' | 'label';
-};
-type FieldGroupProps = React.ComponentProps<'div'>;
-type FieldContentProps = React.ComponentProps<'div'>;
-type FieldLabelProps = React.ComponentProps<typeof Label>;
-type FieldTitleProps = React.ComponentProps<'div'>;
-type FieldDescriptionProps = React.ComponentProps<'p'>;
-type FieldSeparatorProps = React.ComponentProps<'div'> & {
-  children?: React.ReactNode;
-};
-type FieldErrorProps = React.ComponentProps<'div'> & {
-  errors?: Array<{
-    message?: string;
-  } | undefined>;
-};
-declare function useFieldControlId(id?: string): string | undefined;
-declare function FieldSet({ className, ...props }: FieldSetProps): import("react").JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): import("react").JSX.Element;
-declare function FieldGroup({ className, ...props }: FieldGroupProps): import("react").JSX.Element;
-declare const fieldVariants: (props?: ({
-  orientation?: "horizontal" | "responsive" | "vertical" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
-declare function Field({ className, orientation, ...props }: FieldProps): import("react").JSX.Element;
-declare function FieldContent({ className, ...props }: FieldContentProps): import("react").JSX.Element;
-declare function FieldLabel({ className, htmlFor, ...props }: FieldLabelProps): import("react").JSX.Element;
-declare function FieldTitle({ className, ...props }: FieldTitleProps): import("react").JSX.Element;
-declare function FieldDescription({ className, ...props }: FieldDescriptionProps): import("react").JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): import("react").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): import("react").JSX.Element | null;
-//#endregion
-export { Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, useFieldControlId };
-//# sourceMappingURL=field.d.ts.map
+import { _ as FieldSet, a as FieldDescriptionProps, b as FieldTitleProps, c as FieldGroup, d as FieldLabelProps, f as FieldLegend, g as FieldSeparatorProps, h as FieldSeparator, i as FieldDescription, l as FieldGroupProps, m as FieldProps, n as FieldContent, o as FieldError, p as FieldLegendProps, r as FieldContentProps, s as FieldErrorProps, t as Field, u as FieldLabel, v as FieldSetProps, x as useFieldControlId, y as FieldTitle } from "../field-C209yHO9.js";
+export { Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, useFieldControlId };