@jfrader/ui 0.1.1 → 0.1.2

package/README.md

@@ -60,6 +60,8 @@ import { ThemeRoot } from '@jfrader/ui/theme-root';
 
 `react` and `react-dom` (`>=18.2`) are peer dependencies.
 
+Next.js App Router: see [Next.js App Router](https://github.com/jfrader/jfrader-ui/blob/master/docs/consuming-jfrader-ui.md#nextjs-app-router) for the required Emotion registry.
+
 ## Theming
 
 Components read CSS custom properties defined by `@jfrader/tokens`. Load the stylesheet once and wrap the app in `ThemeRoot`:

package/dist/{accordion-Dl-kvgPQ.js → accordion-C3YbYFBi.js}

@@ -1,9 +1,10 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./disclosure-caret-BC6P8AsM.js";
-import { t as n } from "./focus-ring-qOS3rPlM.js";
-import { n as r } from "./media-8K3xDAxM.js";
-import { n as i } from "./roving-focus-DeEZ55-T.js";
-import { t as a } from "./use-controlled-state-DQXkiTQI.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./disclosure-caret-C5T3fcl6.js";
+import { t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r } from "./media-D_eA_I-e.js";
+import { n as i } from "./roving-focus-CYlo_Kf8.js";
+import { t as a } from "./use-controlled-state-CVXDa-qM.js";
 import { createContext as o, forwardRef as s, useContext as c, useId as l, useMemo as u } from "react";
 import { vars as d } from "@jfrader/tokens/vars";
 import { jsx as f } from "@emotion/react/jsx-runtime";

package/dist/accordion.js

@@ -1 +1,2 @@
-export { t as Accordion } from "./accordion-Dl-kvgPQ.js";
+'use client';
+export { t as Accordion } from "./accordion-C3YbYFBi.js";

package/dist/{alert-BzntPa_5.js → alert-CA9ZlIZp.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
-import { t as r } from "./visually-hidden-BXVyhj0y.js";
-import { t as i } from "./renderable-DwPvt1I8.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./visually-hidden-DCWhf0Cb.js";
+import { t as i } from "./renderable-DzcIj1Lo.js";
 import { forwardRef as a } from "react";
 import { vars as o } from "@jfrader/tokens/vars";
 import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";

package/dist/alert.js

@@ -1 +1,2 @@
-export { t as Alert } from "./alert-BzntPa_5.js";
+'use client';
+export { t as Alert } from "./alert-CA9ZlIZp.js";

package/dist/{avatar-Dk2ES3ru.js → avatar-IUW4yJl0.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { forwardRef as t, useState as n } from "react";
 import { vars as r } from "@jfrader/tokens/vars";
 import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";

package/dist/avatar.js

@@ -1 +1,2 @@
-export { t as Avatar } from "./avatar-Dk2ES3ru.js";
+'use client';
+export { t as Avatar } from "./avatar-IUW4yJl0.js";

package/dist/{badge-DZefC7rm.js → badge-Bru30HEn.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { forwardRef as t } from "react";
 import { vars as n } from "@jfrader/tokens/vars";
 import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";

package/dist/badge.js

@@ -1 +1,2 @@
-export { t as Badge } from "./badge-DZefC7rm.js";
+'use client';
+export { t as Badge } from "./badge-Bru30HEn.js";

package/dist/{breadcrumbs-5MCZ_Jr3.js → breadcrumbs-CQaviWRc.js}

@@ -1,6 +1,7 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
 import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useId as s, useImperativeHandle as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { vars as p } from "@jfrader/tokens/vars";
 import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";

package/dist/breadcrumbs.js

@@ -1 +1,2 @@
-export { t as Breadcrumbs } from "./breadcrumbs-5MCZ_Jr3.js";
+'use client';
+export { t as Breadcrumbs } from "./breadcrumbs-CQaviWRc.js";

package/dist/{button-qy-50NPd.js → button-Cmixur4Q.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
-import { t as r } from "./icon-wrapper-BKo4FI-O.js";
-import { n as i, t as a } from "./loading-ring-CTpT-IrT.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./icon-wrapper-CFWzew5m.js";
+import { n as i, t as a } from "./loading-ring-BpdB0aFi.js";
 import { forwardRef as o } from "react";
 import { vars as s } from "@jfrader/tokens/vars";
 import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";

package/dist/button.js

@@ -1 +1,2 @@
-export { t as Button } from "./button-qy-50NPd.js";
+'use client';
+export { t as Button } from "./button-Cmixur4Q.js";

package/dist/{calendar-DcCAiN3b.js → calendar-DUgS0xmp.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n, t as r } from "./media-8K3xDAxM.js";
-import { t as i } from "./use-controlled-state-DQXkiTQI.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n, t as r } from "./media-D_eA_I-e.js";
+import { t as i } from "./use-controlled-state-CVXDa-qM.js";
 import { createContext as a, forwardRef as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { vars as h } from "@jfrader/tokens/vars";
 import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";

package/dist/calendar.js

@@ -1 +1,2 @@
-export { t as Calendar } from "./calendar-DcCAiN3b.js";
+'use client';
+export { t as Calendar } from "./calendar-DUgS0xmp.js";

package/dist/{card-L-Z_1vZN.js → card-D9CHtouU.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { createContext as t, forwardRef as n, useContext as r } from "react";
 import { vars as i } from "@jfrader/tokens/vars";
 import { jsx as a } from "@emotion/react/jsx-runtime";

package/dist/card.js

@@ -1 +1,2 @@
-export { t as Card } from "./card-L-Z_1vZN.js";
+'use client';
+export { t as Card } from "./card-D9CHtouU.js";

package/dist/{checkbox-B7em7B-6.js → checkbox-DKa5BCdy.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./media-8K3xDAxM.js";
-import { t as n } from "./renderable-DwPvt1I8.js";
-import { i as r, n as i, r as a, t as o } from "./choice-control-DCyQ_hVw.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./media-D_eA_I-e.js";
+import { t as n } from "./renderable-DzcIj1Lo.js";
+import { i as r, n as i, r as a, t as o } from "./choice-control-ByFogYcT.js";
 import { forwardRef as s, useEffect as c, useId as l, useImperativeHandle as u, useRef as d } from "react";
 import { vars as f } from "@jfrader/tokens/vars";
 import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";

package/dist/checkbox.js

@@ -1 +1,2 @@
-export { t as Checkbox } from "./checkbox-B7em7B-6.js";
+'use client';
+export { t as Checkbox } from "./checkbox-DKa5BCdy.js";

package/dist/{choice-control-DCyQ_hVw.js → choice-control-ByFogYcT.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/choice-control.ts
 var n = e({

package/dist/{collection-registry-C2jnQa7X.js → collection-registry-1l9f3XJZ.js}

@@ -1,5 +1,6 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./part-id-Bg1LSlk7.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./part-id-D0zksy32.js";
 import { useCallback as n, useLayoutEffect as r, useMemo as i, useState as a } from "react";
 import { vars as o } from "@jfrader/tokens/vars";
 import { useListItem as s } from "@floating-ui/react";

package/dist/{combobox-DQcXR94r.js → combobox-Dq3V88Zt.js}

@@ -1,9 +1,10 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t, t as n } from "./use-controlled-state-DQXkiTQI.js";
-import { t as r } from "./renderable-DwPvt1I8.js";
-import { a as i, c as a, d as o, f as s, l as c, o as l, r as u, s as d, t as f, u as p } from "./collection-registry-C2jnQa7X.js";
-import { t as m } from "./use-overlay-floating-CsZd3qxa.js";
-import { t as h } from "./text-field-BlP8qGn_.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t, t as n } from "./use-controlled-state-CVXDa-qM.js";
+import { t as r } from "./renderable-DzcIj1Lo.js";
+import { a as i, c as a, d as o, f as s, l as c, o as l, r as u, s as d, t as f, u as p } from "./collection-registry-1l9f3XJZ.js";
+import { t as m } from "./use-overlay-floating-efeqppiw.js";
+import { t as h } from "./text-field-DDPqQu29.js";
 import { createContext as g, forwardRef as _, useCallback as v, useContext as y, useId as ee, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 import { vars as w } from "@jfrader/tokens/vars";
 import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";

package/dist/combobox.js

@@ -1 +1,2 @@
-export { t as Combobox } from "./combobox-DQcXR94r.js";
+'use client';
+export { t as Combobox } from "./combobox-Dq3V88Zt.js";

package/dist/{command-palette-BRJ8A5De.js → command-palette-6c158eH1.js}

@@ -1,12 +1,13 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./focus-ring-qOS3rPlM.js";
-import { t as n } from "./use-controlled-state-DQXkiTQI.js";
-import { t as r } from "./visually-hidden-BXVyhj0y.js";
-import { t as i } from "./renderable-DwPvt1I8.js";
-import { a, r as o, s, t as c } from "./collection-registry-C2jnQa7X.js";
-import { t as l } from "./trigger-style-f54idgjT.js";
-import { i as u, r as d, t as f } from "./use-native-dialog-BCp1chwO.js";
-import { n as p, t as m } from "./surface-Bo_aSQOb.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { t as n } from "./use-controlled-state-CVXDa-qM.js";
+import { t as r } from "./visually-hidden-DCWhf0Cb.js";
+import { t as i } from "./renderable-DzcIj1Lo.js";
+import { a, r as o, s, t as c } from "./collection-registry-1l9f3XJZ.js";
+import { t as l } from "./trigger-style-B1GFmH7M.js";
+import { i as u, r as d, t as f } from "./use-native-dialog-DWpIUVO1.js";
+import { n as p, t as m } from "./surface-DZ4d-2aL.js";
 import { createContext as h, forwardRef as g, useCallback as _, useContext as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
 import { vars as C } from "@jfrader/tokens/vars";
 import { jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";

package/dist/command-palette.js

@@ -1 +1,2 @@
-export { t as CommandPalette } from "./command-palette-BRJ8A5De.js";
+'use client';
+export { t as CommandPalette } from "./command-palette-6c158eH1.js";

package/dist/{container-COHiEjI8.js → container-xUEIoZzj.js}

@@ -1,5 +1,6 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./layout-style-B_6YHQ6Q.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./layout-style-7ZTOiWGR.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "@emotion/react/jsx-runtime";
 //#region src/components/container/container.tsx

package/dist/container.js

@@ -1 +1,2 @@
-export { t as Container } from "./container-COHiEjI8.js";
+'use client';
+export { t as Container } from "./container-xUEIoZzj.js";

package/dist/{css-CW_HG55W.js → css-Cgj6sCHn.js}

@@ -1 +1,2 @@
+'use client';
 export { keyframes as n, css as t } from "@emotion/react";

package/dist/{date-picker-D1GwiRB9.js → date-picker-DrHJMt2p.js}

@@ -1,10 +1,11 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./use-controlled-state-DQXkiTQI.js";
-import { t as n } from "./renderable-DwPvt1I8.js";
-import { t as r } from "./calendar-DcCAiN3b.js";
-import { n as i } from "./surface-Bo_aSQOb.js";
-import { t as a } from "./use-overlay-floating-CsZd3qxa.js";
-import { t as o } from "./text-field-BlP8qGn_.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./use-controlled-state-CVXDa-qM.js";
+import { t as n } from "./renderable-DzcIj1Lo.js";
+import { t as r } from "./calendar-DUgS0xmp.js";
+import { n as i } from "./surface-DZ4d-2aL.js";
+import { t as a } from "./use-overlay-floating-efeqppiw.js";
+import { t as o } from "./text-field-DDPqQu29.js";
 import { createContext as s, forwardRef as c, useContext as l, useEffect as u, useId as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { vars as g } from "@jfrader/tokens/vars";
 import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";

package/dist/date-picker.js

@@ -1 +1,2 @@
-export { t as DatePicker } from "./date-picker-D1GwiRB9.js";
+'use client';
+export { t as DatePicker } from "./date-picker-DrHJMt2p.js";

package/dist/{dialog-CYf9fCZO.js → dialog-C2NSOOP-.js}

@@ -1,10 +1,11 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
-import { t as r } from "./use-controlled-state-DQXkiTQI.js";
-import { t as i } from "./trigger-style-f54idgjT.js";
-import { i as a, n as o, r as s, t as c } from "./use-native-dialog-BCp1chwO.js";
-import { n as l, t as u } from "./surface-Bo_aSQOb.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./use-controlled-state-CVXDa-qM.js";
+import { t as i } from "./trigger-style-B1GFmH7M.js";
+import { i as a, n as o, r as s, t as c } from "./use-native-dialog-DWpIUVO1.js";
+import { n as l, t as u } from "./surface-DZ4d-2aL.js";
 import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
 import { vars as b } from "@jfrader/tokens/vars";
 import { jsx as x } from "@emotion/react/jsx-runtime";

package/dist/dialog.js

@@ -1 +1,2 @@
-export { t as Dialog } from "./dialog-CYf9fCZO.js";
+'use client';
+export { t as Dialog } from "./dialog-C2NSOOP-.js";

package/dist/{disclosure-caret-BC6P8AsM.js → disclosure-caret-C5T3fcl6.js}

@@ -1,3 +1,4 @@
+'use client';
 import { vars as e } from "@jfrader/tokens/vars";
 //#region src/styling/disclosure-caret.ts
 var t = {

package/dist/{divider-bi7OgCI5.js → divider-yF5EmhhT.js}

@@ -1,5 +1,6 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./renderable-DwPvt1I8.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./renderable-DzcIj1Lo.js";
 import { forwardRef as n, useId as r } from "react";
 import { vars as i } from "@jfrader/tokens/vars";
 import { jsx as a } from "@emotion/react/jsx-runtime";

package/dist/divider.js

@@ -1 +1,2 @@
-export { t as Divider } from "./divider-bi7OgCI5.js";
+'use client';
+export { t as Divider } from "./divider-yF5EmhhT.js";

package/dist/{field-anatomy-DKkB268x.js → field-anatomy-BzGw1Ch9.js}

@@ -1,6 +1,7 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./media-8K3xDAxM.js";
-import { t as n } from "./renderable-DwPvt1I8.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./media-D_eA_I-e.js";
+import { t as n } from "./renderable-DzcIj1Lo.js";
 import { useId as r } from "react";
 import { vars as i } from "@jfrader/tokens/vars";
 import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";

package/dist/{flex-CDFDDaiu.js → flex-5-NI5SSy.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./layout-style-B_6YHQ6Q.js";
+'use client';
+import { t as e } from "./layout-style-7ZTOiWGR.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "@emotion/react/jsx-runtime";
 //#region src/components/flex/flex.tsx

package/dist/flex.js

@@ -1 +1,2 @@
-export { t as Flex } from "./flex-CDFDDaiu.js";
+'use client';
+export { t as Flex } from "./flex-5-NI5SSy.js";

package/dist/{focus-ring-qOS3rPlM.js → focus-ring-BK5W5_NY.js}

@@ -1,3 +1,4 @@
+'use client';
 import { vars as e } from "@jfrader/tokens/vars";
 //#region src/styling/focus-ring.ts
 var t = {

package/dist/{icon-wrapper-BKo4FI-O.js → icon-wrapper-CFWzew5m.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 //#region src/styling/icon-wrapper.ts
 var t = e({
 	display: "inline-flex",

package/dist/index.js

@@ -1,37 +1,38 @@
-import { t as e } from "./accordion-Dl-kvgPQ.js";
-import { t } from "./alert-BzntPa_5.js";
-import { t as n } from "./avatar-Dk2ES3ru.js";
-import { t as r } from "./badge-DZefC7rm.js";
-import { t as i } from "./breadcrumbs-5MCZ_Jr3.js";
-import { t as a } from "./button-qy-50NPd.js";
-import { t as o } from "./calendar-DcCAiN3b.js";
-import { t as s } from "./card-L-Z_1vZN.js";
-import { t as c } from "./checkbox-B7em7B-6.js";
-import { t as l } from "./command-palette-BRJ8A5De.js";
-import { t as u } from "./text-field-BlP8qGn_.js";
-import { t as d } from "./combobox-DQcXR94r.js";
-import { t as f } from "./container-COHiEjI8.js";
-import { t as p } from "./date-picker-D1GwiRB9.js";
-import { t as m } from "./dialog-CYf9fCZO.js";
-import { t as h } from "./divider-bi7OgCI5.js";
-import { t as g } from "./flex-CDFDDaiu.js";
-import { t as _ } from "./kbd-DpiJgDJ2.js";
-import { t as v } from "./menu-A9fZUaAG.js";
-import { t as y } from "./navigation-Cemnmc_J.js";
-import { t as b } from "./pagination-orCjUsn_.js";
-import { t as x } from "./pill-Dg2JJHHW.js";
-import { t as S } from "./popover-D_YU34WS.js";
-import { t as C } from "./progress-XdvBG0Vv.js";
-import { t as w } from "./radio-group-CxMJ2Vq7.js";
-import { t as T } from "./select-mwFbmzsn.js";
-import { t as E } from "./skeleton-qas9ZKK9.js";
-import { t as D } from "./spinner-ros2CfIf.js";
-import { t as O } from "./stack-Hs8THnIL.js";
-import { t as k } from "./switch-E375Bz4X.js";
-import { t as A } from "./tabs-CBwRiuul.js";
-import { t as j } from "./textarea-CUG26CH2.js";
-import { t as M } from "./theme-root-CrdzwfSo.js";
-import { n as N, t as P } from "./toast-D_dnqnn-.js";
-import { t as F } from "./toggle-group-B7gXCea8.js";
-import { t as I } from "./tooltip-BJ2hLV1b.js";
+'use client';
+import { t as e } from "./accordion-C3YbYFBi.js";
+import { t } from "./alert-CA9ZlIZp.js";
+import { t as n } from "./avatar-IUW4yJl0.js";
+import { t as r } from "./badge-Bru30HEn.js";
+import { t as i } from "./breadcrumbs-CQaviWRc.js";
+import { t as a } from "./button-Cmixur4Q.js";
+import { t as o } from "./calendar-DUgS0xmp.js";
+import { t as s } from "./card-D9CHtouU.js";
+import { t as c } from "./checkbox-DKa5BCdy.js";
+import { t as l } from "./command-palette-6c158eH1.js";
+import { t as u } from "./text-field-DDPqQu29.js";
+import { t as d } from "./combobox-Dq3V88Zt.js";
+import { t as f } from "./container-xUEIoZzj.js";
+import { t as p } from "./date-picker-DrHJMt2p.js";
+import { t as m } from "./dialog-C2NSOOP-.js";
+import { t as h } from "./divider-yF5EmhhT.js";
+import { t as g } from "./flex-5-NI5SSy.js";
+import { t as _ } from "./kbd-B03_qIwQ.js";
+import { t as v } from "./menu-bvKRJOhJ.js";
+import { t as y } from "./navigation-xPoqh_Iz.js";
+import { t as b } from "./pagination-BIKYsxK1.js";
+import { t as x } from "./pill-CrVqffKM.js";
+import { t as S } from "./popover-CVAZ_C1a.js";
+import { t as C } from "./progress-C8bgujFI.js";
+import { t as w } from "./radio-group-CvQ4x8ii.js";
+import { t as T } from "./select-CNNiUhKB.js";
+import { t as E } from "./skeleton-gJ4ImO5u.js";
+import { t as D } from "./spinner-CSFiP0Oi.js";
+import { t as O } from "./stack-mEAryjKz.js";
+import { t as k } from "./switch-2hm2WnWt.js";
+import { t as A } from "./tabs-GBppQabg.js";
+import { t as j } from "./textarea-OP8_3IUR.js";
+import { t as M } from "./theme-root-eLka0ZP1.js";
+import { n as N, t as P } from "./toast-D3Y6OAsg.js";
+import { t as F } from "./toggle-group-BxzJ-6Cp.js";
+import { t as I } from "./tooltip-CVl8HS4S.js";
 export { e as Accordion, t as Alert, n as Avatar, r as Badge, i as Breadcrumbs, a as Button, o as Calendar, s as Card, c as Checkbox, d as Combobox, l as CommandPalette, f as Container, p as DatePicker, m as Dialog, h as Divider, g as Flex, _ as Kbd, v as Menu, y as Navigation, b as Pagination, x as Pill, S as Popover, C as Progress, w as RadioGroup, T as Select, E as Skeleton, D as Spinner, O as Stack, k as Switch, A as Tabs, u as TextField, j as Textarea, M as ThemeRoot, P as Toast, F as ToggleGroup, I as Tooltip, N as useToast };

package/dist/{kbd-DpiJgDJ2.js → kbd-B03_qIwQ.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { Children as t, Fragment as n, forwardRef as r } from "react";
 import { vars as i } from "@jfrader/tokens/vars";
 import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";

package/dist/kbd.js

@@ -1 +1,2 @@
-export { t as Kbd } from "./kbd-DpiJgDJ2.js";
+'use client';
+export { t as Kbd } from "./kbd-B03_qIwQ.js";

package/dist/{layout-style-B_6YHQ6Q.js → layout-style-7ZTOiWGR.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/layout-style.ts
 var n = [

package/dist/{loading-ring-CTpT-IrT.js → loading-ring-BpdB0aFi.js}

@@ -1,4 +1,5 @@
-import { n as e } from "./css-CW_HG55W.js";
+'use client';
+import { n as e } from "./css-Cgj6sCHn.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/loading-ring.ts
 var n = e({

package/dist/{media-8K3xDAxM.js → media-D_eA_I-e.js}

@@ -1,3 +1,4 @@
+'use client';
 //#region src/styling/media.ts
 var e = "@media (prefers-reduced-motion: reduce)", t = "@media (forced-colors: active)";
 //#endregion

package/dist/{menu-A9fZUaAG.js → menu-bvKRJOhJ.js}

@@ -1,10 +1,11 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
-import { t as r } from "./use-controlled-state-DQXkiTQI.js";
-import { f as i, i as a, n as o, o as s } from "./collection-registry-C2jnQa7X.js";
-import { t as c } from "./trigger-style-f54idgjT.js";
-import { t as l } from "./use-overlay-floating-CsZd3qxa.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./use-controlled-state-CVXDa-qM.js";
+import { f as i, i as a, n as o, o as s } from "./collection-registry-1l9f3XJZ.js";
+import { t as c } from "./trigger-style-B1GFmH7M.js";
+import { t as l } from "./use-overlay-floating-efeqppiw.js";
 import { createContext as u, forwardRef as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import { vars as _ } from "@jfrader/tokens/vars";
 import { jsx as v } from "@emotion/react/jsx-runtime";

package/dist/menu.js

@@ -1 +1,2 @@
-export { t as Menu } from "./menu-A9fZUaAG.js";
+'use client';
+export { t as Menu } from "./menu-bvKRJOhJ.js";

package/dist/{navigation-Cemnmc_J.js → navigation-xPoqh_Iz.js}

@@ -1,9 +1,10 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./disclosure-caret-BC6P8AsM.js";
-import { t as n } from "./focus-ring-qOS3rPlM.js";
-import { n as r, t as i } from "./media-8K3xDAxM.js";
-import { t as a } from "./renderable-DwPvt1I8.js";
-import { t as o } from "./icon-wrapper-BKo4FI-O.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./disclosure-caret-C5T3fcl6.js";
+import { t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, t as i } from "./media-D_eA_I-e.js";
+import { t as a } from "./renderable-DzcIj1Lo.js";
+import { t as o } from "./icon-wrapper-CFWzew5m.js";
 import { forwardRef as s, useId as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
 import { Fragment as u, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";

package/dist/navigation.js

@@ -1 +1,2 @@
-export { t as Navigation } from "./navigation-Cemnmc_J.js";
+'use client';
+export { t as Navigation } from "./navigation-xPoqh_Iz.js";

package/dist/{pagination-orCjUsn_.js → pagination-BIKYsxK1.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./focus-ring-qOS3rPlM.js";
-import { n } from "./media-8K3xDAxM.js";
-import { t as r } from "./visually-hidden-BXVyhj0y.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n } from "./media-D_eA_I-e.js";
+import { t as r } from "./visually-hidden-DCWhf0Cb.js";
 import { forwardRef as i, useImperativeHandle as a, useLayoutEffect as o, useMemo as s, useRef as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
 import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";

package/dist/pagination.js

@@ -1 +1,2 @@
-export { t as Pagination } from "./pagination-orCjUsn_.js";
+'use client';
+export { t as Pagination } from "./pagination-BIKYsxK1.js";

package/dist/{part-id-Bg1LSlk7.js → part-id-D0zksy32.js}

@@ -1,3 +1,4 @@
+'use client';
 //#region src/utils/part-id.ts
 var e = (e, t, n) => `${e}-${t}-${encodeURIComponent(n)}`;
 //#endregion

package/dist/{pill-Dg2JJHHW.js → pill-CrVqffKM.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { forwardRef as t } from "react";
 import { vars as n } from "@jfrader/tokens/vars";
 import { jsx as r } from "@emotion/react/jsx-runtime";

package/dist/pill.js

@@ -1 +1,2 @@
-export { t as Pill } from "./pill-Dg2JJHHW.js";
+'use client';
+export { t as Pill } from "./pill-CrVqffKM.js";

package/dist/{popover-D_YU34WS.js → popover-CVAZ_C1a.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./use-controlled-state-DQXkiTQI.js";
-import { t as n } from "./trigger-style-f54idgjT.js";
-import { n as r } from "./surface-Bo_aSQOb.js";
-import { t as i } from "./use-overlay-floating-CsZd3qxa.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./use-controlled-state-CVXDa-qM.js";
+import { t as n } from "./trigger-style-B1GFmH7M.js";
+import { n as r } from "./surface-DZ4d-2aL.js";
+import { t as i } from "./use-overlay-floating-efeqppiw.js";
 import { createContext as a, forwardRef as o, useContext as s, useEffect as c, useMemo as l, useRef as u } from "react";
 import { vars as d } from "@jfrader/tokens/vars";
 import { jsx as f } from "@emotion/react/jsx-runtime";

package/dist/popover.js

@@ -1 +1,2 @@
-export { t as Popover } from "./popover-D_YU34WS.js";
+'use client';
+export { t as Popover } from "./popover-CVAZ_C1a.js";

package/dist/{progress-XdvBG0Vv.js → progress-C8bgujFI.js}

@@ -1,7 +1,8 @@
-import { n as e, t } from "./css-CW_HG55W.js";
-import { n, t as r } from "./media-8K3xDAxM.js";
-import { t as i } from "./visually-hidden-BXVyhj0y.js";
-import { t as a } from "./renderable-DwPvt1I8.js";
+'use client';
+import { n as e, t } from "./css-Cgj6sCHn.js";
+import { n, t as r } from "./media-D_eA_I-e.js";
+import { t as i } from "./visually-hidden-DCWhf0Cb.js";
+import { t as a } from "./renderable-DzcIj1Lo.js";
 import { forwardRef as o, useId as s } from "react";
 import { vars as c } from "@jfrader/tokens/vars";
 import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";

package/dist/progress.js

@@ -1 +1,2 @@
-export { t as Progress } from "./progress-XdvBG0Vv.js";
+'use client';
+export { t as Progress } from "./progress-C8bgujFI.js";

package/dist/{radio-group-CxMJ2Vq7.js → radio-group-CvQ4x8ii.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t, t as n } from "./media-8K3xDAxM.js";
-import { t as r } from "./use-controlled-state-DQXkiTQI.js";
-import { t as i } from "./renderable-DwPvt1I8.js";
-import { i as a, n as o, r as s, t as c } from "./choice-control-DCyQ_hVw.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t, t as n } from "./media-D_eA_I-e.js";
+import { t as r } from "./use-controlled-state-CVXDa-qM.js";
+import { t as i } from "./renderable-DzcIj1Lo.js";
+import { i as a, n as o, r as s, t as c } from "./choice-control-ByFogYcT.js";
 import { createContext as l, forwardRef as u, useContext as d, useId as f, useMemo as p } from "react";
 import { vars as m } from "@jfrader/tokens/vars";
 import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";

package/dist/radio-group.js

@@ -1 +1,2 @@
-export { t as RadioGroup } from "./radio-group-CxMJ2Vq7.js";
+'use client';
+export { t as RadioGroup } from "./radio-group-CvQ4x8ii.js";

package/dist/{renderable-DwPvt1I8.js → renderable-DzcIj1Lo.js}

@@ -1,3 +1,4 @@
+'use client';
 //#region src/utils/renderable.ts
 function e(e) {
 	return e != null && typeof e != "boolean";

package/dist/{roving-focus-DeEZ55-T.js → roving-focus-CYlo_Kf8.js}

@@ -1,3 +1,4 @@
+'use client';
 //#region src/utils/roving-focus.ts
 var e = (e, t) => (e + 1) % t, t = (e, t) => (e - 1 + t) % t, n = () => 0, r = (e, t) => t - 1, i = {
 	horizontal: {

package/dist/{select-mwFbmzsn.js → select-CNNiUhKB.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./use-controlled-state-DQXkiTQI.js";
-import { a as n, c as r, d as i, f as a, l as o, o as s, r as c, s as l, t as u, u as d } from "./collection-registry-C2jnQa7X.js";
-import { t as f } from "./trigger-style-f54idgjT.js";
-import { t as p } from "./use-overlay-floating-CsZd3qxa.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./use-controlled-state-CVXDa-qM.js";
+import { a as n, c as r, d as i, f as a, l as o, o as s, r as c, s as l, t as u, u as d } from "./collection-registry-1l9f3XJZ.js";
+import { t as f } from "./trigger-style-B1GFmH7M.js";
+import { t as p } from "./use-overlay-floating-efeqppiw.js";
 import { createContext as m, forwardRef as h, useContext as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
 import { vars as S } from "@jfrader/tokens/vars";
 import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";

package/dist/select.js

@@ -1 +1,2 @@
-export { t as Select } from "./select-mwFbmzsn.js";
+'use client';
+export { t as Select } from "./select-CNNiUhKB.js";

package/dist/{skeleton-qas9ZKK9.js → skeleton-gJ4ImO5u.js}

@@ -1,5 +1,6 @@
-import { n as e, t } from "./css-CW_HG55W.js";
-import { n } from "./media-8K3xDAxM.js";
+'use client';
+import { n as e, t } from "./css-Cgj6sCHn.js";
+import { n } from "./media-D_eA_I-e.js";
 import { forwardRef as r } from "react";
 import { vars as i } from "@jfrader/tokens/vars";
 import { jsx as a } from "@emotion/react/jsx-runtime";

package/dist/skeleton.js

@@ -1 +1,2 @@
-export { t as Skeleton } from "./skeleton-qas9ZKK9.js";
+'use client';
+export { t as Skeleton } from "./skeleton-gJ4ImO5u.js";

package/dist/{spinner-ros2CfIf.js → spinner-CSFiP0Oi.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./media-8K3xDAxM.js";
-import { t as n } from "./visually-hidden-BXVyhj0y.js";
-import { n as r, t as i } from "./loading-ring-CTpT-IrT.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./media-D_eA_I-e.js";
+import { t as n } from "./visually-hidden-DCWhf0Cb.js";
+import { n as r, t as i } from "./loading-ring-BpdB0aFi.js";
 import { forwardRef as a } from "react";
 import { vars as o } from "@jfrader/tokens/vars";
 import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";

package/dist/spinner.js

@@ -1 +1,2 @@
-export { t as Spinner } from "./spinner-ros2CfIf.js";
+'use client';
+export { t as Spinner } from "./spinner-CSFiP0Oi.js";

package/dist/{stack-Hs8THnIL.js → stack-mEAryjKz.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./layout-style-B_6YHQ6Q.js";
+'use client';
+import { t as e } from "./layout-style-7ZTOiWGR.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "@emotion/react/jsx-runtime";
 //#region src/components/stack/stack.tsx

package/dist/stack.js

@@ -1 +1,2 @@
-export { t as Stack } from "./stack-Hs8THnIL.js";
+'use client';
+export { t as Stack } from "./stack-mEAryjKz.js";

package/dist/{surface-Bo_aSQOb.js → surface-DZ4d-2aL.js}

@@ -1,3 +1,4 @@
+'use client';
 import { vars as e } from "@jfrader/tokens/vars";
 //#region src/styling/surface.ts
 var t = {

package/dist/{switch-E375Bz4X.js → switch-2hm2WnWt.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./media-8K3xDAxM.js";
-import { t as n } from "./renderable-DwPvt1I8.js";
-import { i as r, n as i, r as a, t as o } from "./choice-control-DCyQ_hVw.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./media-D_eA_I-e.js";
+import { t as n } from "./renderable-DzcIj1Lo.js";
+import { i as r, n as i, r as a, t as o } from "./choice-control-ByFogYcT.js";
 import { forwardRef as s, useId as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
 import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";

package/dist/switch.js

@@ -1 +1,2 @@
-export { t as Switch } from "./switch-E375Bz4X.js";
+'use client';
+export { t as Switch } from "./switch-2hm2WnWt.js";

package/dist/{tabs-CBwRiuul.js → tabs-GBppQabg.js}

@@ -1,9 +1,10 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t, t as n } from "./focus-ring-qOS3rPlM.js";
-import { n as r } from "./media-8K3xDAxM.js";
-import { n as i, r as a, t as o } from "./roving-focus-DeEZ55-T.js";
-import { t as s } from "./use-controlled-state-DQXkiTQI.js";
-import { t as c } from "./part-id-Bg1LSlk7.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t, t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r } from "./media-D_eA_I-e.js";
+import { n as i, r as a, t as o } from "./roving-focus-CYlo_Kf8.js";
+import { t as s } from "./use-controlled-state-CVXDa-qM.js";
+import { t as c } from "./part-id-D0zksy32.js";
 import { createContext as l, forwardRef as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { vars as v } from "@jfrader/tokens/vars";
 import { jsx as y } from "@emotion/react/jsx-runtime";

package/dist/tabs.js

@@ -1 +1,2 @@
-export { t as Tabs } from "./tabs-CBwRiuul.js";
+'use client';
+export { t as Tabs } from "./tabs-GBppQabg.js";

package/dist/{text-field-BlP8qGn_.js → text-field-DDPqQu29.js}

@@ -1,5 +1,6 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-DKkB268x.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-BzGw1Ch9.js";
 import { forwardRef as s } from "react";
 import { vars as c } from "@jfrader/tokens/vars";
 import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";

package/dist/text-field.js

@@ -1 +1,2 @@
-export { t as TextField } from "./text-field-BlP8qGn_.js";
+'use client';
+export { t as TextField } from "./text-field-DDPqQu29.js";

package/dist/{textarea-CUG26CH2.js → textarea-OP8_3IUR.js}

@@ -1,5 +1,6 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-DKkB268x.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-BzGw1Ch9.js";
 import { forwardRef as s } from "react";
 import { vars as c } from "@jfrader/tokens/vars";
 import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";

package/dist/textarea.js

@@ -1 +1,2 @@
-export { t as Textarea } from "./textarea-CUG26CH2.js";
+'use client';
+export { t as Textarea } from "./textarea-OP8_3IUR.js";

package/dist/{theme-root-CrdzwfSo.js → theme-root-eLka0ZP1.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { forwardRef as t } from "react";
 import { vars as n } from "@jfrader/tokens/vars";
 import { jsx as r } from "@emotion/react/jsx-runtime";

package/dist/theme-root.js

@@ -1 +1,2 @@
-export { t as ThemeRoot } from "./theme-root-CrdzwfSo.js";
+'use client';
+export { t as ThemeRoot } from "./theme-root-eLka0ZP1.js";

package/dist/{toast-D_dnqnn-.js → toast-D3Y6OAsg.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./media-8K3xDAxM.js";
-import { t as n } from "./renderable-DwPvt1I8.js";
-import { t as r } from "./button-qy-50NPd.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { n as t } from "./media-D_eA_I-e.js";
+import { t as n } from "./renderable-DzcIj1Lo.js";
+import { t as r } from "./button-Cmixur4Q.js";
 import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
 import { vars as p } from "@jfrader/tokens/vars";
 import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";

package/dist/toast.js

@@ -1 +1,2 @@
-export { t as Toast, n as useToast } from "./toast-D_dnqnn-.js";
+'use client';
+export { t as Toast, n as useToast } from "./toast-D3Y6OAsg.js";

package/dist/{toggle-group-B7gXCea8.js → toggle-group-BxzJ-6Cp.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./focus-ring-qOS3rPlM.js";
-import { n, t as r } from "./media-8K3xDAxM.js";
-import { n as i, r as a, t as o } from "./roving-focus-DeEZ55-T.js";
-import { t as s } from "./use-controlled-state-DQXkiTQI.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, t as r } from "./media-D_eA_I-e.js";
+import { n as i, r as a, t as o } from "./roving-focus-CYlo_Kf8.js";
+import { t as s } from "./use-controlled-state-CVXDa-qM.js";
 import { createContext as c, forwardRef as l, useContext as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m, useState as h } from "react";
 import { vars as g } from "@jfrader/tokens/vars";
 import { jsx as _ } from "@emotion/react/jsx-runtime";

package/dist/toggle-group.js

@@ -1 +1,2 @@
-export { t as ToggleGroup } from "./toggle-group-B7gXCea8.js";
+'use client';
+export { t as ToggleGroup } from "./toggle-group-BxzJ-6Cp.js";

package/dist/{tooltip-BJ2hLV1b.js → tooltip-CVl8HS4S.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./use-controlled-state-DQXkiTQI.js";
-import { t as n } from "./trigger-style-f54idgjT.js";
-import { t as r } from "./use-overlay-floating-CsZd3qxa.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
+import { t } from "./use-controlled-state-CVXDa-qM.js";
+import { t as n } from "./trigger-style-B1GFmH7M.js";
+import { t as r } from "./use-overlay-floating-efeqppiw.js";
 import { createContext as i, forwardRef as a, useContext as o, useMemo as s } from "react";
 import { vars as c } from "@jfrader/tokens/vars";
 import { jsx as l } from "@emotion/react/jsx-runtime";

package/dist/tooltip.js

@@ -1 +1,2 @@
-export { t as Tooltip } from "./tooltip-BJ2hLV1b.js";
+'use client';
+export { t as Tooltip } from "./tooltip-CVl8HS4S.js";

package/dist/{trigger-style-f54idgjT.js → trigger-style-B1GFmH7M.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/trigger-style.ts
 var n = e({

package/dist/{use-controlled-state-DQXkiTQI.js → use-controlled-state-CVXDa-qM.js}

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
 //#region src/utils/use-latest-callback.ts
 function i(r) {

package/dist/{use-native-dialog-BCp1chwO.js → use-native-dialog-DWpIUVO1.js}

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback as e, useEffect as t, useImperativeHandle as n, useRef as r, useState as i } from "react";
 //#region src/overlay/use-scroll-lock.ts
 var a = /* @__PURE__ */ new Map();

package/dist/{use-overlay-floating-CsZd3qxa.js → use-overlay-floating-efeqppiw.js}

@@ -1,3 +1,4 @@
+'use client';
 import { autoUpdate as e, flip as t, offset as n, shift as r, useFloating as i } from "@floating-ui/react";
 //#region src/overlay/use-overlay-floating.ts
 var a = 8, o = 8;

package/dist/{visually-hidden-BXVyhj0y.js → visually-hidden-DCWhf0Cb.js}

@@ -1,4 +1,5 @@
-import { t as e } from "./css-CW_HG55W.js";
+'use client';
+import { t as e } from "./css-Cgj6sCHn.js";
 //#region src/styling/visually-hidden.ts
 var t = e({
 	position: "absolute",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jfrader/ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "React components styled with Emotion and themed through CSS custom properties.",
   "keywords": [
     "react",
@@ -177,7 +177,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@floating-ui/react": "^0.27.20",
-    "@jfrader/tokens": "0.1.1"
+    "@jfrader/tokens": "0.1.2"
   },
   "peerDependencies": {
     "react": ">=18.2.0",