@wow-two-beta/ui 0.0.2 → 0.0.4

package/dist/index-goThcZ1E.d.ts

@@ -0,0 +1,416 @@
+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/index.d.ts

@@ -1,9 +1,13 @@
-export { i as tokens } from './index-CdSRWb8y.js';
-export { i as utils } from './index-D-adCzNR.js';
-export { i as hooks } from './hooks/index.js';
-export { i as icons } from './icons/index.js';
+export { i as tokens } from './index-goThcZ1E.js';
+export { i as utils } from './index-C0IDphm_.js';
+export { i as hooks } from './index-PAuwodyY.js';
+export { i as icons } from './index-CEAM9LLM.js';
+export { i as primitives } from './index-Bk6CuDNT.js';
 export { Button, ButtonProps, ButtonVariants, buttonVariants } from './actions/index.js';
 import 'clsx';
 import 'react';
 import 'tailwind-variants';
+import 'react/jsx-runtime';
+import '@radix-ui/react-focus-scope';
+import '@floating-ui/react';
 import 'tailwind-variants/dist/config.js';

package/dist/index.js

@@ -1,12 +1,16 @@
+import './chunk-PSDQXPUE.js';
 import './chunk-ZDU7SROW.js';
 import './chunk-YP4MAZRQ.js';
 import './chunk-A2OBJDIK.js';
-export { tokens_exports as tokens } from './chunk-6YKPUEHU.js';
-export { hooks_exports as hooks } from './chunk-CTVGU35H.js';
-export { icons_exports as icons } from './chunk-U4JXXIE2.js';
-export { Button, buttonVariants } from './chunk-7CP7KR5F.js';
-export { utils_exports as utils } from './chunk-ECZ4YFAI.js';
+export { tokens_exports as tokens } from './chunk-D67WGR7Y.js';
+export { hooks_exports as hooks } from './chunk-AOHZGL6F.js';
+export { icons_exports as icons } from './chunk-TDX22OWF.js';
+export { primitives_exports as primitives } from './chunk-T3JN5Y3E.js';
+import './chunk-KDXJQNB6.js';
+export { Button, buttonVariants } from './chunk-OEEYNBEO.js';
+export { utils_exports as utils } from './chunk-BMBIZLO4.js';
+import './chunk-DN7WBRIV.js';
+import './chunk-KZ4VFY2T.js';
 import './chunk-PZ5AY32C.js';
-import './chunk-PSDQXPUE.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.d.ts

@@ -0,0 +1,5 @@
+export { A as AccessibleIcon, a as AccessibleIconProps, b as AnchoredPositioner, c as AnchoredPositionerProps, C as CollectionContextValue, D as Direction, d as DirectionProvider, e as DirectionProviderProps, f as DismissableLayer, g as DismissableLayerProps, F as FocusScope, h as FocusScopeProps, j as FormControlContextValue, k as FormControlProvider, l as FormControlProviderProps, O as Orientation, P as Portal, m as PortalProps, n as Presence, o as PresenceProps, R as RovingFocusGroup, p as RovingFocusGroupProps, S as ScrollLockProvider, q as ScrollLockProviderProps, r as Slot, s as SlotProps, U as UseRovingFocusItemReturn, V as VisuallyHidden, t as VisuallyHiddenProps, u as createCollection, v as useDirection, w as useFormControl, x as useRovingFocusItem } from '../index-Bk6CuDNT.js';
+import 'react';
+import 'react/jsx-runtime';
+import '@radix-ui/react-focus-scope';
+import '@floating-ui/react';

package/dist/primitives/index.js

@@ -0,0 +1,7 @@
+export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, useDirection, useFormControl, useRovingFocusItem } from '../chunk-T3JN5Y3E.js';
+import '../chunk-KDXJQNB6.js';
+import '../chunk-DN7WBRIV.js';
+import '../chunk-KZ4VFY2T.js';
+import '../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

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

package/dist/tailwind/index.js

@@ -1,13 +1,19 @@
-import { radius, spacing, colors } from '../chunk-6YKPUEHU.js';
+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
+      borderRadius: radius,
+      fontFamily,
+      fontSize,
+      fontWeight,
+      boxShadow: shadow,
+      opacity
     }
   }
 };

package/dist/tailwind/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":";;;;AAGO,IAAM,YAAA,GAAgC;AAAA,EAC3C,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAc;AAAA;AAChB;AAEJ","file":"index.js","sourcesContent":["import type { Config } from 'tailwindcss';\nimport { colors, radius, spacing } from '../tokens';\n\nexport const wowTwoPreset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors,\n      spacing,\n      borderRadius: radius,\n    },\n  },\n};\n"]}
+{"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 +1 @@
-export { T as Tokens, c as colors, r as radius, s as spacing, t as tokens } from '../index-CdSRWb8y.js';
+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 +1,4 @@
-export { colors, radius, spacing, tokens } from '../chunk-6YKPUEHU.js';
+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/utils/index.d.ts

@@ -1,2 +1,4 @@
-export { c as cn } from '../index-D-adCzNR.js';
+export { P as PolymorphicProps, a as PolymorphicPropsWithoutRef, b as PolymorphicRef, c as cn, d as composeEventHandlers, e as composeRefs, f as dataAttr } from '../index-C0IDphm_.js';
+export { VariantProps, tv } from 'tailwind-variants';
 import 'clsx';
+import 'react';

package/dist/utils/index.js

@@ -1,4 +1,6 @@
-export { cn } from '../chunk-ECZ4YFAI.js';
+export { composeEventHandlers, dataAttr, tv } from '../chunk-BMBIZLO4.js';
+export { composeRefs } from '../chunk-DN7WBRIV.js';
+export { cn } from '../chunk-KZ4VFY2T.js';
 import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wow-two-beta/ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Beta-forever React UI library for the wow-two ecosystem.",
   "license": "MIT",
   "repository": {
@@ -56,6 +56,10 @@
       "import": "./dist/icons/index.js",
       "types": "./dist/icons/index.d.ts"
     },
+    "./primitives": {
+      "import": "./dist/primitives/index.js",
+      "types": "./dist/primitives/index.d.ts"
+    },
     "./actions": {
       "import": "./dist/actions/index.js",
       "types": "./dist/actions/index.d.ts"
@@ -93,13 +97,17 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.0",
+    "@radix-ui/react-focus-scope": "^1.1.0",
     "clsx": "^2.1.1",
+    "lucide-react": "^0.460.0",
     "tailwind-merge": "^2.5.4",
     "tailwind-variants": "^0.3.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.14.0",
     "@storybook/addon-essentials": "^8.4.0",
+    "@storybook/react": "^8.4.0",
     "@storybook/react-vite": "^8.4.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",

package/dist/chunk-6YKPUEHU.js

@@ -1,47 +0,0 @@
-import { __export } from './chunk-PZ5AY32C.js';
-
-// src/tokens/index.ts
-var tokens_exports = {};
-__export(tokens_exports, {
-  colors: () => colors,
-  radius: () => radius,
-  spacing: () => spacing,
-  tokens: () => tokens
-});
-var colors = {
-  brand: {
-    50: "#eff6ff",
-    100: "#dbeafe",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8",
-    900: "#1e3a8a"
-  },
-  neutral: {
-    50: "#fafafa",
-    100: "#f4f4f5",
-    200: "#e4e4e7",
-    500: "#71717a",
-    700: "#3f3f46",
-    900: "#18181b"
-  }
-};
-var spacing = {
-  xs: "0.25rem",
-  sm: "0.5rem",
-  md: "1rem",
-  lg: "1.5rem",
-  xl: "2rem",
-  "2xl": "3rem"
-};
-var radius = {
-  sm: "0.25rem",
-  md: "0.5rem",
-  lg: "0.75rem",
-  full: "9999px"
-};
-var tokens = { colors, spacing, radius };
-
-export { colors, radius, spacing, tokens, tokens_exports };
-//# sourceMappingURL=chunk-6YKPUEHU.js.map
-//# sourceMappingURL=chunk-6YKPUEHU.js.map

package/dist/chunk-6YKPUEHU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":";;;AAAA,IAAA,cAAA,GAAA;AAAA,QAAA,CAAA,cAAA,EAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,OAAA,EAAA,MAAA,OAAA;AAAA,EAAA,MAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAIO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAET;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO;AACT;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS,EAAE,MAAA,EAAQ,OAAA,EAAS,MAAA","file":"chunk-6YKPUEHU.js","sourcesContent":["// Default token set — extend as components require it.\n// Consumed by `src/tailwind/preset.ts` and exposed as raw values to consumers\n// who want them outside Tailwind (CSS-in-JS, inline styles, etc.).\n\nexport const colors = {\n  brand: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    900: '#1e3a8a',\n  },\n  neutral: {\n    50: '#fafafa',\n    100: '#f4f4f5',\n    200: '#e4e4e7',\n    500: '#71717a',\n    700: '#3f3f46',\n    900: '#18181b',\n  },\n} as const;\n\nexport const spacing = {\n  xs: '0.25rem',\n  sm: '0.5rem',\n  md: '1rem',\n  lg: '1.5rem',\n  xl: '2rem',\n  '2xl': '3rem',\n} as const;\n\nexport const radius = {\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const tokens = { colors, spacing, radius } as const;\nexport type Tokens = typeof tokens;\n"]}

package/dist/chunk-CTVGU35H.js

@@ -1,6 +0,0 @@
-// src/hooks/index.ts
-var hooks_exports = {};
-
-export { hooks_exports };
-//# sourceMappingURL=chunk-CTVGU35H.js.map
-//# sourceMappingURL=chunk-CTVGU35H.js.map

package/dist/chunk-CTVGU35H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/index.ts"],"names":[],"mappings":";AAAA,IAAA,aAAA,GAAA","file":"chunk-CTVGU35H.js","sourcesContent":["// Hooks — populated as components require them.\nexport {};\n"]}

package/dist/chunk-ECZ4YFAI.js

@@ -1,16 +0,0 @@
-import { __export } from './chunk-PZ5AY32C.js';
-import clsx from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-// src/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  cn: () => cn
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export { cn, utils_exports };
-//# sourceMappingURL=chunk-ECZ4YFAI.js.map
-//# sourceMappingURL=chunk-ECZ4YFAI.js.map

package/dist/chunk-ECZ4YFAI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/index.ts","../src/utils/cn.ts"],"names":[],"mappings":";;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,EAAA,EAAA,MAAA;AAAA,CAAA,CAAA;ACOO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-ECZ4YFAI.js","sourcesContent":["export { cn } from './cn';\n","import clsx, { type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Conditional class composer with Tailwind conflict-resolution.\n * Use anywhere you'd otherwise concatenate class strings.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-U4JXXIE2.js

@@ -1,6 +0,0 @@
-// src/icons/index.ts
-var icons_exports = {};
-
-export { icons_exports };
-//# sourceMappingURL=chunk-U4JXXIE2.js.map
-//# sourceMappingURL=chunk-U4JXXIE2.js.map