@wow-two-beta/ui 0.0.25 → 0.0.27

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

@@ -1,6 +1,43 @@
-import { type ButtonHTMLAttributes } from 'react';
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
 import { type ButtonVariants } from './Button.variants';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {
+/**
+ * Button — see `Button.standard.md` (behavioral contract) + `Button.spec.md` (API).
+ *
+ * Two-axis style (`variant` × `tone`), 5 sizes, density-scaled spacing,
+ * polymorphism via `asChild` (Slot), `data-state` for observable state,
+ * inlined spinner for `loading`, dimension-preserving `skeleton`,
+ * forced-colors + reduced-motion handled in variants.
+ *
+ * Press detection / long-press / debounce are spec'd as planned (post-v1).
+ */
+export type PaddingToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type RadiusToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type SizeValue = string | number;
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, ButtonVariants {
+    /** Slot before children (logical start). */
+    leading?: ReactNode;
+    /** Slot after children (logical end). */
+    trailing?: ReactNode;
+    /** Action-loading: replaces leading w/ spinner, sets aria-busy, blocks clicks. */
+    loading?: boolean;
+    /** Replaces children when loading. No default — consumer supplies (i18n). */
+    loadingText?: string;
+    /**
+     * Content-loading: hides content (preserves box dimensions) + shimmer bg.
+     * Mutually exclusive with `loading` — if both, `skeleton` wins (+ dev warn).
+     */
+    skeleton?: boolean;
+    /** Render as the single child element via Slot. */
+    asChild?: boolean;
+    /** Independent padding override (preset or `{x, y}` object). */
+    padding?: PaddingToken | {
+        x?: SizeValue;
+        y?: SizeValue;
+    };
+    /** Independent radius override (preset or raw value). */
+    radius?: RadiusToken | SizeValue;
+    /** Default `'button'` — NOT browser-default `'submit'`. */
+    type?: 'button' | 'submit' | 'reset';
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

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,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,cAAc;CAAG;AAE/F,eAAO,MAAM,MAAM,2GAUlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExE;;;;;;;;;GASG;AAEH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAC3D,cAAc;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,YAAY,GAAG;QAAE,CAAC,CAAC,EAAE,SAAS,CAAC;QAAC,CAAC,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,yDAAyD;IACzD,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAmFD,eAAO,MAAM,MAAM,2GAwFlB,CAAC"}

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

@@ -1,80 +1,272 @@
-import { type VariantProps } from 'tailwind-variants';
+import { type VariantProps } from '../../utils';
+/**
+ * Button visual surface — see `Button.standard.md` (rules) + `Button.spec.md` (values).
+ *
+ * Two-axis style system: `variant` × `tone`. Glass is tone-neutral by design
+ * (text/bg derived from `--color-inverse*` regardless of tone).
+ *
+ * Density: height + horizontal padding scale with `--ui-density-scale` CSS var
+ * (default `1`) via `calc()`.
+ *
+ * Forced-colors: every variant carries `border border-transparent` so HCM
+ * paints a visible boundary.
+ *
+ * Reduced motion: `motion-reduce:transition-none` on base.
+ *
+ * Skeleton state: `[data-state="skeleton"]` rule on base hides children +
+ * applies shimmer. Owned by Button.tsx (sets `data-state`).
+ */
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: 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", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
     };
 }, {
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
     };
 }>, {
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: 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", import("tailwind-variants/dist/config.js").TVConfig<{
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
     };
 }, {
     variant: {
-        primary: string;
-        secondary: string;
+        solid: string;
+        soft: string;
+        outline: string;
         ghost: string;
+        link: string;
+        glass: string;
+    };
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
     size: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+    };
+    shape: {
+        default: string;
+        square: string;
+        circle: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+    wrap: {
+        true: string;
+        false: string;
     };
 }>, unknown, unknown, undefined>>;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwGzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/actions/index.js

@@ -1,4 +1,4 @@
-export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, iconButtonVariants, linkVariants, overlayButtonVariants, toggleButtonVariants } from '../chunk-S6QNKXKP.js';
+export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, iconButtonVariants, linkVariants, toggleButtonVariants } from '../chunk-4ARRGMGD.js';
 import '../chunk-BMBIZLO4.js';
 import '../chunk-76ZIAFWD.js';
 import '../chunk-TDX22OWF.js';

package/dist/actions/overlayButton/OverlayButton.d.ts

@@ -1,16 +1,26 @@
-import { type ButtonHTMLAttributes, type ReactNode } from 'react';
-import { type OverlayButtonVariants } from './OverlayButton.variants';
-export interface OverlayButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, OverlayButtonVariants {
-    /** REQUIRED accessible label — overlay buttons are typically icon-only. */
-    'aria-label': string;
-    children: ReactNode;
-}
+import { type ButtonProps } from '../button/Button';
 /**
- * Icon button absolutely positioned over its parent. Use for image-hover
- * affordances (zoom, delete, edit), close buttons on cards, etc.
+ * OverlayButton — thin wrapper around Button, supplying the typical
+ * "icon-button glassy circle anchored over a card/image" preset.
+ *
+ * Glass styling, sizing, loading/skeleton, asChild, etc. all flow from Button.
+ * OverlayButton owns positioning + reveal-on-hover only.
  *
  * Pair with `appearOn="hover"` and a parent with `className="group"` to
- * reveal only on hover.
+ * reveal the button only when the parent is hovered.
  */
+export type OverlayPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center';
+export type OverlayAppearOn = 'always' | 'hover';
+export interface OverlayButtonProps extends Omit<ButtonProps, 'variant' | 'shape'> {
+    /** Anchor location relative to the positioned parent. Default `'top-right'`. */
+    position?: OverlayPosition;
+    /**
+     * Visibility — `'always'` shows on mount; `'hover'` reveals when the parent
+     * (which MUST have `className="group"`) is hovered. Default `'always'`.
+     */
+    appearOn?: OverlayAppearOn;
+    /** REQUIRED — overlay buttons are typically icon-only. */
+    'aria-label': string;
+}
 export declare const OverlayButton: import("react").ForwardRefExoticComponent<OverlayButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=OverlayButton.d.ts.map

package/dist/actions/overlayButton/OverlayButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayButton.d.ts","sourceRoot":"","sources":["../../../src/actions/overlayButton/OverlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAyB,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAE7F,MAAM,WAAW,kBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,qBAAqB;IACvB,2EAA2E;IAC3E,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,kHASzB,CAAC"}
+{"version":3,"file":"OverlayButton.d.ts","sourceRoot":"","sources":["../../../src/actions/overlayButton/OverlayButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;;;;;;GASG;AAEH,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,QAAQ,CAAC;AAEb,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9C,gFAAgF;IAChF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;CACtB;AAeD,eAAO,MAAM,aAAa,kHA2BzB,CAAC"}

package/dist/actions/overlayButton/index.d.ts

@@ -1,3 +1,2 @@
-export { OverlayButton, type OverlayButtonProps } from './OverlayButton';
-export { overlayButtonVariants, type OverlayButtonVariants } from './OverlayButton.variants';
+export { OverlayButton, type OverlayButtonProps, type OverlayPosition, type OverlayAppearOn, } from './OverlayButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/actions/overlayButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actions/overlayButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actions/overlayButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC"}