@uselets/ui 1.16.0 → 1.17.0

package/dist/components/scroll-area.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{ScrollArea as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function ScrollArea({className:i,children:a,...o}){return r(t.Root,{"data-slot":`scroll-area`,className:e(`relative`,i),...o,children:[n(t.Viewport,{"data-slot":`scroll-area-viewport`,className:e(`size-full rounded-[inherit] transition-[color,box-shadow] outline-none`,`focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1`),children:a}),n(ScrollBar,{}),n(t.Corner,{})]})}function ScrollBar({className:r,orientation:i=`vertical`,...a}){return n(t.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,"data-orientation":i,orientation:i,className:e(`flex touch-none p-px transition-colors select-none`,`data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent`,`data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent`,r),...a,children:n(t.ScrollAreaThumb,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-border`})})}export{ScrollArea,ScrollBar};
-//# sourceMappingURL=scroll-area.js.map
+import{n as e,t}from"../scroll-area-DKS4QPHg.js";export{t as ScrollArea,e as ScrollBar};

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

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

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

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{n as e,t}from"../scroll-area-DKS4QPHg.js";import{a as n,r}from"../react.esm-BkhVXJ8s.js";import{ScrollArea as i}from"radix-ui";import{jsx as a,jsxs as o}from"react/jsx-runtime";var ResizeObserverStub=class{observe(){}unobserve(){}disconnect(){}};globalThis.ResizeObserver=globalThis.ResizeObserver??ResizeObserverStub,describe(`ScrollArea`,()=>{it(`renders the root and viewport with their data-slots and the given children`,()=>{let{container:e}=r(a(t,{children:a(`div`,{children:`Scrollable content`})}));expect(e.querySelector(`[data-slot="scroll-area"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="scroll-area-viewport"]`)).not.toBeNull(),expect(n.getByText(`Scrollable content`)).not.toBeNull()}),it(`renders a vertical scrollbar with its orientation classes once visible`,()=>{let{container:e}=r(a(t,{type:`always`,children:a(`div`,{children:`Scrollable content`})})),n=e.querySelector(`[data-slot="scroll-area-scrollbar"]`);expect(n?.getAttribute(`data-orientation`)).toBe(`vertical`),expect(n?.className).toContain(`data-vertical:w-2.5`)}),it(`merges a custom className on the root`,()=>{let{container:e}=r(a(t,{className:`custom-class`,children:`content`}));expect(e.querySelector(`[data-slot="scroll-area"]`)?.className).toContain(`custom-class`)}),it(`renders a standalone ScrollBar with the requested orientation`,()=>{let{container:t}=r(o(i.Root,{type:`always`,children:[a(i.Viewport,{children:`content`}),a(e,{orientation:`horizontal`})]})),n=t.querySelector(`[data-slot="scroll-area-scrollbar"]`);expect(n?.getAttribute(`data-orientation`)).toBe(`horizontal`),expect(n?.className).toContain(`data-horizontal:h-2.5`)}),it(`merges a custom className on the scrollbar`,()=>{let{container:t}=r(o(i.Root,{type:`always`,children:[a(i.Viewport,{children:`content`}),a(e,{className:`custom-class`})]}));expect(t.querySelector(`[data-slot="scroll-area-scrollbar"]`)?.className).toContain(`custom-class`)})});
+//# sourceMappingURL=scroll-area.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.spec.js","names":["ScrollArea","ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'\n\nimport { ScrollArea, ScrollBar } from './scroll-area'\n\n// jsdom does not implement ResizeObserver, which @radix-ui/react-scroll-area relies on\n// unconditionally to measure the viewport, content, and scrollbars.\nclass ResizeObserverStub {\n  observe() {}\n  unobserve() {}\n  disconnect() {}\n}\n\nglobalThis.ResizeObserver = globalThis.ResizeObserver ?? (ResizeObserverStub as unknown as typeof ResizeObserver)\n\ndescribe('ScrollArea', () => {\n  it('renders the root and viewport with their data-slots and the given children', () => {\n    const { container } = render(\n      <ScrollArea>\n        <div>Scrollable content</div>\n      </ScrollArea>\n    )\n\n    expect(container.querySelector('[data-slot=\"scroll-area\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"scroll-area-viewport\"]')).not.toBeNull()\n    expect(screen.getByText('Scrollable content')).not.toBeNull()\n  })\n\n  it('renders a vertical scrollbar with its orientation classes once visible', () => {\n    const { container } = render(\n      <ScrollArea type=\"always\">\n        <div>Scrollable content</div>\n      </ScrollArea>\n    )\n\n    const scrollbar = container.querySelector('[data-slot=\"scroll-area-scrollbar\"]')\n\n    expect(scrollbar?.getAttribute('data-orientation')).toBe('vertical')\n    expect(scrollbar?.className).toContain('data-vertical:w-2.5')\n  })\n\n  it('merges a custom className on the root', () => {\n    const { container } = render(<ScrollArea className=\"custom-class\">content</ScrollArea>)\n\n    expect(container.querySelector('[data-slot=\"scroll-area\"]')?.className).toContain('custom-class')\n  })\n\n  it('renders a standalone ScrollBar with the requested orientation', () => {\n    const { container } = render(\n      <ScrollAreaPrimitive.Root type=\"always\">\n        <ScrollAreaPrimitive.Viewport>content</ScrollAreaPrimitive.Viewport>\n        <ScrollBar orientation=\"horizontal\" />\n      </ScrollAreaPrimitive.Root>\n    )\n\n    const scrollbar = container.querySelector('[data-slot=\"scroll-area-scrollbar\"]')\n\n    expect(scrollbar?.getAttribute('data-orientation')).toBe('horizontal')\n    expect(scrollbar?.className).toContain('data-horizontal:h-2.5')\n  })\n\n  it('merges a custom className on the scrollbar', () => {\n    const { container } = render(\n      <ScrollAreaPrimitive.Root type=\"always\">\n        <ScrollAreaPrimitive.Viewport>content</ScrollAreaPrimitive.Viewport>\n        <ScrollBar className=\"custom-class\" />\n      </ScrollAreaPrimitive.Root>\n    )\n\n    expect(container.querySelector('[data-slot=\"scroll-area-scrollbar\"]')?.className).toContain('custom-class')\n  })\n})\n"],"mappings":"gOAOA,IAAM,mBAAN,KAAyB,CACvB,SAAU,CAAC,CACX,WAAY,CAAC,CACb,YAAa,CAAC,CAChB,EAEA,WAAW,eAAiB,WAAW,gBAAmB,mBAE1D,SAAS,iBAAoB,CAC3B,GAAG,iFAAoF,CACrF,GAAM,CAAE,aAAc,EACpB,EAACA,EAAD,CAAA,SACE,EAAC,MAAD,CAAA,SAAK,oBAAuB,CAAA,CAClB,CAAA,CACd,EAEA,OAAO,EAAU,cAAc,2BAA2B,CAAC,CAAC,CAAC,IAAI,SAAS,EAC1E,OAAO,EAAU,cAAc,oCAAoC,CAAC,CAAC,CAAC,IAAI,SAAS,EACnF,OAAO,EAAO,UAAU,oBAAoB,CAAC,CAAC,CAAC,IAAI,SAAS,CAC9D,CAAC,EAED,GAAG,6EAAgF,CACjF,GAAM,CAAE,aAAc,EACpB,EAACA,EAAD,CAAY,KAAK,SACf,SAAA,EAAC,MAAD,CAAA,SAAK,oBAAuB,CAAA,CAClB,CAAA,CACd,EAEM,EAAY,EAAU,cAAc,qCAAqC,EAE/E,OAAO,GAAW,aAAa,kBAAkB,CAAC,CAAC,CAAC,KAAK,UAAU,EACnE,OAAO,GAAW,SAAS,CAAC,CAAC,UAAU,qBAAqB,CAC9D,CAAC,EAED,GAAG,4CAA+C,CAChD,GAAM,CAAE,aAAc,EAAO,EAACA,EAAD,CAAY,UAAU,eAAe,SAAA,SAAmB,CAAA,CAAC,EAEtF,OAAO,EAAU,cAAc,2BAA2B,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,cAAc,CAClG,CAAC,EAED,GAAG,oEAAuE,CACxE,GAAM,CAAE,aAAc,EACpB,EAACC,EAAoB,KAArB,CAA0B,KAAK,SAA/B,SAAA,CACE,EAACA,EAAoB,SAArB,CAAA,SAA8B,SAAqC,CAAA,EACnE,EAAC,EAAD,CAAW,YAAY,YAAc,CAAA,CACb,CAC5B,CAAA,CAAA,EAEM,EAAY,EAAU,cAAc,qCAAqC,EAE/E,OAAO,GAAW,aAAa,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,EACrE,OAAO,GAAW,SAAS,CAAC,CAAC,UAAU,uBAAuB,CAChE,CAAC,EAED,GAAG,iDAAoD,CACrD,GAAM,CAAE,aAAc,EACpB,EAACA,EAAoB,KAArB,CAA0B,KAAK,SAA/B,SAAA,CACE,EAACA,EAAoB,SAArB,CAAA,SAA8B,SAAqC,CAAA,EACnE,EAAC,EAAD,CAAW,UAAU,cAAgB,CAAA,CACb,CAC5B,CAAA,CAAA,EAEA,OAAO,EAAU,cAAc,qCAAqC,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,cAAc,CAC5G,CAAC,CACH,CAAC"}

package/dist/components/select.d.ts

@@ -1,29 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Select as Select$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/select.d.ts
-type SelectProps = React.ComponentProps<typeof Select$1.Root>;
-type SelectGroupProps = React.ComponentProps<typeof Select$1.Group>;
-type SelectValueProps = React.ComponentProps<typeof Select$1.Value>;
-type SelectTriggerProps = React.ComponentProps<typeof Select$1.Trigger> & {
-  size?: 'sm' | 'md';
-};
-type SelectContentProps = React.ComponentProps<typeof Select$1.Content>;
-type SelectLabelProps = React.ComponentProps<typeof Select$1.Label>;
-type SelectItemProps = React.ComponentProps<typeof Select$1.Item>;
-type SelectSeparatorProps = React.ComponentProps<typeof Select$1.Separator>;
-type SelectScrollUpButtonProps = React.ComponentProps<typeof Select$1.ScrollUpButton>;
-type SelectScrollDownButtonProps = React.ComponentProps<typeof Select$1.ScrollDownButton>;
-declare function Select({ ...props }: SelectProps): React.JSX.Element;
-declare function SelectGroup({ className, ...props }: SelectGroupProps): React.JSX.Element;
-declare function SelectValue({ ...props }: SelectValueProps): React.JSX.Element;
-declare function SelectTrigger({ className, id, size, children, ...props }: SelectTriggerProps): React.JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: SelectContentProps): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: SelectLabelProps): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: SelectItemProps): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): React.JSX.Element;
-//#endregion
-export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
-//# sourceMappingURL=select.d.ts.map
+import { _ as SelectTrigger, a as SelectGroupProps, b as SelectValueProps, c as SelectLabel, d as SelectScrollDownButton, f as SelectScrollDownButtonProps, g as SelectSeparatorProps, h as SelectSeparator, i as SelectGroup, l as SelectLabelProps, m as SelectScrollUpButtonProps, n as SelectContent, o as SelectItem, p as SelectScrollUpButton, r as SelectContentProps, s as SelectItemProps, t as Select, u as SelectProps, v as SelectTriggerProps, y as SelectValue } from "../select-BoYp-Xyc.js";
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };

package/dist/components/select.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{useFieldControlId as t}from"./field.js";import{IconCheck as n,IconChevronDown as r,IconChevronUp as i,IconSelector as a}from"@tabler/icons-react";import{Select as o}from"radix-ui";import{jsx as s,jsxs as c}from"react/jsx-runtime";function Select({...e}){return s(o.Root,{"data-slot":`select`,...e})}function SelectGroup({className:t,...n}){return s(o.Group,{"data-slot":`select-group`,className:e(`scroll-my-1 p-1`,t),...n})}function SelectValue({...e}){return s(o.Value,{"data-slot":`select-value`,...e})}function SelectTrigger({className:n,id:r,size:i=`md`,children:l,...u}){let d=t(r);return c(o.Trigger,{id:d,"data-slot":`select-trigger`,"data-size":i,className:e(`border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none outline-none`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3`,`aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,`data-[size=md]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]`,`*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`disabled:cursor-not-allowed disabled:opacity-50`,n),...u,children:[l,s(o.Icon,{asChild:!0,children:s(a,{className:`text-muted-foreground size-4 pointer-events-none`})})]})}function SelectContent({className:t,children:n,position:r=`item-aligned`,align:i=`center`,...a}){return s(o.Portal,{children:c(o.Content,{"data-slot":`select-content`,"data-align-trigger":r===`item-aligned`,className:e(`bg-popover text-popover-foreground ring-foreground/10 relative z-50 min-w-36 max-h-(--radix-select-content-available-height) rounded-lg shadow-md ring-1 duration-100 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto`,`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`,`data-[align-trigger=true]:animate-none`,r===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,t),position:r,align:i,...a,children:[s(SelectScrollUpButton,{}),s(o.Viewport,{"data-position":r,className:e(`data-[position=popper]:h-(--radix-select-trigger-height)`,`data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)`),children:n}),s(SelectScrollDownButton,{})]})})}function SelectLabel({className:t,...n}){return s(o.Label,{"data-slot":`select-label`,className:e(`text-muted-foreground px-1.5 py-1 text-xs`,t),...n})}function SelectItem({className:t,children:r,...i}){return c(o.Item,{"data-slot":`select-item`,className:e(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none`,`*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`data-disabled:pointer-events-none data-disabled:opacity-50`,t),...i,children:[s(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`,children:s(o.ItemIndicator,{children:s(n,{className:`pointer-events-none`})})}),s(o.ItemText,{children:r})]})}function SelectSeparator({className:t,...n}){return s(o.Separator,{"data-slot":`select-separator`,className:e(`bg-border -mx-1 my-1 h-px pointer-events-none`,t),...n})}function SelectScrollUpButton({className:t,...n}){return s(o.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:e(`bg-popover z-10 flex cursor-default items-center justify-center py-1`,`[&_svg:not([class*='size-'])]:size-4`,t),...n,children:s(i,{})})}function SelectScrollDownButton({className:t,...n}){return s(o.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:e(`bg-popover z-10 flex cursor-default items-center justify-center py-1`,`[&_svg:not([class*='size-'])]:size-4`,t),...n,children:s(r,{})})}export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectScrollDownButton,SelectScrollUpButton,SelectSeparator,SelectTrigger,SelectValue};
-//# sourceMappingURL=select.js.map
+import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"../select-C3QYNv4t.js";export{c as Select,i as SelectContent,o as SelectGroup,n as SelectItem,e as SelectLabel,a as SelectScrollDownButton,s as SelectScrollUpButton,t as SelectSeparator,r as SelectTrigger,l as SelectValue};

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

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

package/dist/components/select.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,c as t,i as n,l as r,n as i,r as a,t as o,u as s}from"../select-C3QYNv4t.js";import{a as c,n as l,r as u}from"../react.esm-BkhVXJ8s.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";beforeAll(()=>{window.HTMLElement.prototype.scrollIntoView=vi.fn(),window.HTMLElement.prototype.hasPointerCapture=vi.fn(()=>!1),window.HTMLElement.prototype.setPointerCapture=vi.fn(),window.HTMLElement.prototype.releasePointerCapture=vi.fn()});function renderSelect(c){return u(f(o,{onValueChange:c?.onValueChange,defaultValue:c?.defaultValue,children:[d(r,{children:d(s,{placeholder:`Pick a fruit`})}),f(i,{children:[f(a,{children:[d(e,{children:`Fruits`}),d(n,{value:`apple`,children:`Apple`}),d(n,{value:`banana`,children:`Banana`}),d(n,{value:`cherry`,disabled:!0,children:`Cherry`})]}),d(t,{})]})]}))}describe(`Select`,()=>{it(`renders the trigger with the placeholder and does not render the listbox until opened`,()=>{let{container:e}=renderSelect(),t=e.querySelector(`[data-slot="select-trigger"]`);expect(t).not.toBeNull(),expect(t?.getAttribute(`data-size`)).toBe(`md`),expect(c.getByText(`Pick a fruit`)).not.toBeNull(),expect(c.queryByRole(`listbox`)).toBeNull()}),it(`opens the listbox with its options when the trigger is clicked`,async()=>{renderSelect(),l.click(c.getByRole(`combobox`));let e=await c.findByRole(`listbox`);expect(e.getAttribute(`data-slot`)).toBe(`select-content`),expect(c.getByRole(`option`,{name:`Apple`})).not.toBeNull(),expect(c.getByRole(`option`,{name:`Banana`})).not.toBeNull(),expect(c.getByText(`Fruits`).getAttribute(`data-slot`)).toBe(`select-label`)}),it(`selects an item on click, calls onValueChange and closes the listbox`,async()=>{let e=vi.fn();renderSelect({onValueChange:e}),l.click(c.getByRole(`combobox`)),l.click(await c.findByRole(`option`,{name:`Banana`})),expect(e).toHaveBeenCalledWith(`banana`),expect(c.queryByRole(`listbox`)).toBeNull()}),it(`does not select a disabled item`,async()=>{let e=vi.fn();renderSelect({onValueChange:e}),l.click(c.getByRole(`combobox`));let t=await c.findByRole(`option`,{name:`Cherry`});expect(t.getAttribute(`data-disabled`)).toBe(``),l.click(t),expect(e).not.toHaveBeenCalled(),expect(c.getByRole(`listbox`)).not.toBeNull()}),it(`opens the listbox with the keyboard when the trigger is focused`,async()=>{renderSelect();let e=c.getByRole(`combobox`);e.focus(),l.keyDown(e,{key:`Enter`}),expect(await c.findByRole(`listbox`)).not.toBeNull()}),it(`applies the sm size to the trigger`,()=>{let{container:e}=u(f(o,{children:[d(r,{size:`sm`,children:d(s,{placeholder:`Pick`})}),d(i,{children:d(n,{value:`a`,children:`A`})})]}));expect(e.querySelector(`[data-slot="select-trigger"]`)?.getAttribute(`data-size`)).toBe(`sm`)}),it(`opens with a single item and renders the content without throwing`,async()=>{u(f(o,{defaultOpen:!0,children:[d(r,{children:d(s,{placeholder:`Pick`})}),d(i,{children:d(n,{value:`a`,children:`A`})})]}));let e=await c.findByRole(`listbox`);expect(e).not.toBeNull(),expect(c.getByRole(`option`,{name:`A`})).not.toBeNull()})});
+//# sourceMappingURL=select.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.spec.js","names":[],"sources":["../../src/components/select.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n} from './select'\n\nbeforeAll(() => {\n  window.HTMLElement.prototype.scrollIntoView = vi.fn()\n  window.HTMLElement.prototype.hasPointerCapture = vi.fn(() => false)\n  window.HTMLElement.prototype.setPointerCapture = vi.fn()\n  window.HTMLElement.prototype.releasePointerCapture = vi.fn()\n})\n\nfunction renderSelect(props?: { onValueChange?: (value: string) => void; defaultValue?: string }) {\n  return render(\n    <Select onValueChange={props?.onValueChange} defaultValue={props?.defaultValue}>\n      <SelectTrigger>\n        <SelectValue placeholder=\"Pick a fruit\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Fruits</SelectLabel>\n          <SelectItem value=\"apple\">Apple</SelectItem>\n          <SelectItem value=\"banana\">Banana</SelectItem>\n          <SelectItem value=\"cherry\" disabled>\n            Cherry\n          </SelectItem>\n        </SelectGroup>\n        <SelectSeparator />\n      </SelectContent>\n    </Select>\n  )\n}\n\ndescribe('Select', () => {\n  it('renders the trigger with the placeholder and does not render the listbox until opened', () => {\n    const { container } = renderSelect()\n\n    const trigger = container.querySelector('[data-slot=\"select-trigger\"]')\n\n    expect(trigger).not.toBeNull()\n    expect(trigger?.getAttribute('data-size')).toBe('md')\n    expect(screen.getByText('Pick a fruit')).not.toBeNull()\n    expect(screen.queryByRole('listbox')).toBeNull()\n  })\n\n  it('opens the listbox with its options when the trigger is clicked', async () => {\n    renderSelect()\n\n    fireEvent.click(screen.getByRole('combobox'))\n\n    const listbox = await screen.findByRole('listbox')\n\n    expect(listbox.getAttribute('data-slot')).toBe('select-content')\n    expect(screen.getByRole('option', { name: 'Apple' })).not.toBeNull()\n    expect(screen.getByRole('option', { name: 'Banana' })).not.toBeNull()\n    expect(screen.getByText('Fruits').getAttribute('data-slot')).toBe('select-label')\n  })\n\n  it('selects an item on click, calls onValueChange and closes the listbox', async () => {\n    const onValueChange = vi.fn()\n    renderSelect({ onValueChange })\n\n    fireEvent.click(screen.getByRole('combobox'))\n    fireEvent.click(await screen.findByRole('option', { name: 'Banana' }))\n\n    expect(onValueChange).toHaveBeenCalledWith('banana')\n    expect(screen.queryByRole('listbox')).toBeNull()\n  })\n\n  it('does not select a disabled item', async () => {\n    const onValueChange = vi.fn()\n    renderSelect({ onValueChange })\n\n    fireEvent.click(screen.getByRole('combobox'))\n    const disabledItem = await screen.findByRole('option', { name: 'Cherry' })\n\n    expect(disabledItem.getAttribute('data-disabled')).toBe('')\n\n    fireEvent.click(disabledItem)\n\n    expect(onValueChange).not.toHaveBeenCalled()\n    expect(screen.getByRole('listbox')).not.toBeNull()\n  })\n\n  it('opens the listbox with the keyboard when the trigger is focused', async () => {\n    renderSelect()\n\n    const trigger = screen.getByRole('combobox')\n    trigger.focus()\n    fireEvent.keyDown(trigger, { key: 'Enter' })\n\n    expect(await screen.findByRole('listbox')).not.toBeNull()\n  })\n\n  it('applies the sm size to the trigger', () => {\n    const { container } = render(\n      <Select>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Pick\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"a\">A</SelectItem>\n        </SelectContent>\n      </Select>\n    )\n\n    expect(container.querySelector('[data-slot=\"select-trigger\"]')?.getAttribute('data-size')).toBe('sm')\n  })\n\n  it('opens with a single item and renders the content without throwing', async () => {\n    render(\n      <Select defaultOpen>\n        <SelectTrigger>\n          <SelectValue placeholder=\"Pick\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"a\">A</SelectItem>\n        </SelectContent>\n      </Select>\n    )\n\n    const listbox = await screen.findByRole('listbox')\n\n    expect(listbox).not.toBeNull()\n    expect(screen.getByRole('option', { name: 'A' })).not.toBeNull()\n  })\n})\n"],"mappings":"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"}

package/dist/components/separator.d.ts

@@ -1,9 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Separator as Separator$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/separator.d.ts
-type SeparatorProps = React.ComponentProps<typeof Separator$1.Root>;
-declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): React.JSX.Element;
-//#endregion
-export { Separator, SeparatorProps };
-//# sourceMappingURL=separator.d.ts.map
+import { n as SeparatorProps, t as Separator } from "../separator-BsRLiqWE.js";
+export { Separator, SeparatorProps };

package/dist/components/separator.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function Separator({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return n(t.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:e(`bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch`,r),...o})}export{Separator};
-//# sourceMappingURL=separator.js.map
+import{t as e}from"../separator-CCMmbXL0.js";export{e as Separator};

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

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

package/dist/components/separator.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../separator-CCMmbXL0.js";import{r as t}from"../react.esm-BkhVXJ8s.js";import{jsx as n}from"react/jsx-runtime";describe(`Separator`,()=>{it(`renders a horizontal, decorative separator with the separator data-slot by default`,()=>{let{container:r}=t(n(e,{})),i=r.querySelector(`[data-slot="separator"]`);expect(i?.getAttribute(`data-orientation`)).toBe(`horizontal`),expect(i?.getAttribute(`role`)).toBe(`none`),expect(i?.className).toContain(`bg-border`)}),it(`supports the vertical orientation`,()=>{let{container:r}=t(n(e,{orientation:`vertical`})),i=r.querySelector(`[data-slot="separator"]`);expect(i?.getAttribute(`data-orientation`)).toBe(`vertical`),expect(i?.className).toContain(`data-vertical:w-px`)}),it(`exposes a separator role and aria-orientation when not decorative`,()=>{let{container:r}=t(n(e,{decorative:!1,orientation:`vertical`})),i=r.querySelector(`[data-slot="separator"]`);expect(i?.getAttribute(`role`)).toBe(`separator`),expect(i?.getAttribute(`aria-orientation`)).toBe(`vertical`)}),it(`merges a custom className with the base classes`,()=>{let{container:r}=t(n(e,{className:`custom-class`}));expect(r.querySelector(`[data-slot="separator"]`)?.className).toContain(`custom-class`)}),it(`forwards a ref to the underlying element`,()=>{let r={current:null};t(n(e,{ref:r})),expect(r.current).toBeInstanceOf(HTMLDivElement)})});
+//# sourceMappingURL=separator.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.spec.js","names":[],"sources":["../../src/components/separator.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react'\n\nimport { Separator } from './separator'\n\ndescribe('Separator', () => {\n  it('renders a horizontal, decorative separator with the separator data-slot by default', () => {\n    const { container } = render(<Separator />)\n\n    const separator = container.querySelector('[data-slot=\"separator\"]')\n\n    expect(separator?.getAttribute('data-orientation')).toBe('horizontal')\n    expect(separator?.getAttribute('role')).toBe('none')\n    expect(separator?.className).toContain('bg-border')\n  })\n\n  it('supports the vertical orientation', () => {\n    const { container } = render(<Separator orientation=\"vertical\" />)\n\n    const separator = container.querySelector('[data-slot=\"separator\"]')\n\n    expect(separator?.getAttribute('data-orientation')).toBe('vertical')\n    expect(separator?.className).toContain('data-vertical:w-px')\n  })\n\n  it('exposes a separator role and aria-orientation when not decorative', () => {\n    const { container } = render(<Separator decorative={false} orientation=\"vertical\" />)\n\n    const separator = container.querySelector('[data-slot=\"separator\"]')\n\n    expect(separator?.getAttribute('role')).toBe('separator')\n    expect(separator?.getAttribute('aria-orientation')).toBe('vertical')\n  })\n\n  it('merges a custom className with the base classes', () => {\n    const { container } = render(<Separator className=\"custom-class\" />)\n\n    expect(container.querySelector('[data-slot=\"separator\"]')?.className).toContain('custom-class')\n  })\n\n  it('forwards a ref to the underlying element', () => {\n    const ref = { current: null as HTMLDivElement | null }\n\n    render(<Separator ref={ref} />)\n\n    expect(ref.current).toBeInstanceOf(HTMLDivElement)\n  })\n})\n"],"mappings":"0KAIA,SAAS,gBAAmB,CAC1B,GAAG,yFAA4F,CAC7F,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAY,CAAA,CAAC,EAEpC,EAAY,EAAU,cAAc,yBAAyB,EAEnE,OAAO,GAAW,aAAa,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,EACrE,OAAO,GAAW,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EACnD,OAAO,GAAW,SAAS,CAAC,CAAC,UAAU,WAAW,CACpD,CAAC,EAED,GAAG,wCAA2C,CAC5C,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAW,YAAY,UAAY,CAAA,CAAC,EAE3D,EAAY,EAAU,cAAc,yBAAyB,EAEnE,OAAO,GAAW,aAAa,kBAAkB,CAAC,CAAC,CAAC,KAAK,UAAU,EACnE,OAAO,GAAW,SAAS,CAAC,CAAC,UAAU,oBAAoB,CAC7D,CAAC,EAED,GAAG,wEAA2E,CAC5E,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAW,WAAY,GAAO,YAAY,UAAY,CAAA,CAAC,EAE9E,EAAY,EAAU,cAAc,yBAAyB,EAEnE,OAAO,GAAW,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,WAAW,EACxD,OAAO,GAAW,aAAa,kBAAkB,CAAC,CAAC,CAAC,KAAK,UAAU,CACrE,CAAC,EAED,GAAG,sDAAyD,CAC1D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAW,UAAU,cAAgB,CAAA,CAAC,EAEnE,OAAO,EAAU,cAAc,yBAAyB,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,cAAc,CAChG,CAAC,EAED,GAAG,+CAAkD,CACnD,IAAM,EAAM,CAAE,QAAS,IAA8B,EAErD,EAAO,EAAC,EAAD,CAAgB,KAAM,CAAA,CAAC,EAE9B,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,cAAc,CACnD,CAAC,CACH,CAAC"}

package/dist/components/sidebar.d.ts

@@ -1,96 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Button } from "./button.js";
-import { Separator } from "./separator.js";
-import { Input } from "./input.js";
-import { TooltipContent } from "./tooltip.js";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/sidebar.d.ts
-type SidebarContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-type SidebarProviderProps = React.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-};
-type SidebarProps = React.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-};
-type SidebarTriggerProps = React.ComponentProps<typeof Button>;
-type SidebarRailProps = React.ComponentProps<'button'>;
-type SidebarInsetProps = React.ComponentProps<'main'>;
-type SidebarInputProps = React.ComponentProps<typeof Input>;
-type SidebarHeaderProps = React.ComponentProps<'div'>;
-type SidebarFooterProps = React.ComponentProps<'div'>;
-type SidebarSeparatorProps = React.ComponentProps<typeof Separator>;
-type SidebarContentProps = React.ComponentProps<'div'>;
-type SidebarGroupProps = React.ComponentProps<'div'>;
-type SidebarGroupLabelProps = React.ComponentProps<'div'> & {
-  asChild?: boolean;
-};
-type SidebarGroupActionProps = React.ComponentProps<'button'> & {
-  asChild?: boolean;
-};
-type SidebarGroupContentProps = React.ComponentProps<'div'>;
-type SidebarMenuProps = React.ComponentProps<'ul'>;
-type SidebarMenuItemProps = React.ComponentProps<'li'>;
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps): React.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: SidebarProps): React.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): React.JSX.Element;
-declare function SidebarRail({ className, ...props }: SidebarRailProps): React.JSX.Element;
-declare function SidebarInset({ className, ...props }: SidebarInsetProps): React.JSX.Element;
-declare function SidebarInput({ className, ...props }: SidebarInputProps): React.JSX.Element;
-declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): React.JSX.Element;
-declare function SidebarFooter({ className, ...props }: SidebarFooterProps): React.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): React.JSX.Element;
-declare function SidebarContent({ className, ...props }: SidebarContentProps): React.JSX.Element;
-declare function SidebarGroup({ className, ...props }: SidebarGroupProps): React.JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: SidebarGroupLabelProps): React.JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: SidebarGroupActionProps): React.JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): React.JSX.Element;
-declare function SidebarMenu({ className, ...props }: SidebarMenuProps): React.JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): React.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "lg" | "md" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type SidebarMenuButtonProps = React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>;
-type SidebarMenuActionProps = React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-};
-type SidebarMenuBadgeProps = React.ComponentProps<'div'>;
-type SidebarMenuSkeletonProps = React.ComponentProps<'div'> & {
-  showIcon?: boolean;
-};
-type SidebarMenuSubProps = React.ComponentProps<'ul'>;
-type SidebarMenuSubItemProps = React.ComponentProps<'li'>;
-type SidebarMenuSubButtonProps = React.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-};
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: SidebarMenuActionProps): React.JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): React.JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): React.JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): React.JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): React.JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: SidebarMenuSubButtonProps): React.JSX.Element;
-//#endregion
-export { Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, useSidebar };
-//# sourceMappingURL=sidebar.d.ts.map
+import { A as SidebarMenuSkeleton, B as SidebarProviderProps, C as SidebarMenuBadge, D as SidebarMenuItem, E as SidebarMenuButtonProps, F as SidebarMenuSubItem, G as SidebarTrigger, H as SidebarRailProps, I as SidebarMenuSubItemProps, K as SidebarTriggerProps, L as SidebarMenuSubProps, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuItemProps, P as SidebarMenuSubButtonProps, R as SidebarProps, S as SidebarMenuActionProps, T as SidebarMenuButton, U as SidebarSeparator, V as SidebarRail, W as SidebarSeparatorProps, _ as SidebarInputProps, a as SidebarFooterProps, b as SidebarMenu, c as SidebarGroupActionProps, d as SidebarGroupLabel, f as SidebarGroupLabelProps, g as SidebarInput, h as SidebarHeaderProps, i as SidebarFooter, j as SidebarMenuSkeletonProps, k as SidebarMenuProps, l as SidebarGroupContent, m as SidebarHeader, n as SidebarContent, o as SidebarGroup, p as SidebarGroupProps, q as useSidebar, r as SidebarContentProps, s as SidebarGroupAction, t as Sidebar, u as SidebarGroupContentProps, v as SidebarInset, w as SidebarMenuBadgeProps, x as SidebarMenuAction, y as SidebarInsetProps, z as SidebarProvider } from "../sidebar-D7HQlj5O.js";
+export { Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, useSidebar };

package/dist/components/sidebar.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{Separator as n}from"./separator.js";import{Input as r}from"./input.js";import{Drawer as i,DrawerContent as a,DrawerDescription as o,DrawerHeader as s,DrawerTitle as c}from"./drawer.js";import{useIsMobile as l}from"../hooks/use-mobile.js";import{Skeleton as u}from"./skeleton.js";import{Tooltip as d}from"./tooltip.js";import{IconLayoutSidebar as f}from"@tabler/icons-react";import{Slot as p}from"radix-ui";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{cva as g}from"class-variance-authority";import*as _ from"react";const v=_.createContext(null);function useSidebar(){let e=_.useContext(v);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function SidebarProvider({defaultOpen:t=!0,open:n,onOpenChange:r,className:i,style:a,children:o,...s}){let c=l(),[u,d]=_.useState(!1),[f,p]=_.useState(t),h=n??f,g=_.useCallback(e=>{let t=typeof e==`function`?e(h):e;r?r(t):p(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[r,h]),y=_.useCallback(()=>c?d(e=>!e):g(e=>!e),[c,g]);_.useEffect(()=>{let handleKeyDown=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),y())};return window.addEventListener(`keydown`,handleKeyDown),()=>window.removeEventListener(`keydown`,handleKeyDown)},[y]);let b=h?`expanded`:`collapsed`,x=_.useMemo(()=>({state:b,open:h,setOpen:g,isMobile:c,openMobile:u,setOpenMobile:d,toggleSidebar:y}),[b,h,g,c,u,y]);return m(v.Provider,{value:x,children:m(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:e(`group/sidebar-wrapper relative flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar`,i),...s,children:o})})}function Sidebar({side:t=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:l,children:u,dir:d,...f}){let{isMobile:p,state:g,openMobile:_,setOpenMobile:v}=useSidebar();return r===`none`?m(`div`,{"data-slot":`sidebar`,className:e(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,l),...f,children:u}):p?m(i,{open:_,onOpenChange:v,direction:t,size:`sm`,children:h(a,{dir:d,"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`h-full w-(--sidebar-width) rounded-none bg-sidebar p-0 text-sidebar-foreground`,style:{"--sidebar-width":`18rem`},...f,children:[h(s,{className:`sr-only`,children:[m(c,{children:`Sidebar`}),m(o,{children:`Displays the mobile sidebar.`})]}),m(`div`,{className:`flex h-full w-full flex-col`,children:u})]})}):h(`div`,{className:`group peer hidden text-sidebar-foreground md:block`,"data-state":g,"data-collapsible":g===`collapsed`?r:``,"data-variant":n,"data-side":t,"data-slot":`sidebar`,children:[m(`div`,{"data-slot":`sidebar-gap`,className:e(`relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),m(`div`,{"data-slot":`sidebar-container`,"data-side":t,className:e(`fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,`data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width)`,`data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width)`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`,n!==`floating`&&n!==`inset`&&`group-data-[side=left]:border-r group-data-[side=right]:border-l`,l),...f,children:m(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:e(`flex size-full flex-col bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm`,`group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border`),children:u})})]})}function SidebarTrigger({className:n,onClick:r,...i}){let{toggleSidebar:a}=useSidebar();return h(t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon-sm`,color:`zinc`,className:e(n),onClick:e=>{r?.(e),a()},...i,children:[m(f,{}),m(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function SidebarRail({className:t,...n}){let{toggleSidebar:r}=useSidebar();return m(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:r,title:`Toggle Sidebar`,className:e(`in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize`,`absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:s-1/2 after:w-0.5 hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,t),...n})}function SidebarInset({className:t,...n}){return m(`main`,{"data-slot":`sidebar-inset`,className:e(`relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2`,t),...n})}function SidebarInput({className:t,...n}){return m(r,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:e(`h-8 w-full bg-background shadow-none`,t),...n})}function SidebarHeader({className:t,...n}){return m(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:e(`flex flex-col gap-2 p-2`,t),...n})}function SidebarFooter({className:t,...n}){return m(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:e(`flex flex-col gap-2 p-2`,t),...n})}function SidebarSeparator({className:t,...r}){return m(n,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:e(`w-auto bg-sidebar-border`,t),...r})}function SidebarContent({className:t,...n}){return m(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:e(`no-scrollbar flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,t),...n})}function SidebarGroup({className:t,...n}){return m(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:e(`relative flex w-full min-w-0 flex-col px-2`,t),...n})}function SidebarGroupLabel({className:t,asChild:n=!1,...r}){return m(n?p.Root:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:e(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,t),...r})}function SidebarGroupAction({className:t,asChild:n=!1,...r}){return m(n?p.Root:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:e(`absolute top-1.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0`,t),...r})}function SidebarGroupContent({className:t,...n}){return m(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:e(`w-full text-sm mt-2`,t),...n})}function SidebarMenu({className:t,...n}){return m(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:e(`flex w-full min-w-0 flex-col gap-0`,t),...n})}function SidebarMenuItem({className:t,...n}){return m(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:e(`group/menu-item relative`,t),...n})}const y=g(`peer/menu-button group/menu-button font-medium flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:[&_svg]:text-sidebar-primary data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{md:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`md`}});function SidebarMenuButton({asChild:t=!1,isActive:n=!1,variant:r=`default`,size:i=`md`,tooltip:a,className:o,...s}){let c=t?p.Root:`button`,{isMobile:l,state:u}=useSidebar(),f=m(c,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":n,className:e(y({variant:r,size:i}),o),...s});return a?(typeof a==`string`&&(a={children:a}),m(d,{label:a.children,side:`right`,align:`center`,hidden:u!==`collapsed`||l,...a,children:f})):f}function SidebarMenuAction({className:t,asChild:n=!1,showOnHover:r=!1,...i}){return m(n?p.Root:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:e(`absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0`,r&&`group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0`,t),...i})}function SidebarMenuBadge({className:t,...n}){return m(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:e(`pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=md]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground`,t),...n})}function SidebarMenuSkeleton({className:t,showIcon:n=!1,...r}){let[i]=_.useState(()=>`${Math.floor(Math.random()*40)+50}%`);return h(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:e(`flex h-8 items-center gap-2 rounded-md px-2`,t),...r,children:[n&&m(u,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),m(u,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function SidebarMenuSub({className:t,...n}){return m(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:e(`mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden`,t),...n})}function SidebarMenuSubItem({className:t,...n}){return m(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:e(`group/menu-sub-item relative`,t),...n})}function SidebarMenuSubButton({asChild:t=!1,size:n=`md`,isActive:r=!1,className:i,...a}){return m(t?p.Root:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":n,"data-active":r,className:e(`flex h-7 min-w-0 -translate-x-px items-center font-medium gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground`,i),...a})}export{Sidebar,SidebarContent,SidebarFooter,SidebarGroup,SidebarGroupAction,SidebarGroupContent,SidebarGroupLabel,SidebarHeader,SidebarInput,SidebarInset,SidebarMenu,SidebarMenuAction,SidebarMenuBadge,SidebarMenuButton,SidebarMenuItem,SidebarMenuSkeleton,SidebarMenuSub,SidebarMenuSubButton,SidebarMenuSubItem,SidebarProvider,SidebarRail,SidebarSeparator,SidebarTrigger,useSidebar};
-//# sourceMappingURL=sidebar.js.map
+import{C as e,S as t,_ as n,a as r,b as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,n as p,o as m,p as h,r as g,s as _,t as v,u as y,v as b,w as x,x as S,y as C}from"../sidebar-B5bEgDy5.js";export{v as Sidebar,p as SidebarContent,g as SidebarFooter,u as SidebarGroup,r as SidebarGroupAction,m as SidebarGroupContent,_ as SidebarGroupLabel,a as SidebarHeader,d as SidebarInput,y as SidebarInset,o as SidebarMenu,s as SidebarMenuAction,h as SidebarMenuBadge,f as SidebarMenuButton,l as SidebarMenuItem,c as SidebarMenuSkeleton,n as SidebarMenuSub,b as SidebarMenuSubButton,C as SidebarMenuSubItem,i as SidebarProvider,S as SidebarRail,t as SidebarSeparator,e as SidebarTrigger,x as useSidebar};

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

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

package/dist/components/sidebar.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{r as e}from"../tooltip-CNUNWZvs.js";import{C as t,S as n,_ as r,a as i,b as a,c as o,d as s,f as c,g as l,h as u,i as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,u as b,v as x,w as S,x as C,y as w}from"../sidebar-B5bEgDy5.js";import{a as T,i as E,n as D,r as O,t as k}from"../react.esm-BkhVXJ8s.js";import{Fragment as A,jsx as j,jsxs as M}from"react/jsx-runtime";import*as N from"react";if(globalThis.ResizeObserver===void 0){class ResizeObserverStub{observe(){}unobserve(){}disconnect(){}}globalThis.ResizeObserver=ResizeObserverStub}function clearSidebarCookie(){document.cookie=`sidebar_state=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`}function readSidebarCookie(){return document.cookie.split(`; `).find(e=>e.startsWith(`sidebar_state=`))?.split(`=`)[1]}function SidebarStateProbe(){let{state:e,open:t,isMobile:n,openMobile:r}=S();return j(`div`,{"data-testid":`probe`,"data-state":e,"data-open":t,"data-mobile":n,"data-open-mobile":r})}beforeEach(()=>{clearSidebarCookie()}),describe(`SidebarProvider`,()=>{it(`renders its children`,()=>{O(j(a,{children:j(`div`,{children:`sidebar content`})})),expect(T.getByText(`sidebar content`)).not.toBeNull()}),it(`renders a wrapper exposing the sidebar css variables and merges custom style/className`,()=>{let{container:e}=O(j(a,{className:`custom-wrapper`,style:{"--custom":`1px`},children:j(`div`,{children:`content`})})),t=e.querySelector(`[data-slot="sidebar-wrapper"]`);expect(t).not.toBeNull(),expect(t.className).toContain(`custom-wrapper`),expect(t.style.getPropertyValue(`--sidebar-width`)).toBe(`16rem`),expect(t.style.getPropertyValue(`--sidebar-width-icon`)).toBe(`3rem`),expect(t.style.getPropertyValue(`--custom`)).toBe(`1px`)}),it(`defaults to an expanded/open state`,()=>{O(j(a,{children:j(SidebarStateProbe,{})}));let e=T.getByTestId(`probe`);expect(e.getAttribute(`data-state`)).toBe(`expanded`),expect(e.getAttribute(`data-open`)).toBe(`true`)}),it(`honors defaultOpen={false}`,()=>{O(j(a,{defaultOpen:!1,children:j(SidebarStateProbe,{})})),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`)}),it(`toggles open state via the trigger and persists it to the sidebar_state cookie`,()=>{O(M(a,{children:[j(SidebarStateProbe,{}),j(t,{})]})),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`expanded`),D.click(T.getByRole(`button`)),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`),expect(readSidebarCookie()).toBe(`false`),D.click(T.getByRole(`button`)),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`expanded`),expect(readSidebarCookie()).toBe(`true`)}),it(`supports a controlled open state via open/onOpenChange`,()=>{let e=vi.fn();function Controlled(){let[n,r]=N.useState(!1);return M(a,{open:n,onOpenChange:t=>{r(t),e(t)},children:[j(SidebarStateProbe,{}),j(t,{})]})}O(j(Controlled,{})),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`),D.click(T.getByRole(`button`)),expect(e).toHaveBeenCalledWith(!0),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`expanded`),expect(readSidebarCookie()).toBe(`true`)}),it(`toggles the sidebar with the Cmd/Ctrl+B keyboard shortcut`,()=>{O(j(a,{children:j(SidebarStateProbe,{})})),D.keyDown(window,{key:`b`,metaKey:!0}),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`),D.keyDown(window,{key:`b`,ctrlKey:!0}),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`expanded`)}),it(`ignores the shortcut key without a meta/ctrl modifier`,()=>{O(j(a,{children:j(SidebarStateProbe,{})})),D.keyDown(window,{key:`b`}),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`expanded`)}),it(`reports isMobile from the current viewport width`,()=>{setTestViewportWidth(500),O(j(a,{children:j(SidebarStateProbe,{})}));let e=T.getByTestId(`probe`);expect(e.getAttribute(`data-mobile`)).toBe(`true`),expect(e.getAttribute(`data-open-mobile`)).toBe(`false`)}),it(`toggles openMobile instead of open on a mobile viewport, without writing the cookie`,()=>{setTestViewportWidth(500),O(M(a,{children:[j(SidebarStateProbe,{}),j(t,{})]})),D.click(T.getByRole(`button`));let e=T.getByTestId(`probe`);expect(e.getAttribute(`data-open-mobile`)).toBe(`true`),expect(e.getAttribute(`data-open`)).toBe(`true`),expect(readSidebarCookie()).toBeUndefined()})}),describe(`useSidebar`,()=>{it(`throws when used outside of a SidebarProvider`,()=>{expect(()=>E(()=>S())).toThrow(`useSidebar must be used within a SidebarProvider.`)}),it(`exposes state, open, isMobile, openMobile and toggleSidebar to consumers`,()=>{let{result:e}=E(()=>S(),{wrapper:({children:e})=>j(a,{children:e})});expect(e.current.state).toBe(`expanded`),expect(e.current.open).toBe(!0),expect(e.current.isMobile).toBe(!1),expect(e.current.openMobile).toBe(!1),k(()=>{e.current.toggleSidebar()}),expect(e.current.open).toBe(!1),expect(e.current.state).toBe(`collapsed`)})}),describe(`Sidebar`,()=>{it(`renders a plain wrapper when collapsible="none"`,()=>{let{container:e}=O(j(a,{children:j(y,{collapsible:`none`,children:`plain content`})})),t=e.querySelector(`[data-slot="sidebar"]`);expect(t).not.toBeNull(),expect(t.className).toContain(`w-(--sidebar-width)`),expect(t.getAttribute(`data-state`)).toBeNull(),expect(T.getByText(`plain content`)).not.toBeNull()}),it(`renders the desktop layout with gap/container/inner elements reflecting side/variant/state`,()=>{let{container:e}=O(j(a,{defaultOpen:!1,children:j(y,{side:`right`,variant:`floating`,collapsible:`icon`,children:`desktop content`})})),t=e.querySelector(`[data-slot="sidebar"]`);expect(t.getAttribute(`data-state`)).toBe(`collapsed`),expect(t.getAttribute(`data-collapsible`)).toBe(`icon`),expect(t.getAttribute(`data-variant`)).toBe(`floating`),expect(t.getAttribute(`data-side`)).toBe(`right`),expect(e.querySelector(`[data-slot="sidebar-gap"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-container"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-inner"]`)).not.toBeNull()}),it(`clears data-collapsible while expanded`,()=>{let{container:e}=O(j(a,{children:j(y,{collapsible:`icon`,children:`content`})}));expect(e.querySelector(`[data-slot="sidebar"]`)?.getAttribute(`data-collapsible`)).toBe(``)}),it(`is not rendered on mobile until openMobile is toggled, then renders inside a Drawer`,()=>{setTestViewportWidth(500);let{container:e,baseElement:n}=O(M(a,{children:[j(y,{children:j(`span`,{children:`mobile content`})}),j(t,{})]}));expect(e.querySelector(`[data-slot="sidebar"]`)).toBeNull(),expect(n.querySelector(`[data-slot="sidebar"]`)).toBeNull(),D.click(T.getByRole(`button`));let r=n.querySelector(`[data-slot="sidebar"]`);expect(r).not.toBeNull(),expect(r.getAttribute(`data-mobile`)).toBe(`true`),expect(T.getByText(`mobile content`)).not.toBeNull()})}),describe(`SidebarTrigger`,()=>{it(`renders with the sidebar-trigger slot and an accessible label`,()=>{let{container:e}=O(j(a,{children:j(t,{})}));expect(e.querySelector(`[data-slot="sidebar-trigger"]`)).not.toBeNull(),expect(T.getByRole(`button`,{name:`Toggle Sidebar`})).not.toBeNull()}),it(`calls a provided onClick handler in addition to toggling the sidebar`,()=>{let e=vi.fn();O(M(a,{children:[j(SidebarStateProbe,{}),j(t,{onClick:e})]})),D.click(T.getByRole(`button`)),expect(e).toHaveBeenCalledTimes(1),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`)})}),describe(`SidebarRail`,()=>{it(`renders a rail button with the expected slot, label and tabIndex`,()=>{let{container:e}=O(j(a,{children:j(C,{})})),t=e.querySelector(`[data-slot="sidebar-rail"]`);expect(t).not.toBeNull(),expect(t.getAttribute(`aria-label`)).toBe(`Toggle Sidebar`),expect(t.getAttribute(`tabIndex`)).toBe(`-1`)}),it(`toggles the sidebar when clicked`,()=>{O(M(a,{children:[j(SidebarStateProbe,{}),j(C,{})]})),D.click(T.getByTitle(`Toggle Sidebar`)),expect(T.getByTestId(`probe`).getAttribute(`data-state`)).toBe(`collapsed`)})}),describe(`static layout subcomponents`,()=>{it(`renders SidebarInset as a main element`,()=>{let{container:e}=O(j(b,{children:`inset content`}));expect(e.querySelector(`[data-slot="sidebar-inset"]`)?.tagName).toBe(`MAIN`)}),it(`renders SidebarInput as a styled text input`,()=>{O(j(f,{placeholder:`Search`}));let e=T.getByPlaceholderText(`Search`);expect(e.getAttribute(`data-slot`)).toBe(`sidebar-input`),expect(e.className).toContain(`h-8`)}),it(`renders SidebarHeader, SidebarFooter, SidebarSeparator and SidebarContent with their slots`,()=>{let{container:e}=O(M(A,{children:[j(o,{children:`header`}),j(_,{children:`footer`}),j(n,{}),j(m,{children:`content`})]}));expect(e.querySelector(`[data-slot="sidebar-header"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-footer"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-separator"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-content"]`)).not.toBeNull()}),it(`renders SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuBadge, SidebarMenuSub and SidebarMenuSubItem with their slots`,()=>{let{container:e}=O(j(d,{children:j(h,{children:j(s,{children:M(u,{children:[`item`,j(g,{children:`1`}),j(r,{children:j(w,{children:`sub item`})})]})})})}));expect(e.querySelector(`[data-slot="sidebar-group"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-group-content"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-menu"]`)?.tagName).toBe(`UL`),expect(e.querySelector(`[data-slot="sidebar-menu-item"]`)?.tagName).toBe(`LI`),expect(e.querySelector(`[data-slot="sidebar-menu-badge"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="sidebar-menu-sub"]`)?.tagName).toBe(`UL`),expect(e.querySelector(`[data-slot="sidebar-menu-sub-item"]`)?.tagName).toBe(`LI`)})}),describe(`SidebarGroupLabel`,()=>{it(`renders as a div by default`,()=>{let{container:e}=O(j(v,{children:`Label`}));expect(e.querySelector(`[data-slot="sidebar-group-label"]`)?.tagName).toBe(`DIV`)}),it(`renders as the child element when asChild is set`,()=>{let{container:e}=O(j(v,{asChild:!0,children:j(`span`,{children:`Label`})}));expect(e.querySelector(`[data-slot="sidebar-group-label"]`)?.tagName).toBe(`SPAN`)})}),describe(`SidebarGroupAction`,()=>{it(`renders as a button by default`,()=>{let{container:e}=O(j(i,{children:`Add`}));expect(e.querySelector(`[data-slot="sidebar-group-action"]`)?.tagName).toBe(`BUTTON`)}),it(`renders as the child element when asChild is set and forwards click handlers`,()=>{let e=vi.fn();O(j(i,{asChild:!0,onClick:e,children:j(`a`,{href:`#action`,children:`Add`})}));let t=T.getByText(`Add`);expect(t.tagName).toBe(`A`),D.click(t),expect(e).toHaveBeenCalledTimes(1)})}),describe(`SidebarMenuButton`,()=>{it(`renders default size/active data attributes`,()=>{let{container:e}=O(j(a,{children:j(p,{children:`Item`})})),t=e.querySelector(`[data-slot="sidebar-menu-button"]`);expect(t.getAttribute(`data-size`)).toBe(`md`),expect(t.getAttribute(`data-active`)).toBe(`false`)}),it(`reflects isActive and a custom size`,()=>{let{container:e}=O(j(a,{children:j(p,{isActive:!0,size:`lg`,children:`Item`})})),t=e.querySelector(`[data-slot="sidebar-menu-button"]`);expect(t.getAttribute(`data-active`)).toBe(`true`),expect(t.getAttribute(`data-size`)).toBe(`lg`)}),it(`renders as the child element when asChild is set`,()=>{O(j(a,{children:j(p,{asChild:!0,children:j(`a`,{href:`#item`,children:`Item`})})})),expect(T.getByRole(`link`,{name:`Item`})).not.toBeNull()}),it(`renders without a tooltip wrapper when no tooltip is provided`,()=>{let{container:e}=O(j(a,{children:j(p,{children:`Item`})}));expect(e.querySelector(`[data-slot="tooltip-trigger"]`)).toBeNull()}),it(`wraps the button in a Tooltip when a string tooltip is provided`,()=>{let{baseElement:t}=O(j(e,{children:j(a,{defaultOpen:!1,children:j(p,{tooltip:`Item tooltip`,children:`Item`})})}));expect(t.querySelector(`[data-slot="tooltip-content"]`)).toBeNull(),D.focus(T.getByText(`Item`)),expect(t.querySelector(`[data-slot="tooltip-content"]`)?.textContent).toBe(`Item tooltip`)}),it(`accepts an object tooltip with custom content props`,()=>{let{baseElement:t}=O(j(e,{children:j(a,{defaultOpen:!1,children:j(p,{tooltip:{children:`Custom tooltip`,side:`bottom`},children:`Item`})})}));D.focus(T.getByText(`Item`));let n=t.querySelector(`[data-slot="tooltip-content"]`);expect(n?.textContent).toBe(`Custom tooltip`),expect(n?.getAttribute(`data-side`)).toBe(`bottom`)}),it(`hides the tooltip content while expanded and shows it while collapsed on desktop`,()=>{let{baseElement:n}=O(j(e,{children:M(a,{defaultOpen:!0,children:[j(p,{tooltip:`Item tooltip`,children:`Item`}),j(t,{})]})}));D.focus(T.getByText(`Item`));let r=n.querySelector(`[data-slot="tooltip-content"]`);expect(r.hidden).toBe(!0),D.click(T.getByRole(`button`,{name:`Toggle Sidebar`})),expect(r.hidden).toBe(!1)})}),describe(`SidebarMenuAction`,()=>{it(`renders as a button with the menu-action slot`,()=>{let{container:e}=O(j(c,{children:`Action`}));expect(e.querySelector(`[data-slot="sidebar-menu-action"]`)?.tagName).toBe(`BUTTON`)}),it(`applies the showOnHover classes when requested`,()=>{let{container:e}=O(j(c,{showOnHover:!0,children:`Action`})),t=e.querySelector(`[data-slot="sidebar-menu-action"]`);expect(t.className).toContain(`md:opacity-0`)}),it(`renders as the child element when asChild is set`,()=>{O(j(c,{asChild:!0,children:j(`a`,{href:`#action`,children:`Action`})})),expect(T.getByRole(`link`,{name:`Action`})).not.toBeNull()})}),describe(`SidebarMenuSkeleton`,()=>{it(`renders a text placeholder without an icon by default`,()=>{let{container:e}=O(j(l,{}));expect(e.querySelector(`[data-sidebar="menu-skeleton-icon"]`)).toBeNull(),expect(e.querySelector(`[data-sidebar="menu-skeleton-text"]`)).not.toBeNull()}),it(`renders an icon skeleton when showIcon is set`,()=>{let{container:e}=O(j(l,{showIcon:!0}));expect(e.querySelector(`[data-sidebar="menu-skeleton-icon"]`)).not.toBeNull()}),it(`assigns a random text width between 50% and 90%`,()=>{let{container:e}=O(j(l,{})),t=e.querySelector(`[data-sidebar="menu-skeleton-text"]`),n=Number(t.style.getPropertyValue(`--skeleton-width`).replace(`%`,``));expect(n).toBeGreaterThanOrEqual(50),expect(n).toBeLessThanOrEqual(90)})}),describe(`SidebarMenuSubButton`,()=>{it(`renders as an anchor by default with size and active data attributes`,()=>{let{container:e}=O(j(x,{href:`#sub`,children:`Sub item`})),t=e.querySelector(`[data-slot="sidebar-menu-sub-button"]`);expect(t.tagName).toBe(`A`),expect(t.getAttribute(`data-size`)).toBe(`md`),expect(t.getAttribute(`data-active`)).toBe(`false`)}),it(`reflects isActive and a custom size`,()=>{let{container:e}=O(j(x,{isActive:!0,size:`sm`,children:`Sub item`})),t=e.querySelector(`[data-slot="sidebar-menu-sub-button"]`);expect(t.getAttribute(`data-active`)).toBe(`true`),expect(t.getAttribute(`data-size`)).toBe(`sm`)}),it(`renders as the child element when asChild is set`,()=>{O(j(x,{asChild:!0,children:j(`button`,{type:`button`,children:`Sub item`})})),expect(T.getByRole(`button`,{name:`Sub item`})).not.toBeNull()})});
+//# sourceMappingURL=sidebar.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.spec.js","names":[],"sources":["../../src/components/sidebar.spec.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { act, fireEvent, render, renderHook, screen } from '@testing-library/react'\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar\n} from './sidebar'\nimport { TooltipProvider } from './tooltip'\n\n// jsdom does not implement ResizeObserver, which radix-ui's Popper-based Tooltip content\n// relies on for arrow sizing. Stub it so tooltip content can actually mount in tests.\nif (typeof globalThis.ResizeObserver === 'undefined') {\n  class ResizeObserverStub {\n    observe() {}\n    unobserve() {}\n    disconnect() {}\n  }\n\n  globalThis.ResizeObserver = ResizeObserverStub as unknown as typeof ResizeObserver\n}\n\nfunction clearSidebarCookie() {\n  // biome-ignore lint/suspicious/noDocumentCookie: Test helper resetting the cookie sidebar.tsx persists state to.\n  document.cookie = 'sidebar_state=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/'\n}\n\nfunction readSidebarCookie() {\n  return document.cookie\n    .split('; ')\n    .find((entry) => entry.startsWith('sidebar_state='))\n    ?.split('=')[1]\n}\n\nfunction SidebarStateProbe() {\n  const { state, open, isMobile, openMobile } = useSidebar()\n\n  return (\n    <div data-testid=\"probe\" data-state={state} data-open={open} data-mobile={isMobile} data-open-mobile={openMobile} />\n  )\n}\n\nbeforeEach(() => {\n  clearSidebarCookie()\n})\n\ndescribe('SidebarProvider', () => {\n  it('renders its children', () => {\n    render(\n      <SidebarProvider>\n        <div>sidebar content</div>\n      </SidebarProvider>\n    )\n\n    expect(screen.getByText('sidebar content')).not.toBeNull()\n  })\n\n  it('renders a wrapper exposing the sidebar css variables and merges custom style/className', () => {\n    const { container } = render(\n      <SidebarProvider className=\"custom-wrapper\" style={{ '--custom': '1px' } as React.CSSProperties}>\n        <div>content</div>\n      </SidebarProvider>\n    )\n\n    const wrapper = container.querySelector('[data-slot=\"sidebar-wrapper\"]') as HTMLElement\n\n    expect(wrapper).not.toBeNull()\n    expect(wrapper.className).toContain('custom-wrapper')\n    expect(wrapper.style.getPropertyValue('--sidebar-width')).toBe('16rem')\n    expect(wrapper.style.getPropertyValue('--sidebar-width-icon')).toBe('3rem')\n    expect(wrapper.style.getPropertyValue('--custom')).toBe('1px')\n  })\n\n  it('defaults to an expanded/open state', () => {\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n      </SidebarProvider>\n    )\n\n    const probe = screen.getByTestId('probe')\n\n    expect(probe.getAttribute('data-state')).toBe('expanded')\n    expect(probe.getAttribute('data-open')).toBe('true')\n  })\n\n  it('honors defaultOpen={false}', () => {\n    render(\n      <SidebarProvider defaultOpen={false}>\n        <SidebarStateProbe />\n      </SidebarProvider>\n    )\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n  })\n\n  it('toggles open state via the trigger and persists it to the sidebar_state cookie', () => {\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n        <SidebarTrigger />\n      </SidebarProvider>\n    )\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('expanded')\n\n    fireEvent.click(screen.getByRole('button'))\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n    expect(readSidebarCookie()).toBe('false')\n\n    fireEvent.click(screen.getByRole('button'))\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('expanded')\n    expect(readSidebarCookie()).toBe('true')\n  })\n\n  it('supports a controlled open state via open/onOpenChange', () => {\n    const onOpenChange = vi.fn()\n\n    function Controlled() {\n      const [open, setOpen] = React.useState(false)\n\n      return (\n        <SidebarProvider\n          open={open}\n          onOpenChange={(next) => {\n            setOpen(next)\n            onOpenChange(next)\n          }}\n        >\n          <SidebarStateProbe />\n          <SidebarTrigger />\n        </SidebarProvider>\n      )\n    }\n\n    render(<Controlled />)\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n\n    fireEvent.click(screen.getByRole('button'))\n\n    expect(onOpenChange).toHaveBeenCalledWith(true)\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('expanded')\n    expect(readSidebarCookie()).toBe('true')\n  })\n\n  it('toggles the sidebar with the Cmd/Ctrl+B keyboard shortcut', () => {\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n      </SidebarProvider>\n    )\n\n    fireEvent.keyDown(window, { key: 'b', metaKey: true })\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n\n    fireEvent.keyDown(window, { key: 'b', ctrlKey: true })\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('expanded')\n  })\n\n  it('ignores the shortcut key without a meta/ctrl modifier', () => {\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n      </SidebarProvider>\n    )\n\n    fireEvent.keyDown(window, { key: 'b' })\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('expanded')\n  })\n\n  it('reports isMobile from the current viewport width', () => {\n    setTestViewportWidth(500)\n\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n      </SidebarProvider>\n    )\n\n    const probe = screen.getByTestId('probe')\n\n    expect(probe.getAttribute('data-mobile')).toBe('true')\n    expect(probe.getAttribute('data-open-mobile')).toBe('false')\n  })\n\n  it('toggles openMobile instead of open on a mobile viewport, without writing the cookie', () => {\n    setTestViewportWidth(500)\n\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n        <SidebarTrigger />\n      </SidebarProvider>\n    )\n\n    fireEvent.click(screen.getByRole('button'))\n\n    const probe = screen.getByTestId('probe')\n\n    expect(probe.getAttribute('data-open-mobile')).toBe('true')\n    expect(probe.getAttribute('data-open')).toBe('true')\n    expect(readSidebarCookie()).toBeUndefined()\n  })\n})\n\ndescribe('useSidebar', () => {\n  it('throws when used outside of a SidebarProvider', () => {\n    expect(() => renderHook(() => useSidebar())).toThrow('useSidebar must be used within a SidebarProvider.')\n  })\n\n  it('exposes state, open, isMobile, openMobile and toggleSidebar to consumers', () => {\n    const { result } = renderHook(() => useSidebar(), {\n      wrapper: ({ children }) => <SidebarProvider>{children}</SidebarProvider>\n    })\n\n    expect(result.current.state).toBe('expanded')\n    expect(result.current.open).toBe(true)\n    expect(result.current.isMobile).toBe(false)\n    expect(result.current.openMobile).toBe(false)\n\n    act(() => {\n      result.current.toggleSidebar()\n    })\n\n    expect(result.current.open).toBe(false)\n    expect(result.current.state).toBe('collapsed')\n  })\n})\n\ndescribe('Sidebar', () => {\n  it('renders a plain wrapper when collapsible=\"none\"', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <Sidebar collapsible=\"none\">plain content</Sidebar>\n      </SidebarProvider>\n    )\n\n    const sidebar = container.querySelector('[data-slot=\"sidebar\"]') as HTMLElement\n\n    expect(sidebar).not.toBeNull()\n    expect(sidebar.className).toContain('w-(--sidebar-width)')\n    expect(sidebar.getAttribute('data-state')).toBeNull()\n    expect(screen.getByText('plain content')).not.toBeNull()\n  })\n\n  it('renders the desktop layout with gap/container/inner elements reflecting side/variant/state', () => {\n    const { container } = render(\n      <SidebarProvider defaultOpen={false}>\n        <Sidebar side=\"right\" variant=\"floating\" collapsible=\"icon\">\n          desktop content\n        </Sidebar>\n      </SidebarProvider>\n    )\n\n    const sidebar = container.querySelector('[data-slot=\"sidebar\"]') as HTMLElement\n\n    expect(sidebar.getAttribute('data-state')).toBe('collapsed')\n    expect(sidebar.getAttribute('data-collapsible')).toBe('icon')\n    expect(sidebar.getAttribute('data-variant')).toBe('floating')\n    expect(sidebar.getAttribute('data-side')).toBe('right')\n    expect(container.querySelector('[data-slot=\"sidebar-gap\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-container\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-inner\"]')).not.toBeNull()\n  })\n\n  it('clears data-collapsible while expanded', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <Sidebar collapsible=\"icon\">content</Sidebar>\n      </SidebarProvider>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar\"]')?.getAttribute('data-collapsible')).toBe('')\n  })\n\n  it('is not rendered on mobile until openMobile is toggled, then renders inside a Drawer', () => {\n    setTestViewportWidth(500)\n\n    const { container, baseElement } = render(\n      <SidebarProvider>\n        <Sidebar>\n          <span>mobile content</span>\n        </Sidebar>\n        <SidebarTrigger />\n      </SidebarProvider>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar\"]')).toBeNull()\n    expect(baseElement.querySelector('[data-slot=\"sidebar\"]')).toBeNull()\n\n    fireEvent.click(screen.getByRole('button'))\n\n    const mobileSidebar = baseElement.querySelector('[data-slot=\"sidebar\"]') as HTMLElement\n\n    expect(mobileSidebar).not.toBeNull()\n    expect(mobileSidebar.getAttribute('data-mobile')).toBe('true')\n    expect(screen.getByText('mobile content')).not.toBeNull()\n  })\n})\n\ndescribe('SidebarTrigger', () => {\n  it('renders with the sidebar-trigger slot and an accessible label', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <SidebarTrigger />\n      </SidebarProvider>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar-trigger\"]')).not.toBeNull()\n    expect(screen.getByRole('button', { name: 'Toggle Sidebar' })).not.toBeNull()\n  })\n\n  it('calls a provided onClick handler in addition to toggling the sidebar', () => {\n    const handleClick = vi.fn()\n\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n        <SidebarTrigger onClick={handleClick} />\n      </SidebarProvider>\n    )\n\n    fireEvent.click(screen.getByRole('button'))\n\n    expect(handleClick).toHaveBeenCalledTimes(1)\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n  })\n})\n\ndescribe('SidebarRail', () => {\n  it('renders a rail button with the expected slot, label and tabIndex', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <SidebarRail />\n      </SidebarProvider>\n    )\n\n    const rail = container.querySelector('[data-slot=\"sidebar-rail\"]') as HTMLElement\n\n    expect(rail).not.toBeNull()\n    expect(rail.getAttribute('aria-label')).toBe('Toggle Sidebar')\n    expect(rail.getAttribute('tabIndex')).toBe('-1')\n  })\n\n  it('toggles the sidebar when clicked', () => {\n    render(\n      <SidebarProvider>\n        <SidebarStateProbe />\n        <SidebarRail />\n      </SidebarProvider>\n    )\n\n    fireEvent.click(screen.getByTitle('Toggle Sidebar'))\n\n    expect(screen.getByTestId('probe').getAttribute('data-state')).toBe('collapsed')\n  })\n})\n\ndescribe('static layout subcomponents', () => {\n  it('renders SidebarInset as a main element', () => {\n    const { container } = render(<SidebarInset>inset content</SidebarInset>)\n\n    expect(container.querySelector('[data-slot=\"sidebar-inset\"]')?.tagName).toBe('MAIN')\n  })\n\n  it('renders SidebarInput as a styled text input', () => {\n    render(<SidebarInput placeholder=\"Search\" />)\n\n    const input = screen.getByPlaceholderText('Search')\n\n    expect(input.getAttribute('data-slot')).toBe('sidebar-input')\n    expect(input.className).toContain('h-8')\n  })\n\n  it('renders SidebarHeader, SidebarFooter, SidebarSeparator and SidebarContent with their slots', () => {\n    const { container } = render(\n      <>\n        <SidebarHeader>header</SidebarHeader>\n        <SidebarFooter>footer</SidebarFooter>\n        <SidebarSeparator />\n        <SidebarContent>content</SidebarContent>\n      </>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar-header\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-footer\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-separator\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-content\"]')).not.toBeNull()\n  })\n\n  it('renders SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuBadge, SidebarMenuSub and SidebarMenuSubItem with their slots', () => {\n    const { container } = render(\n      <SidebarGroup>\n        <SidebarGroupContent>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              item\n              <SidebarMenuBadge>1</SidebarMenuBadge>\n              <SidebarMenuSub>\n                <SidebarMenuSubItem>sub item</SidebarMenuSubItem>\n              </SidebarMenuSub>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarGroupContent>\n      </SidebarGroup>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar-group\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-group-content\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-menu\"]')?.tagName).toBe('UL')\n    expect(container.querySelector('[data-slot=\"sidebar-menu-item\"]')?.tagName).toBe('LI')\n    expect(container.querySelector('[data-slot=\"sidebar-menu-badge\"]')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"sidebar-menu-sub\"]')?.tagName).toBe('UL')\n    expect(container.querySelector('[data-slot=\"sidebar-menu-sub-item\"]')?.tagName).toBe('LI')\n  })\n})\n\ndescribe('SidebarGroupLabel', () => {\n  it('renders as a div by default', () => {\n    const { container } = render(<SidebarGroupLabel>Label</SidebarGroupLabel>)\n\n    expect(container.querySelector('[data-slot=\"sidebar-group-label\"]')?.tagName).toBe('DIV')\n  })\n\n  it('renders as the child element when asChild is set', () => {\n    const { container } = render(\n      <SidebarGroupLabel asChild>\n        <span>Label</span>\n      </SidebarGroupLabel>\n    )\n\n    expect(container.querySelector('[data-slot=\"sidebar-group-label\"]')?.tagName).toBe('SPAN')\n  })\n})\n\ndescribe('SidebarGroupAction', () => {\n  it('renders as a button by default', () => {\n    const { container } = render(<SidebarGroupAction>Add</SidebarGroupAction>)\n\n    expect(container.querySelector('[data-slot=\"sidebar-group-action\"]')?.tagName).toBe('BUTTON')\n  })\n\n  it('renders as the child element when asChild is set and forwards click handlers', () => {\n    const handleClick = vi.fn()\n\n    render(\n      <SidebarGroupAction asChild onClick={handleClick}>\n        <a href=\"#action\">Add</a>\n      </SidebarGroupAction>\n    )\n\n    const action = screen.getByText('Add')\n\n    expect(action.tagName).toBe('A')\n\n    fireEvent.click(action)\n\n    expect(handleClick).toHaveBeenCalledTimes(1)\n  })\n})\n\ndescribe('SidebarMenuButton', () => {\n  it('renders default size/active data attributes', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <SidebarMenuButton>Item</SidebarMenuButton>\n      </SidebarProvider>\n    )\n\n    const button = container.querySelector('[data-slot=\"sidebar-menu-button\"]') as HTMLElement\n\n    expect(button.getAttribute('data-size')).toBe('md')\n    expect(button.getAttribute('data-active')).toBe('false')\n  })\n\n  it('reflects isActive and a custom size', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <SidebarMenuButton isActive size=\"lg\">\n          Item\n        </SidebarMenuButton>\n      </SidebarProvider>\n    )\n\n    const button = container.querySelector('[data-slot=\"sidebar-menu-button\"]') as HTMLElement\n\n    expect(button.getAttribute('data-active')).toBe('true')\n    expect(button.getAttribute('data-size')).toBe('lg')\n  })\n\n  it('renders as the child element when asChild is set', () => {\n    render(\n      <SidebarProvider>\n        <SidebarMenuButton asChild>\n          <a href=\"#item\">Item</a>\n        </SidebarMenuButton>\n      </SidebarProvider>\n    )\n\n    expect(screen.getByRole('link', { name: 'Item' })).not.toBeNull()\n  })\n\n  it('renders without a tooltip wrapper when no tooltip is provided', () => {\n    const { container } = render(\n      <SidebarProvider>\n        <SidebarMenuButton>Item</SidebarMenuButton>\n      </SidebarProvider>\n    )\n\n    expect(container.querySelector('[data-slot=\"tooltip-trigger\"]')).toBeNull()\n  })\n\n  it('wraps the button in a Tooltip when a string tooltip is provided', () => {\n    const { baseElement } = render(\n      <TooltipProvider>\n        <SidebarProvider defaultOpen={false}>\n          <SidebarMenuButton tooltip=\"Item tooltip\">Item</SidebarMenuButton>\n        </SidebarProvider>\n      </TooltipProvider>\n    )\n\n    expect(baseElement.querySelector('[data-slot=\"tooltip-content\"]')).toBeNull()\n\n    fireEvent.focus(screen.getByText('Item'))\n\n    expect(baseElement.querySelector('[data-slot=\"tooltip-content\"]')?.textContent).toBe('Item tooltip')\n  })\n\n  it('accepts an object tooltip with custom content props', () => {\n    const { baseElement } = render(\n      <TooltipProvider>\n        <SidebarProvider defaultOpen={false}>\n          <SidebarMenuButton tooltip={{ children: 'Custom tooltip', side: 'bottom' }}>Item</SidebarMenuButton>\n        </SidebarProvider>\n      </TooltipProvider>\n    )\n\n    fireEvent.focus(screen.getByText('Item'))\n\n    const tooltip = baseElement.querySelector('[data-slot=\"tooltip-content\"]')\n\n    expect(tooltip?.textContent).toBe('Custom tooltip')\n    expect(tooltip?.getAttribute('data-side')).toBe('bottom')\n  })\n\n  it('hides the tooltip content while expanded and shows it while collapsed on desktop', () => {\n    const { baseElement } = render(\n      <TooltipProvider>\n        <SidebarProvider defaultOpen>\n          <SidebarMenuButton tooltip=\"Item tooltip\">Item</SidebarMenuButton>\n          <SidebarTrigger />\n        </SidebarProvider>\n      </TooltipProvider>\n    )\n\n    fireEvent.focus(screen.getByText('Item'))\n\n    const tooltip = baseElement.querySelector('[data-slot=\"tooltip-content\"]') as HTMLElement\n\n    expect(tooltip.hidden).toBe(true)\n\n    fireEvent.click(screen.getByRole('button', { name: 'Toggle Sidebar' }))\n\n    expect(tooltip.hidden).toBe(false)\n  })\n})\n\ndescribe('SidebarMenuAction', () => {\n  it('renders as a button with the menu-action slot', () => {\n    const { container } = render(<SidebarMenuAction>Action</SidebarMenuAction>)\n\n    expect(container.querySelector('[data-slot=\"sidebar-menu-action\"]')?.tagName).toBe('BUTTON')\n  })\n\n  it('applies the showOnHover classes when requested', () => {\n    const { container } = render(<SidebarMenuAction showOnHover>Action</SidebarMenuAction>)\n\n    const action = container.querySelector('[data-slot=\"sidebar-menu-action\"]') as HTMLElement\n\n    expect(action.className).toContain('md:opacity-0')\n  })\n\n  it('renders as the child element when asChild is set', () => {\n    render(\n      <SidebarMenuAction asChild>\n        <a href=\"#action\">Action</a>\n      </SidebarMenuAction>\n    )\n\n    expect(screen.getByRole('link', { name: 'Action' })).not.toBeNull()\n  })\n})\n\ndescribe('SidebarMenuSkeleton', () => {\n  it('renders a text placeholder without an icon by default', () => {\n    const { container } = render(<SidebarMenuSkeleton />)\n\n    expect(container.querySelector('[data-sidebar=\"menu-skeleton-icon\"]')).toBeNull()\n    expect(container.querySelector('[data-sidebar=\"menu-skeleton-text\"]')).not.toBeNull()\n  })\n\n  it('renders an icon skeleton when showIcon is set', () => {\n    const { container } = render(<SidebarMenuSkeleton showIcon />)\n\n    expect(container.querySelector('[data-sidebar=\"menu-skeleton-icon\"]')).not.toBeNull()\n  })\n\n  it('assigns a random text width between 50% and 90%', () => {\n    const { container } = render(<SidebarMenuSkeleton />)\n\n    const text = container.querySelector('[data-sidebar=\"menu-skeleton-text\"]') as HTMLElement\n    const width = Number(text.style.getPropertyValue('--skeleton-width').replace('%', ''))\n\n    expect(width).toBeGreaterThanOrEqual(50)\n    expect(width).toBeLessThanOrEqual(90)\n  })\n})\n\ndescribe('SidebarMenuSubButton', () => {\n  it('renders as an anchor by default with size and active data attributes', () => {\n    const { container } = render(<SidebarMenuSubButton href=\"#sub\">Sub item</SidebarMenuSubButton>)\n\n    const button = container.querySelector('[data-slot=\"sidebar-menu-sub-button\"]') as HTMLElement\n\n    expect(button.tagName).toBe('A')\n    expect(button.getAttribute('data-size')).toBe('md')\n    expect(button.getAttribute('data-active')).toBe('false')\n  })\n\n  it('reflects isActive and a custom size', () => {\n    const { container } = render(\n      <SidebarMenuSubButton isActive size=\"sm\">\n        Sub item\n      </SidebarMenuSubButton>\n    )\n\n    const button = container.querySelector('[data-slot=\"sidebar-menu-sub-button\"]') as HTMLElement\n\n    expect(button.getAttribute('data-active')).toBe('true')\n    expect(button.getAttribute('data-size')).toBe('sm')\n  })\n\n  it('renders as the child element when asChild is set', () => {\n    render(\n      <SidebarMenuSubButton asChild>\n        <button type=\"button\">Sub item</button>\n      </SidebarMenuSubButton>\n    )\n\n    expect(screen.getByRole('button', { name: 'Sub item' })).not.toBeNull()\n  })\n})\n"],"mappings":"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"}

package/dist/components/simple-grid.d.ts

@@ -1,14 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import * as React from "react";
-//#region src/components/simple-grid.d.ts
-type SimpleGridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type SimpleGridProps = React.ComponentProps<'div'> & {
-  cols?: number;
-  gap?: SimpleGridSpacing;
-  rowGap?: SimpleGridSpacing;
-  columnGap?: SimpleGridSpacing;
-};
-declare function SimpleGrid({ className, cols, gap, rowGap, columnGap, style, ...props }: SimpleGridProps): React.JSX.Element;
-//#endregion
-export { SimpleGrid, SimpleGridProps };
-//# sourceMappingURL=simple-grid.d.ts.map
+import { n as SimpleGridProps, t as SimpleGrid } from "../simple-grid-B2zjpwZ3.js";
+export { SimpleGrid, SimpleGridProps };

package/dist/components/simple-grid.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";const n={xs:1,sm:2,md:4,lg:6,xl:8};function toSpacingValue(e){return`calc(var(--spacing) * ${n[e]})`}function SimpleGrid({className:n,cols:r=1,gap:i,rowGap:a,columnGap:o,style:s,...c}){return t(`div`,{"data-slot":`simple-grid`,className:e(`grid min-w-0`,`[grid-template-columns:repeat(var(--simple-grid-cols),minmax(0,1fr))]`,`gap-[var(--simple-grid-gap)] gap-y-[var(--simple-grid-row-gap)] gap-x-[var(--simple-grid-column-gap)]`,n),style:{"--simple-grid-cols":r,"--simple-grid-gap":i?toSpacingValue(i):`0px`,"--simple-grid-row-gap":a?toSpacingValue(a):`var(--simple-grid-gap)`,"--simple-grid-column-gap":o?toSpacingValue(o):`var(--simple-grid-gap)`,...s},...c})}export{SimpleGrid};
-//# sourceMappingURL=simple-grid.js.map
+import{t as e}from"../simple-grid-9EryoUWI.js";export{e as SimpleGrid};

package/dist/components/simple-grid.spec.d.ts

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

package/dist/components/simple-grid.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../simple-grid-9EryoUWI.js";import{r as t}from"../react.esm-BkhVXJ8s.js";import{jsx as n}from"react/jsx-runtime";describe(`SimpleGrid`,()=>{it(`renders with data-slot, base grid classes and a single default column`,()=>{let{container:r}=t(n(e,{})),i=r.querySelector(`[data-slot="simple-grid"]`);expect(i).not.toBeNull(),expect(i.className).toContain(`grid`),expect(i.className).toContain(`min-w-0`),expect(i.style.getPropertyValue(`--simple-grid-cols`)).toBe(`1`),expect(i.style.getPropertyValue(`--simple-grid-gap`)).toBe(`0px`)}),it(`sets the cols and gap css variables from the cols and gap props`,()=>{let{container:r}=t(n(e,{cols:3,gap:`lg`})),i=r.querySelector(`[data-slot="simple-grid"]`);expect(i.style.getPropertyValue(`--simple-grid-cols`)).toBe(`3`),expect(i.style.getPropertyValue(`--simple-grid-gap`)).toBe(`calc(var(--spacing) * 6)`),expect(i.style.getPropertyValue(`--simple-grid-row-gap`)).toBe(`var(--simple-grid-gap)`),expect(i.style.getPropertyValue(`--simple-grid-column-gap`)).toBe(`var(--simple-grid-gap)`)}),it(`overrides row and column gaps independently from gap`,()=>{let{container:r}=t(n(e,{gap:`sm`,rowGap:`xl`,columnGap:`xs`})),i=r.querySelector(`[data-slot="simple-grid"]`);expect(i.style.getPropertyValue(`--simple-grid-gap`)).toBe(`calc(var(--spacing) * 2)`),expect(i.style.getPropertyValue(`--simple-grid-row-gap`)).toBe(`calc(var(--spacing) * 8)`),expect(i.style.getPropertyValue(`--simple-grid-column-gap`)).toBe(`calc(var(--spacing) * 1)`)}),it(`merges a custom className with the base classes`,()=>{let{container:r}=t(n(e,{className:`custom-grid`}));expect(r.querySelector(`[data-slot="simple-grid"]`)?.className).toContain(`custom-grid`)}),it(`forwards ref to the underlying div element`,()=>{let r={current:null};t(n(e,{ref:r})),expect(r.current).toBeInstanceOf(HTMLDivElement)})});
+//# sourceMappingURL=simple-grid.spec.js.map

package/dist/components/simple-grid.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-grid.spec.js","names":[],"sources":["../../src/components/simple-grid.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react'\n\nimport { SimpleGrid } from './simple-grid'\n\ndescribe('SimpleGrid', () => {\n  it('renders with data-slot, base grid classes and a single default column', () => {\n    const { container } = render(<SimpleGrid />)\n\n    const grid = container.querySelector('[data-slot=\"simple-grid\"]') as HTMLElement\n\n    expect(grid).not.toBeNull()\n    expect(grid.className).toContain('grid')\n    expect(grid.className).toContain('min-w-0')\n    expect(grid.style.getPropertyValue('--simple-grid-cols')).toBe('1')\n    expect(grid.style.getPropertyValue('--simple-grid-gap')).toBe('0px')\n  })\n\n  it('sets the cols and gap css variables from the cols and gap props', () => {\n    const { container } = render(<SimpleGrid cols={3} gap=\"lg\" />)\n\n    const grid = container.querySelector('[data-slot=\"simple-grid\"]') as HTMLElement\n\n    expect(grid.style.getPropertyValue('--simple-grid-cols')).toBe('3')\n    expect(grid.style.getPropertyValue('--simple-grid-gap')).toBe('calc(var(--spacing) * 6)')\n    expect(grid.style.getPropertyValue('--simple-grid-row-gap')).toBe('var(--simple-grid-gap)')\n    expect(grid.style.getPropertyValue('--simple-grid-column-gap')).toBe('var(--simple-grid-gap)')\n  })\n\n  it('overrides row and column gaps independently from gap', () => {\n    const { container } = render(<SimpleGrid gap=\"sm\" rowGap=\"xl\" columnGap=\"xs\" />)\n\n    const grid = container.querySelector('[data-slot=\"simple-grid\"]') as HTMLElement\n\n    expect(grid.style.getPropertyValue('--simple-grid-gap')).toBe('calc(var(--spacing) * 2)')\n    expect(grid.style.getPropertyValue('--simple-grid-row-gap')).toBe('calc(var(--spacing) * 8)')\n    expect(grid.style.getPropertyValue('--simple-grid-column-gap')).toBe('calc(var(--spacing) * 1)')\n  })\n\n  it('merges a custom className with the base classes', () => {\n    const { container } = render(<SimpleGrid className=\"custom-grid\" />)\n\n    expect(container.querySelector('[data-slot=\"simple-grid\"]')?.className).toContain('custom-grid')\n  })\n\n  it('forwards ref to the underlying div element', () => {\n    const ref = { current: null as HTMLDivElement | null }\n\n    render(<SimpleGrid ref={ref} />)\n\n    expect(ref.current).toBeInstanceOf(HTMLDivElement)\n  })\n})\n"],"mappings":"4KAIA,SAAS,iBAAoB,CAC3B,GAAG,4EAA+E,CAChF,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAa,CAAA,CAAC,EAErC,EAAO,EAAU,cAAc,2BAA2B,EAEhE,OAAO,CAAI,CAAC,CAAC,IAAI,SAAS,EAC1B,OAAO,EAAK,SAAS,CAAC,CAAC,UAAU,MAAM,EACvC,OAAO,EAAK,SAAS,CAAC,CAAC,UAAU,SAAS,EAC1C,OAAO,EAAK,MAAM,iBAAiB,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,EAClE,OAAO,EAAK,MAAM,iBAAiB,mBAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,CACrE,CAAC,EAED,GAAG,sEAAyE,CAC1E,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAY,KAAM,EAAG,IAAI,IAAM,CAAA,CAAC,EAEvD,EAAO,EAAU,cAAc,2BAA2B,EAEhE,OAAO,EAAK,MAAM,iBAAiB,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,EAClE,OAAO,EAAK,MAAM,iBAAiB,mBAAmB,CAAC,CAAC,CAAC,KAAK,0BAA0B,EACxF,OAAO,EAAK,MAAM,iBAAiB,uBAAuB,CAAC,CAAC,CAAC,KAAK,wBAAwB,EAC1F,OAAO,EAAK,MAAM,iBAAiB,0BAA0B,CAAC,CAAC,CAAC,KAAK,wBAAwB,CAC/F,CAAC,EAED,GAAG,2DAA8D,CAC/D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAY,IAAI,KAAK,OAAO,KAAK,UAAU,IAAM,CAAA,CAAC,EAEzE,EAAO,EAAU,cAAc,2BAA2B,EAEhE,OAAO,EAAK,MAAM,iBAAiB,mBAAmB,CAAC,CAAC,CAAC,KAAK,0BAA0B,EACxF,OAAO,EAAK,MAAM,iBAAiB,uBAAuB,CAAC,CAAC,CAAC,KAAK,0BAA0B,EAC5F,OAAO,EAAK,MAAM,iBAAiB,0BAA0B,CAAC,CAAC,CAAC,KAAK,0BAA0B,CACjG,CAAC,EAED,GAAG,sDAAyD,CAC1D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAY,UAAU,aAAe,CAAA,CAAC,EAEnE,OAAO,EAAU,cAAc,2BAA2B,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,aAAa,CACjG,CAAC,EAED,GAAG,iDAAoD,CACrD,IAAM,EAAM,CAAE,QAAS,IAA8B,EAErD,EAAO,EAAC,EAAD,CAAiB,KAAM,CAAA,CAAC,EAE/B,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,cAAc,CACnD,CAAC,CACH,CAAC"}

package/dist/components/skeleton.d.ts

@@ -1,10 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import * as React from "react";
-//#region src/components/skeleton.d.ts
-type SkeletonProps = React.ComponentProps<'div'> & {
-  visible?: boolean;
-};
-declare function Skeleton({ className, children, visible, ...props }: SkeletonProps): React.JSX.Element;
-//#endregion
-export { Skeleton, SkeletonProps };
-//# sourceMappingURL=skeleton.d.ts.map
+import { n as SkeletonProps, t as Skeleton } from "../skeleton-Co8pevj-.js";
+export { Skeleton, SkeletonProps };

package/dist/components/skeleton.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";function Skeleton({className:r,children:i,visible:a=!0,...o}){return i==null?t(`div`,{"data-slot":`skeleton`,className:e(`bg-muted rounded-md animate-pulse`,r),...o}):n(`div`,{"data-slot":`skeleton`,"aria-busy":a||void 0,className:e(`relative rounded-md`,r),...o,children:[t(`div`,{"data-slot":`skeleton-content`,className:e(a&&`invisible`),"aria-hidden":a||void 0,children:i}),a&&t(`div`,{"data-slot":`skeleton-overlay`,"aria-hidden":`true`,className:`pointer-events-none absolute inset-0 rounded-[inherit] bg-muted animate-pulse`})]})}export{Skeleton};
-//# sourceMappingURL=skeleton.js.map
+import{t as e}from"../skeleton-Cn3zBJRe.js";export{e as Skeleton};

package/dist/components/skeleton.spec.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{Skeleton as e}from"./skeleton.js";import{a as t,r as n}from"../react.esm-D5AipFQb.js";import{jsx as r}from"react/jsx-runtime";describe(`Skeleton`,()=>{it(`renders the legacy placeholder when children are not provided`,()=>{let{container:t}=n(r(e,{className:`h-4 w-48`})),i=t.querySelector(`[data-slot="skeleton"]`);expect(i).not.toBeNull(),expect(i?.className).toContain(`bg-muted`),expect(i?.className).toContain(`animate-pulse`),expect(i?.className).toContain(`h-4`),expect(t.querySelector(`[data-slot="skeleton-overlay"]`)).toBeNull()}),it(`keeps children in the DOM and renders an overlay when visible`,()=>{let{container:i}=n(r(e,{visible:!0,children:r(`button`,{type:`button`,children:`Save changes`})})),a=i.querySelector(`[data-slot="skeleton-content"]`),o=i.querySelector(`[data-slot="skeleton-overlay"]`);expect(t.getByRole(`button`,{hidden:!0,name:`Save changes`})).not.toBeNull(),expect(a?.className).toContain(`invisible`),expect(a?.getAttribute(`aria-hidden`)).toBe(`true`),expect(o).not.toBeNull(),expect(o?.className).toContain(`absolute`),expect(o?.className).toContain(`inset-0`)}),it(`shows children and does not render an overlay when hidden`,()=>{let{container:i}=n(r(e,{visible:!1,children:r(`button`,{type:`button`,children:`Save changes`})})),a=i.querySelector(`[data-slot="skeleton-content"]`);expect(t.getByRole(`button`,{name:`Save changes`})).not.toBeNull(),expect(a?.className).not.toContain(`invisible`),expect(a?.getAttribute(`aria-hidden`)).toBeNull(),expect(i.querySelector(`[data-slot="skeleton-overlay"]`)).toBeNull()})});
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../skeleton-Cn3zBJRe.js";import{a as t,r as n}from"../react.esm-BkhVXJ8s.js";import{jsx as r}from"react/jsx-runtime";describe(`Skeleton`,()=>{it(`renders the legacy placeholder when children are not provided`,()=>{let{container:t}=n(r(e,{className:`h-4 w-48`})),i=t.querySelector(`[data-slot="skeleton"]`);expect(i).not.toBeNull(),expect(i?.className).toContain(`bg-muted`),expect(i?.className).toContain(`animate-pulse`),expect(i?.className).toContain(`h-4`),expect(t.querySelector(`[data-slot="skeleton-overlay"]`)).toBeNull()}),it(`keeps children in the DOM and renders an overlay when visible`,()=>{let{container:i}=n(r(e,{visible:!0,children:r(`button`,{type:`button`,children:`Save changes`})})),a=i.querySelector(`[data-slot="skeleton-content"]`),o=i.querySelector(`[data-slot="skeleton-overlay"]`);expect(t.getByRole(`button`,{hidden:!0,name:`Save changes`})).not.toBeNull(),expect(a?.className).toContain(`invisible`),expect(a?.getAttribute(`aria-hidden`)).toBe(`true`),expect(o).not.toBeNull(),expect(o?.className).toContain(`absolute`),expect(o?.className).toContain(`inset-0`)}),it(`shows children and does not render an overlay when hidden`,()=>{let{container:i}=n(r(e,{visible:!1,children:r(`button`,{type:`button`,children:`Save changes`})})),a=i.querySelector(`[data-slot="skeleton-content"]`);expect(t.getByRole(`button`,{name:`Save changes`})).not.toBeNull(),expect(a?.className).not.toContain(`invisible`),expect(a?.getAttribute(`aria-hidden`)).toBeNull(),expect(i.querySelector(`[data-slot="skeleton-overlay"]`)).toBeNull()})});
 //# sourceMappingURL=skeleton.spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.spec.js","names":[],"sources":["../../src/components/skeleton.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { Skeleton } from './skeleton'\n\ndescribe('Skeleton', () => {\n  it('renders the legacy placeholder when children are not provided', () => {\n    const { container } = render(<Skeleton className=\"h-4 w-48\" />)\n\n    const skeleton = container.querySelector('[data-slot=\"skeleton\"]')\n\n    expect(skeleton).not.toBeNull()\n    expect(skeleton?.className).toContain('bg-muted')\n    expect(skeleton?.className).toContain('animate-pulse')\n    expect(skeleton?.className).toContain('h-4')\n    expect(container.querySelector('[data-slot=\"skeleton-overlay\"]')).toBeNull()\n  })\n\n  it('keeps children in the DOM and renders an overlay when visible', () => {\n    const { container } = render(\n      <Skeleton visible>\n        <button type=\"button\">Save changes</button>\n      </Skeleton>\n    )\n\n    const content = container.querySelector('[data-slot=\"skeleton-content\"]')\n    const overlay = container.querySelector('[data-slot=\"skeleton-overlay\"]')\n\n    expect(screen.getByRole('button', { hidden: true, name: 'Save changes' })).not.toBeNull()\n    expect(content?.className).toContain('invisible')\n    expect(content?.getAttribute('aria-hidden')).toBe('true')\n    expect(overlay).not.toBeNull()\n    expect(overlay?.className).toContain('absolute')\n    expect(overlay?.className).toContain('inset-0')\n  })\n\n  it('shows children and does not render an overlay when hidden', () => {\n    const { container } = render(\n      <Skeleton visible={false}>\n        <button type=\"button\">Save changes</button>\n      </Skeleton>\n    )\n\n    const content = container.querySelector('[data-slot=\"skeleton-content\"]')\n\n    expect(screen.getByRole('button', { name: 'Save changes' })).not.toBeNull()\n    expect(content?.className).not.toContain('invisible')\n    expect(content?.getAttribute('aria-hidden')).toBeNull()\n    expect(container.querySelector('[data-slot=\"skeleton-overlay\"]')).toBeNull()\n  })\n})\n"],"mappings":"6KAIA,SAAS,eAAkB,CACzB,GAAG,oEAAuE,CACxE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAU,UAAU,UAAY,CAAA,CAAC,EAExD,EAAW,EAAU,cAAc,wBAAwB,EAEjE,OAAO,CAAQ,CAAC,CAAC,IAAI,SAAS,EAC9B,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,UAAU,EAChD,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,eAAe,EACrD,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,KAAK,EAC3C,OAAO,EAAU,cAAc,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAC7E,CAAC,EAED,GAAG,oEAAuE,CACxE,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAU,QAAA,GACR,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,cAAoB,CAAA,CAClC,CAAA,CACZ,EAEM,EAAU,EAAU,cAAc,gCAAgC,EAClE,EAAU,EAAU,cAAc,gCAAgC,EAExE,OAAO,EAAO,UAAU,SAAU,CAAE,OAAQ,GAAM,KAAM,cAAe,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EACxF,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,WAAW,EAChD,OAAO,GAAS,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,MAAM,EACxD,OAAO,CAAO,CAAC,CAAC,IAAI,SAAS,EAC7B,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,UAAU,EAC/C,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,SAAS,CAChD,CAAC,EAED,GAAG,gEAAmE,CACpE,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAU,QAAS,GACjB,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,cAAoB,CAAA,CAClC,CAAA,CACZ,EAEM,EAAU,EAAU,cAAc,gCAAgC,EAExE,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,cAAe,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAC1E,OAAO,GAAS,SAAS,CAAC,CAAC,IAAI,UAAU,WAAW,EACpD,OAAO,GAAS,aAAa,aAAa,CAAC,CAAC,CAAC,SAAS,EACtD,OAAO,EAAU,cAAc,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAC7E,CAAC,CACH,CAAC"}
+{"version":3,"file":"skeleton.spec.js","names":[],"sources":["../../src/components/skeleton.spec.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react'\n\nimport { Skeleton } from './skeleton'\n\ndescribe('Skeleton', () => {\n  it('renders the legacy placeholder when children are not provided', () => {\n    const { container } = render(<Skeleton className=\"h-4 w-48\" />)\n\n    const skeleton = container.querySelector('[data-slot=\"skeleton\"]')\n\n    expect(skeleton).not.toBeNull()\n    expect(skeleton?.className).toContain('bg-muted')\n    expect(skeleton?.className).toContain('animate-pulse')\n    expect(skeleton?.className).toContain('h-4')\n    expect(container.querySelector('[data-slot=\"skeleton-overlay\"]')).toBeNull()\n  })\n\n  it('keeps children in the DOM and renders an overlay when visible', () => {\n    const { container } = render(\n      <Skeleton visible>\n        <button type=\"button\">Save changes</button>\n      </Skeleton>\n    )\n\n    const content = container.querySelector('[data-slot=\"skeleton-content\"]')\n    const overlay = container.querySelector('[data-slot=\"skeleton-overlay\"]')\n\n    expect(screen.getByRole('button', { hidden: true, name: 'Save changes' })).not.toBeNull()\n    expect(content?.className).toContain('invisible')\n    expect(content?.getAttribute('aria-hidden')).toBe('true')\n    expect(overlay).not.toBeNull()\n    expect(overlay?.className).toContain('absolute')\n    expect(overlay?.className).toContain('inset-0')\n  })\n\n  it('shows children and does not render an overlay when hidden', () => {\n    const { container } = render(\n      <Skeleton visible={false}>\n        <button type=\"button\">Save changes</button>\n      </Skeleton>\n    )\n\n    const content = container.querySelector('[data-slot=\"skeleton-content\"]')\n\n    expect(screen.getByRole('button', { name: 'Save changes' })).not.toBeNull()\n    expect(content?.className).not.toContain('invisible')\n    expect(content?.getAttribute('aria-hidden')).toBeNull()\n    expect(container.querySelector('[data-slot=\"skeleton-overlay\"]')).toBeNull()\n  })\n})\n"],"mappings":"gLAIA,SAAS,eAAkB,CACzB,GAAG,oEAAuE,CACxE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAU,UAAU,UAAY,CAAA,CAAC,EAExD,EAAW,EAAU,cAAc,wBAAwB,EAEjE,OAAO,CAAQ,CAAC,CAAC,IAAI,SAAS,EAC9B,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,UAAU,EAChD,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,eAAe,EACrD,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,KAAK,EAC3C,OAAO,EAAU,cAAc,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAC7E,CAAC,EAED,GAAG,oEAAuE,CACxE,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAU,QAAA,GACR,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,cAAoB,CAAA,CAClC,CAAA,CACZ,EAEM,EAAU,EAAU,cAAc,gCAAgC,EAClE,EAAU,EAAU,cAAc,gCAAgC,EAExE,OAAO,EAAO,UAAU,SAAU,CAAE,OAAQ,GAAM,KAAM,cAAe,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EACxF,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,WAAW,EAChD,OAAO,GAAS,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,MAAM,EACxD,OAAO,CAAO,CAAC,CAAC,IAAI,SAAS,EAC7B,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,UAAU,EAC/C,OAAO,GAAS,SAAS,CAAC,CAAC,UAAU,SAAS,CAChD,CAAC,EAED,GAAG,gEAAmE,CACpE,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAU,QAAS,GACjB,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,cAAoB,CAAA,CAClC,CAAA,CACZ,EAEM,EAAU,EAAU,cAAc,gCAAgC,EAExE,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,cAAe,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAC1E,OAAO,GAAS,SAAS,CAAC,CAAC,IAAI,UAAU,WAAW,EACpD,OAAO,GAAS,aAAa,aAAa,CAAC,CAAC,CAAC,SAAS,EACtD,OAAO,EAAU,cAAc,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAC7E,CAAC,CACH,CAAC"}

package/dist/components/slider.d.ts

@@ -1,9 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Slider as Slider$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/slider.d.ts
-type SliderProps = React.ComponentProps<typeof Slider$1.Root>;
-declare function Slider({ className, defaultValue, id, value, min, max, ...props }: SliderProps): React.JSX.Element;
-//#endregion
-export { Slider, SliderProps };
-//# sourceMappingURL=slider.d.ts.map
+import { n as SliderProps, t as Slider } from "../slider-DmZ1YfLg.js";
+export { Slider, SliderProps };

package/dist/components/slider.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{useFieldControlId as t}from"./field.js";import{Slider as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"react";function Slider({className:o,defaultValue:s,id:c,value:l,min:u=0,max:d=100,...f}){let p=t(c),m=a.useMemo(()=>Array.isArray(l)?l:Array.isArray(s)?s:[u,d],[l,s,u,d]);return i(n.Root,{id:p,"data-slot":`slider`,defaultValue:s,value:l,min:u,max:d,className:e(`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col`,o),...f,children:[r(n.Track,{"data-slot":`slider-track`,className:e(`relative grow overflow-hidden rounded-full bg-muted`,`data-horizontal:h-1 data-horizontal:w-full`,`data-vertical:h-full data-vertical:w-1`),children:r(n.Range,{"data-slot":`slider-range`,className:`absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full`})}),m.map((t,i)=>r(n.Thumb,{"data-slot":`slider-thumb`,className:e(`relative block size-3 shrink-0 rounded-full border border-ring bg-white dark:bg-primary ring-ring/50`,`transition-[color,box-shadow] select-none after:absolute after:-inset-2`,`hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3`,`disabled:pointer-events-none disabled:opacity-50`)},String(i)))]})}export{Slider};
-//# sourceMappingURL=slider.js.map
+import{t as e}from"../slider-CC-gQawq.js";export{e as Slider};

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

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

package/dist/components/slider.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{o as e,t}from"../field-DzR-XrO7.js";import{t as n}from"../slider-CC-gQawq.js";import{r}from"../react.esm-BkhVXJ8s.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var ResizeObserverStub=class{observe(){}unobserve(){}disconnect(){}};globalThis.ResizeObserver=ResizeObserverStub,describe(`Slider`,()=>{it(`renders the track, range and one thumb per default min/max value`,()=>{let{container:e}=r(i(n,{}));expect(e.querySelector(`[data-slot="slider"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="slider-track"]`)).not.toBeNull(),expect(e.querySelector(`[data-slot="slider-range"]`)).not.toBeNull(),expect(e.querySelectorAll(`[data-slot="slider-thumb"]`)).toHaveLength(2)}),it(`renders a single thumb when defaultValue has one value`,()=>{let{container:e}=r(i(n,{defaultValue:[40]}));expect(e.querySelectorAll(`[data-slot="slider-thumb"]`)).toHaveLength(1)}),it(`renders one thumb per value when the value prop is controlled`,()=>{let{container:e}=r(i(n,{value:[10,50,90],onValueChange:()=>{}}));expect(e.querySelectorAll(`[data-slot="slider-thumb"]`)).toHaveLength(3)}),it(`assigns an explicit id to the root element`,()=>{let{container:e}=r(i(n,{id:`volume`}));expect(e.querySelector(`[data-slot="slider"]`)?.getAttribute(`id`)).toBe(`volume`)}),it(`wires the field control id when rendered inside Field`,()=>{let{container:o}=r(a(t,{children:[i(e,{children:`Volume`}),i(n,{})]})),s=o.querySelector(`[data-slot="field-label"]`),c=o.querySelector(`[data-slot="slider"]`);expect(s?.getAttribute(`for`)).toBe(c?.getAttribute(`id`)),expect(c?.getAttribute(`id`)).toBeTruthy()}),it(`merges a custom className onto the root`,()=>{let{container:e}=r(i(n,{className:`custom-slider`}));expect(e.querySelector(`[data-slot="slider"]`)?.className).toContain(`custom-slider`)})});
+//# sourceMappingURL=slider.spec.js.map