@wow-two-beta/ui 0.0.7 → 0.0.8

package/dist/index.js

@@ -1,16 +1,16 @@
-export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput } from './chunk-TDEEVNSD.js';
-export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from './chunk-SYG6ZE42.js';
-export { hooks_exports as hooks } from './chunk-6NYTRHP7.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-HVJVLK6B.js';
+export { CharacterCount, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CurrencyInput, EmailInput, Fieldset, FilePicker, FormErrorMessage, FormField, FormHelperText, InputAddon, InputGroup, Label, LabeledInput, Legend, MaskedInput, NumberInput, PasswordInput, PasswordStrength, PercentInput, PinInput, Radio, RadioField, RadioGroup, SearchInput, Slider, Switch, SwitchField, TelInput, TextInput, Textarea, UrlInput } from './chunk-X2LTOZ7F.js';
+export { AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Inline, ScrollArea, Spacer, Stack, TwoColumn, VStack, containerVariants, gridVariants, stackVariants } from './chunk-NKGNOOXJ.js';
+export { Breadcrumb, NavItem, Pagination } from './chunk-L32PXXQL.js';
+export { Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, ToggleButton, ToggleButtonGroup, buttonVariants, fabVariants, iconButtonVariants, linkVariants, overlayButtonVariants, toggleButtonVariants } from './chunk-D5CHR6RX.js';
+export { Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Code, CountBadge, DescriptionList, EmptyState, Heading, Highlight, Image, InfoRow, Kbd, KeyboardShortcut, Mark, NotificationDot, Quote, SectionHeader, Separator, Snippet, Stat, Status, Tag, Text, Tooltip, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './chunk-7SGLT2LM.js';
+export { primitives_exports as primitives } from './chunk-SL5YJADS.js';
+import './chunk-WEM32VIJ.js';
+export { hooks_exports as hooks } from './chunk-4P2TFUVW.js';
 import './chunk-33IOXQYO.js';
-export { Avatar, Badge, Code, Heading, Image, Kbd, Mark, Quote, Separator, Tag, Text, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './chunk-DBQ4VF2J.js';
-export { icons_exports as icons } from './chunk-TDX22OWF.js';
-export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './chunk-62NXDB5V.js';
+import './chunk-KDXJQNB6.js';
+export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LoadingState, MeterBar, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, Spinner, StatusIndicator, Toast, ToastSimple, TrendIndicator, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './chunk-RIW2V3N4.js';
 export { utils_exports as utils } from './chunk-BMBIZLO4.js';
+export { icons_exports as icons } from './chunk-TDX22OWF.js';
 import './chunk-DN7WBRIV.js';
 import './chunk-KZ4VFY2T.js';
 import './chunk-PZ5AY32C.js';

package/dist/layout/cluster/Cluster.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface ClusterProps extends ComponentPropsWithoutRef<'div'> {
+    /** Gap between children. Default `4`. */
+    gap?: '2' | '3' | '4' | '6' | '8';
+    /** Justify on cross axis. Default `center`. */
+    justify?: 'start' | 'center' | 'end';
+}
+/**
+ * Centered wrapping row — for auth-page action clusters, hero CTAs, footer
+ * link groups. `Inline` left-aligns; `Cluster` centers by default.
+ */
+export declare const Cluster: import("react").ForwardRefExoticComponent<ClusterProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Cluster.d.ts.map

package/dist/layout/cluster/Cluster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/layout/cluster/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACnE,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAClC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACtC;AAWD;;;GAGG;AACH,eAAO,MAAM,OAAO,yGAQnB,CAAC"}

package/dist/layout/cluster/index.d.ts

@@ -0,0 +1,2 @@
+export { Cluster, type ClusterProps } from './Cluster';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/cluster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/cluster/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/layout/frame/Frame.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface FrameProps extends ComponentPropsWithoutRef<'div'> {
+    /** Padding. Default `4`. */
+    padding?: '0' | '2' | '3' | '4' | '6' | '8';
+    /** Border radius. Default `md`. */
+    radius?: 'none' | 'sm' | 'md' | 'lg';
+    /** Surface background — `card` (raised) or `muted` (recessed). Default `card`. */
+    surface?: 'card' | 'muted' | 'transparent';
+    /** Show the border. Default `true`. */
+    bordered?: boolean;
+}
+/**
+ * Bordered shell with padding + radius — `Card` without slot semantics.
+ * Use when you want the visual but not the structured Header/Body/Footer.
+ */
+export declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Frame.d.ts.map

package/dist/layout/frame/Frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/layout/frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACjE,4BAA4B;IAC5B,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5C,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;IAC3C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAcD;;;GAGG;AACH,eAAO,MAAM,KAAK,uGAcjB,CAAC"}

package/dist/layout/frame/index.d.ts

@@ -0,0 +1,2 @@
+export { Frame, type FrameProps } from './Frame';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/layout/index.d.ts

@@ -9,4 +9,8 @@ export * from './aspectRatio';
 export * from './spacer';
 export * from './center';
 export * from './scrollArea';
+export * from './inline';
+export * from './cluster';
+export * from './frame';
+export * from './twoColumn';
 //# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dist/layout/index.js

@@ -1,4 +1,4 @@
-export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from '../chunk-SYG6ZE42.js';
+export { AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Inline, ScrollArea, Spacer, Stack, TwoColumn, VStack, containerVariants, gridVariants, stackVariants } from '../chunk-NKGNOOXJ.js';
 import '../chunk-BMBIZLO4.js';
 import '../chunk-DN7WBRIV.js';
 import '../chunk-KZ4VFY2T.js';

package/dist/layout/inline/Inline.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface InlineProps extends ComponentPropsWithoutRef<'div'> {
+    /** Gap between children (Tailwind spacing). Default `2`. */
+    gap?: '0' | '1' | '2' | '3' | '4' | '6' | '8';
+    /** Vertical alignment. Default `center`. */
+    align?: 'start' | 'center' | 'end' | 'baseline';
+}
+/**
+ * Wrapping horizontal row with consistent gap. Use for chips/tag rows,
+ * inline button groups, breadcrumb-like sequences.
+ */
+export declare const Inline: import("react").ForwardRefExoticComponent<InlineProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Inline.d.ts.map

package/dist/layout/inline/Inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/layout/inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,4DAA4D;IAC5D,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9C,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;CACjD;AAYD;;;GAGG;AACH,eAAO,MAAM,MAAM,wGAQlB,CAAC"}

package/dist/layout/inline/index.d.ts

@@ -0,0 +1,2 @@
+export { Inline, type InlineProps } from './Inline';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/inline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/layout/twoColumn/TwoColumn.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface TwoColumnProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** Sidebar / aside content. */
+    aside: ReactNode;
+    /** Main content. */
+    children: ReactNode;
+    /** Aside width — Tailwind class string (e.g. `w-64`). Default `w-64`. */
+    asideWidth?: string;
+    /** Side the aside sits on. Default `left`. */
+    asideSide?: 'left' | 'right';
+    /** Gap between aside and main. Default `6`. */
+    gap?: '0' | '4' | '6' | '8' | '10';
+}
+/**
+ * Two-pane layout — fixed-width aside + flexible main. Sidebar+content,
+ * filter+results, table-of-contents+article patterns.
+ */
+export declare const TwoColumn: import("react").ForwardRefExoticComponent<TwoColumnProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TwoColumn.d.ts.map

package/dist/layout/twoColumn/TwoColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../src/layout/twoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvF,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;CACpC;AAMD;;;GAGG;AACH,eAAO,MAAM,SAAS,2GAmBrB,CAAC"}

package/dist/layout/twoColumn/index.d.ts

@@ -0,0 +1,2 @@
+export { TwoColumn, type TwoColumnProps } from './TwoColumn';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/twoColumn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/twoColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/nav/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: ReactNode;
+    /** Make this item a link. Last item is typically rendered as plain text. */
+    href?: string;
+}
+export interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {
+    items: BreadcrumbItem[];
+    /** Custom separator element. Default chevron-right icon. */
+    separator?: ReactNode;
+}
+/**
+ * Linear position trail — list of links + separators. The last item is
+ * always rendered as `aria-current="page"` and not a link. Use the L5
+ * collapsing version when the chain gets long.
+ */
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/nav/breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/nav/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACtE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,yGAoCtB,CAAC"}

package/dist/nav/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/nav/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nav/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/nav/index.d.ts

@@ -0,0 +1,4 @@
+export * from './breadcrumb';
+export * from './pagination';
+export * from './navItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/nav/index.js

@@ -0,0 +1,12 @@
+export { Breadcrumb, NavItem, Pagination } from '../chunk-L32PXXQL.js';
+import '../chunk-SL5YJADS.js';
+import '../chunk-WEM32VIJ.js';
+import '../chunk-33IOXQYO.js';
+import '../chunk-KDXJQNB6.js';
+import '../chunk-BMBIZLO4.js';
+import '../chunk-TDX22OWF.js';
+import '../chunk-DN7WBRIV.js';
+import '../chunk-KZ4VFY2T.js';
+import '../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/nav/index.js.map

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

package/dist/nav/navItem/NavItem.d.ts

@@ -0,0 +1,22 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+export interface NavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** When true, render the child element instead of an `<a>` (router Link). */
+    asChild?: boolean;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** Visual label. */
+    children: ReactNode;
+    /** Trailing slot — typically a count badge or status dot. */
+    trailing?: ReactNode;
+    /** Mark active (visual + `aria-current="page"`). */
+    isActive?: boolean;
+    /** Visual size. Default `md`. */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Sidebar / nav row — icon + label + trailing slot + active state. Use as
+ * a clickable Link (default `<a>`) or pass `asChild` to forward to a router
+ * Link. Sets `aria-current="page"` when `isActive`.
+ */
+export declare const NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=NavItem.d.ts.map

package/dist/nav/navItem/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/nav/navItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAQD;;;;GAIG;AACH,eAAO,MAAM,OAAO,4GAuBnB,CAAC"}

package/dist/nav/navItem/index.d.ts

@@ -0,0 +1,2 @@
+export { NavItem, type NavItemProps } from './NavItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/nav/navItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nav/navItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/nav/pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface PaginationProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'onChange'> {
+    /** Total page count (1-based). */
+    total: number;
+    /** Current page (1-based). */
+    page: number;
+    /** Fires with the new page on click. */
+    onPageChange: (page: number) => void;
+    /** Number of page buttons surrounding the current. Default `1` (so 1 + current + 1 = 3). */
+    siblings?: number;
+    /** Hide first/last buttons (just show prev/next + numbers). */
+    hideFirstLast?: boolean;
+}
+/**
+ * Compact page-number row with prev/next + ellipses for skipped ranges.
+ * Stateless — consumer drives `page` and reacts to `onPageChange`.
+ */
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/nav/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/nav/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACxF,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAkBD;;;GAGG;AACH,eAAO,MAAM,UAAU,yGAoDtB,CAAC"}

package/dist/nav/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination, type PaginationProps } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/nav/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nav/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/primitives/index.js

@@ -1,8 +1,7 @@
-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 { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, Portal, Presence, RovingFocusGroup, ScrollLockProvider, VisuallyHidden, createCollection, useDirection, useRovingFocusItem } from '../chunk-SL5YJADS.js';
+export { FormControlProvider, useFormControl } from '../chunk-WEM32VIJ.js';
 export { Slot } from '../chunk-33IOXQYO.js';
+import '../chunk-KDXJQNB6.js';
 import '../chunk-DN7WBRIV.js';
 import '../chunk-KZ4VFY2T.js';
 import '../chunk-PZ5AY32C.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wow-two-beta/ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Beta-forever React UI library for the wow-two ecosystem.",
   "license": "MIT",
   "repository": {
@@ -72,6 +72,10 @@
       "import": "./dist/layout/index.js",
       "types": "./dist/layout/index.d.ts"
     },
+    "./nav": {
+      "import": "./dist/nav/index.js",
+      "types": "./dist/nav/index.d.ts"
+    },
     "./styles.css": "./dist/index.css"
   },
   "scripts": {

package/dist/chunk-62NXDB5V.js

@@ -1,275 +0,0 @@
-import { tv } from './chunk-BMBIZLO4.js';
-import { cn } from './chunk-KZ4VFY2T.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/feedback/spinner/Spinner.variants.ts
-var spinnerVariants = tv({
-  base: "inline-block animate-spin rounded-full border-current border-b-transparent",
-  variants: {
-    size: {
-      xs: "h-3 w-3 border",
-      sm: "h-4 w-4 border-2",
-      md: "h-5 w-5 border-2",
-      lg: "h-8 w-8 border-2",
-      xl: "h-12 w-12 border-[3px]"
-    },
-    tone: {
-      default: "text-muted-foreground",
-      brand: "text-primary",
-      muted: "text-border",
-      current: ""
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    tone: "default"
-  }
-});
-var Spinner = forwardRef(
-  ({ className, size, tone, label = "Loading", role = "status", ...props }, ref) => /* @__PURE__ */ jsxs("span", { ref, role, ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: cn(spinnerVariants({ size, tone }), className) }),
-    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-  ] })
-);
-Spinner.displayName = "Spinner";
-
-// src/feedback/skeleton/Skeleton.variants.ts
-var skeletonVariants = tv({
-  base: "animate-pulse bg-muted",
-  variants: {
-    shape: {
-      rect: "rounded-md",
-      text: "h-4 rounded-sm",
-      circle: "rounded-full"
-    }
-  },
-  defaultVariants: {
-    shape: "rect"
-  }
-});
-var Skeleton = forwardRef(
-  ({ className, shape, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "aria-hidden": "true",
-      className: cn(skeletonVariants({ shape }), className),
-      ...props
-    }
-  )
-);
-Skeleton.displayName = "Skeleton";
-
-// src/feedback/progressBar/ProgressBar.variants.ts
-var progressTrackVariants = tv({
-  base: "h-2 w-full overflow-hidden rounded-full bg-muted",
-  variants: {
-    size: {
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var progressFillVariants = tv({
-  base: "h-full rounded-full transition-[width] duration-300",
-  variants: {
-    tone: {
-      brand: "bg-primary",
-      success: "bg-success",
-      warning: "bg-warning",
-      danger: "bg-destructive",
-      neutral: "bg-muted-foreground"
-    }
-  },
-  defaultVariants: {
-    tone: "brand"
-  }
-});
-var ProgressBar = forwardRef(
-  ({ value, max = 100, size, tone, label, className, ...props }, ref) => {
-    const determinate = typeof value === "number";
-    const pct = determinate ? Math.min(100, Math.max(0, value / max * 100)) : void 0;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "progressbar",
-        "aria-label": label,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        "aria-valuenow": determinate ? value : void 0,
-        className: cn(progressTrackVariants({ size }), className),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              progressFillVariants({ tone }),
-              !determinate && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"
-            ),
-            style: determinate ? { width: `${pct}%` } : void 0
-          }
-        )
-      }
-    );
-  }
-);
-ProgressBar.displayName = "ProgressBar";
-var TONE_CLASS = {
-  brand: "text-primary",
-  success: "text-success",
-  warning: "text-warning",
-  danger: "text-destructive",
-  neutral: "text-muted-foreground"
-};
-var ProgressCircle = forwardRef(
-  ({ value, max = 100, size = 40, thickness = 4, tone = "brand", label, className, ...props }, ref) => {
-    const determinate = typeof value === "number";
-    const radius = (size - thickness) / 2;
-    const circumference = 2 * Math.PI * radius;
-    const pct = determinate ? Math.min(100, Math.max(0, value / max * 100)) : 25;
-    const offset = circumference - pct / 100 * circumference;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "progressbar",
-        "aria-label": label,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        "aria-valuenow": determinate ? value : void 0,
-        className: cn("inline-block", !determinate && "animate-spin", TONE_CLASS[tone], className),
-        style: { width: size, height: size },
-        ...props,
-        children: /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: size / 2,
-              cy: size / 2,
-              r: radius,
-              stroke: "currentColor",
-              strokeWidth: thickness,
-              fill: "none",
-              opacity: 0.2
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: size / 2,
-              cy: size / 2,
-              r: radius,
-              stroke: "currentColor",
-              strokeWidth: thickness,
-              strokeLinecap: "round",
-              fill: "none",
-              strokeDasharray: circumference,
-              strokeDashoffset: offset,
-              transform: `rotate(-90 ${size / 2} ${size / 2})`,
-              style: { transition: "stroke-dashoffset 300ms ease" }
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-ProgressCircle.displayName = "ProgressCircle";
-
-// src/feedback/alertSimple/AlertSimple.variants.ts
-var alertSimpleVariants = tv({
-  base: "rounded-md border px-4 py-3 text-sm",
-  variants: {
-    severity: {
-      info: "border-info-soft bg-info-soft text-info-soft-foreground",
-      success: "border-success-soft bg-success-soft text-success-soft-foreground",
-      warning: "border-warning-soft bg-warning-soft text-warning-soft-foreground",
-      danger: "border-destructive-soft bg-destructive-soft text-destructive-soft-foreground",
-      neutral: "border-border bg-muted text-foreground"
-    }
-  },
-  defaultVariants: {
-    severity: "info"
-  }
-});
-var AlertSimple = forwardRef(
-  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role,
-      className: cn(alertSimpleVariants({ severity }), className),
-      ...props
-    }
-  )
-);
-AlertSimple.displayName = "AlertSimple";
-
-// src/feedback/bannerSimple/BannerSimple.variants.ts
-var bannerSimpleVariants = tv({
-  base: "w-full px-6 py-3 text-sm",
-  variants: {
-    severity: {
-      info: "bg-info text-info-foreground",
-      success: "bg-success text-success-foreground",
-      warning: "bg-warning text-warning-foreground",
-      danger: "bg-destructive text-destructive-foreground",
-      neutral: "bg-inverse text-inverse-foreground"
-    }
-  },
-  defaultVariants: {
-    severity: "info"
-  }
-});
-var BannerSimple = forwardRef(
-  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role,
-      className: cn(bannerSimpleVariants({ severity }), className),
-      ...props
-    }
-  )
-);
-BannerSimple.displayName = "BannerSimple";
-
-// src/feedback/toastSimple/ToastSimple.variants.ts
-var toastSimpleVariants = tv({
-  base: "pointer-events-auto rounded-md border bg-popover text-popover-foreground shadow-lg px-4 py-3 text-sm",
-  variants: {
-    severity: {
-      info: "border-info-soft",
-      success: "border-success-soft",
-      warning: "border-warning-soft",
-      danger: "border-destructive-soft",
-      neutral: "border-border"
-    }
-  },
-  defaultVariants: {
-    severity: "neutral"
-  }
-});
-var ToastSimple = forwardRef(
-  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role,
-      "aria-live": "polite",
-      className: cn(toastSimpleVariants({ severity }), className),
-      ...props
-    }
-  )
-);
-ToastSimple.displayName = "ToastSimple";
-
-export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants };
-//# sourceMappingURL=chunk-62NXDB5V.js.map
-//# sourceMappingURL=chunk-62NXDB5V.js.map