@uselets/ui 1.16.1 → 1.17.0

package/dist/components/text.d.ts

@@ -1,14 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/text.d.ts
-declare const textVariants: (props?: ({
-  size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type TextProps = React.ComponentProps<'p'> & VariantProps<typeof textVariants> & {
-  asChild?: boolean;
-};
-declare function Text({ className, size, asChild, ...props }: TextProps): React.JSX.Element;
-//#endregion
-export { Text, TextProps, textVariants };
-//# sourceMappingURL=text.d.ts.map
+import { n as TextProps, r as textVariants, t as Text } from "../text-CKFZ9Xsj.js";
+export { Text, TextProps, textVariants };

package/dist/components/text.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`text-foreground font-normal`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-xl`}},defaultVariants:{size:`md`}});function Text({className:r,size:a=`md`,asChild:o=!1,...s}){return n(o?t.Root:`p`,{"data-slot":`text`,"data-size":a,className:e(i({size:a}),r),...s})}export{Text,i as textVariants};
-//# sourceMappingURL=text.js.map
+import{n as e,t}from"../text-Kg1xuinT.js";export{t as Text,e as textVariants};

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

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

package/dist/components/text.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../text-Kg1xuinT.js";import{r as t}from"../react.esm-BkhVXJ8s.js";import{jsx as n}from"react/jsx-runtime";describe(`Text`,()=>{it(`renders a paragraph with data-slot and the default md size classes`,()=>{let{container:r}=t(n(e,{children:`Hello`})),i=r.querySelector(`[data-slot="text"]`);expect(i?.tagName).toBe(`P`),expect(i?.getAttribute(`data-size`)).toBe(`md`),expect(i?.className).toContain(`text-base`),expect(i?.className).toContain(`text-foreground`)}),it(`applies the requested size variant classes`,()=>{let{container:r}=t(n(e,{size:`xl`,children:`Big`})),i=r.querySelector(`[data-slot="text"]`);expect(i?.getAttribute(`data-size`)).toBe(`xl`),expect(i?.className).toContain(`text-xl`)}),it(`merges a custom className with the variant classes`,()=>{let{container:r}=t(n(e,{className:`italic`,children:`Styled`}));expect(r.querySelector(`[data-slot="text"]`)?.className).toContain(`italic`)}),it(`renders the child element directly when asChild is true`,()=>{let{container:r}=t(n(e,{asChild:!0,size:`sm`,children:n(`span`,{children:`Inline text`})})),i=r.querySelector(`[data-slot="text"]`);expect(i?.tagName).toBe(`SPAN`),expect(i?.getAttribute(`data-size`)).toBe(`sm`)}),it(`forwards ref to the underlying paragraph element`,()=>{let r={current:null};t(n(e,{ref:r,children:`Ref target`})),expect(r.current).toBeInstanceOf(HTMLParagraphElement)})});
+//# sourceMappingURL=text.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.spec.js","names":[],"sources":["../../src/components/text.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react'\n\nimport { Text } from './text'\n\ndescribe('Text', () => {\n  it('renders a paragraph with data-slot and the default md size classes', () => {\n    const { container } = render(<Text>Hello</Text>)\n\n    const text = container.querySelector('[data-slot=\"text\"]')\n\n    expect(text?.tagName).toBe('P')\n    expect(text?.getAttribute('data-size')).toBe('md')\n    expect(text?.className).toContain('text-base')\n    expect(text?.className).toContain('text-foreground')\n  })\n\n  it('applies the requested size variant classes', () => {\n    const { container } = render(<Text size=\"xl\">Big</Text>)\n\n    const text = container.querySelector('[data-slot=\"text\"]')\n\n    expect(text?.getAttribute('data-size')).toBe('xl')\n    expect(text?.className).toContain('text-xl')\n  })\n\n  it('merges a custom className with the variant classes', () => {\n    const { container } = render(<Text className=\"italic\">Styled</Text>)\n\n    expect(container.querySelector('[data-slot=\"text\"]')?.className).toContain('italic')\n  })\n\n  it('renders the child element directly when asChild is true', () => {\n    const { container } = render(\n      <Text asChild size=\"sm\">\n        <span>Inline text</span>\n      </Text>\n    )\n\n    const text = container.querySelector('[data-slot=\"text\"]')\n\n    expect(text?.tagName).toBe('SPAN')\n    expect(text?.getAttribute('data-size')).toBe('sm')\n  })\n\n  it('forwards ref to the underlying paragraph element', () => {\n    const ref = { current: null as HTMLParagraphElement | null }\n\n    render(<Text ref={ref}>Ref target</Text>)\n\n    expect(ref.current).toBeInstanceOf(HTMLParagraphElement)\n  })\n})\n"],"mappings":"qKAIA,SAAS,WAAc,CACrB,GAAG,yEAA4E,CAC7E,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAA,SAAM,OAAW,CAAA,CAAC,EAEzC,EAAO,EAAU,cAAc,oBAAoB,EAEzD,OAAO,GAAM,OAAO,CAAC,CAAC,KAAK,GAAG,EAC9B,OAAO,GAAM,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACjD,OAAO,GAAM,SAAS,CAAC,CAAC,UAAU,WAAW,EAC7C,OAAO,GAAM,SAAS,CAAC,CAAC,UAAU,iBAAiB,CACrD,CAAC,EAED,GAAG,iDAAoD,CACrD,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAM,KAAK,KAAK,SAAA,KAAS,CAAA,CAAC,EAEjD,EAAO,EAAU,cAAc,oBAAoB,EAEzD,OAAO,GAAM,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACjD,OAAO,GAAM,SAAS,CAAC,CAAC,UAAU,SAAS,CAC7C,CAAC,EAED,GAAG,yDAA4D,CAC7D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAM,UAAU,SAAS,SAAA,QAAY,CAAA,CAAC,EAEnE,OAAO,EAAU,cAAc,oBAAoB,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,QAAQ,CACrF,CAAC,EAED,GAAG,8DAAiE,CAClE,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAM,QAAA,GAAQ,KAAK,KACjB,SAAA,EAAC,OAAD,CAAA,SAAM,aAAiB,CAAA,CACnB,CAAA,CACR,EAEM,EAAO,EAAU,cAAc,oBAAoB,EAEzD,OAAO,GAAM,OAAO,CAAC,CAAC,KAAK,MAAM,EACjC,OAAO,GAAM,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CACnD,CAAC,EAED,GAAG,uDAA0D,CAC3D,IAAM,EAAM,CAAE,QAAS,IAAoC,EAE3D,EAAO,EAAC,EAAD,CAAW,MAAK,SAAA,YAAgB,CAAA,CAAC,EAExC,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,oBAAoB,CACzD,CAAC,CACH,CAAC"}

package/dist/components/textarea.d.ts

@@ -1,8 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import * as React from "react";
-//#region src/components/textarea.d.ts
-type TextareaProps = React.ComponentProps<'textarea'>;
-declare function Textarea({ className, id, ...props }: TextareaProps): React.JSX.Element;
-//#endregion
-export { Textarea, TextareaProps };
-//# sourceMappingURL=textarea.d.ts.map
+import { n as TextareaProps, t as Textarea } from "../textarea-Cr9_P-bV.js";
+export { Textarea, TextareaProps };

package/dist/components/textarea.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{jsx as n}from"react/jsx-runtime";function Textarea({className:r,id:i,...a}){return n(`textarea`,{id:t(i),"data-slot":`textarea`,className:e(`flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,r),...a})}export{Textarea};
-//# sourceMappingURL=textarea.js.map
+import{t as e}from"../textarea-C8zrf9Rz.js";export{e as Textarea};

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

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

package/dist/components/textarea.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"../textarea-C8zrf9Rz.js";import{a as r,n as i,r as a}from"../react.esm-BkhVXJ8s.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";describe(`Textarea`,()=>{it(`renders a textarea with data-slot and the default classes`,()=>{let{container:e}=a(o(n,{placeholder:`Write something`})),t=e.querySelector(`[data-slot="textarea"]`);expect(t).not.toBeNull(),expect(t?.tagName).toBe(`TEXTAREA`),expect(t?.className).toContain(`min-h-16`),expect(t?.getAttribute(`placeholder`)).toBe(`Write something`)}),it(`preserves an explicit id without requiring Field context`,()=>{let{container:e}=a(o(n,{id:`bio`}));expect(e.querySelector(`[data-slot="textarea"]`)?.getAttribute(`id`)).toBe(`bio`)}),it(`does not assign an id outside Field when none is provided`,()=>{let{container:e}=a(o(n,{}));expect(e.querySelector(`[data-slot="textarea"]`)?.getAttribute(`id`)).toBeNull()}),it(`wires the field control id when rendered inside Field`,()=>{a(s(t,{children:[o(e,{children:`Message`}),o(n,{})]}));let i=r.getByLabelText(`Message`);expect(i.getAttribute(`id`)).toBeTruthy()}),it(`updates its value when the user types`,()=>{a(o(n,{"aria-label":`Comment`}));let e=r.getByLabelText(`Comment`);i.change(e,{target:{value:`Hello world`}}),expect(e.value).toBe(`Hello world`)}),it(`forwards ref to the underlying textarea element`,()=>{let e={current:null};a(o(n,{ref:e})),expect(e.current).toBeInstanceOf(HTMLTextAreaElement)})});
+//# sourceMappingURL=textarea.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.spec.js","names":[],"sources":["../../src/components/textarea.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport { Field, FieldLabel } from './field'\nimport { Textarea } from './textarea'\n\ndescribe('Textarea', () => {\n  it('renders a textarea with data-slot and the default classes', () => {\n    const { container } = render(<Textarea placeholder=\"Write something\" />)\n\n    const textarea = container.querySelector('[data-slot=\"textarea\"]')\n\n    expect(textarea).not.toBeNull()\n    expect(textarea?.tagName).toBe('TEXTAREA')\n    expect(textarea?.className).toContain('min-h-16')\n    expect(textarea?.getAttribute('placeholder')).toBe('Write something')\n  })\n\n  it('preserves an explicit id without requiring Field context', () => {\n    const { container } = render(<Textarea id=\"bio\" />)\n\n    expect(container.querySelector('[data-slot=\"textarea\"]')?.getAttribute('id')).toBe('bio')\n  })\n\n  it('does not assign an id outside Field when none is provided', () => {\n    const { container } = render(<Textarea />)\n\n    expect(container.querySelector('[data-slot=\"textarea\"]')?.getAttribute('id')).toBeNull()\n  })\n\n  it('wires the field control id when rendered inside Field', () => {\n    render(\n      <Field>\n        <FieldLabel>Message</FieldLabel>\n        <Textarea />\n      </Field>\n    )\n\n    const textarea = screen.getByLabelText('Message')\n\n    expect(textarea.getAttribute('id')).toBeTruthy()\n  })\n\n  it('updates its value when the user types', () => {\n    render(<Textarea aria-label=\"Comment\" />)\n\n    const textarea = screen.getByLabelText('Comment') as HTMLTextAreaElement\n\n    fireEvent.change(textarea, { target: { value: 'Hello world' } })\n\n    expect(textarea.value).toBe('Hello world')\n  })\n\n  it('forwards ref to the underlying textarea element', () => {\n    const ref = { current: null as HTMLTextAreaElement | null }\n\n    render(<Textarea ref={ref} />)\n\n    expect(ref.current).toBeInstanceOf(HTMLTextAreaElement)\n  })\n})\n"],"mappings":"4OAKA,SAAS,eAAkB,CACzB,GAAG,gEAAmE,CACpE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAU,YAAY,iBAAmB,CAAA,CAAC,EAEjE,EAAW,EAAU,cAAc,wBAAwB,EAEjE,OAAO,CAAQ,CAAC,CAAC,IAAI,SAAS,EAC9B,OAAO,GAAU,OAAO,CAAC,CAAC,KAAK,UAAU,EACzC,OAAO,GAAU,SAAS,CAAC,CAAC,UAAU,UAAU,EAChD,OAAO,GAAU,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,iBAAiB,CACtE,CAAC,EAED,GAAG,+DAAkE,CACnE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAU,GAAG,KAAO,CAAA,CAAC,EAElD,OAAO,EAAU,cAAc,wBAAwB,CAAC,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAC1F,CAAC,EAED,GAAG,gEAAmE,CACpE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAW,CAAA,CAAC,EAEzC,OAAO,EAAU,cAAc,wBAAwB,CAAC,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC,SAAS,CACzF,CAAC,EAED,GAAG,4DAA+D,CAChE,EACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAA,SAAY,SAAmB,CAAA,EAC/B,EAAC,EAAD,CAAW,CAAA,CACN,CAAA,CAAA,CACT,EAEA,IAAM,EAAW,EAAO,eAAe,SAAS,EAEhD,OAAO,EAAS,aAAa,IAAI,CAAC,CAAC,CAAC,WAAW,CACjD,CAAC,EAED,GAAG,4CAA+C,CAChD,EAAO,EAAC,EAAD,CAAU,aAAW,SAAW,CAAA,CAAC,EAExC,IAAM,EAAW,EAAO,eAAe,SAAS,EAEhD,EAAU,OAAO,EAAU,CAAE,OAAQ,CAAE,MAAO,aAAc,CAAE,CAAC,EAE/D,OAAO,EAAS,KAAK,CAAC,CAAC,KAAK,aAAa,CAC3C,CAAC,EAED,GAAG,sDAAyD,CAC1D,IAAM,EAAM,CAAE,QAAS,IAAmC,EAE1D,EAAO,EAAC,EAAD,CAAe,KAAM,CAAA,CAAC,EAE7B,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,mBAAmB,CACxD,CAAC,CACH,CAAC"}

package/dist/components/theme.d.ts

@@ -1,22 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Button } from "./button.js";
-import * as React from "react";
-//#region src/components/theme.d.ts
-type Theme = 'dark' | 'light' | 'system';
-type ThemeProviderProps = {
-  children: React.ReactNode;
-  defaultTheme?: Theme;
-  storageKey?: string;
-  disableTransitionOnChange?: boolean;
-};
-type ThemeProviderState = {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-};
-type ModeToggleProps = React.ComponentProps<typeof Button>;
-declare function ThemeProvider({ children, defaultTheme, storageKey, disableTransitionOnChange, ...props }: ThemeProviderProps): React.JSX.Element;
-declare const useTheme: () => ThemeProviderState;
-declare function ModeToggle(props: ModeToggleProps): React.JSX.Element;
-//#endregion
-export { ModeToggle, ModeToggleProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme };
-//# sourceMappingURL=theme.d.ts.map
+import { a as ThemeProviderProps, i as ThemeProvider, n as ModeToggleProps, o as ThemeProviderState, r as Theme, s as useTheme, t as ModeToggle } from "../theme-BwEhfTyl.js";
+export { ModeToggle, ModeToggleProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme };

package/dist/components/theme.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{Button as e}from"./button.js";import{DropdownMenu as t,DropdownMenuContent as n,DropdownMenuItem as r,DropdownMenuTrigger as i}from"./dropdown-menu.js";import{IconMoon as a,IconSun as o}from"@tabler/icons-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u,useEffect as d,useState as f}from"react";const p=l({});function disableAnimation(){let e=document.createElement(`style`);return e.appendChild(document.createTextNode(`*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`)),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}}function ThemeProvider({children:e,defaultTheme:t=`system`,storageKey:n=`vite-ui-theme`,disableTransitionOnChange:r=!1,...i}){let[a,o]=f(()=>localStorage.getItem(n)||t);d(()=>{let e=window.document.documentElement,t=r?disableAnimation():null;e.classList.remove(`light`,`dark`);let n=a===`system`?window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:a;e.classList.add(n),t?.()},[a,r]);let c={theme:a,setTheme:e=>{localStorage.setItem(n,e),o(e)}};return s(p.Provider,{...i,value:c,children:e})}const useTheme=()=>{let e=u(p);if(e===void 0||Object.keys(e).length===0)throw Error(`useTheme must be used within a ThemeProvider`);return e};function ModeToggle(l){let{setTheme:u}=useTheme();return c(t,{children:[s(i,{asChild:!0,children:c(e,{variant:`outline`,size:`icon`,...l,children:[s(o,{className:`h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90`}),s(a,{className:`absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0`}),s(`span`,{className:`sr-only`,children:`Toggle theme`})]})}),c(n,{align:`end`,children:[s(r,{onClick:()=>u(`light`),children:`Light`}),s(r,{onClick:()=>u(`dark`),children:`Dark`}),s(r,{onClick:()=>u(`system`),children:`System`})]})]})}export{ModeToggle,ThemeProvider,useTheme};
-//# sourceMappingURL=theme.js.map
+import{n as e,r as t,t as n}from"../theme-DZJ_cJYp.js";export{n as ModeToggle,e as ThemeProvider,t as useTheme};

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

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

package/dist/components/theme.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{n as e,r as t,t as n}from"../theme-DZJ_cJYp.js";import{a as r,i,n as a,r as o,t as s}from"../react.esm-BkhVXJ8s.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";function ThemeConsumer(){let{theme:e,setTheme:n}=t();return l(`div`,{children:[c(`span`,{"data-testid":`theme-value`,children:e}),c(`button`,{type:`button`,onClick:()=>n(`dark`),children:`set-dark`}),c(`button`,{type:`button`,onClick:()=>n(`light`),children:`set-light`}),c(`button`,{type:`button`,onClick:()=>n(`system`),children:`set-system`})]})}function openModeToggleMenu(){let e=r.getByRole(`button`,{name:`Toggle theme`});return a.pointerDown(e,{button:0}),e}describe(`ThemeProvider`,()=>{it(`renders its children`,()=>{o(c(e,{children:c(`span`,{children:`Hello world`})})),expect(r.getByText(`Hello world`)).not.toBeNull()}),it(`defaults to the "system" theme when no defaultTheme or persisted value is provided`,()=>{o(c(e,{children:c(ThemeConsumer,{})})),expect(r.getByTestId(`theme-value`).textContent).toBe(`system`)}),it(`uses the provided defaultTheme when nothing is persisted`,()=>{o(c(e,{defaultTheme:`dark`,children:c(ThemeConsumer,{})})),expect(r.getByTestId(`theme-value`).textContent).toBe(`dark`)}),it(`reads a previously persisted theme from localStorage under the default storage key`,()=>{window.localStorage.setItem(`vite-ui-theme`,`light`),o(c(e,{children:c(ThemeConsumer,{})})),expect(r.getByTestId(`theme-value`).textContent).toBe(`light`)}),it(`reads a previously persisted theme from a custom storageKey`,()=>{window.localStorage.setItem(`acme-theme`,`dark`),o(c(e,{storageKey:`acme-theme`,children:c(ThemeConsumer,{})})),expect(r.getByTestId(`theme-value`).textContent).toBe(`dark`)}),it(`applies the resolved theme as a class on the document element`,()=>{o(c(e,{defaultTheme:`dark`,children:c(ThemeConsumer,{})})),expect(document.documentElement.classList.contains(`dark`)).toBe(!0),expect(document.documentElement.classList.contains(`light`)).toBe(!1)}),it(`resolves the "system" theme to light when the OS preference does not match dark`,()=>{o(c(e,{defaultTheme:`system`,children:c(ThemeConsumer,{})})),expect(document.documentElement.classList.contains(`light`)).toBe(!0),expect(document.documentElement.classList.contains(`dark`)).toBe(!1)}),it(`resolves the "system" theme to dark when the OS reports a dark color scheme preference`,()=>{vi.spyOn(window,`matchMedia`).mockReturnValue({matches:!0,media:`(prefers-color-scheme: dark)`,onchange:null,addEventListener:vi.fn(),removeEventListener:vi.fn(),addListener:vi.fn(),removeListener:vi.fn(),dispatchEvent:vi.fn()}),o(c(e,{defaultTheme:`system`,children:c(ThemeConsumer,{})})),expect(document.documentElement.classList.contains(`dark`)).toBe(!0)}),it(`replaces the previous theme class instead of stacking classes when the theme changes`,()=>{o(c(e,{defaultTheme:`dark`,children:c(ThemeConsumer,{})})),a.click(r.getByText(`set-light`)),expect(document.documentElement.classList.contains(`light`)).toBe(!0),expect(document.documentElement.classList.contains(`dark`)).toBe(!1)}),it(`temporarily inserts a style tag that disables transitions when disableTransitionOnChange is true`,()=>{o(c(e,{disableTransitionOnChange:!0,children:c(ThemeConsumer,{})})),expect(document.head.querySelector(`style`)).not.toBeNull()}),describe(`useTheme`,()=>{it(`throws when called outside of a ThemeProvider`,()=>{expect(()=>i(()=>t())).toThrow(`useTheme must be used within a ThemeProvider`)}),it(`returns the current theme and a setTheme updater`,()=>{let{result:n}=i(()=>t(),{wrapper:({children:t})=>c(e,{defaultTheme:`light`,children:t})});expect(n.current.theme).toBe(`light`),expect(typeof n.current.setTheme).toBe(`function`)}),it(`updates the theme and persists the choice to localStorage under the default storage key`,()=>{let{result:n}=i(()=>t(),{wrapper:({children:t})=>c(e,{children:t})});s(()=>n.current.setTheme(`dark`)),expect(n.current.theme).toBe(`dark`),expect(window.localStorage.getItem(`vite-ui-theme`)).toBe(`dark`)}),it(`persists the choice under a custom storageKey`,()=>{let{result:n}=i(()=>t(),{wrapper:({children:t})=>c(e,{storageKey:`acme-theme`,children:t})});s(()=>n.current.setTheme(`light`)),expect(window.localStorage.getItem(`acme-theme`)).toBe(`light`)}),it(`keeps the persisted theme across a remount of the provider`,()=>{let{result:n,unmount:r}=i(()=>t(),{wrapper:({children:t})=>c(e,{children:t})});s(()=>n.current.setTheme(`dark`)),r();let{result:a}=i(()=>t(),{wrapper:({children:t})=>c(e,{children:t})});expect(a.current.theme).toBe(`dark`)})}),describe(`ModeToggle`,()=>{it(`renders a trigger button with an accessible "Toggle theme" label`,()=>{o(c(e,{children:c(n,{})})),expect(r.getByRole(`button`,{name:`Toggle theme`})).not.toBeNull()}),it(`opens the menu and lists the Light, Dark, and System options`,()=>{o(c(e,{children:c(n,{})})),openModeToggleMenu(),expect(r.getByRole(`menuitem`,{name:`Light`})).not.toBeNull(),expect(r.getByRole(`menuitem`,{name:`Dark`})).not.toBeNull(),expect(r.getByRole(`menuitem`,{name:`System`})).not.toBeNull()}),it(`switches to the dark theme when the Dark option is clicked`,()=>{o(l(e,{children:[c(n,{}),c(ThemeConsumer,{})]})),openModeToggleMenu(),a.click(r.getByRole(`menuitem`,{name:`Dark`})),expect(r.getByTestId(`theme-value`).textContent).toBe(`dark`),expect(document.documentElement.classList.contains(`dark`)).toBe(!0),expect(window.localStorage.getItem(`vite-ui-theme`)).toBe(`dark`)}),it(`switches to the light theme when the Light option is clicked`,()=>{o(l(e,{defaultTheme:`dark`,children:[c(n,{}),c(ThemeConsumer,{})]})),openModeToggleMenu(),a.click(r.getByRole(`menuitem`,{name:`Light`})),expect(r.getByTestId(`theme-value`).textContent).toBe(`light`),expect(document.documentElement.classList.contains(`light`)).toBe(!0),expect(window.localStorage.getItem(`vite-ui-theme`)).toBe(`light`)}),it(`switches to the system theme when the System option is clicked`,()=>{o(l(e,{defaultTheme:`dark`,children:[c(n,{}),c(ThemeConsumer,{})]})),openModeToggleMenu(),a.click(r.getByRole(`menuitem`,{name:`System`})),expect(r.getByTestId(`theme-value`).textContent).toBe(`system`),expect(window.localStorage.getItem(`vite-ui-theme`)).toBe(`system`)}),it(`persists the theme selected through the menu across a remount of the provider`,()=>{let{unmount:t}=o(c(e,{children:c(n,{})}));openModeToggleMenu(),a.click(r.getByRole(`menuitem`,{name:`Dark`})),t(),o(c(e,{children:c(ThemeConsumer,{})})),expect(r.getByTestId(`theme-value`).textContent).toBe(`dark`)})})});
+//# sourceMappingURL=theme.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.spec.js","names":[],"sources":["../../src/components/theme.spec.tsx"],"sourcesContent":["import { act, fireEvent, render, renderHook, screen } from '@testing-library/react'\n\nimport { ModeToggle, ThemeProvider, useTheme } from './theme'\n\nfunction ThemeConsumer() {\n  const { theme, setTheme } = useTheme()\n\n  return (\n    <div>\n      <span data-testid=\"theme-value\">{theme}</span>\n      <button type=\"button\" onClick={() => setTheme('dark')}>\n        set-dark\n      </button>\n      <button type=\"button\" onClick={() => setTheme('light')}>\n        set-light\n      </button>\n      <button type=\"button\" onClick={() => setTheme('system')}>\n        set-system\n      </button>\n    </div>\n  )\n}\n\nfunction openModeToggleMenu() {\n  const trigger = screen.getByRole('button', { name: 'Toggle theme' })\n\n  fireEvent.pointerDown(trigger, { button: 0 })\n\n  return trigger\n}\n\ndescribe('ThemeProvider', () => {\n  it('renders its children', () => {\n    render(\n      <ThemeProvider>\n        <span>Hello world</span>\n      </ThemeProvider>\n    )\n\n    expect(screen.getByText('Hello world')).not.toBeNull()\n  })\n\n  it('defaults to the \"system\" theme when no defaultTheme or persisted value is provided', () => {\n    render(\n      <ThemeProvider>\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(screen.getByTestId('theme-value').textContent).toBe('system')\n  })\n\n  it('uses the provided defaultTheme when nothing is persisted', () => {\n    render(\n      <ThemeProvider defaultTheme=\"dark\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(screen.getByTestId('theme-value').textContent).toBe('dark')\n  })\n\n  it('reads a previously persisted theme from localStorage under the default storage key', () => {\n    window.localStorage.setItem('vite-ui-theme', 'light')\n\n    render(\n      <ThemeProvider>\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(screen.getByTestId('theme-value').textContent).toBe('light')\n  })\n\n  it('reads a previously persisted theme from a custom storageKey', () => {\n    window.localStorage.setItem('acme-theme', 'dark')\n\n    render(\n      <ThemeProvider storageKey=\"acme-theme\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(screen.getByTestId('theme-value').textContent).toBe('dark')\n  })\n\n  it('applies the resolved theme as a class on the document element', () => {\n    render(\n      <ThemeProvider defaultTheme=\"dark\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(document.documentElement.classList.contains('dark')).toBe(true)\n    expect(document.documentElement.classList.contains('light')).toBe(false)\n  })\n\n  it('resolves the \"system\" theme to light when the OS preference does not match dark', () => {\n    render(\n      <ThemeProvider defaultTheme=\"system\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(document.documentElement.classList.contains('light')).toBe(true)\n    expect(document.documentElement.classList.contains('dark')).toBe(false)\n  })\n\n  it('resolves the \"system\" theme to dark when the OS reports a dark color scheme preference', () => {\n    vi.spyOn(window, 'matchMedia').mockReturnValue({\n      matches: true,\n      media: '(prefers-color-scheme: dark)',\n      onchange: null,\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n      addListener: vi.fn(),\n      removeListener: vi.fn(),\n      dispatchEvent: vi.fn()\n    } as unknown as MediaQueryList)\n\n    render(\n      <ThemeProvider defaultTheme=\"system\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(document.documentElement.classList.contains('dark')).toBe(true)\n  })\n\n  it('replaces the previous theme class instead of stacking classes when the theme changes', () => {\n    render(\n      <ThemeProvider defaultTheme=\"dark\">\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    fireEvent.click(screen.getByText('set-light'))\n\n    expect(document.documentElement.classList.contains('light')).toBe(true)\n    expect(document.documentElement.classList.contains('dark')).toBe(false)\n  })\n\n  it('temporarily inserts a style tag that disables transitions when disableTransitionOnChange is true', () => {\n    render(\n      <ThemeProvider disableTransitionOnChange>\n        <ThemeConsumer />\n      </ThemeProvider>\n    )\n\n    expect(document.head.querySelector('style')).not.toBeNull()\n  })\n\n  describe('useTheme', () => {\n    it('throws when called outside of a ThemeProvider', () => {\n      expect(() => renderHook(() => useTheme())).toThrow('useTheme must be used within a ThemeProvider')\n    })\n\n    it('returns the current theme and a setTheme updater', () => {\n      const { result } = renderHook(() => useTheme(), {\n        wrapper: ({ children }) => <ThemeProvider defaultTheme=\"light\">{children}</ThemeProvider>\n      })\n\n      expect(result.current.theme).toBe('light')\n      expect(typeof result.current.setTheme).toBe('function')\n    })\n\n    it('updates the theme and persists the choice to localStorage under the default storage key', () => {\n      const { result } = renderHook(() => useTheme(), {\n        wrapper: ({ children }) => <ThemeProvider>{children}</ThemeProvider>\n      })\n\n      act(() => result.current.setTheme('dark'))\n\n      expect(result.current.theme).toBe('dark')\n      expect(window.localStorage.getItem('vite-ui-theme')).toBe('dark')\n    })\n\n    it('persists the choice under a custom storageKey', () => {\n      const { result } = renderHook(() => useTheme(), {\n        wrapper: ({ children }) => <ThemeProvider storageKey=\"acme-theme\">{children}</ThemeProvider>\n      })\n\n      act(() => result.current.setTheme('light'))\n\n      expect(window.localStorage.getItem('acme-theme')).toBe('light')\n    })\n\n    it('keeps the persisted theme across a remount of the provider', () => {\n      const { result, unmount } = renderHook(() => useTheme(), {\n        wrapper: ({ children }) => <ThemeProvider>{children}</ThemeProvider>\n      })\n\n      act(() => result.current.setTheme('dark'))\n      unmount()\n\n      const { result: secondResult } = renderHook(() => useTheme(), {\n        wrapper: ({ children }) => <ThemeProvider>{children}</ThemeProvider>\n      })\n\n      expect(secondResult.current.theme).toBe('dark')\n    })\n  })\n\n  describe('ModeToggle', () => {\n    it('renders a trigger button with an accessible \"Toggle theme\" label', () => {\n      render(\n        <ThemeProvider>\n          <ModeToggle />\n        </ThemeProvider>\n      )\n\n      expect(screen.getByRole('button', { name: 'Toggle theme' })).not.toBeNull()\n    })\n\n    it('opens the menu and lists the Light, Dark, and System options', () => {\n      render(\n        <ThemeProvider>\n          <ModeToggle />\n        </ThemeProvider>\n      )\n\n      openModeToggleMenu()\n\n      expect(screen.getByRole('menuitem', { name: 'Light' })).not.toBeNull()\n      expect(screen.getByRole('menuitem', { name: 'Dark' })).not.toBeNull()\n      expect(screen.getByRole('menuitem', { name: 'System' })).not.toBeNull()\n    })\n\n    it('switches to the dark theme when the Dark option is clicked', () => {\n      render(\n        <ThemeProvider>\n          <ModeToggle />\n          <ThemeConsumer />\n        </ThemeProvider>\n      )\n\n      openModeToggleMenu()\n      fireEvent.click(screen.getByRole('menuitem', { name: 'Dark' }))\n\n      expect(screen.getByTestId('theme-value').textContent).toBe('dark')\n      expect(document.documentElement.classList.contains('dark')).toBe(true)\n      expect(window.localStorage.getItem('vite-ui-theme')).toBe('dark')\n    })\n\n    it('switches to the light theme when the Light option is clicked', () => {\n      render(\n        <ThemeProvider defaultTheme=\"dark\">\n          <ModeToggle />\n          <ThemeConsumer />\n        </ThemeProvider>\n      )\n\n      openModeToggleMenu()\n      fireEvent.click(screen.getByRole('menuitem', { name: 'Light' }))\n\n      expect(screen.getByTestId('theme-value').textContent).toBe('light')\n      expect(document.documentElement.classList.contains('light')).toBe(true)\n      expect(window.localStorage.getItem('vite-ui-theme')).toBe('light')\n    })\n\n    it('switches to the system theme when the System option is clicked', () => {\n      render(\n        <ThemeProvider defaultTheme=\"dark\">\n          <ModeToggle />\n          <ThemeConsumer />\n        </ThemeProvider>\n      )\n\n      openModeToggleMenu()\n      fireEvent.click(screen.getByRole('menuitem', { name: 'System' }))\n\n      expect(screen.getByTestId('theme-value').textContent).toBe('system')\n      expect(window.localStorage.getItem('vite-ui-theme')).toBe('system')\n    })\n\n    it('persists the theme selected through the menu across a remount of the provider', () => {\n      const { unmount } = render(\n        <ThemeProvider>\n          <ModeToggle />\n        </ThemeProvider>\n      )\n\n      openModeToggleMenu()\n      fireEvent.click(screen.getByRole('menuitem', { name: 'Dark' }))\n      unmount()\n\n      render(\n        <ThemeProvider>\n          <ThemeConsumer />\n        </ThemeProvider>\n      )\n\n      expect(screen.getByTestId('theme-value').textContent).toBe('dark')\n    })\n  })\n})\n"],"mappings":"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"}

package/dist/components/timeline.d.ts

@@ -1,61 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/timeline.d.ts
-declare const timelineVariants: (props?: ({
-  size?: "lg" | "md" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const timelineConnectorVariants: (props?: ({
-  status?: "completed" | "in-progress" | "pending" | null | undefined;
-  color?: "accent" | "destructive" | "gradient" | "muted" | "primary" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const timelineIconVariants: (props?: ({
-  color?: "accent" | "destructive" | "muted" | "primary" | "secondary" | null | undefined;
-  size?: "lg" | "md" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type TimelineIconSize = NonNullable<VariantProps<typeof timelineIconVariants>['size']>;
-type TimelineConnectorColor = NonNullable<VariantProps<typeof timelineConnectorVariants>['color']>;
-type TimelineIconColor = NonNullable<VariantProps<typeof timelineIconVariants>['color']>;
-type TimelineStatus = NonNullable<VariantProps<typeof timelineConnectorVariants>['status']>;
-type TimelineProps = React.ComponentProps<'ol'> & VariantProps<typeof timelineVariants> & {
-  iconSize?: TimelineIconSize;
-};
-declare const Timeline: React.ForwardRefExoticComponent<Omit<TimelineProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-type TimelineItemProps = React.ComponentProps<'li'> & {
-  date?: React.ReactNode;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  icon?: React.ReactNode;
-  iconColor?: TimelineIconColor;
-  status?: TimelineStatus;
-  connectorColor?: TimelineConnectorColor;
-  showConnector?: boolean;
-  iconSize?: TimelineIconSize;
-  loading?: boolean;
-  error?: React.ReactNode;
-};
-declare const TimelineItem: React.ForwardRefExoticComponent<Omit<TimelineItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-type TimelineTimeProps = React.ComponentProps<'time'> & {
-  date?: string | Date | number;
-  format?: Intl.DateTimeFormatOptions;
-};
-declare const TimelineTime: React.ForwardRefExoticComponent<Omit<TimelineTimeProps, "ref"> & React.RefAttributes<HTMLTimeElement>>;
-type TimelineConnectorProps = React.ComponentProps<'div'> & VariantProps<typeof timelineConnectorVariants>;
-declare const TimelineConnector: React.ForwardRefExoticComponent<Omit<TimelineConnectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type TimelineHeaderProps = React.ComponentProps<'div'>;
-declare const TimelineHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type TimelineTitleProps = React.ComponentProps<'h3'>;
-declare const TimelineTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-type TimelineIconProps = React.ComponentProps<'div'> & VariantProps<typeof timelineIconVariants> & {
-  icon?: React.ReactNode;
-};
-declare const TimelineIcon: React.ForwardRefExoticComponent<Omit<TimelineIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type TimelineDescriptionProps = React.ComponentProps<'p'>;
-declare const TimelineDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-type TimelineContentProps = React.ComponentProps<'div'>;
-declare const TimelineContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type TimelineEmptyProps = React.ComponentProps<'div'>;
-declare const TimelineEmpty: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, timelineVariants };
-//# sourceMappingURL=timeline.d.ts.map
+import { C as TimelineTitle, S as TimelineTimeProps, T as timelineVariants, _ as TimelineItem, a as TimelineContent, b as TimelineStatus, c as TimelineDescriptionProps, d as TimelineHeader, f as TimelineHeaderProps, g as TimelineIconSize, h as TimelineIconProps, i as TimelineConnectorProps, l as TimelineEmpty, m as TimelineIconColor, n as TimelineConnector, o as TimelineContentProps, p as TimelineIcon, r as TimelineConnectorColor, s as TimelineDescription, t as Timeline, u as TimelineEmptyProps, v as TimelineItemProps, w as TimelineTitleProps, x as TimelineTime, y as TimelineProps } from "../timeline-BDY3YzeJ.js";
+export { Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, timelineVariants };

package/dist/components/timeline.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Spinner as t}from"./spinner.js";import{IconAlertCircle as n}from"@tabler/icons-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import*as o from"react";const s=a(`relative mx-auto m-0 flex w-full max-w-2xl min-h-150 list-none flex-col p-0 py-8`,{variants:{size:{sm:`gap-4`,md:`gap-6`,lg:`gap-8`}},defaultVariants:{size:`md`}}),c=a(`relative w-full last:mb-0`,{variants:{tone:{default:`mb-2`,error:`mb-2`}},defaultVariants:{tone:`default`}}),l=a(`w-0.5`,{variants:{status:{completed:`bg-primary`,"in-progress":`bg-accent`,pending:`bg-muted`},color:{primary:`bg-primary`,secondary:`bg-secondary`,muted:`bg-muted`,accent:`bg-accent`,destructive:`bg-destructive`,gradient:`bg-linear-to-b from-primary to-muted`}}}),u=a(`relative flex items-center justify-center rounded-full ring-8 ring-background shadow-sm`,{variants:{color:{primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,muted:`bg-muted text-muted-foreground`,accent:`bg-accent text-accent-foreground`,destructive:`bg-destructive text-destructive-foreground`},size:{sm:`h-8 w-8`,md:`h-10 w-10`,lg:`h-12 w-12`}},defaultVariants:{color:`primary`,size:`md`}}),d=a(`flex items-center justify-center`,{variants:{size:{sm:`h-4 w-4`,md:`h-5 w-5`,lg:`h-6 w-6`}},defaultVariants:{size:`md`}}),f=o.forwardRef(({className:t,iconSize:n,size:i=`md`,children:a,...c},l)=>{let u=o.Children.toArray(a).filter(isTimelineItemElement).length;if(u===0)return r(`ol`,{ref:l,"aria-label":`Timeline`,"data-slot":`timeline`,"data-size":i,className:e(s({size:i}),t),...c,children:r(`li`,{className:`list-none`,children:r(S,{})})});let d=0;return r(`ol`,{ref:l,"aria-label":`Timeline`,"data-slot":`timeline`,"data-size":i,className:e(s({size:i}),t),...c,children:o.Children.map(a,e=>{if(!isTimelineItemElement(e))return e;let t=d===u-1;return d+=1,o.cloneElement(e,{iconSize:e.props.iconSize??n,showConnector:e.props.showConnector??!t})})})});f.displayName=`Timeline`;const p=o.forwardRef(({className:a,children:o,date:s,title:l,description:u,icon:d,iconColor:f,status:p=`completed`,connectorColor:m,showConnector:S=!0,iconSize:C,loading:w=!1,error:T,...E},D)=>w?r(`li`,{ref:D,"aria-busy":`true`,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),...E,children:i(`div`,{className:`grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4`,children:[r(`div`,{className:`pr-4 text-right`,children:r(`div`,{className:`h-4 w-24 animate-pulse rounded bg-muted`})}),i(`div`,{className:`mx-3 flex flex-col items-center justify-start gap-y-2`,children:[r(`div`,{className:`relative flex h-8 w-8 animate-pulse items-center justify-center rounded-full bg-muted ring-8 ring-background`,children:r(t,{})}),S&&r(`div`,{className:`h-full w-0.5 animate-pulse bg-muted`})]}),r(`div`,{className:`flex flex-col gap-2 pl-2`,children:i(`div`,{className:`space-y-2`,children:[r(`div`,{className:`h-4 w-24 animate-pulse rounded bg-muted`}),r(`div`,{className:`h-3 w-48 animate-pulse rounded bg-muted`})]})})]})}):T?r(`li`,{ref:D,role:`alert`,"data-slot":`timeline-item`,"data-status":`error`,className:e(c({tone:`error`}),a),...E,children:i(`div`,{className:`grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4`,children:[r(`div`,{className:`pr-4 text-right`,children:r(h,{className:`text-destructive`,children:s})}),i(`div`,{className:`mx-3 flex flex-col items-center justify-start gap-y-2`,children:[r(`div`,{className:`relative flex h-8 w-8 items-center justify-center rounded-full bg-destructive/20 ring-8 ring-background`,children:r(n,{className:`h-4 w-4 text-destructive`})}),S&&r(g,{color:`destructive`,className:`h-full`})]}),i(`div`,{className:`flex flex-col gap-2 pl-2`,children:[r(_,{children:r(v,{className:`text-destructive`,children:l||`Error`})}),r(b,{className:`text-destructive`,children:T})]})]})}):o==null?r(`li`,{ref:D,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),"aria-current":p===`in-progress`?`step`:void 0,...E,children:i(`div`,{className:`grid grid-cols-[1fr_auto_1fr] items-start gap-4`,children:[r(`div`,{className:`flex flex-col justify-start pt-1`,children:r(h,{className:`pr-4 text-right`,children:s})}),i(`div`,{className:`flex flex-col items-center`,children:[r(`div`,{className:`relative z-10`,children:r(y,{icon:d,color:f??(p===`pending`?`muted`:`primary`),size:C})}),S&&r(g,{status:p,color:m,className:`mt-2 h-16`})]}),i(x,{children:[r(_,{children:r(v,{children:l})}),r(b,{children:u})]})]})}):r(`li`,{ref:D,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),"aria-current":p===`in-progress`?`step`:void 0,...E,children:o}));p.displayName=`TimelineItem`;const m={year:`numeric`,month:`short`,day:`2-digit`},h=o.forwardRef(({className:t,date:n,format:i,children:a,...s},c)=>{let l=o.useMemo(()=>getValidDate(n),[n]),u=o.useMemo(()=>l?new Intl.DateTimeFormat(`en-US`,{...m,...i}).format(l):``,[l,i]);return r(`time`,{ref:c,"data-slot":`timeline-time`,dateTime:l?.toISOString(),className:e(`text-sm font-medium tracking-tight text-muted-foreground`,t),...s,children:a||u})});h.displayName=`TimelineTime`;const g=o.forwardRef(({className:t,status:n=`completed`,color:i,...a},o)=>r(`div`,{ref:o,"data-slot":`timeline-connector`,"data-status":n,"data-color":i,className:e(l(i?{color:i}:{status:n}),t),...a}));g.displayName=`TimelineConnector`;const _=o.forwardRef(({className:t,...n},i)=>r(`div`,{ref:i,"data-slot":`timeline-header`,className:e(`flex items-center gap-4`,t),...n}));_.displayName=`TimelineHeader`;const v=o.forwardRef(({className:t,...n},i)=>r(`h3`,{ref:i,"data-slot":`timeline-title`,className:e(`font-semibold leading-none tracking-tight text-secondary-foreground`,t),...n}));v.displayName=`TimelineTitle`;const y=o.forwardRef(({className:t,color:n=`primary`,icon:i,size:a=`md`,...o},s)=>r(`div`,{ref:s,"data-slot":`timeline-icon`,"data-color":n,"data-size":a,className:e(u({color:n,size:a}),t),...o,children:i?r(`div`,{className:d({size:a}),children:i}):r(`div`,{className:e(`rounded-full`,d({size:a}))})}));y.displayName=`TimelineIcon`;const b=o.forwardRef(({className:t,...n},i)=>r(`p`,{ref:i,"data-slot":`timeline-description`,className:e(`max-w-sm text-sm text-muted-foreground`,t),...n}));b.displayName=`TimelineDescription`;const x=o.forwardRef(({className:t,...n},i)=>r(`div`,{ref:i,"data-slot":`timeline-content`,className:e(`flex flex-col gap-2 pl-2`,t),...n}));x.displayName=`TimelineContent`;const S=o.forwardRef(({className:t,children:n,...i},a)=>r(`div`,{ref:a,"data-slot":`timeline-empty`,className:e(`flex flex-col items-center justify-center p-8 text-center`,t),...i,children:r(`p`,{className:`text-sm text-muted-foreground`,children:n||`No timeline items to display`})}));S.displayName=`TimelineEmpty`;function getValidDate(e){if(e==null||e===``)return null;let t=e instanceof Date?e:new Date(e);return Number.isNaN(t.getTime())?null:t}function isTimelineItemElement(e){return o.isValidElement(e)&&e.type===p}export{f as Timeline,g as TimelineConnector,x as TimelineContent,b as TimelineDescription,S as TimelineEmpty,_ as TimelineHeader,y as TimelineIcon,p as TimelineItem,h as TimelineTime,v as TimelineTitle,s as timelineVariants};
-//# sourceMappingURL=timeline.js.map
+import{a as e,c as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"../timeline-pBm0t1tb.js";export{l as Timeline,a as TimelineConnector,s as TimelineContent,r as TimelineDescription,e as TimelineEmpty,o as TimelineHeader,c as TimelineIcon,t as TimelineItem,i as TimelineTime,u as TimelineTitle,n as timelineVariants};

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

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

package/dist/components/timeline.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,o as a,r as o,s,t as c,u as l}from"../timeline-pBm0t1tb.js";import{a as u,r as d}from"../react.esm-BkhVXJ8s.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{createRef as m}from"react";describe(`Timeline`,()=>{it(`forwards the ref to the underlying ol element`,()=>{let e=m();d(f(c,{ref:e,children:f(t,{title:`Order placed`,date:`2024-01-01`})})),expect(e.current).not.toBeNull(),expect(e.current?.tagName).toBe(`OL`),expect(e.current?.getAttribute(`data-slot`)).toBe(`timeline`)}),it(`renders the empty state when there are no TimelineItem children`,()=>{let{container:e}=d(f(c,{children:f(`div`,{children:`Not a timeline item`})}));expect(u.queryByText(`Not a timeline item`)).toBeNull(),expect(u.getByText(`No timeline items to display`)).not.toBeNull(),expect(e.querySelector(`[data-slot="timeline-empty"]`)).not.toBeNull()}),it(`renders a custom message when TimelineEmpty is used on its own with children`,()=>{d(f(e,{children:`Nothing here yet`})),expect(u.getByText(`Nothing here yet`)).not.toBeNull(),expect(u.queryByText(`No timeline items to display`)).toBeNull()}),it(`applies the requested size to the root`,()=>{let{container:e}=d(f(c,{size:`lg`,children:f(t,{title:`Step`})})),n=e.querySelector(`[data-slot="timeline"]`);expect(n?.getAttribute(`data-size`)).toBe(`lg`),expect(n?.className).toContain(`gap-8`)}),it(`shows a connector on every item except the last one by default`,()=>{let{container:e}=d(p(c,{children:[f(t,{title:`First`}),f(t,{title:`Second`})]})),n=e.querySelectorAll(`[data-slot="timeline-item"]`);expect(n).toHaveLength(2),expect(n[0]?.querySelector(`[data-slot="timeline-connector"]`)).not.toBeNull(),expect(n[1]?.querySelector(`[data-slot="timeline-connector"]`)).toBeNull()}),it(`lets an item opt out of the connector explicitly`,()=>{let{container:e}=d(p(c,{children:[f(t,{title:`First`,showConnector:!1}),f(t,{title:`Second`})]})),n=e.querySelectorAll(`[data-slot="timeline-item"]`);expect(n[0]?.querySelector(`[data-slot="timeline-connector"]`)).toBeNull()}),it(`propagates the Timeline iconSize down to each item icon`,()=>{let{container:e}=d(f(c,{iconSize:`lg`,children:f(t,{title:`First`})}));expect(e.querySelector(`[data-slot="timeline-icon"]`)?.getAttribute(`data-size`)).toBe(`lg`)}),it(`renders custom children instead of the default layout when provided`,()=>{let{container:e}=d(f(c,{children:f(t,{children:f(`span`,{children:`Custom body`})})}));expect(u.getByText(`Custom body`)).not.toBeNull(),expect(e.querySelector(`[data-slot="timeline-title"]`)).toBeNull()}),it(`renders the loading state with aria-busy and a connector placeholder`,()=>{let{container:e}=d(p(c,{children:[f(t,{loading:!0}),f(t,{title:`Done`})]})),n=e.querySelectorAll(`[data-slot="timeline-item"]`);expect(n[0]?.getAttribute(`aria-busy`)).toBe(`true`)}),it(`renders the error state with role alert and the provided message`,()=>{d(f(c,{children:f(t,{error:`Payment failed`,title:`Charge card`,date:`2024-02-01`})}));let e=u.getByRole(`alert`);expect(e.getAttribute(`data-status`)).toBe(`error`),expect(u.getByText(`Payment failed`)).not.toBeNull(),expect(u.getByText(`Charge card`)).not.toBeNull()}),it(`falls back to the "Error" title when the error item has no title`,()=>{d(f(c,{children:f(t,{error:`Something went wrong`})})),expect(u.getByText(`Error`)).not.toBeNull()}),it(`marks the in-progress item with aria-current="step"`,()=>{let{container:e}=d(f(c,{children:f(t,{title:`Working on it`,status:`in-progress`})}));expect(e.querySelector(`[data-slot="timeline-item"]`)?.getAttribute(`aria-current`)).toBe(`step`)}),it(`forwards refs on the standalone subcomponents`,()=>{let e=m(),c=m(),u=m(),h=m(),g=m(),_=m(),v=m(),y=m();d(p(`ul`,{children:[f(t,{ref:e,title:`Item`}),f(r,{ref:c,date:`2024-01-01`}),f(i,{ref:u}),f(a,{ref:h,children:`Header`}),f(l,{ref:g,children:`Title`}),f(o,{ref:_,children:`Content`}),f(s,{ref:v}),f(n,{ref:y,children:`Description`})]})),expect(e.current?.tagName).toBe(`LI`),expect(c.current?.tagName).toBe(`TIME`),expect(u.current?.tagName).toBe(`DIV`),expect(h.current?.tagName).toBe(`DIV`),expect(g.current?.tagName).toBe(`H3`),expect(_.current?.tagName).toBe(`DIV`),expect(v.current?.tagName).toBe(`DIV`),expect(y.current?.tagName).toBe(`P`)})}),describe(`TimelineTime`,()=>{it(`formats a given date using the default format`,()=>{d(f(r,{date:new Date(2024,2,15)})),expect(u.getByText(`Mar 15, 2024`)).not.toBeNull()}),it(`prefers explicit children over the formatted date`,()=>{d(f(r,{date:new Date(2024,2,15),children:`Custom label`})),expect(u.getByText(`Custom label`)).not.toBeNull()}),it(`renders nothing for an invalid date and omits the dateTime attribute`,()=>{let{container:e}=d(f(r,{date:`not-a-date`})),t=e.querySelector(`[data-slot="timeline-time"]`);expect(t?.textContent).toBe(``),expect(t?.hasAttribute(`datetime`)).toBe(!1)}),it(`applies a custom Intl.DateTimeFormat`,()=>{d(f(r,{date:new Date(2024,2,15),format:{year:`numeric`,month:`long`,day:`numeric`}})),expect(u.getByText(`March 15, 2024`)).not.toBeNull()})});
+//# sourceMappingURL=timeline.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.spec.js","names":[],"sources":["../../src/components/timeline.spec.tsx"],"sourcesContent":["import { createRef } from 'react'\n\nimport { render, screen } from '@testing-library/react'\n\nimport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineEmpty,\n  TimelineHeader,\n  TimelineIcon,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle\n} from './timeline'\n\ndescribe('Timeline', () => {\n  it('forwards the ref to the underlying ol element', () => {\n    const ref = createRef<HTMLOListElement>()\n\n    render(\n      <Timeline ref={ref}>\n        <TimelineItem title=\"Order placed\" date=\"2024-01-01\" />\n      </Timeline>\n    )\n\n    expect(ref.current).not.toBeNull()\n    expect(ref.current?.tagName).toBe('OL')\n    expect(ref.current?.getAttribute('data-slot')).toBe('timeline')\n  })\n\n  it('renders the empty state when there are no TimelineItem children', () => {\n    const { container } = render(\n      <Timeline>\n        <div>Not a timeline item</div>\n      </Timeline>\n    )\n\n    expect(screen.queryByText('Not a timeline item')).toBeNull()\n    expect(screen.getByText('No timeline items to display')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"timeline-empty\"]')).not.toBeNull()\n  })\n\n  it('renders a custom message when TimelineEmpty is used on its own with children', () => {\n    render(<TimelineEmpty>Nothing here yet</TimelineEmpty>)\n\n    expect(screen.getByText('Nothing here yet')).not.toBeNull()\n    expect(screen.queryByText('No timeline items to display')).toBeNull()\n  })\n\n  it('applies the requested size to the root', () => {\n    const { container } = render(\n      <Timeline size=\"lg\">\n        <TimelineItem title=\"Step\" />\n      </Timeline>\n    )\n\n    const root = container.querySelector('[data-slot=\"timeline\"]')\n\n    expect(root?.getAttribute('data-size')).toBe('lg')\n    expect(root?.className).toContain('gap-8')\n  })\n\n  it('shows a connector on every item except the last one by default', () => {\n    const { container } = render(\n      <Timeline>\n        <TimelineItem title=\"First\" />\n        <TimelineItem title=\"Second\" />\n      </Timeline>\n    )\n\n    const items = container.querySelectorAll('[data-slot=\"timeline-item\"]')\n\n    expect(items).toHaveLength(2)\n    expect(items[0]?.querySelector('[data-slot=\"timeline-connector\"]')).not.toBeNull()\n    expect(items[1]?.querySelector('[data-slot=\"timeline-connector\"]')).toBeNull()\n  })\n\n  it('lets an item opt out of the connector explicitly', () => {\n    const { container } = render(\n      <Timeline>\n        <TimelineItem title=\"First\" showConnector={false} />\n        <TimelineItem title=\"Second\" />\n      </Timeline>\n    )\n\n    const items = container.querySelectorAll('[data-slot=\"timeline-item\"]')\n\n    expect(items[0]?.querySelector('[data-slot=\"timeline-connector\"]')).toBeNull()\n  })\n\n  it('propagates the Timeline iconSize down to each item icon', () => {\n    const { container } = render(\n      <Timeline iconSize=\"lg\">\n        <TimelineItem title=\"First\" />\n      </Timeline>\n    )\n\n    expect(container.querySelector('[data-slot=\"timeline-icon\"]')?.getAttribute('data-size')).toBe('lg')\n  })\n\n  it('renders custom children instead of the default layout when provided', () => {\n    const { container } = render(\n      <Timeline>\n        <TimelineItem>\n          <span>Custom body</span>\n        </TimelineItem>\n      </Timeline>\n    )\n\n    expect(screen.getByText('Custom body')).not.toBeNull()\n    expect(container.querySelector('[data-slot=\"timeline-title\"]')).toBeNull()\n  })\n\n  it('renders the loading state with aria-busy and a connector placeholder', () => {\n    const { container } = render(\n      <Timeline>\n        <TimelineItem loading />\n        <TimelineItem title=\"Done\" />\n      </Timeline>\n    )\n\n    const items = container.querySelectorAll('[data-slot=\"timeline-item\"]')\n\n    expect(items[0]?.getAttribute('aria-busy')).toBe('true')\n  })\n\n  it('renders the error state with role alert and the provided message', () => {\n    render(\n      <Timeline>\n        <TimelineItem error=\"Payment failed\" title=\"Charge card\" date=\"2024-02-01\" />\n      </Timeline>\n    )\n\n    const alert = screen.getByRole('alert')\n\n    expect(alert.getAttribute('data-status')).toBe('error')\n    expect(screen.getByText('Payment failed')).not.toBeNull()\n    expect(screen.getByText('Charge card')).not.toBeNull()\n  })\n\n  it('falls back to the \"Error\" title when the error item has no title', () => {\n    render(\n      <Timeline>\n        <TimelineItem error=\"Something went wrong\" />\n      </Timeline>\n    )\n\n    expect(screen.getByText('Error')).not.toBeNull()\n  })\n\n  it('marks the in-progress item with aria-current=\"step\"', () => {\n    const { container } = render(\n      <Timeline>\n        <TimelineItem title=\"Working on it\" status=\"in-progress\" />\n      </Timeline>\n    )\n\n    expect(container.querySelector('[data-slot=\"timeline-item\"]')?.getAttribute('aria-current')).toBe('step')\n  })\n\n  it('forwards refs on the standalone subcomponents', () => {\n    const itemRef = createRef<HTMLLIElement>()\n    const timeRef = createRef<HTMLTimeElement>()\n    const connectorRef = createRef<HTMLDivElement>()\n    const headerRef = createRef<HTMLDivElement>()\n    const titleRef = createRef<HTMLHeadingElement>()\n    const contentRef = createRef<HTMLDivElement>()\n    const iconRef = createRef<HTMLDivElement>()\n    const descriptionRef = createRef<HTMLParagraphElement>()\n\n    render(\n      <ul>\n        <TimelineItem ref={itemRef} title=\"Item\" />\n        <TimelineTime ref={timeRef} date=\"2024-01-01\" />\n        <TimelineConnector ref={connectorRef} />\n        <TimelineHeader ref={headerRef}>Header</TimelineHeader>\n        <TimelineTitle ref={titleRef}>Title</TimelineTitle>\n        <TimelineContent ref={contentRef}>Content</TimelineContent>\n        <TimelineIcon ref={iconRef} />\n        <TimelineDescription ref={descriptionRef}>Description</TimelineDescription>\n      </ul>\n    )\n\n    expect(itemRef.current?.tagName).toBe('LI')\n    expect(timeRef.current?.tagName).toBe('TIME')\n    expect(connectorRef.current?.tagName).toBe('DIV')\n    expect(headerRef.current?.tagName).toBe('DIV')\n    expect(titleRef.current?.tagName).toBe('H3')\n    expect(contentRef.current?.tagName).toBe('DIV')\n    expect(iconRef.current?.tagName).toBe('DIV')\n    expect(descriptionRef.current?.tagName).toBe('P')\n  })\n})\n\ndescribe('TimelineTime', () => {\n  it('formats a given date using the default format', () => {\n    render(<TimelineTime date={new Date(2024, 2, 15)} />)\n\n    expect(screen.getByText('Mar 15, 2024')).not.toBeNull()\n  })\n\n  it('prefers explicit children over the formatted date', () => {\n    render(<TimelineTime date={new Date(2024, 2, 15)}>Custom label</TimelineTime>)\n\n    expect(screen.getByText('Custom label')).not.toBeNull()\n  })\n\n  it('renders nothing for an invalid date and omits the dateTime attribute', () => {\n    const { container } = render(<TimelineTime date=\"not-a-date\" />)\n\n    const time = container.querySelector('[data-slot=\"timeline-time\"]')\n\n    expect(time?.textContent).toBe('')\n    expect(time?.hasAttribute('datetime')).toBe(false)\n  })\n\n  it('applies a custom Intl.DateTimeFormat', () => {\n    render(<TimelineTime date={new Date(2024, 2, 15)} format={{ year: 'numeric', month: 'long', day: 'numeric' }} />)\n\n    expect(screen.getByText('March 15, 2024')).not.toBeNull()\n  })\n})\n"],"mappings":"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"}

package/dist/components/toggle-group.d.ts

@@ -1,16 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { toggleVariants } from "./toggle.js";
-import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/toggle-group.d.ts
-type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
-  spacing?: number;
-  orientation?: 'horizontal' | 'vertical';
-};
-type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({ className, variant, color, size, spacing, orientation, children, ...props }: ToggleGroupProps): React.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, color, size, ...props }: ToggleGroupItemProps): React.JSX.Element;
-//#endregion
-export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };
-//# sourceMappingURL=toggle-group.d.ts.map
+import { i as ToggleGroupProps, n as ToggleGroupItem, r as ToggleGroupItemProps, t as ToggleGroup } from "../toggle-group-C3iNDYqI.js";
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{toggleVariants as t}from"./toggle.js";import{ToggleGroup as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";import*as i from"react";const a=i.createContext({size:`md`,variant:`ghost`,color:`primary`,spacing:0,orientation:`horizontal`});function ToggleGroup({className:t,variant:i,color:o,size:s,spacing:c=0,orientation:l=`horizontal`,children:u,...d}){return r(n.Root,{"data-slot":`toggle-group`,"data-variant":i??`ghost`,"data-color":o??`primary`,"data-size":s??`md`,"data-spacing":c,"data-orientation":l,style:{"--gap":c},className:e(`group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch`,t),...d,children:r(a.Provider,{value:{variant:i,color:o,size:s,spacing:c,orientation:l},children:u})})}function ToggleGroupItem({className:o,children:s,variant:c=`ghost`,color:l=`primary`,size:u=`md`,...d}){let f=i.useContext(a);return r(n.Item,{"data-slot":`toggle-group-item`,"data-variant":f.variant||c,"data-color":f.color||l,"data-size":f.size||u,"data-spacing":f.spacing,className:e(`shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg`,`group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t`,`group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-t`,t({variant:f.variant||c,color:f.color||l,size:f.size||u}),o),...d,children:s})}export{ToggleGroup,ToggleGroupItem};
-//# sourceMappingURL=toggle-group.js.map
+import{n as e,t}from"../toggle-group-D0OIpZN-.js";export{t as ToggleGroup,e as ToggleGroupItem};

package/dist/components/toggle-group.spec.d.ts

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

package/dist/components/toggle-group.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{n as e,t}from"../toggle-group-D0OIpZN-.js";import{a as n,n as r,r as i}from"../react.esm-BkhVXJ8s.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";describe(`ToggleGroup`,()=>{it(`renders the root with default data attributes and applies them to items`,()=>{let{container:r}=i(o(t,{type:`single`,children:[a(e,{value:`bold`,children:`Bold`}),a(e,{value:`italic`,children:`Italic`})]})),s=r.querySelector(`[data-slot="toggle-group"]`),c=n.getByText(`Bold`);expect(s?.getAttribute(`data-variant`)).toBe(`ghost`),expect(s?.getAttribute(`data-color`)).toBe(`primary`),expect(s?.getAttribute(`data-size`)).toBe(`md`),expect(s?.getAttribute(`data-orientation`)).toBe(`horizontal`),expect(c.getAttribute(`data-slot`)).toBe(`toggle-group-item`),expect(c.getAttribute(`data-variant`)).toBe(`ghost`),expect(c.getAttribute(`data-color`)).toBe(`primary`),expect(c.getAttribute(`data-size`)).toBe(`md`)}),it(`toggles a single item as pressed and unpresses the previous item`,()=>{i(o(t,{type:`single`,children:[a(e,{value:`bold`,children:`Bold`}),a(e,{value:`italic`,children:`Italic`})]}));let s=n.getByText(`Bold`),c=n.getByText(`Italic`);r.click(s),expect(s.getAttribute(`data-state`)).toBe(`on`),expect(s.getAttribute(`role`)).toBe(`radio`),expect(s.getAttribute(`aria-checked`)).toBe(`true`),r.click(c),expect(c.getAttribute(`data-state`)).toBe(`on`),expect(s.getAttribute(`data-state`)).toBe(`off`)}),it(`allows multiple items to stay pressed when type is multiple`,()=>{i(o(t,{type:`multiple`,children:[a(e,{value:`bold`,children:`Bold`}),a(e,{value:`italic`,children:`Italic`})]}));let s=n.getByText(`Bold`),c=n.getByText(`Italic`);r.click(s),r.click(c),expect(s.getAttribute(`data-state`)).toBe(`on`),expect(c.getAttribute(`data-state`)).toBe(`on`)}),it(`calls onValueChange with the updated selection`,()=>{let s=vi.fn();i(o(t,{type:`single`,onValueChange:s,children:[a(e,{value:`bold`,children:`Bold`}),a(e,{value:`italic`,children:`Italic`})]})),r.click(n.getByText(`Italic`)),expect(s).toHaveBeenCalledWith(`italic`)}),it(`applies the vertical orientation attribute and class to the root`,()=>{let{container:n}=i(a(t,{type:`single`,orientation:`vertical`,children:a(e,{value:`bold`,children:`Bold`})})),r=n.querySelector(`[data-slot="toggle-group"]`);expect(r?.getAttribute(`data-orientation`)).toBe(`vertical`),expect(r?.className).toContain(`data-vertical:flex-col`)}),it(`exposes the spacing value as a data attribute and CSS variable`,()=>{let{container:n}=i(a(t,{type:`single`,spacing:2,children:a(e,{value:`bold`,children:`Bold`})})),r=n.querySelector(`[data-slot="toggle-group"]`);expect(r.getAttribute(`data-spacing`)).toBe(`2`),expect(r.style.getPropertyValue(`--gap`)).toBe(`2`)}),it(`lets root-level color and variant take precedence over an item-level override`,()=>{i(a(t,{type:`single`,variant:`outline`,color:`red`,children:a(e,{value:`bold`,variant:`secondary`,color:`blue`,children:`Bold`})}));let r=n.getByText(`Bold`);expect(r.getAttribute(`data-variant`)).toBe(`outline`),expect(r.getAttribute(`data-color`)).toBe(`red`)}),it(`disables an item and prevents it from toggling on`,()=>{let o=vi.fn();i(a(t,{type:`single`,onValueChange:o,children:a(e,{value:`bold`,disabled:!0,children:`Bold`})}));let s=n.getByText(`Bold`);expect(s.disabled).toBe(!0),r.click(s),expect(o).not.toHaveBeenCalled()})});
+//# sourceMappingURL=toggle-group.spec.js.map

package/dist/components/toggle-group.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.spec.js","names":[],"sources":["../../src/components/toggle-group.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport { ToggleGroup, ToggleGroupItem } from './toggle-group'\n\ndescribe('ToggleGroup', () => {\n  it('renders the root with default data attributes and applies them to items', () => {\n    const { container } = render(\n      <ToggleGroup type=\"single\">\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n        <ToggleGroupItem value=\"italic\">Italic</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const root = container.querySelector('[data-slot=\"toggle-group\"]')\n    const item = screen.getByText('Bold')\n\n    expect(root?.getAttribute('data-variant')).toBe('ghost')\n    expect(root?.getAttribute('data-color')).toBe('primary')\n    expect(root?.getAttribute('data-size')).toBe('md')\n    expect(root?.getAttribute('data-orientation')).toBe('horizontal')\n    expect(item.getAttribute('data-slot')).toBe('toggle-group-item')\n    expect(item.getAttribute('data-variant')).toBe('ghost')\n    expect(item.getAttribute('data-color')).toBe('primary')\n    expect(item.getAttribute('data-size')).toBe('md')\n  })\n\n  it('toggles a single item as pressed and unpresses the previous item', () => {\n    render(\n      <ToggleGroup type=\"single\">\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n        <ToggleGroupItem value=\"italic\">Italic</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const bold = screen.getByText('Bold')\n    const italic = screen.getByText('Italic')\n\n    fireEvent.click(bold)\n\n    expect(bold.getAttribute('data-state')).toBe('on')\n    expect(bold.getAttribute('role')).toBe('radio')\n    expect(bold.getAttribute('aria-checked')).toBe('true')\n\n    fireEvent.click(italic)\n\n    expect(italic.getAttribute('data-state')).toBe('on')\n    expect(bold.getAttribute('data-state')).toBe('off')\n  })\n\n  it('allows multiple items to stay pressed when type is multiple', () => {\n    render(\n      <ToggleGroup type=\"multiple\">\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n        <ToggleGroupItem value=\"italic\">Italic</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const bold = screen.getByText('Bold')\n    const italic = screen.getByText('Italic')\n\n    fireEvent.click(bold)\n    fireEvent.click(italic)\n\n    expect(bold.getAttribute('data-state')).toBe('on')\n    expect(italic.getAttribute('data-state')).toBe('on')\n  })\n\n  it('calls onValueChange with the updated selection', () => {\n    const onValueChange = vi.fn()\n\n    render(\n      <ToggleGroup type=\"single\" onValueChange={onValueChange}>\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n        <ToggleGroupItem value=\"italic\">Italic</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    fireEvent.click(screen.getByText('Italic'))\n\n    expect(onValueChange).toHaveBeenCalledWith('italic')\n  })\n\n  it('applies the vertical orientation attribute and class to the root', () => {\n    const { container } = render(\n      <ToggleGroup type=\"single\" orientation=\"vertical\">\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const root = container.querySelector('[data-slot=\"toggle-group\"]')\n\n    expect(root?.getAttribute('data-orientation')).toBe('vertical')\n    expect(root?.className).toContain('data-vertical:flex-col')\n  })\n\n  it('exposes the spacing value as a data attribute and CSS variable', () => {\n    const { container } = render(\n      <ToggleGroup type=\"single\" spacing={2}>\n        <ToggleGroupItem value=\"bold\">Bold</ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const root = container.querySelector('[data-slot=\"toggle-group\"]') as HTMLElement\n\n    expect(root.getAttribute('data-spacing')).toBe('2')\n    expect(root.style.getPropertyValue('--gap')).toBe('2')\n  })\n\n  it('lets root-level color and variant take precedence over an item-level override', () => {\n    render(\n      <ToggleGroup type=\"single\" variant=\"outline\" color=\"red\">\n        <ToggleGroupItem value=\"bold\" variant=\"secondary\" color=\"blue\">\n          Bold\n        </ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const item = screen.getByText('Bold')\n\n    expect(item.getAttribute('data-variant')).toBe('outline')\n    expect(item.getAttribute('data-color')).toBe('red')\n  })\n\n  it('disables an item and prevents it from toggling on', () => {\n    const onValueChange = vi.fn()\n\n    render(\n      <ToggleGroup type=\"single\" onValueChange={onValueChange}>\n        <ToggleGroupItem value=\"bold\" disabled>\n          Bold\n        </ToggleGroupItem>\n      </ToggleGroup>\n    )\n\n    const bold = screen.getByText('Bold') as HTMLButtonElement\n\n    expect(bold.disabled).toBe(true)\n\n    fireEvent.click(bold)\n\n    expect(onValueChange).not.toHaveBeenCalled()\n  })\n})\n"],"mappings":"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"}

package/dist/components/toggle.d.ts

@@ -1,15 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Toggle as Toggle$1 } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-//#region src/components/toggle.d.ts
-declare const toggleVariants: (props?: ({
-  variant?: "ghost" | "outline" | "secondary" | null | undefined;
-  color?: "blue" | "brand" | "gray" | "green" | "indigo" | "pink" | "primary" | "red" | "yellow" | "zinc" | null | undefined;
-  size?: "lg" | "md" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ToggleProps = React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>;
-declare function Toggle({ className, variant, color, size, ...props }: ToggleProps): React.JSX.Element;
-//#endregion
-export { Toggle, ToggleProps, toggleVariants };
-//# sourceMappingURL=toggle.d.ts.map
+import { n as ToggleProps, r as toggleVariants, t as Toggle } from "../toggle-jc8s_Z3T.js";
+export { Toggle, ToggleProps, toggleVariants };

package/dist/components/toggle.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{buttonColorVariants as t}from"../lib/button.js";import{Toggle as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";import{cva as i}from"class-variance-authority";const a=i(`group/toggle inline-flex items-center justify-center gap-1 rounded-full border border-transparent text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{secondary:`border-border bg-background hover:bg-muted hover:text-foreground data-[state=on]:bg-muted data-[state=on]:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 dark:data-[state=on]:bg-input/50`,outline:`border-(--button-outline-border) bg-background text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) data-[state=on]:bg-(--button-solid) data-[state=on]:text-(--button-solid-foreground)`,ghost:`text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[state=on]:bg-(--button-ghost-hover) data-[state=on]:text-(--button-ghost-foreground)`},color:t,size:{sm:`h-8 min-w-8 px-1.5 text-[0.8rem]`,md:`h-9 min-w-9 px-2`,lg:`h-10 min-w-10 px-2.5`}},defaultVariants:{variant:`ghost`,color:`primary`,size:`md`}});function Toggle({className:t,variant:i=`ghost`,color:o=`primary`,size:s=`md`,...c}){return r(n.Root,{"data-slot":`toggle`,"data-variant":i,"data-color":o,"data-size":s,className:e(a({variant:i,color:o,size:s,className:t})),...c})}export{Toggle,a as toggleVariants};
-//# sourceMappingURL=toggle.js.map
+import{n as e,t}from"../toggle-DJJkcqDy.js";export{t as Toggle,e as toggleVariants};

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

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

package/dist/components/toggle.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../toggle-DJJkcqDy.js";import{a as t,n,r}from"../react.esm-BkhVXJ8s.js";import{jsx as i}from"react/jsx-runtime";describe(`Toggle`,()=>{it(`renders with the default ghost variant, primary color and md size`,()=>{let{container:t}=r(i(e,{"aria-label":`Bold`})),n=t.querySelector(`[data-slot="toggle"]`);expect(n).not.toBeNull(),expect(n?.getAttribute(`data-variant`)).toBe(`ghost`),expect(n?.getAttribute(`data-color`)).toBe(`primary`),expect(n?.getAttribute(`data-size`)).toBe(`md`),expect(n?.getAttribute(`aria-pressed`)).toBe(`false`)}),it(`toggles the pressed state when clicked`,()=>{r(i(e,{"aria-label":`Bold`}));let a=t.getByRole(`button`,{name:`Bold`});n.click(a),expect(a.getAttribute(`aria-pressed`)).toBe(`true`),expect(a.getAttribute(`data-state`)).toBe(`on`)}),it(`applies the requested variant and size classes`,()=>{let{container:t}=r(i(e,{variant:`outline`,size:`lg`,"aria-label":`Italic`})),n=t.querySelector(`[data-slot="toggle"]`);expect(n?.getAttribute(`data-variant`)).toBe(`outline`),expect(n?.getAttribute(`data-size`)).toBe(`lg`),expect(n?.className).toContain(`h-10`)}),it(`applies the color variant css variables`,()=>{let{container:t}=r(i(e,{color:`red`,"aria-label":`Danger`})),n=t.querySelector(`[data-slot="toggle"]`);expect(n?.getAttribute(`data-color`)).toBe(`red`),expect(n?.className).toContain(`[--button-solid:var(--red)]`)}),it(`does not respond to clicks when disabled`,()=>{r(i(e,{disabled:!0,"aria-label":`Disabled toggle`}));let a=t.getByRole(`button`,{name:`Disabled toggle`});n.click(a),expect(a.getAttribute(`aria-pressed`)).toBe(`false`),expect(a.hasAttribute(`disabled`)).toBe(!0)}),it(`forwards ref to the underlying button element`,()=>{let t={current:null};r(i(e,{ref:t,"aria-label":`Ref toggle`})),expect(t.current).toBeInstanceOf(HTMLButtonElement)})});
+//# sourceMappingURL=toggle.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.spec.js","names":[],"sources":["../../src/components/toggle.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport { Toggle } from './toggle'\n\ndescribe('Toggle', () => {\n  it('renders with the default ghost variant, primary color and md size', () => {\n    const { container } = render(<Toggle aria-label=\"Bold\" />)\n\n    const toggle = container.querySelector('[data-slot=\"toggle\"]')\n\n    expect(toggle).not.toBeNull()\n    expect(toggle?.getAttribute('data-variant')).toBe('ghost')\n    expect(toggle?.getAttribute('data-color')).toBe('primary')\n    expect(toggle?.getAttribute('data-size')).toBe('md')\n    expect(toggle?.getAttribute('aria-pressed')).toBe('false')\n  })\n\n  it('toggles the pressed state when clicked', () => {\n    render(<Toggle aria-label=\"Bold\" />)\n\n    const toggle = screen.getByRole('button', { name: 'Bold' })\n\n    fireEvent.click(toggle)\n\n    expect(toggle.getAttribute('aria-pressed')).toBe('true')\n    expect(toggle.getAttribute('data-state')).toBe('on')\n  })\n\n  it('applies the requested variant and size classes', () => {\n    const { container } = render(<Toggle variant=\"outline\" size=\"lg\" aria-label=\"Italic\" />)\n\n    const toggle = container.querySelector('[data-slot=\"toggle\"]')\n\n    expect(toggle?.getAttribute('data-variant')).toBe('outline')\n    expect(toggle?.getAttribute('data-size')).toBe('lg')\n    expect(toggle?.className).toContain('h-10')\n  })\n\n  it('applies the color variant css variables', () => {\n    const { container } = render(<Toggle color=\"red\" aria-label=\"Danger\" />)\n\n    const toggle = container.querySelector('[data-slot=\"toggle\"]')\n\n    expect(toggle?.getAttribute('data-color')).toBe('red')\n    expect(toggle?.className).toContain('[--button-solid:var(--red)]')\n  })\n\n  it('does not respond to clicks when disabled', () => {\n    render(<Toggle disabled aria-label=\"Disabled toggle\" />)\n\n    const toggle = screen.getByRole('button', { name: 'Disabled toggle' })\n\n    fireEvent.click(toggle)\n\n    expect(toggle.getAttribute('aria-pressed')).toBe('false')\n    expect(toggle.hasAttribute('disabled')).toBe(true)\n  })\n\n  it('forwards ref to the underlying button element', () => {\n    const ref = { current: null as HTMLButtonElement | null }\n\n    render(<Toggle ref={ref} aria-label=\"Ref toggle\" />)\n\n    expect(ref.current).toBeInstanceOf(HTMLButtonElement)\n  })\n})\n"],"mappings":"2KAIA,SAAS,aAAgB,CACvB,GAAG,wEAA2E,CAC5E,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,aAAW,MAAQ,CAAA,CAAC,EAEnD,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,CAAM,CAAC,CAAC,IAAI,SAAS,EAC5B,OAAO,GAAQ,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,OAAO,EACzD,OAAO,GAAQ,aAAa,YAAY,CAAC,CAAC,CAAC,KAAK,SAAS,EACzD,OAAO,GAAQ,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,GAAQ,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,OAAO,CAC3D,CAAC,EAED,GAAG,6CAAgD,CACjD,EAAO,EAAC,EAAD,CAAQ,aAAW,MAAQ,CAAA,CAAC,EAEnC,IAAM,EAAS,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,EAE1D,EAAU,MAAM,CAAM,EAEtB,OAAO,EAAO,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,MAAM,EACvD,OAAO,EAAO,aAAa,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CACrD,CAAC,EAED,GAAG,qDAAwD,CACzD,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,QAAQ,UAAU,KAAK,KAAK,aAAW,QAAU,CAAA,CAAC,EAEjF,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,GAAQ,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,EAC3D,OAAO,GAAQ,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,MAAM,CAC5C,CAAC,EAED,GAAG,8CAAiD,CAClD,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAQ,MAAM,MAAM,aAAW,QAAU,CAAA,CAAC,EAEjE,EAAS,EAAU,cAAc,sBAAsB,EAE7D,OAAO,GAAQ,aAAa,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,EACrD,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,6BAA6B,CACnE,CAAC,EAED,GAAG,+CAAkD,CACnD,EAAO,EAAC,EAAD,CAAQ,SAAA,GAAS,aAAW,iBAAmB,CAAA,CAAC,EAEvD,IAAM,EAAS,EAAO,UAAU,SAAU,CAAE,KAAM,iBAAkB,CAAC,EAErE,EAAU,MAAM,CAAM,EAEtB,OAAO,EAAO,aAAa,cAAc,CAAC,CAAC,CAAC,KAAK,OAAO,EACxD,OAAO,EAAO,aAAa,UAAU,CAAC,CAAC,CAAC,KAAK,EAAI,CACnD,CAAC,EAED,GAAG,oDAAuD,CACxD,IAAM,EAAM,CAAE,QAAS,IAAiC,EAExD,EAAO,EAAC,EAAD,CAAa,MAAK,aAAW,YAAc,CAAA,CAAC,EAEnD,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,iBAAiB,CACtD,CAAC,CACH,CAAC"}

package/dist/components/tooltip.d.ts

@@ -1,21 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import { Tooltip as Tooltip$1 } from "radix-ui";
-import * as React from "react";
-//#region src/components/tooltip.d.ts
-type TooltipProviderProps = React.ComponentProps<typeof Tooltip$1.Provider>;
-type TooltipRootProps = React.ComponentProps<typeof Tooltip$1.Root>;
-type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
-type TooltipContentProps = React.ComponentProps<typeof Tooltip$1.Content>;
-type TooltipProps = Omit<TooltipRootProps, 'children'> & Omit<TooltipContentProps, 'children'> & {
-  children?: React.ReactNode;
-  label?: React.ReactNode;
-  disabled?: boolean;
-};
-declare function TooltipProvider({ delayDuration, ...props }: TooltipProviderProps): React.JSX.Element;
-declare function TooltipRoot({ ...props }: TooltipRootProps): React.JSX.Element;
-declare function Tooltip({ label, children, disabled, open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, ...contentProps }: TooltipProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
-declare function TooltipTrigger({ ...props }: TooltipTriggerProps): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): React.JSX.Element;
-//#endregion
-export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };
-//# sourceMappingURL=tooltip.d.ts.map
+import { a as TooltipProvider, c as TooltipRootProps, i as TooltipProps, l as TooltipTrigger, n as TooltipContent, o as TooltipProviderProps, r as TooltipContentProps, s as TooltipRoot, t as Tooltip, u as TooltipTriggerProps } from "../tooltip-BZjnEqw5.js";
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };

package/dist/components/tooltip.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Tooltip as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function TooltipProvider({delayDuration:e=0,...r}){return n(t.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...r})}function TooltipRoot({...e}){return n(t.Root,{"data-slot":`tooltip-root`,...e})}function Tooltip({label:e,children:t,disabled:i=!1,open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,...u}){return i?t:r(TooltipRoot,{open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,children:[n(TooltipTrigger,{asChild:!0,children:t}),n(TooltipContent,{...u,children:e})]})}function TooltipTrigger({...e}){return n(t.Trigger,{"data-slot":`tooltip-trigger`,...e})}function TooltipContent({className:i,sideOffset:a=0,children:o,...s}){return n(t.Portal,{children:r(t.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95`,`data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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`,i),...s,children:[o,n(t.Arrow,{className:`size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]`})]})})}export{Tooltip,TooltipContent,TooltipProvider,TooltipRoot,TooltipTrigger};
-//# sourceMappingURL=tooltip.js.map
+import{a as e,i as t,n,r,t as i}from"../tooltip-CNUNWZvs.js";export{i as Tooltip,n as TooltipContent,r as TooltipProvider,t as TooltipRoot,e as TooltipTrigger};

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

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

package/dist/components/tooltip.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{a as e,i as t,n,r,t as i}from"../tooltip-CNUNWZvs.js";import{a,n as o,o as s,r as c}from"../react.esm-BkhVXJ8s.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";var ResizeObserverStub=class{observe(){}unobserve(){}disconnect(){}};beforeAll(()=>{window.ResizeObserver=ResizeObserverStub});function renderTooltip(){return c(l(r,{children:l(i,{label:`Save changes`,children:l(`button`,{type:`button`,children:`Save`})})}))}describe(`Tooltip`,()=>{it(`renders the trigger and keeps the tooltip content hidden until shown`,()=>{renderTooltip(),expect(a.getByRole(`button`,{name:`Save`})).not.toBeNull(),expect(a.queryByRole(`tooltip`)).toBeNull()}),it(`shows the tooltip content with the label when the trigger receives focus`,async()=>{renderTooltip(),o.focus(a.getByRole(`button`,{name:`Save`}));let e=await a.findByRole(`tooltip`);expect(e.textContent).toBe(`Save changes`),expect(e.getAttribute(`data-slot`)).toBe(`tooltip-content`),expect(e.className).toContain(`bg-foreground`)}),it(`hides the tooltip content when the trigger loses focus`,async()=>{renderTooltip();let e=a.getByRole(`button`,{name:`Save`});o.focus(e),await a.findByRole(`tooltip`),o.blur(e),await s(()=>expect(a.queryByRole(`tooltip`)).toBeNull())}),it(`marks the trigger with the tooltip data-slot`,()=>{let{container:e}=renderTooltip();expect(e.querySelector(`[data-slot="tooltip-trigger"]`)).not.toBeNull()}),it(`renders an arrow element inside the open content`,async()=>{renderTooltip(),o.focus(a.getByRole(`button`,{name:`Save`}));let e=await a.findByRole(`tooltip`);expect(e.querySelector(`svg`)).not.toBeNull()}),it(`does not render tooltip primitives and requires no provider when disabled`,()=>{c(l(i,{label:`Never shown`,disabled:!0,children:l(`button`,{type:`button`,children:`Plain trigger`})}));let e=a.getByRole(`button`,{name:`Plain trigger`});o.focus(e),expect(a.queryByRole(`tooltip`)).toBeNull(),expect(a.queryByText(`Never shown`)).toBeNull()}),it(`supports manual composition via TooltipRoot, TooltipTrigger and TooltipContent`,async()=>{c(l(r,{children:u(t,{defaultOpen:!0,children:[l(e,{children:`Trigger text`}),l(n,{children:`Composed content`})]})}));let i=await a.findByRole(`tooltip`);expect(i.textContent).toBe(`Composed content`),expect(a.getByText(`Trigger text`).getAttribute(`data-slot`)).toBe(`tooltip-trigger`)})});
+//# sourceMappingURL=tooltip.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.spec.js","names":["waitFor"],"sources":["../../src/components/tooltip.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen, waitFor } from '@testing-library/react'\n\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from './tooltip'\n\nclass ResizeObserverStub {\n  observe() {}\n  unobserve() {}\n  disconnect() {}\n}\n\nbeforeAll(() => {\n  window.ResizeObserver = ResizeObserverStub as unknown as typeof ResizeObserver\n})\n\nfunction renderTooltip() {\n  return render(\n    <TooltipProvider>\n      <Tooltip label=\"Save changes\">\n        <button type=\"button\">Save</button>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n\ndescribe('Tooltip', () => {\n  it('renders the trigger and keeps the tooltip content hidden until shown', () => {\n    renderTooltip()\n\n    expect(screen.getByRole('button', { name: 'Save' })).not.toBeNull()\n    expect(screen.queryByRole('tooltip')).toBeNull()\n  })\n\n  it('shows the tooltip content with the label when the trigger receives focus', async () => {\n    renderTooltip()\n\n    fireEvent.focus(screen.getByRole('button', { name: 'Save' }))\n\n    const tooltip = await screen.findByRole('tooltip')\n\n    expect(tooltip.textContent).toBe('Save changes')\n    expect(tooltip.getAttribute('data-slot')).toBe('tooltip-content')\n    expect(tooltip.className).toContain('bg-foreground')\n  })\n\n  it('hides the tooltip content when the trigger loses focus', async () => {\n    renderTooltip()\n\n    const trigger = screen.getByRole('button', { name: 'Save' })\n\n    fireEvent.focus(trigger)\n    await screen.findByRole('tooltip')\n\n    fireEvent.blur(trigger)\n\n    await waitFor(() => expect(screen.queryByRole('tooltip')).toBeNull())\n  })\n\n  it('marks the trigger with the tooltip data-slot', () => {\n    const { container } = renderTooltip()\n\n    expect(container.querySelector('[data-slot=\"tooltip-trigger\"]')).not.toBeNull()\n  })\n\n  it('renders an arrow element inside the open content', async () => {\n    renderTooltip()\n\n    fireEvent.focus(screen.getByRole('button', { name: 'Save' }))\n\n    const tooltip = await screen.findByRole('tooltip')\n\n    expect(tooltip.querySelector('svg')).not.toBeNull()\n  })\n\n  it('does not render tooltip primitives and requires no provider when disabled', () => {\n    render(\n      <Tooltip label=\"Never shown\" disabled>\n        <button type=\"button\">Plain trigger</button>\n      </Tooltip>\n    )\n\n    const trigger = screen.getByRole('button', { name: 'Plain trigger' })\n\n    fireEvent.focus(trigger)\n\n    expect(screen.queryByRole('tooltip')).toBeNull()\n    expect(screen.queryByText('Never shown')).toBeNull()\n  })\n\n  it('supports manual composition via TooltipRoot, TooltipTrigger and TooltipContent', async () => {\n    render(\n      <TooltipProvider>\n        <TooltipRoot defaultOpen>\n          <TooltipTrigger>Trigger text</TooltipTrigger>\n          <TooltipContent>Composed content</TooltipContent>\n        </TooltipRoot>\n      </TooltipProvider>\n    )\n\n    const tooltip = await screen.findByRole('tooltip')\n\n    expect(tooltip.textContent).toBe('Composed content')\n    expect(screen.getByText('Trigger text').getAttribute('data-slot')).toBe('tooltip-trigger')\n  })\n})\n"],"mappings":"oNAIA,IAAM,mBAAN,KAAyB,CACvB,SAAU,CAAC,CACX,WAAY,CAAC,CACb,YAAa,CAAC,CAChB,EAEA,cAAgB,CACd,OAAO,eAAiB,kBAC1B,CAAC,EAED,SAAS,eAAgB,CACvB,OAAO,EACL,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAS,MAAM,eACb,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,MAAY,CAAA,CAC3B,CAAA,CACM,CAAA,CACnB,CACF,CAEA,SAAS,cAAiB,CACxB,GAAG,2EAA8E,CAC/E,cAAc,EAEd,OAAO,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAClE,OAAO,EAAO,YAAY,SAAS,CAAC,CAAC,CAAC,SAAS,CACjD,CAAC,EAED,GAAG,2EAA4E,SAAY,CACzF,cAAc,EAEd,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,CAAC,EAE5D,IAAM,EAAU,MAAM,EAAO,WAAW,SAAS,EAEjD,OAAO,EAAQ,WAAW,CAAC,CAAC,KAAK,cAAc,EAC/C,OAAO,EAAQ,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,iBAAiB,EAChE,OAAO,EAAQ,SAAS,CAAC,CAAC,UAAU,eAAe,CACrD,CAAC,EAED,GAAG,yDAA0D,SAAY,CACvE,cAAc,EAEd,IAAM,EAAU,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,EAE3D,EAAU,MAAM,CAAO,EACvB,MAAM,EAAO,WAAW,SAAS,EAEjC,EAAU,KAAK,CAAO,EAEtB,MAAMA,MAAc,OAAO,EAAO,YAAY,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACtE,CAAC,EAED,GAAG,mDAAsD,CACvD,GAAM,CAAE,aAAc,cAAc,EAEpC,OAAO,EAAU,cAAc,+BAA+B,CAAC,CAAC,CAAC,IAAI,SAAS,CAChF,CAAC,EAED,GAAG,mDAAoD,SAAY,CACjE,cAAc,EAEd,EAAU,MAAM,EAAO,UAAU,SAAU,CAAE,KAAM,MAAO,CAAC,CAAC,EAE5D,IAAM,EAAU,MAAM,EAAO,WAAW,SAAS,EAEjD,OAAO,EAAQ,cAAc,KAAK,CAAC,CAAC,CAAC,IAAI,SAAS,CACpD,CAAC,EAED,GAAG,gFAAmF,CACpF,EACE,EAAC,EAAD,CAAS,MAAM,cAAc,SAAA,GAC3B,SAAA,EAAC,SAAD,CAAQ,KAAK,SAAS,SAAA,eAAqB,CAAA,CACpC,CAAA,CACX,EAEA,IAAM,EAAU,EAAO,UAAU,SAAU,CAAE,KAAM,eAAgB,CAAC,EAEpE,EAAU,MAAM,CAAO,EAEvB,OAAO,EAAO,YAAY,SAAS,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAO,YAAY,aAAa,CAAC,CAAC,CAAC,SAAS,CACrD,CAAC,EAED,GAAG,iFAAkF,SAAY,CAC/F,EACE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAa,YAAA,GAAb,SAAA,CACE,EAAC,EAAD,CAAA,SAAgB,cAA4B,CAAA,EAC5C,EAAC,EAAD,CAAA,SAAgB,kBAAgC,CAAA,CACrC,CACE,CAAA,CAAA,CAAA,CACnB,EAEA,IAAM,EAAU,MAAM,EAAO,WAAW,SAAS,EAEjD,OAAO,EAAQ,WAAW,CAAC,CAAC,KAAK,kBAAkB,EACnD,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,aAAa,WAAW,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAC3F,CAAC,CACH,CAAC"}

package/dist/components/unstyled-button.d.ts

@@ -1,10 +1,2 @@
-import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
-import * as React from "react";
-//#region src/components/unstyled-button.d.ts
-type UnstyledButtonProps = React.ComponentProps<'button'> & {
-  asChild?: boolean;
-};
-declare function UnstyledButton({ className, type, asChild, ...props }: UnstyledButtonProps): React.JSX.Element;
-//#endregion
-export { UnstyledButton, UnstyledButtonProps };
-//# sourceMappingURL=unstyled-button.d.ts.map
+import { n as UnstyledButtonProps, t as UnstyledButton } from "../unstyled-button-C-Zs4Qv2.js";
+export { UnstyledButton, UnstyledButtonProps };

package/dist/components/unstyled-button.js

@@ -1,2 +1 @@
-import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function UnstyledButton({className:r,type:i=`button`,asChild:a=!1,...o}){return n(a?t.Root:`button`,{type:a?void 0:i,"data-slot":`unstyled-button`,className:e(`inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none`,`cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50`,`focus-visible:ring-3 focus-visible:ring-ring/50`,r),...o})}export{UnstyledButton};
-//# sourceMappingURL=unstyled-button.js.map
+import{t as e}from"../unstyled-button-lGbDJA55.js";export{e as UnstyledButton};

package/dist/components/unstyled-button.spec.d.ts

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

package/dist/components/unstyled-button.spec.js

@@ -0,0 +1,2 @@
+import"../rolldown-runtime-Bdj-bS2b.js";import{t as e}from"../unstyled-button-lGbDJA55.js";import{a as t,n,r}from"../react.esm-BkhVXJ8s.js";import{jsx as i}from"react/jsx-runtime";describe(`UnstyledButton`,()=>{it(`renders a button with type="button" and data-slot by default`,()=>{let{container:t}=r(i(e,{children:`Click me`})),n=t.querySelector(`[data-slot="unstyled-button"]`);expect(n?.tagName).toBe(`BUTTON`),expect(n?.getAttribute(`type`)).toBe(`button`),expect(n?.className).toContain(`cursor-pointer`)}),it(`respects an explicit type prop`,()=>{let{container:t}=r(i(e,{type:`submit`,children:`Submit`}));expect(t.querySelector(`[data-slot="unstyled-button"]`)?.getAttribute(`type`)).toBe(`submit`)}),it(`renders the child element without a type attribute when asChild is true`,()=>{let{container:t}=r(i(e,{asChild:!0,children:i(`a`,{href:`/somewhere`,children:`Link button`})})),n=t.querySelector(`[data-slot="unstyled-button"]`);expect(n?.tagName).toBe(`A`),expect(n?.getAttribute(`type`)).toBeNull(),expect(n?.getAttribute(`href`)).toBe(`/somewhere`)}),it(`fires onClick when clicked`,()=>{let a=vi.fn();r(i(e,{onClick:a,children:`Click me`})),n.click(t.getByText(`Click me`)),expect(a).toHaveBeenCalledTimes(1)}),it(`merges a custom className with the base classes`,()=>{let{container:t}=r(i(e,{className:`custom-btn`,children:`Styled`}));expect(t.querySelector(`[data-slot="unstyled-button"]`)?.className).toContain(`custom-btn`)}),it(`forwards ref to the underlying button element`,()=>{let t={current:null};r(i(e,{ref:t,children:`Ref target`})),expect(t.current).toBeInstanceOf(HTMLButtonElement)})});
+//# sourceMappingURL=unstyled-button.spec.js.map

package/dist/components/unstyled-button.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstyled-button.spec.js","names":[],"sources":["../../src/components/unstyled-button.spec.tsx"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react'\n\nimport { UnstyledButton } from './unstyled-button'\n\ndescribe('UnstyledButton', () => {\n  it('renders a button with type=\"button\" and data-slot by default', () => {\n    const { container } = render(<UnstyledButton>Click me</UnstyledButton>)\n\n    const button = container.querySelector('[data-slot=\"unstyled-button\"]')\n\n    expect(button?.tagName).toBe('BUTTON')\n    expect(button?.getAttribute('type')).toBe('button')\n    expect(button?.className).toContain('cursor-pointer')\n  })\n\n  it('respects an explicit type prop', () => {\n    const { container } = render(<UnstyledButton type=\"submit\">Submit</UnstyledButton>)\n\n    expect(container.querySelector('[data-slot=\"unstyled-button\"]')?.getAttribute('type')).toBe('submit')\n  })\n\n  it('renders the child element without a type attribute when asChild is true', () => {\n    const { container } = render(\n      <UnstyledButton asChild>\n        <a href=\"/somewhere\">Link button</a>\n      </UnstyledButton>\n    )\n\n    const rendered = container.querySelector('[data-slot=\"unstyled-button\"]')\n\n    expect(rendered?.tagName).toBe('A')\n    expect(rendered?.getAttribute('type')).toBeNull()\n    expect(rendered?.getAttribute('href')).toBe('/somewhere')\n  })\n\n  it('fires onClick when clicked', () => {\n    const handleClick = vi.fn()\n\n    render(<UnstyledButton onClick={handleClick}>Click me</UnstyledButton>)\n\n    fireEvent.click(screen.getByText('Click me'))\n\n    expect(handleClick).toHaveBeenCalledTimes(1)\n  })\n\n  it('merges a custom className with the base classes', () => {\n    const { container } = render(<UnstyledButton className=\"custom-btn\">Styled</UnstyledButton>)\n\n    expect(container.querySelector('[data-slot=\"unstyled-button\"]')?.className).toContain('custom-btn')\n  })\n\n  it('forwards ref to the underlying button element', () => {\n    const ref = { current: null as HTMLButtonElement | null }\n\n    render(<UnstyledButton ref={ref}>Ref target</UnstyledButton>)\n\n    expect(ref.current).toBeInstanceOf(HTMLButtonElement)\n  })\n})\n"],"mappings":"oLAIA,SAAS,qBAAwB,CAC/B,GAAG,mEAAsE,CACvE,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAA,SAAgB,UAAwB,CAAA,CAAC,EAEhE,EAAS,EAAU,cAAc,+BAA+B,EAEtE,OAAO,GAAQ,OAAO,CAAC,CAAC,KAAK,QAAQ,EACrC,OAAO,GAAQ,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,EAClD,OAAO,GAAQ,SAAS,CAAC,CAAC,UAAU,gBAAgB,CACtD,CAAC,EAED,GAAG,qCAAwC,CACzC,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAgB,KAAK,SAAS,SAAA,QAAsB,CAAA,CAAC,EAElF,OAAO,EAAU,cAAc,+BAA+B,CAAC,EAAE,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CACtG,CAAC,EAED,GAAG,8EAAiF,CAClF,GAAM,CAAE,aAAc,EACpB,EAAC,EAAD,CAAgB,QAAA,GACd,SAAA,EAAC,IAAD,CAAG,KAAK,aAAa,SAAA,aAAc,CAAA,CACrB,CAAA,CAClB,EAEM,EAAW,EAAU,cAAc,+BAA+B,EAExE,OAAO,GAAU,OAAO,CAAC,CAAC,KAAK,GAAG,EAClC,OAAO,GAAU,aAAa,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,GAAU,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,YAAY,CAC1D,CAAC,EAED,GAAG,iCAAoC,CACrC,IAAM,EAAc,GAAG,GAAG,EAE1B,EAAO,EAAC,EAAD,CAAgB,QAAS,EAAa,SAAA,UAAwB,CAAA,CAAC,EAEtE,EAAU,MAAM,EAAO,UAAU,UAAU,CAAC,EAE5C,OAAO,CAAW,CAAC,CAAC,sBAAsB,CAAC,CAC7C,CAAC,EAED,GAAG,sDAAyD,CAC1D,GAAM,CAAE,aAAc,EAAO,EAAC,EAAD,CAAgB,UAAU,aAAa,SAAA,QAAsB,CAAA,CAAC,EAE3F,OAAO,EAAU,cAAc,+BAA+B,CAAC,EAAE,SAAS,CAAC,CAAC,UAAU,YAAY,CACpG,CAAC,EAED,GAAG,oDAAuD,CACxD,IAAM,EAAM,CAAE,QAAS,IAAiC,EAExD,EAAO,EAAC,EAAD,CAAqB,MAAK,SAAA,YAA0B,CAAA,CAAC,EAE5D,OAAO,EAAI,OAAO,CAAC,CAAC,eAAe,iBAAiB,CACtD,CAAC,CACH,CAAC"}