@wow-two-beta/ui 0.0.5 → 0.0.7

package/dist/index-PAuwodyY.d.ts

@@ -1,103 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Wraps React 19's `useId`. Optionally accepts a stable prefix so generated
- * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `:r2:-checkbox`).
- */
-declare function useId(prefix?: string): string;
-
-interface UseControlledOptions<T> {
-    controlled: T | undefined;
-    default: T;
-    onChange?: (value: T) => void;
-}
-/**
- * Standard controlled/uncontrolled pattern.
- *
- * - If `controlled` is defined, the component is controlled — internal state is
- *   ignored, `setValue` only fires `onChange`.
- * - Otherwise the component owns its state, `setValue` updates it, and `onChange`
- *   still fires for consumers that want to observe changes.
- */
-declare function useControlled<T>({ controlled, default: defaultValue, onChange, }: UseControlledOptions<T>): [T, (value: T) => void];
-
-interface DisclosureControls {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    setOpen: (next: boolean) => void;
-}
-/**
- * Minimal open/close state with stable callbacks. The standard backbone for
- * Modal, Drawer, Popover, Menu, Accordion, etc. Use `useControlled` underneath
- * when the consumer may also pass a controlled `open` prop.
- */
-declare function useDisclosure(initial?: boolean): DisclosureControls;
-
-type Target = Window | Document | HTMLElement | null;
-/**
- * Add an event listener and clean it up automatically. Handler is read from
- * a ref so consumers don't need to memoize it.
- */
-declare function useEventListener<K extends string>(event: K, handler: (event: Event) => void, target?: Target, options?: boolean | AddEventListenerOptions): void;
-
-/**
- * Fire `handler` when the user clicks outside any of the provided refs.
- * Uses `pointerdown` so it fires before focus shifts (avoids losing focus
- * inside an overlay before a click on a trigger registers).
- */
-declare function useOutsideClick(refs: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], handler: (event: PointerEvent) => void, enabled?: boolean): void;
-
-/**
- * Fire `handler` when the Escape key is pressed at the document level.
- * For nested overlays, the topmost should call `event.stopPropagation()` in
- * its handler — `DismissableLayer` handles this stack-style.
- */
-declare function useEscape(handler: (event: KeyboardEvent) => void, enabled?: boolean): void;
-
-/**
- * Trap Tab / Shift+Tab focus inside the referenced element. On mount, focuses
- * the first focusable child (unless already focused inside). On unmount,
- * returns focus to the element that had it before mounting.
- *
- * For richer behavior (sentinels, nested traps), wrap `FocusScope` instead —
- * this hook is the lower primitive.
- */
-declare function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled?: boolean): void;
-
-/**
- * Prevent body scroll while at least one consumer has the lock active.
- * Internally counted — multiple overlays may lock; only the last unlock restores.
- * Compensates for scrollbar width to avoid layout shift.
- */
-declare function useScrollLock(enabled?: boolean): void;
-
-/**
- * Run `callback` whenever the referenced element's size changes. Returns
- * synchronously after layout, before paint. Cleans up automatically.
- */
-declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T | null>, callback: (entry: ResizeObserverEntry) => void, enabled?: boolean): void;
-
-/**
- * Reactively follow a CSS media query. Pass a query string like
- * `'(min-width: 768px)'` or `'(prefers-reduced-motion: reduce)'`.
- */
-declare function useMediaQuery(query: string): boolean;
-
-type index_DisclosureControls = DisclosureControls;
-declare const index_useControlled: typeof useControlled;
-declare const index_useDisclosure: typeof useDisclosure;
-declare const index_useEscape: typeof useEscape;
-declare const index_useEventListener: typeof useEventListener;
-declare const index_useFocusTrap: typeof useFocusTrap;
-declare const index_useId: typeof useId;
-declare const index_useMediaQuery: typeof useMediaQuery;
-declare const index_useOutsideClick: typeof useOutsideClick;
-declare const index_useResizeObserver: typeof useResizeObserver;
-declare const index_useScrollLock: typeof useScrollLock;
-declare namespace index {
-  export { type index_DisclosureControls as DisclosureControls, index_useControlled as useControlled, index_useDisclosure as useDisclosure, index_useEscape as useEscape, index_useEventListener as useEventListener, index_useFocusTrap as useFocusTrap, index_useId as useId, index_useMediaQuery as useMediaQuery, index_useOutsideClick as useOutsideClick, index_useResizeObserver as useResizeObserver, index_useScrollLock as useScrollLock };
-}
-
-export { type DisclosureControls as D, useDisclosure as a, useEscape as b, useEventListener as c, useFocusTrap as d, useId as e, useMediaQuery as f, useOutsideClick as g, useResizeObserver as h, index as i, useScrollLock as j, useControlled as u };

package/dist/index-goThcZ1E.d.ts

@@ -1,416 +0,0 @@
-declare const colors: {
-    readonly brand: {
-        readonly 50: "#eff6ff";
-        readonly 100: "#dbeafe";
-        readonly 200: "#bfdbfe";
-        readonly 300: "#93c5fd";
-        readonly 400: "#60a5fa";
-        readonly 500: "#3b82f6";
-        readonly 600: "#2563eb";
-        readonly 700: "#1d4ed8";
-        readonly 800: "#1e40af";
-        readonly 900: "#1e3a8a";
-        readonly 950: "#172554";
-    };
-    readonly neutral: {
-        readonly 50: "#fafafa";
-        readonly 100: "#f4f4f5";
-        readonly 200: "#e4e4e7";
-        readonly 300: "#d4d4d8";
-        readonly 400: "#a1a1aa";
-        readonly 500: "#71717a";
-        readonly 600: "#52525b";
-        readonly 700: "#3f3f46";
-        readonly 800: "#27272a";
-        readonly 900: "#18181b";
-        readonly 950: "#09090b";
-    };
-    readonly success: {
-        readonly 50: "#f0fdf4";
-        readonly 100: "#dcfce7";
-        readonly 500: "#22c55e";
-        readonly 600: "#16a34a";
-        readonly 700: "#15803d";
-        readonly 900: "#14532d";
-    };
-    readonly warning: {
-        readonly 50: "#fffbeb";
-        readonly 100: "#fef3c7";
-        readonly 500: "#f59e0b";
-        readonly 600: "#d97706";
-        readonly 700: "#b45309";
-        readonly 900: "#78350f";
-    };
-    readonly danger: {
-        readonly 50: "#fef2f2";
-        readonly 100: "#fee2e2";
-        readonly 500: "#ef4444";
-        readonly 600: "#dc2626";
-        readonly 700: "#b91c1c";
-        readonly 900: "#7f1d1d";
-    };
-    readonly info: {
-        readonly 50: "#ecfeff";
-        readonly 100: "#cffafe";
-        readonly 500: "#06b6d4";
-        readonly 600: "#0891b2";
-        readonly 700: "#0e7490";
-        readonly 900: "#164e63";
-    };
-};
-declare const spacing: {
-    readonly px: "1px";
-    readonly '0': "0";
-    readonly '0.5': "0.125rem";
-    readonly '1': "0.25rem";
-    readonly '1.5': "0.375rem";
-    readonly '2': "0.5rem";
-    readonly '2.5': "0.625rem";
-    readonly '3': "0.75rem";
-    readonly '4': "1rem";
-    readonly '5': "1.25rem";
-    readonly '6': "1.5rem";
-    readonly '8': "2rem";
-    readonly '10': "2.5rem";
-    readonly '12': "3rem";
-    readonly '16': "4rem";
-    readonly '20': "5rem";
-    readonly '24': "6rem";
-    readonly xs: "0.25rem";
-    readonly sm: "0.5rem";
-    readonly md: "1rem";
-    readonly lg: "1.5rem";
-    readonly xl: "2rem";
-    readonly '2xl': "3rem";
-};
-declare const radius: {
-    readonly none: "0";
-    readonly xs: "0.125rem";
-    readonly sm: "0.25rem";
-    readonly md: "0.5rem";
-    readonly lg: "0.75rem";
-    readonly xl: "1rem";
-    readonly '2xl': "1.5rem";
-    readonly full: "9999px";
-};
-declare const fontFamily: {
-    readonly sans: readonly ["ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "sans-serif"];
-    readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "monospace"];
-    readonly serif: readonly ["ui-serif", "Georgia", "serif"];
-};
-declare const fontSize: {
-    readonly xs: readonly ["0.75rem", {
-        readonly lineHeight: "1rem";
-    }];
-    readonly sm: readonly ["0.875rem", {
-        readonly lineHeight: "1.25rem";
-    }];
-    readonly base: readonly ["1rem", {
-        readonly lineHeight: "1.5rem";
-    }];
-    readonly lg: readonly ["1.125rem", {
-        readonly lineHeight: "1.75rem";
-    }];
-    readonly xl: readonly ["1.25rem", {
-        readonly lineHeight: "1.75rem";
-    }];
-    readonly '2xl': readonly ["1.5rem", {
-        readonly lineHeight: "2rem";
-    }];
-    readonly '3xl': readonly ["1.875rem", {
-        readonly lineHeight: "2.25rem";
-    }];
-    readonly '4xl': readonly ["2.25rem", {
-        readonly lineHeight: "2.5rem";
-    }];
-    readonly '5xl': readonly ["3rem", {
-        readonly lineHeight: "1";
-    }];
-    readonly '6xl': readonly ["3.75rem", {
-        readonly lineHeight: "1";
-    }];
-};
-declare const fontWeight: {
-    readonly normal: "400";
-    readonly medium: "500";
-    readonly semibold: "600";
-    readonly bold: "700";
-};
-declare const shadow: {
-    readonly none: "none";
-    readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-    readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
-    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
-};
-declare const zIndex: {
-    readonly hide: -1;
-    readonly base: 0;
-    readonly raised: 10;
-    readonly dropdown: 1000;
-    readonly sticky: 1100;
-    readonly banner: 1200;
-    readonly overlay: 1300;
-    readonly modal: 1400;
-    readonly popover: 1500;
-    readonly skipLink: 1600;
-    readonly toast: 1700;
-    readonly tooltip: 1800;
-};
-declare const motion: {
-    readonly duration: {
-        readonly instant: "0ms";
-        readonly fast: "120ms";
-        readonly normal: "180ms";
-        readonly slow: "260ms";
-        readonly slower: "360ms";
-    };
-    readonly easing: {
-        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
-        readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
-        readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
-        readonly bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)";
-    };
-};
-declare const breakpoints: {
-    readonly sm: "640px";
-    readonly md: "768px";
-    readonly lg: "1024px";
-    readonly xl: "1280px";
-    readonly '2xl': "1536px";
-};
-declare const opacity: {
-    readonly '0': "0";
-    readonly '5': "0.05";
-    readonly '10': "0.1";
-    readonly '20': "0.2";
-    readonly '40': "0.4";
-    readonly '50': "0.5";
-    readonly '60': "0.6";
-    readonly '70': "0.7";
-    readonly '80': "0.8";
-    readonly '90': "0.9";
-    readonly '100': "1";
-};
-declare const tokens: {
-    readonly colors: {
-        readonly brand: {
-            readonly 50: "#eff6ff";
-            readonly 100: "#dbeafe";
-            readonly 200: "#bfdbfe";
-            readonly 300: "#93c5fd";
-            readonly 400: "#60a5fa";
-            readonly 500: "#3b82f6";
-            readonly 600: "#2563eb";
-            readonly 700: "#1d4ed8";
-            readonly 800: "#1e40af";
-            readonly 900: "#1e3a8a";
-            readonly 950: "#172554";
-        };
-        readonly neutral: {
-            readonly 50: "#fafafa";
-            readonly 100: "#f4f4f5";
-            readonly 200: "#e4e4e7";
-            readonly 300: "#d4d4d8";
-            readonly 400: "#a1a1aa";
-            readonly 500: "#71717a";
-            readonly 600: "#52525b";
-            readonly 700: "#3f3f46";
-            readonly 800: "#27272a";
-            readonly 900: "#18181b";
-            readonly 950: "#09090b";
-        };
-        readonly success: {
-            readonly 50: "#f0fdf4";
-            readonly 100: "#dcfce7";
-            readonly 500: "#22c55e";
-            readonly 600: "#16a34a";
-            readonly 700: "#15803d";
-            readonly 900: "#14532d";
-        };
-        readonly warning: {
-            readonly 50: "#fffbeb";
-            readonly 100: "#fef3c7";
-            readonly 500: "#f59e0b";
-            readonly 600: "#d97706";
-            readonly 700: "#b45309";
-            readonly 900: "#78350f";
-        };
-        readonly danger: {
-            readonly 50: "#fef2f2";
-            readonly 100: "#fee2e2";
-            readonly 500: "#ef4444";
-            readonly 600: "#dc2626";
-            readonly 700: "#b91c1c";
-            readonly 900: "#7f1d1d";
-        };
-        readonly info: {
-            readonly 50: "#ecfeff";
-            readonly 100: "#cffafe";
-            readonly 500: "#06b6d4";
-            readonly 600: "#0891b2";
-            readonly 700: "#0e7490";
-            readonly 900: "#164e63";
-        };
-    };
-    readonly spacing: {
-        readonly px: "1px";
-        readonly '0': "0";
-        readonly '0.5': "0.125rem";
-        readonly '1': "0.25rem";
-        readonly '1.5': "0.375rem";
-        readonly '2': "0.5rem";
-        readonly '2.5': "0.625rem";
-        readonly '3': "0.75rem";
-        readonly '4': "1rem";
-        readonly '5': "1.25rem";
-        readonly '6': "1.5rem";
-        readonly '8': "2rem";
-        readonly '10': "2.5rem";
-        readonly '12': "3rem";
-        readonly '16': "4rem";
-        readonly '20': "5rem";
-        readonly '24': "6rem";
-        readonly xs: "0.25rem";
-        readonly sm: "0.5rem";
-        readonly md: "1rem";
-        readonly lg: "1.5rem";
-        readonly xl: "2rem";
-        readonly '2xl': "3rem";
-    };
-    readonly radius: {
-        readonly none: "0";
-        readonly xs: "0.125rem";
-        readonly sm: "0.25rem";
-        readonly md: "0.5rem";
-        readonly lg: "0.75rem";
-        readonly xl: "1rem";
-        readonly '2xl': "1.5rem";
-        readonly full: "9999px";
-    };
-    readonly fontFamily: {
-        readonly sans: readonly ["ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "sans-serif"];
-        readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "monospace"];
-        readonly serif: readonly ["ui-serif", "Georgia", "serif"];
-    };
-    readonly fontSize: {
-        readonly xs: readonly ["0.75rem", {
-            readonly lineHeight: "1rem";
-        }];
-        readonly sm: readonly ["0.875rem", {
-            readonly lineHeight: "1.25rem";
-        }];
-        readonly base: readonly ["1rem", {
-            readonly lineHeight: "1.5rem";
-        }];
-        readonly lg: readonly ["1.125rem", {
-            readonly lineHeight: "1.75rem";
-        }];
-        readonly xl: readonly ["1.25rem", {
-            readonly lineHeight: "1.75rem";
-        }];
-        readonly '2xl': readonly ["1.5rem", {
-            readonly lineHeight: "2rem";
-        }];
-        readonly '3xl': readonly ["1.875rem", {
-            readonly lineHeight: "2.25rem";
-        }];
-        readonly '4xl': readonly ["2.25rem", {
-            readonly lineHeight: "2.5rem";
-        }];
-        readonly '5xl': readonly ["3rem", {
-            readonly lineHeight: "1";
-        }];
-        readonly '6xl': readonly ["3.75rem", {
-            readonly lineHeight: "1";
-        }];
-    };
-    readonly fontWeight: {
-        readonly normal: "400";
-        readonly medium: "500";
-        readonly semibold: "600";
-        readonly bold: "700";
-    };
-    readonly shadow: {
-        readonly none: "none";
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
-        readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
-    };
-    readonly zIndex: {
-        readonly hide: -1;
-        readonly base: 0;
-        readonly raised: 10;
-        readonly dropdown: 1000;
-        readonly sticky: 1100;
-        readonly banner: 1200;
-        readonly overlay: 1300;
-        readonly modal: 1400;
-        readonly popover: 1500;
-        readonly skipLink: 1600;
-        readonly toast: 1700;
-        readonly tooltip: 1800;
-    };
-    readonly motion: {
-        readonly duration: {
-            readonly instant: "0ms";
-            readonly fast: "120ms";
-            readonly normal: "180ms";
-            readonly slow: "260ms";
-            readonly slower: "360ms";
-        };
-        readonly easing: {
-            readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
-            readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
-            readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
-            readonly bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)";
-        };
-    };
-    readonly breakpoints: {
-        readonly sm: "640px";
-        readonly md: "768px";
-        readonly lg: "1024px";
-        readonly xl: "1280px";
-        readonly '2xl': "1536px";
-    };
-    readonly opacity: {
-        readonly '0': "0";
-        readonly '5': "0.05";
-        readonly '10': "0.1";
-        readonly '20': "0.2";
-        readonly '40': "0.4";
-        readonly '50': "0.5";
-        readonly '60': "0.6";
-        readonly '70': "0.7";
-        readonly '80': "0.8";
-        readonly '90': "0.9";
-        readonly '100': "1";
-    };
-};
-type Tokens = typeof tokens;
-
-type index_Tokens = Tokens;
-declare const index_breakpoints: typeof breakpoints;
-declare const index_colors: typeof colors;
-declare const index_fontFamily: typeof fontFamily;
-declare const index_fontSize: typeof fontSize;
-declare const index_fontWeight: typeof fontWeight;
-declare const index_motion: typeof motion;
-declare const index_opacity: typeof opacity;
-declare const index_radius: typeof radius;
-declare const index_shadow: typeof shadow;
-declare const index_spacing: typeof spacing;
-declare const index_tokens: typeof tokens;
-declare const index_zIndex: typeof zIndex;
-declare namespace index {
-  export { type index_Tokens as Tokens, index_breakpoints as breakpoints, index_colors as colors, index_fontFamily as fontFamily, index_fontSize as fontSize, index_fontWeight as fontWeight, index_motion as motion, index_opacity as opacity, index_radius as radius, index_shadow as shadow, index_spacing as spacing, index_tokens as tokens, index_zIndex as zIndex };
-}
-
-export { type Tokens as T, fontSize as a, breakpoints as b, colors as c, fontWeight as d, spacing as e, fontFamily as f, index as i, motion as m, opacity as o, radius as r, shadow as s, tokens as t, zIndex as z };

package/dist/tailwind/index.d.ts

@@ -1,5 +0,0 @@
-import { Config } from 'tailwindcss';
-
-declare const wowTwoPreset: Partial<Config>;
-
-export { wowTwoPreset };

package/dist/tailwind/index.js

@@ -1,23 +0,0 @@
-import { breakpoints, opacity, shadow, fontWeight, fontSize, fontFamily, radius, spacing, colors } from '../chunk-D67WGR7Y.js';
-import '../chunk-PZ5AY32C.js';
-
-// src/tailwind/preset.ts
-var wowTwoPreset = {
-  theme: {
-    screens: { ...breakpoints },
-    extend: {
-      colors,
-      spacing,
-      borderRadius: radius,
-      fontFamily,
-      fontSize,
-      fontWeight,
-      boxShadow: shadow,
-      opacity
-    }
-  }
-};
-
-export { wowTwoPreset };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/tailwind/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":";;;;AAaO,IAAM,YAAA,GAAgC;AAAA,EAC3C,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,GAAG,WAAA,EAAY;AAAA,IAC1B,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAc,MAAA;AAAA,MACd,UAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,MAAA;AAAA,MACX;AAAA;AACF;AAEJ","file":"index.js","sourcesContent":["import type { Config } from 'tailwindcss';\nimport {\n  breakpoints,\n  colors,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  opacity,\n  radius,\n  shadow,\n  spacing,\n} from '../tokens';\n\nexport const wowTwoPreset: Partial<Config> = {\n  theme: {\n    screens: { ...breakpoints },\n    extend: {\n      colors,\n      spacing,\n      borderRadius: radius,\n      fontFamily: fontFamily as unknown as Record<string, string[]>,\n      fontSize: fontSize as unknown as Record<string, [string, { lineHeight: string }]>,\n      fontWeight,\n      boxShadow: shadow,\n      opacity,\n    },\n  },\n};\n"]}

package/dist/tokens/index.d.ts

@@ -1 +0,0 @@
-export { T as Tokens, b as breakpoints, c as colors, f as fontFamily, a as fontSize, d as fontWeight, m as motion, o as opacity, r as radius, s as shadow, e as spacing, t as tokens, z as zIndex } from '../index-goThcZ1E.js';

package/dist/tokens/index.js

@@ -1,4 +0,0 @@
-export { breakpoints, colors, fontFamily, fontSize, fontWeight, motion, opacity, radius, shadow, spacing, tokens, zIndex } from '../chunk-D67WGR7Y.js';
-import '../chunk-PZ5AY32C.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}