@wow-two-beta/ui 0.0.3 → 0.0.5

package/dist/layout/index.d.ts

@@ -1,2 +1,606 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
-export {  }
+interface BoxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    /** HTML element to render. Default `div`. */
+    as?: ElementType;
+}
+/**
+ * The lowest-level layout primitive. Renders any element (default `div`)
+ * with className passthrough. Use as a styling shell when no other layout
+ * atom fits.
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLElement>>;
+
+declare const stackVariants: tailwind_variants.TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}>, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}>, unknown, unknown, undefined>>;
+type StackVariants = VariantProps<typeof stackVariants>;
+
+interface StackProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, StackVariants {
+    as?: ElementType;
+}
+/**
+ * Vertical (default) or horizontal flex container with gap and alignment
+ * variants. For row preset use `HStack`, for column use `VStack`.
+ */
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
+
+type HStackProps = Omit<StackProps, 'direction'>;
+/** Stack preset: `direction="row"`. */
+declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLElement>>;
+
+type VStackProps = Omit<StackProps, 'direction'>;
+/** Stack preset: `direction="column"` (default). Provided for symmetry with HStack. */
+declare const VStack: react.ForwardRefExoticComponent<VStackProps & react.RefAttributes<HTMLElement>>;
+
+declare const gridVariants: tailwind_variants.TVReturnType<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, "grid", tailwind_variants_dist_config_js.TVConfig<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}>, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, "grid", tailwind_variants_dist_config_js.TVConfig<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}>, unknown, unknown, undefined>>;
+type GridVariants = VariantProps<typeof gridVariants>;
+
+interface GridProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, GridVariants {
+    as?: ElementType;
+}
+/**
+ * CSS grid container with column and gap variants. For non-uniform tracks
+ * pass an explicit `style={{ gridTemplateColumns }}` — the variant covers
+ * the equal-column case.
+ */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
+
+declare const containerVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ContainerVariants = VariantProps<typeof containerVariants>;
+
+interface ContainerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, ContainerVariants {
+    as?: ElementType;
+}
+/**
+ * Centered max-width wrapper with horizontal padding. Use at page-level to
+ * constrain content width.
+ */
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLElement>>;
+
+interface FlexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    as?: ElementType;
+}
+/**
+ * Bare flex container — no opinions on direction, gap, or alignment.
+ * Use for one-off flex layouts that don't fit `Stack`'s variant matrix.
+ */
+declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLElement>>;
+
+interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {
+    /** Numeric ratio (width/height). Default 1 (square). */
+    ratio?: number;
+}
+/**
+ * Constrain children to an aspect ratio (width / height). Children are
+ * absolutely positioned and stretched to fill — typically pass a single
+ * `<img>`, `<video>`, or `<iframe>` with `className="absolute inset-0 w-full h-full"`.
+ */
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SpacerProps extends ComponentPropsWithoutRef<'div'> {
+    /** Optional explicit size (CSS length). When inside a flex/grid parent,
+     *  the default `flex: 1` already pushes siblings apart. */
+    size?: number | string;
+    axis?: 'horizontal' | 'vertical';
+}
+/**
+ * A flexible empty box. In a flex parent it expands (`flex: 1`) and pushes
+ * siblings to opposite ends. Pass `size` for a fixed gap.
+ */
+declare const Spacer: react.ForwardRefExoticComponent<SpacerProps & react.RefAttributes<HTMLDivElement>>;
+
+type CenterProps = ComponentPropsWithoutRef<'div'>;
+/** Flex shorthand that centers its children both axes. */
+declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+interface ScrollAreaProps extends ComponentPropsWithoutRef<'div'> {
+    axis?: 'vertical' | 'horizontal' | 'both';
+}
+/**
+ * Native scrollable container with stable visuals. For custom-styled
+ * scrollbars (track + thumb separately animated) use the L5 ScrollArea
+ * organism. This atom exists for the common case.
+ */
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio, type AspectRatioProps, Box, type BoxProps, Center, type CenterProps, Container, type ContainerProps, type ContainerVariants, Flex, type FlexProps, Grid, type GridProps, type GridVariants, HStack, type HStackProps, ScrollArea, type ScrollAreaProps, Spacer, type SpacerProps, Stack, type StackProps, type StackVariants, VStack, type VStackProps, containerVariants, gridVariants, stackVariants };

package/dist/layout/index.js

@@ -1,3 +1,7 @@
-import '../chunk-A2OBJDIK.js';
+export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from '../chunk-SYG6ZE42.js';
+import '../chunk-BMBIZLO4.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.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,10 @@
+export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, Portal, Presence, RovingFocusGroup, ScrollLockProvider, VisuallyHidden, createCollection, useDirection, useRovingFocusItem } from '../chunk-JCMV6IT4.js';
+export { FormControlProvider, useFormControl } from '../chunk-Q27NAHVB.js';
+import '../chunk-77WSI427.js';
+import '../chunk-JTJEI6MF.js';
+export { Slot } from '../chunk-33IOXQYO.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