@particle-academy/react-fancy 6.0.0 → 6.1.1

package/dist/json-editor.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVNOUXFZ2_cjs = require('./chunk-VNOUXFZ2.cjs');
+var chunkKSSTFLV2_cjs = require('./chunk-KSSTFLV2.cjs');
 require('./chunk-7JLKOVHX.cjs');
 require('./chunk-2O5UXH5R.cjs');
 require('./chunk-TLRFXSPA.cjs');
@@ -20,13 +20,14 @@ require('./chunk-L3V3BYVS.cjs');
 require('./chunk-6V44RRSB.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
-require('./chunk-MOU6O324.cjs');
+require('./chunk-OCHUZ7J3.cjs');
+require('./chunk-X6LGRB4H.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');
-require('./chunk-BX6ZVWTO.cjs');
+require('./chunk-NZHVDWOM.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-MXWR3T3N.cjs');
-require('./chunk-LCNHEYIM.cjs');
+require('./chunk-WNWEC5OU.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -34,47 +35,47 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.JsonEditor; }
+  get: function () { return chunkKSSTFLV2_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.applyJsonEdit; }
+  get: function () { return chunkKSSTFLV2_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.describeEdit; }
+  get: function () { return chunkKSSTFLV2_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.findJsonConflicts; }
+  get: function () { return chunkKSSTFLV2_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.getAtPath; }
+  get: function () { return chunkKSSTFLV2_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.inferType; }
+  get: function () { return chunkKSSTFLV2_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.parseKeyMap; }
+  get: function () { return chunkKSSTFLV2_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.parsePath; }
+  get: function () { return chunkKSSTFLV2_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.pathToString; }
+  get: function () { return chunkKSSTFLV2_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.resolveKeyRule; }
+  get: function () { return chunkKSSTFLV2_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunkVNOUXFZ2_cjs.typeMatches; }
+  get: function () { return chunkKSSTFLV2_cjs.typeMatches; }
 });
 //# sourceMappingURL=json-editor.cjs.map
 //# sourceMappingURL=json-editor.cjs.map

package/dist/json-editor.js

@@ -1,4 +1,4 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-3RIBZZLT.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-TH4JZAMK.js';
 import './chunk-XIA2UAVO.js';
 import './chunk-DXZCKDYS.js';
 import './chunk-2UTN3EFK.js';
@@ -18,13 +18,14 @@ import './chunk-NRXK42LO.js';
 import './chunk-S42OGG43.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
-import './chunk-6FCQD2KQ.js';
+import './chunk-OZ4QFJ7N.js';
+import './chunk-S53A6JIE.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';
-import './chunk-WLDDGIGC.js';
+import './chunk-4GPH7HOR.js';
 import './chunk-45BBNJQD.js';
 import './chunk-J3A4Z2P7.js';
-import './chunk-ZXZJYVWP.js';
+import './chunk-KPRSRWNM.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=json-editor.js.map

package/dist/magic-wand.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkND5SBHGH_cjs = require('./chunk-ND5SBHGH.cjs');
+var chunkFKZB27OM_cjs = require('./chunk-FKZB27OM.cjs');
 require('./chunk-MAZEX4EZ.cjs');
 require('./chunk-MRZXTL46.cjs');
 require('./chunk-P53432AK.cjs');
@@ -11,9 +11,10 @@ require('./chunk-L3V3BYVS.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-VBWRH4UW.cjs');
-require('./chunk-MOU6O324.cjs');
+require('./chunk-OCHUZ7J3.cjs');
+require('./chunk-X6LGRB4H.cjs');
 require('./chunk-M5MUGSON.cjs');
-require('./chunk-BX6ZVWTO.cjs');
+require('./chunk-NZHVDWOM.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-MXWR3T3N.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -22,7 +23,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "MagicWand", {
   enumerable: true,
-  get: function () { return chunkND5SBHGH_cjs.MagicWand; }
+  get: function () { return chunkFKZB27OM_cjs.MagicWand; }
 });
 //# sourceMappingURL=magic-wand.cjs.map
 //# sourceMappingURL=magic-wand.cjs.map

package/dist/magic-wand.js

@@ -1,4 +1,4 @@
-export { MagicWand } from './chunk-VZ7IDHUY.js';
+export { MagicWand } from './chunk-F4OYQ2XZ.js';
 import './chunk-UVUBV4VZ.js';
 import './chunk-KXYMMNNV.js';
 import './chunk-WX5XYDVN.js';
@@ -9,9 +9,10 @@ import './chunk-NRXK42LO.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-IQ4KQJAO.js';
-import './chunk-6FCQD2KQ.js';
+import './chunk-OZ4QFJ7N.js';
+import './chunk-S53A6JIE.js';
 import './chunk-LQ4ICCN2.js';
-import './chunk-WLDDGIGC.js';
+import './chunk-4GPH7HOR.js';
 import './chunk-45BBNJQD.js';
 import './chunk-J3A4Z2P7.js';
 import './chunk-MMW2JGKZ.js';

package/dist/multi-switch.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIB673TEG_cjs = require('./chunk-IB673TEG.cjs');
+var chunkKOAMRCSC_cjs = require('./chunk-KOAMRCSC.cjs');
 require('./chunk-I27K6NLX.cjs');
 require('./chunk-P53432AK.cjs');
 require('./chunk-QF7CD4JH.cjs');
@@ -14,7 +14,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
-  get: function () { return chunkIB673TEG_cjs.MultiSwitch; }
+  get: function () { return chunkKOAMRCSC_cjs.MultiSwitch; }
 });
 //# sourceMappingURL=multi-switch.cjs.map
 //# sourceMappingURL=multi-switch.cjs.map

package/dist/multi-switch.js

@@ -1,4 +1,4 @@
-export { MultiSwitch } from './chunk-YUNOVQQJ.js';
+export { MultiSwitch } from './chunk-3S5ED522.js';
 import './chunk-SV5BW3IA.js';
 import './chunk-WX5XYDVN.js';
 import './chunk-5WQ6FPSP.js';

package/dist/prompt-input.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBGRVHPGP_cjs = require('./chunk-BGRVHPGP.cjs');
+var chunkOUNGGQIS_cjs = require('./chunk-OUNGGQIS.cjs');
 require('./chunk-OASSZI6M.cjs');
 require('./chunk-I27K6NLX.cjs');
 require('./chunk-JKD6CFIP.cjs');
@@ -15,7 +15,7 @@ require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');
 require('./chunk-M5MUGSON.cjs');
-require('./chunk-BX6ZVWTO.cjs');
+require('./chunk-NZHVDWOM.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-MXWR3T3N.cjs');
 require('./chunk-SNHU2AI4.cjs');
@@ -25,15 +25,15 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
-  get: function () { return chunkBGRVHPGP_cjs.PromptInput; }
+  get: function () { return chunkOUNGGQIS_cjs.PromptInput; }
 });
 Object.defineProperty(exports, "promptDataUrlToFile", {
   enumerable: true,
-  get: function () { return chunkBGRVHPGP_cjs.promptDataUrlToFile; }
+  get: function () { return chunkOUNGGQIS_cjs.promptDataUrlToFile; }
 });
 Object.defineProperty(exports, "promptFileToDataUrl", {
   enumerable: true,
-  get: function () { return chunkBGRVHPGP_cjs.promptFileToDataUrl; }
+  get: function () { return chunkOUNGGQIS_cjs.promptFileToDataUrl; }
 });
 //# sourceMappingURL=prompt-input.cjs.map
 //# sourceMappingURL=prompt-input.cjs.map

package/dist/prompt-input.js

@@ -1,4 +1,4 @@
-export { PromptInput, promptDataUrlToFile, promptFileToDataUrl } from './chunk-LWOA2ET6.js';
+export { PromptInput, promptDataUrlToFile, promptFileToDataUrl } from './chunk-B6WTCAGY.js';
 import './chunk-GR2WKBER.js';
 import './chunk-SV5BW3IA.js';
 import './chunk-J6IQHJET.js';
@@ -13,7 +13,7 @@ import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';
 import './chunk-LQ4ICCN2.js';
-import './chunk-WLDDGIGC.js';
+import './chunk-4GPH7HOR.js';
 import './chunk-45BBNJQD.js';
 import './chunk-J3A4Z2P7.js';
 import './chunk-EDYAXGUM.js';

package/dist/reason-tag.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZXGX5RI5_cjs = require('./chunk-ZXGX5RI5.cjs');
+var chunkI2VAGZXY_cjs = require('./chunk-I2VAGZXY.cjs');
 require('./chunk-MKGWHSNV.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-MKHYENKR.cjs');
@@ -8,7 +8,7 @@ require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');
 require('./chunk-M5MUGSON.cjs');
-require('./chunk-BX6ZVWTO.cjs');
+require('./chunk-NZHVDWOM.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-MXWR3T3N.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -17,7 +17,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "ReasonTag", {
   enumerable: true,
-  get: function () { return chunkZXGX5RI5_cjs.ReasonTag; }
+  get: function () { return chunkI2VAGZXY_cjs.ReasonTag; }
 });
 //# sourceMappingURL=reason-tag.cjs.map
 //# sourceMappingURL=reason-tag.cjs.map

package/dist/reason-tag.js

@@ -1,4 +1,4 @@
-export { ReasonTag } from './chunk-KOECVLC4.js';
+export { ReasonTag } from './chunk-GSMD5NK5.js';
 import './chunk-QTS4Q2NK.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-5VMILVWD.js';
@@ -6,7 +6,7 @@ import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';
 import './chunk-LQ4ICCN2.js';
-import './chunk-WLDDGIGC.js';
+import './chunk-4GPH7HOR.js';
 import './chunk-45BBNJQD.js';
 import './chunk-J3A4Z2P7.js';
 import './chunk-MMW2JGKZ.js';

package/dist/sidebar.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkEZA6GWZL_cjs = require('./chunk-EZA6GWZL.cjs');
+var chunkGK7IGL7N_cjs = require('./chunk-GK7IGL7N.cjs');
 require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-4GOOSZEK.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-J2DI6RMR.cjs');
+require('./chunk-X6LGRB4H.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');
 require('./chunk-SNHU2AI4.cjs');
@@ -16,11 +17,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkEZA6GWZL_cjs.Sidebar; }
+  get: function () { return chunkGK7IGL7N_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "useSidebar", {
   enumerable: true,
-  get: function () { return chunkEZA6GWZL_cjs.useSidebar; }
+  get: function () { return chunkGK7IGL7N_cjs.useSidebar; }
 });
 //# sourceMappingURL=sidebar.cjs.map
 //# sourceMappingURL=sidebar.cjs.map

package/dist/sidebar.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { N as NavigableProps } from './types-DJI492iY.cjs';
+import { N as NavigableProps, C as Color } from './types-DJI492iY.cjs';
 
 type SidebarCollapseMode = "icons" | "letters";
 interface SidebarProps {
@@ -29,14 +29,57 @@ interface SidebarProps {
      * @default "icons"
      */
     collapseMode?: SidebarCollapseMode;
+    /**
+     * Wrap the children in `<nav aria-label={navLabel}>`, so the items form a
+     * navigation landmark. The root stays an `<aside>`; the `<nav>` sits inside
+     * it and takes over the column layout. Omitted (or empty), no `<nav>` is
+     * rendered and the markup is exactly what it was before this prop existed.
+     */
+    navLabel?: string;
+    /**
+     * Arrow-key movement between items with a roving tabindex: the rail becomes
+     * ONE tab stop (the active item, else the first enabled one), and
+     * ArrowUp / ArrowDown / Home / End move focus within it. Disabled items and
+     * items inside a closed `Sidebar.Submenu` are skipped; a submenu's trigger
+     * is part of the sequence. Keys pressed in an input, textarea, select or
+     * contenteditable inside the sidebar are never intercepted, and
+     * `Sidebar.Toggle` keeps its own tab stop.
+     *
+     * Opt-in because it changes Tab order: without it every item is its own
+     * tab stop, as before.
+     * @default false
+     */
+    keyboardNav?: boolean;
     className?: string;
 }
+/** Colour of a {@link SidebarItemProps.dot}. `dot={true}` is red. */
+type SidebarDotColor = Color;
 interface SidebarItemProps extends NavigableProps {
     children: ReactNode;
     icon?: ReactNode;
     active?: boolean;
     disabled?: boolean;
     badge?: ReactNode;
+    /**
+     * Also render `badge` when the sidebar is collapsed, as an overlay at the
+     * corner of the icon (or of the letters). Off by default: a collapsed rail
+     * has never shown badges, and a wide badge ("Beta") over a 20px icon is not
+     * something to switch on for every existing consumer. Best for short counts.
+     * Handle: `data-react-fancy-sidebar-badge`.
+     */
+    collapsedBadge?: boolean;
+    /**
+     * A small attention dot at the icon's corner (unread, warning, "needs
+     * you"), shown expanded AND collapsed. `true` is red; pass any Badge colour
+     * for another. Purely visual: pair it with `dotLabel`. Handle:
+     * `data-react-fancy-sidebar-dot`, with `data-color`.
+     */
+    dot?: boolean | SidebarDotColor;
+    /**
+     * Screen-reader text for the dot ("3 unread"), rendered visually hidden and
+     * appended to the item's accessible name. Ignored without `dot`.
+     */
+    dotLabel?: string;
     onClick?: () => void;
     className?: string;
 }
@@ -59,9 +102,11 @@ interface SidebarContextValue {
     collapsed: boolean;
     collapseMode: SidebarCollapseMode;
     setCollapsed: (collapsed: boolean) => void;
+    /** Whether the root has `keyboardNav` on. */
+    keyboardNav?: boolean;
 }
 
-declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
+declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, collapsedBadge, dot, dotLabel, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
 declare namespace SidebarItem {
     var displayName: string;
 }
@@ -81,7 +126,7 @@ declare namespace SidebarToggle {
     var displayName: string;
 }
 
-declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, className, }: SidebarProps): react.JSX.Element;
+declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, navLabel, keyboardNav, className, }: SidebarProps): react.JSX.Element;
 declare const Sidebar: typeof SidebarRoot & {
     Item: typeof SidebarItem;
     Group: typeof SidebarGroup;
@@ -91,4 +136,4 @@ declare const Sidebar: typeof SidebarRoot & {
 
 declare function useSidebar(): SidebarContextValue;
 
-export { Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, useSidebar };
+export { Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarDotColor, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, useSidebar };

package/dist/sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { N as NavigableProps } from './types-DJI492iY.js';
+import { N as NavigableProps, C as Color } from './types-DJI492iY.js';
 
 type SidebarCollapseMode = "icons" | "letters";
 interface SidebarProps {
@@ -29,14 +29,57 @@ interface SidebarProps {
      * @default "icons"
      */
     collapseMode?: SidebarCollapseMode;
+    /**
+     * Wrap the children in `<nav aria-label={navLabel}>`, so the items form a
+     * navigation landmark. The root stays an `<aside>`; the `<nav>` sits inside
+     * it and takes over the column layout. Omitted (or empty), no `<nav>` is
+     * rendered and the markup is exactly what it was before this prop existed.
+     */
+    navLabel?: string;
+    /**
+     * Arrow-key movement between items with a roving tabindex: the rail becomes
+     * ONE tab stop (the active item, else the first enabled one), and
+     * ArrowUp / ArrowDown / Home / End move focus within it. Disabled items and
+     * items inside a closed `Sidebar.Submenu` are skipped; a submenu's trigger
+     * is part of the sequence. Keys pressed in an input, textarea, select or
+     * contenteditable inside the sidebar are never intercepted, and
+     * `Sidebar.Toggle` keeps its own tab stop.
+     *
+     * Opt-in because it changes Tab order: without it every item is its own
+     * tab stop, as before.
+     * @default false
+     */
+    keyboardNav?: boolean;
     className?: string;
 }
+/** Colour of a {@link SidebarItemProps.dot}. `dot={true}` is red. */
+type SidebarDotColor = Color;
 interface SidebarItemProps extends NavigableProps {
     children: ReactNode;
     icon?: ReactNode;
     active?: boolean;
     disabled?: boolean;
     badge?: ReactNode;
+    /**
+     * Also render `badge` when the sidebar is collapsed, as an overlay at the
+     * corner of the icon (or of the letters). Off by default: a collapsed rail
+     * has never shown badges, and a wide badge ("Beta") over a 20px icon is not
+     * something to switch on for every existing consumer. Best for short counts.
+     * Handle: `data-react-fancy-sidebar-badge`.
+     */
+    collapsedBadge?: boolean;
+    /**
+     * A small attention dot at the icon's corner (unread, warning, "needs
+     * you"), shown expanded AND collapsed. `true` is red; pass any Badge colour
+     * for another. Purely visual: pair it with `dotLabel`. Handle:
+     * `data-react-fancy-sidebar-dot`, with `data-color`.
+     */
+    dot?: boolean | SidebarDotColor;
+    /**
+     * Screen-reader text for the dot ("3 unread"), rendered visually hidden and
+     * appended to the item's accessible name. Ignored without `dot`.
+     */
+    dotLabel?: string;
     onClick?: () => void;
     className?: string;
 }
@@ -59,9 +102,11 @@ interface SidebarContextValue {
     collapsed: boolean;
     collapseMode: SidebarCollapseMode;
     setCollapsed: (collapsed: boolean) => void;
+    /** Whether the root has `keyboardNav` on. */
+    keyboardNav?: boolean;
 }
 
-declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
+declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, collapsedBadge, dot, dotLabel, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
 declare namespace SidebarItem {
     var displayName: string;
 }
@@ -81,7 +126,7 @@ declare namespace SidebarToggle {
     var displayName: string;
 }
 
-declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, className, }: SidebarProps): react.JSX.Element;
+declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, navLabel, keyboardNav, className, }: SidebarProps): react.JSX.Element;
 declare const Sidebar: typeof SidebarRoot & {
     Item: typeof SidebarItem;
     Group: typeof SidebarGroup;
@@ -91,4 +136,4 @@ declare const Sidebar: typeof SidebarRoot & {
 
 declare function useSidebar(): SidebarContextValue;
 
-export { Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, useSidebar };
+export { Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarDotColor, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, useSidebar };

package/dist/sidebar.js

@@ -1,10 +1,11 @@
-export { Sidebar, useSidebar } from './chunk-YJHP5FVA.js';
+export { Sidebar, useSidebar } from './chunk-MTDOFZIB.js';
 import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-ZQ3VXRUY.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-MQ6VGG62.js';
+import './chunk-S53A6JIE.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';
 import './chunk-EDYAXGUM.js';

package/dist/tabs.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkCQ54H7DZ_cjs = require('./chunk-CQ54H7DZ.cjs');
+var chunkRZUYCZ5D_cjs = require('./chunk-RZUYCZ5D.cjs');
+require('./chunk-I27K6NLX.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -8,11 +9,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkCQ54H7DZ_cjs.Tabs; }
+  get: function () { return chunkRZUYCZ5D_cjs.Tabs; }
 });
 Object.defineProperty(exports, "useTabs", {
   enumerable: true,
-  get: function () { return chunkCQ54H7DZ_cjs.useTabs; }
+  get: function () { return chunkRZUYCZ5D_cjs.useTabs; }
 });
 //# sourceMappingURL=tabs.cjs.map
 //# sourceMappingURL=tabs.cjs.map

package/dist/tabs.js

@@ -1,4 +1,5 @@
-export { Tabs, useTabs } from './chunk-IU5WQUUC.js';
+export { Tabs, useTabs } from './chunk-FR4RHVPR.js';
+import './chunk-SV5BW3IA.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=tabs.js.map

package/dist/toast.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunkH2YRZYKK_cjs = require('./chunk-H2YRZYKK.cjs');
+var chunkKFA7B6WP_cjs = require('./chunk-KFA7B6WP.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-VBWRH4UW.cjs');
-require('./chunk-MOU6O324.cjs');
+require('./chunk-OCHUZ7J3.cjs');
+require('./chunk-X6LGRB4H.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -12,11 +13,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunkH2YRZYKK_cjs.Toast; }
+  get: function () { return chunkKFA7B6WP_cjs.Toast; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunkH2YRZYKK_cjs.useToast; }
+  get: function () { return chunkKFA7B6WP_cjs.useToast; }
 });
 //# sourceMappingURL=toast.cjs.map
 //# sourceMappingURL=toast.cjs.map

package/dist/toast.js

@@ -1,8 +1,9 @@
-export { Toast, useToast } from './chunk-BQFPC5FL.js';
+export { Toast, useToast } from './chunk-ESCIXKFT.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-IQ4KQJAO.js';
-import './chunk-6FCQD2KQ.js';
+import './chunk-OZ4QFJ7N.js';
+import './chunk-S53A6JIE.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=toast.js.map

package/docs/Button.md

@@ -102,3 +102,11 @@ should submit says so:
 <Button variant="ghost" color="red" icon="trash-2">Delete</Button>
 <Button variant="ghost" icon="download">Export</Button>
 ```
+
+## Focus ring
+
+The ring shows on `:focus-visible` only, so it appears when someone reaches the
+Button by keyboard and not after a mouse click. It uses the focus token
+(`--fancy-focus`, blue-500 by default; `--fancy-focus-dark`, blue-400, in dark
+mode) and is offset against the surface token, so dark mode gets no white gap.
+Override it with `focus-visible:ring-*` classes in `className`.