@wow-two-beta/ui 0.0.4 → 0.0.5

package/dist/forms/index.d.ts

@@ -1,2 +1,218 @@
+import * as react from 'react';
+import { LabelHTMLAttributes, ComponentPropsWithoutRef, FieldsetHTMLAttributes, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes } 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 LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Show a `*` indicator. Auto-derived from `FormControl.isRequired` when present. */
+    required?: boolean;
+}
+/**
+ * `<label>` wired to `FormControl` context — when wrapped in a `FormControl`
+ * it auto-fills `htmlFor` and `id`. Standalone use: pass `htmlFor` directly.
+ */
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+
+type FormHelperTextProps = ComponentPropsWithoutRef<'p'>;
+/**
+ * Helper / hint text below a form control. Reads `helperId` from
+ * `FormControl` so the input can reference it via `aria-describedby`.
+ */
+declare const FormHelperText: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+type FormErrorMessageProps = ComponentPropsWithoutRef<'p'>;
+/**
+ * Error copy under a form control. Renders only when the surrounding
+ * `FormControl` is `isInvalid`. `id={errorId}` for `aria-describedby` wiring.
+ */
+declare const FormErrorMessage: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
+/**
+ * Semantic `<fieldset>` for grouping related controls. Pair with `Legend`
+ * for the group label.
+ */
+declare const Fieldset: react.ForwardRefExoticComponent<FieldsetProps & react.RefAttributes<HTMLFieldSetElement>>;
+
+type LegendProps = HTMLAttributes<HTMLLegendElement>;
+/**
+ * `<legend>` styled to match `Label`. Pair with `Fieldset`.
+ */
+declare const Legend: react.ForwardRefExoticComponent<LegendProps & react.RefAttributes<HTMLLegendElement>>;
+
+declare const inputBaseVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}, undefined, "flex w-full rounded-md border bg-white text-neutral-900 placeholder:text-neutral-400 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-neutral-50", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}, undefined, "flex w-full rounded-md border bg-white text-neutral-900 placeholder:text-neutral-400 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-neutral-50", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    state: {
+        default: string;
+        invalid: string;
+    };
+}>, unknown, unknown, undefined>>;
+type InputBaseVariants = VariantProps<typeof inputBaseVariants>;
+
+interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+}
+/**
+ * Single-line text input. For email/tel/url/number/password/search variants
+ * use the dedicated input component (each carries only the props/buttons it
+ * actually needs).
+ */
+declare const TextInput: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface EmailInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+}
+/** `<input type="email">` with sensible defaults (autocomplete, inputmode). */
+declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface TelInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+}
+/** `<input type="tel">` with `inputmode="tel"` and `autocomplete="tel"`. */
+declare const TelInput: react.ForwardRefExoticComponent<TelInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface UrlInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+}
+/** `<input type="url">` with `inputmode="url"` and `autocomplete="url"`. */
+declare const UrlInput: react.ForwardRefExoticComponent<UrlInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+    step?: number;
+}
+/**
+ * Numeric input with stepper buttons. Steppers are raw `<button>` elements
+ * (not `IconButton`) to keep the strict atom rule.
+ */
+declare const NumberInput: react.ForwardRefExoticComponent<NumberInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+    /** Whether to render the visibility-toggle button. Default true. */
+    toggleable?: boolean;
+}
+/**
+ * Password input with optional visibility toggle. Toggle is a raw `<button>`
+ * to keep the strict atom rule.
+ */
+declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, InputBaseVariants {
+    /** Show a clear (×) button when the input has a value. Default true. */
+    clearable?: boolean;
+    onClear?: () => void;
+}
+/**
+ * Search input with leading search icon and optional clear button.
+ * Buttons are raw `<button>` elements to keep the strict atom rule.
+ */
+declare const SearchInput: react.ForwardRefExoticComponent<SearchInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, InputBaseVariants {
+}
+/**
+ * Multi-line text input. Inherits the input visual base. For autosize, pair
+ * with a sibling-domain hook in v1 — kept simple at L3.
+ */
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: 'sm' | 'md' | 'lg';
+    /** Tristate visual — input is `checked={false}` but rendered as a dash. */
+    indeterminate?: boolean;
+}
+/**
+ * Native checkbox with custom visual. Renders the input visually hidden but
+ * accessible — wrap in a `<label>` (or pair with `Label` via `FormControl`).
+ */
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Native radio button with custom visual. Use multiple with the same `name`
+ * to form a mutually exclusive group; for arrow-key nav, wrap in
+ * `RadioGroup` (L4).
+ */
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Toggle switch — native checkbox styled as an iOS-style track + thumb.
+ * Strict atom: no built-in label; pair via `FormControl` or wrap manually.
+ */
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Single-value range slider — native `<input type="range">` styled across
+ * browsers. Multi-thumb / range slider lives at L5.
+ */
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps, EmailInput, type EmailInputProps, Fieldset, type FieldsetProps, FormErrorMessage, type FormErrorMessageProps, FormHelperText, type FormHelperTextProps, Label, type LabelProps, Legend, type LegendProps, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, Switch, type SwitchProps, TelInput, type TelInputProps, TextInput, type TextInputProps, Textarea, type TextareaProps, UrlInput, type UrlInputProps };

package/dist/forms/index.js

@@ -1,3 +1,10 @@
-import '../chunk-YP4MAZRQ.js';
+export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput } from '../chunk-KSJE3JAI.js';
+import '../chunk-TDX22OWF.js';
+import '../chunk-Q27NAHVB.js';
+import '../chunk-JTJEI6MF.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/hooks/index.js

@@ -1,5 +1,6 @@
-export { useControlled, useDisclosure, useEscape, useEventListener, useFocusTrap, useMediaQuery, useOutsideClick, useResizeObserver } from '../chunk-AOHZGL6F.js';
-export { useId, useScrollLock } from '../chunk-KDXJQNB6.js';
+export { useControlled, useDisclosure, useEscape, useEventListener, useFocusTrap, useMediaQuery, useOutsideClick, useResizeObserver } from '../chunk-6NYTRHP7.js';
+export { useScrollLock } from '../chunk-77WSI427.js';
+export { useId } from '../chunk-JTJEI6MF.js';
 import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -3,7 +3,11 @@ 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';
+export { Button, ButtonProps, ButtonVariants, IconButton, IconButtonProps, IconButtonVariants, Link, LinkProps, LinkVariants, buttonVariants, iconButtonVariants, linkVariants } from './actions/index.js';
+export { Avatar, AvatarProps, AvatarVariants, Badge, BadgeProps, BadgeVariants, Code, CodeProps, CodeVariants, Heading, HeadingProps, HeadingVariants, Image, ImageProps, Kbd, KbdProps, Mark, MarkProps, Quote, QuoteProps, Separator, SeparatorProps, Tag, TagProps, TagVariants, Text, TextProps, TextVariants, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './display/index.js';
+export { AlertSimple, AlertSimpleProps, AlertSimpleVariants, BannerSimple, BannerSimpleProps, BannerSimpleVariants, ProgressBar, ProgressBarProps, ProgressBarVariants, ProgressCircle, ProgressCircleProps, Skeleton, SkeletonProps, SkeletonVariants, Spinner, SpinnerProps, SpinnerVariants, ToastSimple, ToastSimpleProps, ToastSimpleVariants, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './feedback/index.js';
+export { Checkbox, CheckboxProps, EmailInput, EmailInputProps, Fieldset, FieldsetProps, FormErrorMessage, FormErrorMessageProps, FormHelperText, FormHelperTextProps, Label, LabelProps, Legend, LegendProps, NumberInput, NumberInputProps, PasswordInput, PasswordInputProps, Radio, RadioProps, SearchInput, SearchInputProps, Slider, SliderProps, Switch, SwitchProps, TelInput, TelInputProps, TextInput, TextInputProps, Textarea, TextareaProps, UrlInput, UrlInputProps } from './forms/index.js';
+export { AspectRatio, AspectRatioProps, Box, BoxProps, Center, CenterProps, Container, ContainerProps, ContainerVariants, Flex, FlexProps, Grid, GridProps, GridVariants, HStack, HStackProps, ScrollArea, ScrollAreaProps, Spacer, SpacerProps, Stack, StackProps, StackVariants, VStack, VStackProps, containerVariants, gridVariants, stackVariants } from './layout/index.js';
 import 'clsx';
 import 'react';
 import 'tailwind-variants';

package/dist/index.js

@@ -1,14 +1,17 @@
-import './chunk-PSDQXPUE.js';
-import './chunk-ZDU7SROW.js';
-import './chunk-YP4MAZRQ.js';
-import './chunk-A2OBJDIK.js';
+export { Avatar, Badge, Code, Heading, Image, Kbd, Mark, Quote, Separator, Tag, Text, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './chunk-MP4OTUFA.js';
+export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './chunk-YLN7VMYU.js';
+export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput } from './chunk-KSJE3JAI.js';
+export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from './chunk-SYG6ZE42.js';
 export { tokens_exports as tokens } from './chunk-D67WGR7Y.js';
-export { hooks_exports as hooks } from './chunk-AOHZGL6F.js';
+export { hooks_exports as hooks } from './chunk-6NYTRHP7.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 { primitives_exports as primitives } from './chunk-JCMV6IT4.js';
+import './chunk-Q27NAHVB.js';
+import './chunk-77WSI427.js';
+import './chunk-JTJEI6MF.js';
+export { Button, IconButton, Link, buttonVariants, iconButtonVariants, linkVariants } from './chunk-4CIRBYYP.js';
 export { utils_exports as utils } from './chunk-BMBIZLO4.js';
+import './chunk-33IOXQYO.js';
 import './chunk-DN7WBRIV.js';
 import './chunk-KZ4VFY2T.js';
 import './chunk-PZ5AY32C.js';