@wow-two-beta/ui 0.0.45 → 0.0.47

package/dist/actions/index.js

@@ -1,7 +1,7 @@
-export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from '../chunk-4YMU5MVC.js';
+export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from '../chunk-FUBE5PBF.js';
 import '../chunk-NUMFGKPY.js';
 import '../chunk-F227LKWK.js';
-import '../chunk-MUUFERDO.js';
+import '../chunk-ZXZM4CMW.js';
 import '../chunk-BMABNEZX.js';
 import '../chunk-KDXJQNB6.js';
 import '../chunk-LDRFQG44.js';

package/dist/actions/toggleButton/ToggleButton.d.ts

@@ -1,13 +1,15 @@
-import { type ButtonHTMLAttributes } from 'react';
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../button/Button';
 import { type ToggleButtonVariants } from './ToggleButton.variants';
-export interface ToggleButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>, ToggleButtonVariants {
-    /** Controlled pressed state. */
+type ToggleButtonChildren = ReactNode | ((args: {
+    pressed: boolean;
+}) => ReactNode);
+export interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'tone' | 'children'>, ToggleButtonVariants {
     pressed?: boolean;
-    /** Uncontrolled initial state. */
     defaultPressed?: boolean;
-    /** Fires whenever pressed state changes. */
     onPressedChange?: (pressed: boolean) => void;
+    children?: ToggleButtonChildren;
 }
-/** Two-state button (on/off) — sets `aria-pressed` + `data-state="on|off"`. */
 export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=ToggleButton.d.ts.map

package/dist/actions/toggleButton/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,oBAAoB;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,+EAA+E;AAC/E,eAAO,MAAM,YAAY,iHAsCxB,CAAC"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAK1F,KAAK,oBAAoB,GACrB,SAAS,GACT,CAAC,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,KAAK,SAAS,CAAC,CAAC;AAEhD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC,EACxD,oBAAoB;IAEtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAG7C,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC;AAGD,eAAO,MAAM,YAAY,iHA2CxB,CAAC"}

package/dist/actions/toggleButton/ToggleButton.variants.d.ts

@@ -1,80 +1,115 @@
 import { type VariantProps } from '../../utils';
 export declare const toggleButtonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
-}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }>, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
-}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }>, unknown, unknown, undefined>>;
 export type ToggleButtonVariants = VariantProps<typeof toggleButtonVariants>;

package/dist/actions/toggleButton/ToggleButton.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkB/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"ToggleButton.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkE/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/{chunk-R643N32M.js → chunk-66JKAVAM.js}

@@ -1,4 +1,4 @@
-import { tv } from './chunk-MUUFERDO.js';
+import { tv } from './chunk-ZXZM4CMW.js';
 import { cn } from './chunk-LDRFQG44.js';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -35,5 +35,5 @@ var Spinner = forwardRef(
 Spinner.displayName = "Spinner";
 
 export { Spinner, spinnerVariants };
-//# sourceMappingURL=chunk-R643N32M.js.map
-//# sourceMappingURL=chunk-R643N32M.js.map
+//# sourceMappingURL=chunk-66JKAVAM.js.map
+//# sourceMappingURL=chunk-66JKAVAM.js.map

package/dist/{chunk-R643N32M.js.map → chunk-66JKAVAM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-R643N32M.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n  base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n  variants: {\n    size: {\n      xs: 'h-3 w-3 border',\n      sm: 'h-4 w-4 border-2',\n      md: 'h-5 w-5 border-2',\n      lg: 'h-8 w-8 border-2',\n      xl: 'h-12 w-12 border-[3px]',\n    },\n    tone: {\n      default: 'text-muted-foreground',\n      brand: 'text-primary',\n      muted: 'text-border',\n      current: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    SpinnerVariants {\n  /** Accessible label. Default `\"Loading\"`. */\n  label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n    <span ref={ref} role={role} {...props}>\n      <span className={cn(spinnerVariants({ size, tone }), className)} />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  ),\n);\nSpinner.displayName = 'Spinner';\n"]}
+{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-66JKAVAM.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n  base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n  variants: {\n    size: {\n      xs: 'h-3 w-3 border',\n      sm: 'h-4 w-4 border-2',\n      md: 'h-5 w-5 border-2',\n      lg: 'h-8 w-8 border-2',\n      xl: 'h-12 w-12 border-[3px]',\n    },\n    tone: {\n      default: 'text-muted-foreground',\n      brand: 'text-primary',\n      muted: 'text-border',\n      current: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    SpinnerVariants {\n  /** Accessible label. Default `\"Loading\"`. */\n  label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n    <span ref={ref} role={role} {...props}>\n      <span className={cn(spinnerVariants({ size, tone }), className)} />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  ),\n);\nSpinner.displayName = 'Spinner';\n"]}

package/dist/{chunk-YYY5WBR2.js → chunk-E2LZ227G.js}

@@ -1,8 +1,8 @@
-import { tv } from './chunk-MUUFERDO.js';
+import { tv } from './chunk-ZXZM4CMW.js';
 
 // src/forms/listbox/Listbox.variants.ts
 var listboxVariants = tv({
-  base: "flex max-h-72 flex-col gap-0.5 overflow-y-auto rounded-md border border-border bg-popover p-1 text-sm text-popover-foreground shadow-md outline-none"
+  base: "flex max-h-72 flex-col gap-0.5 overflow-y-auto text-sm outline-none"
 });
 var listboxItemVariants = tv({
   base: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
@@ -27,5 +27,5 @@ var listboxEmptyVariants = tv({
 });
 
 export { listboxEmptyVariants, listboxGroupLabelVariants, listboxItemVariants, listboxSeparatorVariants, listboxVariants };
-//# sourceMappingURL=chunk-YYY5WBR2.js.map
-//# sourceMappingURL=chunk-YYY5WBR2.js.map
+//# sourceMappingURL=chunk-E2LZ227G.js.map
+//# sourceMappingURL=chunk-E2LZ227G.js.map

package/dist/chunk-E2LZ227G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/forms/listbox/Listbox.variants.ts"],"names":[],"mappings":";;;AAIO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,IAAM,sBAAsB,EAAA,CAAG;AAAA,EACpC,IAAA,EAAM,yGAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ,0BAAA;AAAA,MACR,QAAA,EAAU,8CAAA;AAAA,MACV,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,KAAA,EAAO,SAAA;AAC5B,CAAC;AAEM,IAAM,4BAA4B,EAAA,CAAG;AAAA,EAC1C,IAAA,EAAM;AACR,CAAC;AAEM,IAAM,2BAA2B,EAAA,CAAG;AAAA,EACzC,IAAA,EAAM;AACR,CAAC;AAEM,IAAM,uBAAuB,EAAA,CAAG;AAAA,EACrC,IAAA,EAAM;AACR,CAAC","file":"chunk-E2LZ227G.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\n/* Listbox container — STRUCTURAL only. Surface chrome (bg, border, shadow,\n   rounded, padding) is composed from `surfaceVariants` in `Listbox.tsx`. */\nexport const listboxVariants = tv({\n  base: 'flex max-h-72 flex-col gap-0.5 overflow-y-auto text-sm outline-none',\n});\n\nexport const listboxItemVariants = tv({\n  base: 'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none',\n  variants: {\n    state: {\n      default: 'text-popover-foreground',\n      active: 'bg-muted text-foreground',\n      selected: 'bg-primary-soft text-primary-soft-foreground',\n      disabled: 'pointer-events-none opacity-50',\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\nexport const listboxGroupLabelVariants = tv({\n  base: 'px-2 py-1.5 text-xs font-semibold text-muted-foreground',\n});\n\nexport const listboxSeparatorVariants = tv({\n  base: '-mx-1 my-1 h-px bg-border',\n});\n\nexport const listboxEmptyVariants = tv({\n  base: 'px-2 py-6 text-center text-sm text-muted-foreground',\n});\n\nexport type ListboxVariants = VariantProps<typeof listboxVariants>;\nexport type ListboxItemVariants = VariantProps<typeof listboxItemVariants>;\n"]}

package/dist/{chunk-4YMU5MVC.js → chunk-FUBE5PBF.js}

@@ -1,6 +1,6 @@
 import { useControlled, useClipboard, useDebounceHandler, useEscape, useOutsideClick } from './chunk-NUMFGKPY.js';
 import { Icon, Spinner } from './chunk-F227LKWK.js';
-import { tv, PressExtensions, HtmlElement, CssExtensions, ButtonType, OptionalExtensions, dataAttr, composeEventHandlers, Key } from './chunk-MUUFERDO.js';
+import { tv, PressExtensions, HtmlElement, CssExtensions, ButtonType, OptionalExtensions, dataAttr, composeEventHandlers, Key } from './chunk-ZXZM4CMW.js';
 import { Slot, RovingFocusGroup, useRovingFocusItem } from './chunk-BMABNEZX.js';
 import { cn, composeRefs } from './chunk-LDRFQG44.js';
 import { forwardRef, Children, isValidElement, cloneElement, useRef, useEffect, useCallback, createContext, useState, useContext, useMemo } from 'react';
@@ -401,62 +401,106 @@ ButtonGroup.displayName = "ButtonGroup";
 
 // src/actions/toggleButton/ToggleButton.variants.ts
 var toggleButtonVariants = tv({
-  base: "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+  base: "",
   variants: {
     variant: {
-      solid: "bg-muted text-foreground hover:bg-muted/80",
-      outline: "border border-input bg-background text-foreground hover:bg-muted",
-      ghost: "bg-transparent text-foreground hover:bg-muted"
+      ghost: "",
+      soft: "",
+      outline: "border",
+      solid: "border",
+      glass: "border border-transparent backdrop-blur-md",
+      "glass-surface": "border backdrop-blur-md"
     },
-    size: {
-      sm: "h-8 px-3 text-sm rounded-md",
-      md: "h-10 px-4 text-sm rounded-md",
-      lg: "h-12 px-6 text-base rounded-lg"
+    tone: {
+      primary: "",
+      neutral: "",
+      danger: "",
+      success: "",
+      warning: ""
     }
   },
+  compoundVariants: [
+    // === GHOST × tone — text color only, transparent bg ===
+    { variant: "ghost", tone: "primary", class: "text-foreground/50 data-[pressed=true]:text-primary" },
+    { variant: "ghost", tone: "neutral", class: "text-foreground/50 data-[pressed=true]:text-foreground" },
+    { variant: "ghost", tone: "danger", class: "text-foreground/50 data-[pressed=true]:text-destructive" },
+    { variant: "ghost", tone: "success", class: "text-foreground/50 data-[pressed=true]:text-success" },
+    { variant: "ghost", tone: "warning", class: "text-foreground/50 data-[pressed=true]:text-warning" },
+    // === SOFT × tone — pressed gets tone-soft bg ===
+    { variant: "soft", tone: "primary", class: "text-foreground/70 data-[pressed=true]:bg-primary-soft data-[pressed=true]:text-primary-soft-foreground" },
+    { variant: "soft", tone: "neutral", class: "text-foreground/70 data-[pressed=true]:bg-muted data-[pressed=true]:text-foreground" },
+    { variant: "soft", tone: "danger", class: "text-foreground/70 data-[pressed=true]:bg-destructive-soft data-[pressed=true]:text-destructive-soft-foreground" },
+    { variant: "soft", tone: "success", class: "text-foreground/70 data-[pressed=true]:bg-success-soft data-[pressed=true]:text-success-soft-foreground" },
+    { variant: "soft", tone: "warning", class: "text-foreground/70 data-[pressed=true]:bg-warning-soft data-[pressed=true]:text-warning-soft-foreground" },
+    // === OUTLINE × tone — pressed swaps to tone border + tone text ===
+    { variant: "outline", tone: "primary", class: "border-input text-foreground/70 data-[pressed=true]:border-primary data-[pressed=true]:text-primary" },
+    { variant: "outline", tone: "neutral", class: "border-input text-foreground/70 data-[pressed=true]:border-foreground data-[pressed=true]:text-foreground" },
+    { variant: "outline", tone: "danger", class: "border-input text-foreground/70 data-[pressed=true]:border-destructive data-[pressed=true]:text-destructive" },
+    { variant: "outline", tone: "success", class: "border-input text-foreground/70 data-[pressed=true]:border-success data-[pressed=true]:text-success" },
+    { variant: "outline", tone: "warning", class: "border-input text-foreground/70 data-[pressed=true]:border-warning data-[pressed=true]:text-warning" },
+    // === SOLID × tone — pressed fills with tone ===
+    { variant: "solid", tone: "primary", class: "border-input bg-background text-foreground/70 data-[pressed=true]:bg-primary data-[pressed=true]:border-primary data-[pressed=true]:text-primary-foreground" },
+    { variant: "solid", tone: "neutral", class: "border-input bg-background text-foreground/70 data-[pressed=true]:bg-foreground data-[pressed=true]:border-foreground data-[pressed=true]:text-background" },
+    { variant: "solid", tone: "danger", class: "border-input bg-background text-foreground/70 data-[pressed=true]:bg-destructive data-[pressed=true]:border-destructive data-[pressed=true]:text-destructive-foreground" },
+    { variant: "solid", tone: "success", class: "border-input bg-background text-foreground/70 data-[pressed=true]:bg-success data-[pressed=true]:border-success data-[pressed=true]:text-success-foreground" },
+    { variant: "solid", tone: "warning", class: "border-input bg-background text-foreground/70 data-[pressed=true]:bg-warning data-[pressed=true]:border-warning data-[pressed=true]:text-warning-foreground" },
+    // === GLASS × tone — dark glass; pressed darkens slightly + tone-tinted text on tone variants ===
+    { variant: "glass", tone: "primary", class: "bg-black/45 text-white/60 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-white" },
+    { variant: "glass", tone: "neutral", class: "bg-black/45 text-white/60 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-white" },
+    { variant: "glass", tone: "danger", class: "bg-black/45 text-white/60 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-destructive" },
+    { variant: "glass", tone: "success", class: "bg-black/45 text-white/60 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-success" },
+    { variant: "glass", tone: "warning", class: "bg-black/45 text-white/60 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-warning" },
+    // === GLASS-SURFACE × tone — same as glass + visible border emphasis on press ===
+    { variant: "glass-surface", tone: "primary", class: "bg-black/45 text-white/60 border-white/10 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-white data-[pressed=true]:border-white/40" },
+    { variant: "glass-surface", tone: "neutral", class: "bg-black/45 text-white/60 border-white/10 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-white data-[pressed=true]:border-white/40" },
+    { variant: "glass-surface", tone: "danger", class: "bg-black/45 text-white/60 border-white/10 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-destructive data-[pressed=true]:border-destructive/60" },
+    { variant: "glass-surface", tone: "success", class: "bg-black/45 text-white/60 border-white/10 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-success data-[pressed=true]:border-success/60" },
+    { variant: "glass-surface", tone: "warning", class: "bg-black/45 text-white/60 border-white/10 data-[pressed=true]:bg-black/65 data-[pressed=true]:text-warning data-[pressed=true]:border-warning/60" }
+  ],
   defaultVariants: {
     variant: "ghost",
-    size: "md"
+    tone: "primary"
   }
 });
+var COMPONENT_NAME2 = "ToggleButton";
 var ToggleButton = forwardRef(
   ({
     pressed,
-    defaultPressed = false,
+    defaultPressed,
     onPressedChange,
     onClick,
+    variant = "ghost",
+    tone = "primary",
     className,
-    variant,
-    size,
-    disabled,
-    type = "button",
-    ...props
+    children,
+    ...buttonProps
   }, ref) => {
     const [value, setValue] = useControlled({
       controlled: pressed,
-      default: defaultPressed,
+      default: defaultPressed ?? false,
       onChange: onPressedChange
     });
+    const renderedChildren = typeof children === "function" ? children({ pressed: value }) : children;
     return /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
         ref,
-        type,
+        variant: "ghost",
+        tone: "neutral",
         "aria-pressed": value,
-        "data-state": value ? "on" : "off",
-        "data-disabled": dataAttr(disabled),
-        disabled,
+        "data-pressed": value ? "true" : "false",
         onClick: (e) => {
           onClick?.(e);
           if (!e.defaultPrevented) setValue(!value);
         },
-        className: cn(toggleButtonVariants({ variant, size }), className),
-        ...props
+        className: cn(toggleButtonVariants({ variant, tone }), className),
+        ...buttonProps,
+        children: renderedChildren
       }
     );
   }
 );
-ToggleButton.displayName = "ToggleButton";
+ToggleButton.displayName = COMPONENT_NAME2;
 var ToggleButtonGroup = forwardRef(
   (props, ref) => {
     const { orientation = "horizontal", attached = true, className, children, ...rest } = props;
@@ -569,7 +613,7 @@ var FAB = forwardRef(
   )
 );
 FAB.displayName = "FAB";
-var COMPONENT_NAME2 = "CopyButton";
+var COMPONENT_NAME3 = "CopyButton";
 var CopyButton = forwardRef(
   ({
     text,
@@ -608,7 +652,7 @@ var CopyButton = forwardRef(
     );
   }
 );
-CopyButton.displayName = COMPONENT_NAME2;
+CopyButton.displayName = COMPONENT_NAME3;
 var DisclosureButton = forwardRef(
   ({
     children,
@@ -993,5 +1037,5 @@ var BackToTopButton = forwardRef(
 BackToTopButton.displayName = "BackToTopButton";
 
 export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants };
-//# sourceMappingURL=chunk-4YMU5MVC.js.map
-//# sourceMappingURL=chunk-4YMU5MVC.js.map
+//# sourceMappingURL=chunk-FUBE5PBF.js.map
+//# sourceMappingURL=chunk-FUBE5PBF.js.map