@wow-two-beta/ui 0.0.50 → 0.0.52

package/dist/actions/button/Button.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes, type PointerEvent, type ReactNode } from 'react';
-import { ButtonType, type PaddingProp, type PressEvent, type RadiusProp, type SizePreset, type SizeUnion, type SizeValue } from '../../utils';
+import { ButtonType, type ColorProp, type PaddingProp, type PressEvent, type RadiusProp, type SizePreset, type SizeUnion, type SizeValue } from '../../utils';
 import { type ButtonVariants } from './Button.variants';
 type ButtonSizePreset = Extract<SizePreset, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 /**
@@ -12,8 +12,9 @@ type ButtonSizePreset = Extract<SizePreset, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
  * Raw or object forms set inline dimensions only — no padding/font baseline. Combine with `padding` if text-bearing.
  */
 export type ButtonSize = SizeUnion<ButtonSizePreset>;
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled'>, Omit<ButtonVariants, 'size'> {
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled' | 'color'>, Omit<ButtonVariants, 'size'> {
     size?: ButtonSize;
+    color?: ColorProp;
     leadingSlot?: ReactNode;
     trailingSlot?: ReactNode;
     loadingSlot?: ReactNode;

package/dist/actions/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,oBAAoB,EAMzB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,UAAU,EAOV,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAG9E;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAUrD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACxE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAE9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAGzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,MAAM,CAAC,EAAE,UAAU,CAAC;IAGpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,OAAO,CAAC,EAAE,SAAS,CAAC;IAGpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG9D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG/D,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6HD,eAAO,MAAM,MAAM,2GA+JlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,oBAAoB,EAMzB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,UAAU,EAOV,KAAK,SAAS,EAEd,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAG9E;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAUrD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,EAClF,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAE9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAGzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,MAAM,CAAC,EAAE,UAAU,CAAC;IAGpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,OAAO,CAAC,EAAE,SAAS,CAAC;IAGpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG9D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG/D,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6HD,eAAO,MAAM,MAAM,2GAkKlB,CAAC"}

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-BUWJN6SN.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-SA7OVNKQ.js';
 import '../chunk-NUMFGKPY.js';
 import '../chunk-F227LKWK.js';
-import '../chunk-WU5JMO3N.js';
+import '../chunk-TZETHHW5.js';
 import '../chunk-BMABNEZX.js';
 import '../chunk-KDXJQNB6.js';
 import '../chunk-LDRFQG44.js';

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type ColorProp } from '../../utils';
 import { type ButtonProps } from '../button/Button';
 import { type ToggleButtonVariants } from './ToggleButton.variants';
 type PressedFn<T> = (args: {
@@ -6,13 +7,14 @@ type PressedFn<T> = (args: {
 }) => T;
 type StateAware<T> = T | PressedFn<T>;
 type ToggleButtonChildren = StateAware<ReactNode>;
-export interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'tone' | 'children' | 'title' | 'aria-label'>, ToggleButtonVariants {
+export interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'tone' | 'children' | 'title' | 'aria-label' | 'color'>, ToggleButtonVariants {
     pressed?: boolean;
     defaultPressed?: boolean;
     onPressedChange?: (pressed: boolean) => void;
     children?: ToggleButtonChildren;
     title?: StateAware<string>;
     'aria-label'?: StateAware<string>;
+    color?: ColorProp;
 }
 export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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,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,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,KAAK,CAAC,CAAC;AACtD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAGtC,KAAK,oBAAoB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC,EACjF,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;IAGhC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAG3B,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CACnC;AAGD,eAAO,MAAM,YAAY,iHAqDxB,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;AACnD,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAK1F,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,KAAK,CAAC,CAAC;AACtD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAGtC,KAAK,oBAAoB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAC,EAC3F,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;IAGhC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAG3B,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAGlC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAGD,eAAO,MAAM,YAAY,iHAuDxB,CAAC"}

package/dist/{chunk-23DELZVV.js → chunk-2YI5Y2U3.js}

@@ -1,4 +1,4 @@
-import { tv } from './chunk-WU5JMO3N.js';
+import { tv } from './chunk-TZETHHW5.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-23DELZVV.js.map
-//# sourceMappingURL=chunk-23DELZVV.js.map
+//# sourceMappingURL=chunk-2YI5Y2U3.js.map
+//# sourceMappingURL=chunk-2YI5Y2U3.js.map

package/dist/{chunk-23DELZVV.js.map → chunk-2YI5Y2U3.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-23DELZVV.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-2YI5Y2U3.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-VTVWJBOP.js → chunk-5QGU5FNP.js}

@@ -1,9 +1,9 @@
-import { listboxItemVariants, listboxVariants, listboxGroupLabelVariants, listboxSeparatorVariants, listboxEmptyVariants } from './chunk-2CDU2ZKL.js';
-import { PopoverTrigger, Popover, PopoverContent } from './chunk-3YNJTBYF.js';
-import { startOfMonth, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, Tag, addMonths, Kbd, addDays, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, formatISOTime, startOfDay, isInRange } from './chunk-2TKPRR4X.js';
+import { listboxItemVariants, listboxVariants, listboxGroupLabelVariants, listboxSeparatorVariants, listboxEmptyVariants } from './chunk-X5INLQTJ.js';
+import { PopoverTrigger, Popover, PopoverContent } from './chunk-UJDAJMFJ.js';
+import { startOfMonth, isSameDay, isToday, isDateDisabled, parseISODate, formatISODate, parseISOTime, Tag, addMonths, Kbd, addDays, buildMonthGrid, MONTHS_LONG, WEEKDAYS_SHORT, formatISOTime, startOfDay, isInRange } from './chunk-V5RYX33D.js';
 import { useControlled } from './chunk-NUMFGKPY.js';
 import { Icon } from './chunk-F227LKWK.js';
-import { tv, CssExtensions, dataAttr, surfaceVariants, Equality } from './chunk-WU5JMO3N.js';
+import { tv, CssExtensions, ColorExtensions, dataAttr, surfaceVariants, Equality } from './chunk-TZETHHW5.js';
 import { useFormControl, FormControlProvider, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner, DismissableLayer } from './chunk-BMABNEZX.js';
 import { useId } from './chunk-KDXJQNB6.js';
 import { cn, composeRefs } from './chunk-LDRFQG44.js';
@@ -577,6 +577,7 @@ var Checkbox = forwardRef(
     indeterminate,
     variant = "solid",
     tone = "primary",
+    color,
     id,
     disabled,
     required,
@@ -592,11 +593,13 @@ var Checkbox = forwardRef(
     const boxClass = sizePreset ? BOX_SIZE_CLASS[sizePreset] : void 0;
     const iconClass = sizePreset ? ICON_SIZE_CLASS[sizePreset] : DEFAULT_ICON_CLASS;
     const boxStyle = sizeBox ? CssExtensions.resolveBoxSize(sizeBox) : void 0;
+    const colorStyle = ColorExtensions.toneColorOverride(color, tone);
+    const composedStyle = colorStyle || boxStyle ? { ...colorStyle, ...boxStyle } : void 0;
     return /* @__PURE__ */ jsxs(
       "span",
       {
         className: cn("relative inline-flex shrink-0", boxClass, className),
-        style: boxStyle,
+        style: composedStyle,
         children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -1613,8 +1616,8 @@ function SelectImpl({
   const [keyState, setKeyState] = useControlled({
     controlled: selected,
     default: defaultSelected ?? null,
+    /* Emits via `emitChange` below — needs both key + value, not just key. */
     onChange: void 0
-    // we emit via onChange below — needs both key + value
   });
   const [items, setItems] = useState([]);
   const [query, setQuery] = useState("");
@@ -1626,7 +1629,7 @@ function SelectImpl({
   onChangeRef.current = onChange;
   const keyEqualsFn = useCallback((a, b) => {
     const fn = keyEqualsRef.current;
-    return (fn ?? Equality.strict)(a, b);
+    return (fn ?? Equality.strictEquals)(a, b);
   }, []);
   const serializeKeyFn = useCallback((k) => {
     const fn = serializeKeyRef.current;
@@ -2341,36 +2344,45 @@ function ComboboxContent({
   const ctx = useComboboxContext();
   if (!ctx.open) return null;
   const resolvedPadding = padding ?? "xs";
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(AnchoredPositioner, { anchor: ctx.inputRef.current, placement, offset, children: /* @__PURE__ */ jsx(
-    DismissableLayer,
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    AnchoredPositioner,
     {
-      onEscape: () => ctx.setOpen(false),
-      onOutsidePointerDown: (e) => {
-        if (ctx.inputRef.current?.contains(e.target)) return;
-        ctx.setOpen(false);
-      },
+      anchor: ctx.inputRef.current,
+      placement,
+      offset,
+      className: "z-dropdown",
       children: /* @__PURE__ */ jsx(
-        "div",
+        DismissableLayer,
         {
-          id: ctx.listboxId,
-          role: "listbox",
-          className: cn(
-            surfaceVariants({
-              variant,
-              tone,
-              radius,
-              padding: resolvedPadding,
-              elevation
-            }),
-            listboxVariants(),
-            className
-          ),
-          style: ctx.inputRef.current ? { minWidth: ctx.inputRef.current.offsetWidth } : void 0,
-          children
+          onEscape: () => ctx.setOpen(false),
+          onOutsidePointerDown: (e) => {
+            if (ctx.inputRef.current?.contains(e.target)) return;
+            ctx.setOpen(false);
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: ctx.listboxId,
+              role: "listbox",
+              className: cn(
+                surfaceVariants({
+                  variant,
+                  tone,
+                  radius,
+                  padding: resolvedPadding,
+                  elevation
+                }),
+                listboxVariants(),
+                className
+              ),
+              style: ctx.inputRef.current ? { minWidth: ctx.inputRef.current.offsetWidth } : void 0,
+              children
+            }
+          )
         }
       )
     }
-  ) }) });
+  ) });
 }
 var ComboboxItem = forwardRef(function ComboboxItem2({ value, disabled = false, className, children, onClick, onPointerEnter, ...rest }, forwardedRef) {
   const ctx = useComboboxContext();
@@ -7452,5 +7464,5 @@ var ChatComposer = forwardRef(
 ChatComposer.displayName = "ChatComposer";
 
 export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard };
-//# sourceMappingURL=chunk-VTVWJBOP.js.map
-//# sourceMappingURL=chunk-VTVWJBOP.js.map
+//# sourceMappingURL=chunk-5QGU5FNP.js.map
+//# sourceMappingURL=chunk-5QGU5FNP.js.map