@wow-two-beta/ui 0.0.57 → 0.0.58

package/dist/index.js

@@ -1,22 +1,22 @@
-export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from './chunk-JOOE4KS5.js';
-export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Spacer, Stack, Surface, TwoColumn, VStack, containerVariants, gridVariants, stackVariants, useAppShell } from './chunk-WOKIYORV.js';
-export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy } from './chunk-FEXH7YWU.js';
-import './chunk-3GZOE7JF.js';
-export { ActionSheet, ActionSheetAction, ActionSheetCancel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, BottomSheet, BottomSheetDescription, BottomSheetTitle, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Popover, PopoverArrow, PopoverContent, PopoverTrigger, useBottomSheet } from './chunk-4QOCAFCA.js';
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from './chunk-VYOQYXK6.js';
-export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-5Y43MUOK.js';
-import './chunk-4WYHY6KV.js';
-export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from './chunk-WPTF6ZRR.js';
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants } from './chunk-4OKJVYBV.js';
-export { Kbd, Tag, tagVariants } from './chunk-ZH6BB54G.js';
-export { Inline } from './chunk-VR5HH4SX.js';
-export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LiveCursor, LoadingOverlay, LoadingState, MeterBar, NotificationCenter, NotificationItem, OnboardingChecklist, OnboardingChecklistTask, PresenceIndicator, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, StatusIndicator, Toast, ToastSimple, Toaster, Tour, TrendIndicator, TypingIndicator, UndoBar, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, toastSimpleVariants, toaster, useOnboardingChecklist, useToaster } from './chunk-ZFNGOAHR.js';
-export { Spinner, spinnerVariants } from './chunk-USGZGMLY.js';
-export { Backdrop } from './chunk-BI6JZY2O.js';
-export { hooks_exports as hooks } from './chunk-5PMOT5MD.js';
+export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from './chunk-HG7NX6GP.js';
+export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Navbar, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Section, Spacer, Stack, Surface, TwoColumn, VStack, containerVariants, gridVariants, navbarVariants, resolveGridColumns, resolveGridGap, sectionVariants, stackVariants, useAppShell } from './chunk-FYG23O4O.js';
+export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy } from './chunk-EEHJHPAP.js';
+import './chunk-577JZ2A2.js';
+export { ActionSheet, ActionSheetAction, ActionSheetCancel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, BottomSheet, BottomSheetDescription, BottomSheetTitle, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Popover, PopoverArrow, PopoverContent, PopoverTrigger, useBottomSheet } from './chunk-MTD4RTGO.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from './chunk-OBW7JUNL.js';
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-EJCO7AWR.js';
+import './chunk-FNSC4LAL.js';
+export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from './chunk-GSAOM2ZR.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants } from './chunk-Y5GS4CLT.js';
+export { Kbd, Tag, tagVariants } from './chunk-XDATW7NF.js';
+export { Inline } from './chunk-4XWLEKH2.js';
+export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LiveCursor, LoadingOverlay, LoadingState, MeterBar, NotificationCenter, NotificationItem, OnboardingChecklist, OnboardingChecklistTask, PresenceIndicator, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, StatusIndicator, Toast, ToastSimple, Toaster, Tour, TrendIndicator, TypingIndicator, UndoBar, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, toastSimpleVariants, toaster, useOnboardingChecklist, useToaster } from './chunk-EX4AOJCN.js';
+export { Spinner, spinnerVariants } from './chunk-NR5DYKSJ.js';
+export { Backdrop } from './chunk-DJJOQWOG.js';
+export { hooks_exports as hooks } from './chunk-V267IMBH.js';
 export { icons_exports as icons } from './chunk-MVMDDGW7.js';
-export { utils_exports as utils } from './chunk-XDP6GEBA.js';
-export { primitives_exports as primitives } from './chunk-UI4RT5JF.js';
+export { utils_exports as utils } from './chunk-JYGC5SRP.js';
+export { primitives_exports as primitives } from './chunk-TTSJZEL7.js';
 import './chunk-LGTGZ3RW.js';
 import './chunk-X2MYOHOB.js';
 import './chunk-DCHYNTHI.js';

package/dist/layout/appShell/AppShell.d.ts

@@ -4,7 +4,7 @@ interface AppShellContextValue {
     sidebarWidth: string;
     asideWidth: string;
     sidebarBreakpoint: Breakpoint;
-    sidebarOpen: boolean;
+    isSidebarOpen: boolean;
     setSidebarOpen: (open: boolean) => void;
     isSidebarCollapsed: boolean;
     isAsideHidden: boolean;
@@ -14,7 +14,7 @@ export interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
     asideWidth?: string;
     sidebarBreakpoint?: Breakpoint;
     asideBreakpoint?: Breakpoint;
-    sidebarOpen?: boolean;
+    isSidebarOpen?: boolean;
     defaultSidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
     children: ReactNode;

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

@@ -7,7 +7,7 @@ export interface FrameProps extends ComponentPropsWithoutRef<'div'> {
     /** Surface background — `card` (raised) or `muted` (recessed). Default `card`. */
     surface?: 'card' | 'muted' | 'transparent';
     /** Show the border. Default `true`. */
-    bordered?: boolean;
+    isBordered?: boolean;
 }
 /**
  * Bordered shell with padding + radius — `Card` without slot semantics.

package/dist/layout/grid/Grid.d.ts

@@ -1,11 +1,23 @@
 import { type ComponentPropsWithoutRef, type ElementType } from 'react';
-import { type GridVariants } from './Grid.variants';
-export interface GridProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, GridVariants {
+import { type GridColumns, type GridGap, type GridResponsive } from './Grid.variants';
+export interface GridProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
     as?: ElementType;
+    /**
+     * Equal-column track count. Scalar (`'3'`) emits `grid-cols-3`; a responsive
+     * map (`{ base: '1', md: '2', lg: '3' }`) emits per-breakpoint prefixed
+     * classes. Default `'2'`.
+     */
+    columns?: GridColumns | GridResponsive<GridColumns>;
+    /**
+     * Gap between tracks. Scalar (`'4'`) emits `gap-4`; a responsive map
+     * (`{ base: '2', lg: '6' }`) emits per-breakpoint prefixed classes. Default `'4'`.
+     */
+    gap?: GridGap | GridResponsive<GridGap>;
 }
 /**
- * CSS grid container with column and gap variants. For non-uniform tracks
- * pass an explicit `style={{ gridTemplateColumns }}` — the variant covers
- * the equal-column case.
+ * CSS grid container with column and gap variants. Both `columns` and `gap`
+ * accept a scalar value or a responsive `{ base, sm, md, lg, xl }` map. For
+ * non-uniform tracks pass an explicit `style={{ gridTemplateColumns }}` — the
+ * variant covers the equal-column case.
  */
 export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLElement>>;

package/dist/layout/grid/Grid.variants.d.ts

@@ -162,3 +162,18 @@ export declare const gridVariants: import("tailwind-variants").TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 export type GridVariants = VariantProps<typeof gridVariants>;
+/** Represents the scalar column count accepted by `Grid` (also the per-breakpoint value). */
+export type GridColumns = NonNullable<GridVariants['columns']>;
+/** Represents the scalar gap step accepted by `Grid` (also the per-breakpoint value). */
+export type GridGap = NonNullable<GridVariants['gap']>;
+/** Represents the responsive breakpoints `Grid` understands (`base` = unprefixed). */
+export type GridBreakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Represents a responsive value for `columns` / `gap` — a per-breakpoint map.
+ * `base` is the unprefixed value; the rest map to Tailwind's `sm:`–`xl:` prefixes.
+ */
+export type GridResponsive<T extends string> = Partial<Record<GridBreakpoint, T>>;
+/** Resolves a scalar-or-responsive `columns` value to its complete Tailwind class string. */
+export declare function resolveGridColumns(value: GridColumns | GridResponsive<GridColumns> | undefined): string | undefined;
+/** Resolves a scalar-or-responsive `gap` value to its complete Tailwind class string. */
+export declare function resolveGridGap(value: GridGap | GridResponsive<GridGap> | undefined): string | undefined;

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

@@ -1,2 +1,2 @@
 export { Grid, type GridProps } from './Grid';
-export { gridVariants, type GridVariants } from './Grid.variants';
+export { gridVariants, resolveGridColumns, resolveGridGap, type GridVariants, type GridColumns, type GridGap, type GridBreakpoint, type GridResponsive, } from './Grid.variants';

package/dist/layout/index.d.ts

@@ -18,3 +18,5 @@ export * from './pullToRefresh';
 export * from './appShell';
 export * from './overlay';
 export * from './surface';
+export * from './section';
+export * from './navbar';

package/dist/layout/index.js

@@ -1,12 +1,12 @@
-export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Spacer, Stack, Surface, TwoColumn, VStack, containerVariants, gridVariants, stackVariants, useAppShell } from '../chunk-WOKIYORV.js';
-import '../chunk-VYOQYXK6.js';
-import '../chunk-4WYHY6KV.js';
-export { Inline } from '../chunk-VR5HH4SX.js';
-import '../chunk-USGZGMLY.js';
-import '../chunk-BI6JZY2O.js';
-import '../chunk-5PMOT5MD.js';
-import '../chunk-XDP6GEBA.js';
-import '../chunk-UI4RT5JF.js';
+export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Navbar, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Section, Spacer, Stack, Surface, TwoColumn, VStack, containerVariants, gridVariants, navbarVariants, resolveGridColumns, resolveGridGap, sectionVariants, stackVariants, useAppShell } from '../chunk-FYG23O4O.js';
+import '../chunk-OBW7JUNL.js';
+import '../chunk-FNSC4LAL.js';
+export { Inline } from '../chunk-4XWLEKH2.js';
+import '../chunk-NR5DYKSJ.js';
+import '../chunk-DJJOQWOG.js';
+import '../chunk-V267IMBH.js';
+import '../chunk-JYGC5SRP.js';
+import '../chunk-TTSJZEL7.js';
 import '../chunk-LGTGZ3RW.js';
 import '../chunk-X2MYOHOB.js';
 import '../chunk-DCHYNTHI.js';

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

@@ -4,6 +4,11 @@ export interface InlineProps extends ComponentPropsWithoutRef<'div'> {
     gap?: '0' | '1' | '2' | '3' | '4' | '6' | '8';
     /** Vertical alignment. Default `center`. */
     align?: 'start' | 'center' | 'end' | 'baseline';
+    /**
+     * Whether children wrap onto multiple lines. Default `true` (`flex-wrap`).
+     * Set `false` (`flex-nowrap`) for tight single-line rows that should truncate.
+     */
+    wrap?: boolean;
 }
 /**
  * Wrapping horizontal row with consistent gap. Use for chips/tag rows,

package/dist/layout/navbar/Navbar.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type SurfaceTone } from '../../utils';
+import { type ContainerProps } from '../container';
+import { type NavbarHeight } from './Navbar.variants';
+export interface NavbarProps extends Omit<ComponentPropsWithoutRef<'header'>, 'children'> {
+    /** Leading slot — laid out at the start of the row (brand / logo / nav links). */
+    start?: ReactNode;
+    /** Centre slot — laid out in the middle of the row (search / primary nav). */
+    center?: ReactNode;
+    /** Trailing slot — laid out at the end of the row (actions / avatar / CTA). */
+    end?: ReactNode;
+    /**
+     * Raw row content — replaces the `start` / `center` / `end` slot layout when
+     * provided. Use for fully custom bars.
+     */
+    children?: ReactNode;
+    /** Max-width of the inner centered `Container`. Passthrough to `Container.size`. Default `lg`. */
+    containerSize?: ContainerProps['size'];
+    /** Band height. Default `md`. */
+    height?: NavbarHeight;
+    /** Sticks the bar to the top of the scroll container. Default `false` (non-sticky). */
+    sticky?: boolean;
+    /**
+     * Tinted background tone for the band — applies the shadow-less `subtle`
+     * surface treatment. Omit for a transparent bar (relies on `bordered` / page bg).
+     */
+    tone?: SurfaceTone;
+    /** Renders a bottom border under the bar. Default `true`. */
+    bordered?: boolean;
+}
+/**
+ * Lightweight header band (`<header>`) with `start` / `center` / `end` slots
+ * laid out in a row inside a centered `Container`. The everyday "navbar +
+ * centered content" need that `AppShell` (a 5-slot dashboard grid w/ sidebar)
+ * overshoots. Non-sticky by default; pass `sticky` to pin it.
+ */
+export declare const Navbar: import("react").ForwardRefExoticComponent<NavbarProps & import("react").RefAttributes<HTMLElement>>;

package/dist/layout/navbar/Navbar.variants.d.ts

@@ -0,0 +1,76 @@
+import { type VariantProps } from '../../utils';
+/** Provides the header-band chrome (height, sticky positioning) for `Navbar`. */
+export declare const navbarVariants: import("tailwind-variants").TVReturnType<{
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    sticky: {
+        true: string;
+        false: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type NavbarVariants = VariantProps<typeof navbarVariants>;
+/** Represents the band-height axis of the `Navbar` (`sm` · `md` · `lg`). */
+export type NavbarHeight = NonNullable<NavbarVariants['height']>;

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

@@ -0,0 +1,2 @@
+export { Navbar, type NavbarProps } from './Navbar';
+export { navbarVariants, type NavbarVariants, type NavbarHeight, } from './Navbar.variants';

package/dist/layout/pullToRefresh/PullToRefresh.d.ts

@@ -3,7 +3,7 @@ export interface PullToRefreshProps extends HTMLAttributes<HTMLDivElement> {
     onRefresh: () => Promise<void> | void;
     threshold?: number;
     maxPull?: number;
-    disabled?: boolean;
+    isDisabled?: boolean;
     children: ReactNode;
 }
 /**

package/dist/layout/resizablePanels/ResizablePanels.d.ts

@@ -15,7 +15,7 @@ export interface ResizablePanelProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const ResizablePanel: import("react").ForwardRefExoticComponent<ResizablePanelProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface ResizableSeparatorProps extends HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
+    isDisabled?: boolean;
 }
 export declare const ResizableSeparator: import("react").ForwardRefExoticComponent<ResizableSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
 type ResizablePanelsComponent = typeof ResizablePanels & {

package/dist/layout/section/Section.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type SurfaceTone } from '../../utils';
+import { type ContainerProps } from '../container';
+import { type SectionPaddingY } from './Section.variants';
+export interface SectionProps extends ComponentPropsWithoutRef<'section'> {
+    /**
+     * Tinted background tone for the band. Applies the shadow-less `subtle`
+     * surface treatment (low-alpha tinted fill + `border-border`). Omit for a
+     * transparent band (no fill, no border).
+     */
+    tone?: SurfaceTone;
+    /** Max-width of the inner centered `Container`. Passthrough to `Container.size`. Default `lg`. */
+    containerSize?: ContainerProps['size'];
+    /** Vertical padding (the band's top/bottom rhythm). Default `md`. */
+    py?: SectionPaddingY;
+    /** Renders the band as a full-bleed `<section>` with no inner `Container` (edge-to-edge content). */
+    bleed?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Full-bleed `<section>` band with an inner centered `Container`. The repetitive
+ * marketing "section band" pattern: optional tinted (shadow-less) background,
+ * passthrough container width, and vertical padding. Pass `bleed` to drop the
+ * inner Container for edge-to-edge content.
+ */
+export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;

package/dist/layout/section/Section.variants.d.ts

@@ -0,0 +1,62 @@
+import { type VariantProps } from '../../utils';
+/** Provides the vertical-rhythm (top/bottom padding) scale for the `Section` band. */
+export declare const sectionVariants: import("tailwind-variants").TVReturnType<{
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, {
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "w-full", import("tailwind-variants/dist/config.js").TVConfig<{
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    py: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type SectionVariants = VariantProps<typeof sectionVariants>;
+/** Represents the vertical-padding axis of the `Section` band (`none`–`xl`). */
+export type SectionPaddingY = NonNullable<SectionVariants['py']>;

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

@@ -0,0 +1,2 @@
+export { Section, type SectionProps } from './Section';
+export { sectionVariants, type SectionVariants, type SectionPaddingY, } from './Section.variants';

package/dist/nav/commandPalette/CommandPalette.d.ts

@@ -26,7 +26,7 @@ export interface CommandPaletteItemProps extends HTMLAttributes<HTMLDivElement>
     value: string;
     /** Text used by the filter; defaults to `value`. Pass when children include icons. */
     searchText?: string;
-    disabled?: boolean;
+    isDisabled?: boolean;
     onSelect?: () => void;
     closeOnSelect?: boolean;
     children: ReactNode;

package/dist/nav/contextMenu/ContextMenu.d.ts

@@ -6,7 +6,7 @@ export interface ContextMenuProps {
 export declare function ContextMenu({ children }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
 export interface ContextMenuTriggerProps extends HTMLAttributes<HTMLDivElement> {
     asChild?: boolean;
-    disabled?: boolean;
+    isDisabled?: boolean;
     children: ReactNode;
 }
 export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/nav/index.js

@@ -1,12 +1,12 @@
-export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy } from '../chunk-FEXH7YWU.js';
-import '../chunk-3GZOE7JF.js';
-import '../chunk-5Y43MUOK.js';
-import '../chunk-4WYHY6KV.js';
-import '../chunk-BI6JZY2O.js';
-import '../chunk-5PMOT5MD.js';
+export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy } from '../chunk-EEHJHPAP.js';
+import '../chunk-577JZ2A2.js';
+import '../chunk-EJCO7AWR.js';
+import '../chunk-FNSC4LAL.js';
+import '../chunk-DJJOQWOG.js';
+import '../chunk-V267IMBH.js';
 import '../chunk-MVMDDGW7.js';
-import '../chunk-XDP6GEBA.js';
-import '../chunk-UI4RT5JF.js';
+import '../chunk-JYGC5SRP.js';
+import '../chunk-TTSJZEL7.js';
 import '../chunk-LGTGZ3RW.js';
 import '../chunk-X2MYOHOB.js';
 import '../chunk-DCHYNTHI.js';

package/dist/nav/menu/Menu.d.ts

@@ -21,7 +21,7 @@ export interface MenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonEleme
     /** Fired when the item is activated (Enter / Space / click). Menu closes after. */
     onSelect?: () => void;
     /** Disable activation. */
-    disabled?: boolean;
+    isDisabled?: boolean;
 }
 export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 export interface MenuGroupProps extends HTMLAttributes<HTMLDivElement> {

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

@@ -14,8 +14,7 @@ export interface NavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     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`.
+ * Sidebar / nav row — icon + label + trailing slot + active state. Default `<a>`;
+ * 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>>;

package/dist/nav/tableOfContents/TableOfContents.d.ts

@@ -14,7 +14,7 @@ export interface TableOfContentsProps extends HTMLAttributes<HTMLElement> {
     /** Override the auto-derived active id. */
     activeId?: string | null;
     /** Apply `sticky top-4 self-start` helper classes. */
-    sticky?: boolean;
+    isSticky?: boolean;
 }
 /**
  * Outline of headings — `items` (explicit) or `source` (auto-extract).

package/dist/overlays/actionSheet/ActionSheet.d.ts

@@ -15,7 +15,7 @@ export interface ActionSheetProps {
 export declare function ActionSheet({ open, defaultOpen, onOpenChange, title, description, className, children, }: ActionSheetProps): import("react/jsx-runtime").JSX.Element;
 export interface ActionSheetActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     onSelect?: () => void;
-    destructive?: boolean;
+    isDestructive?: boolean;
 }
 export declare const ActionSheetAction: import("react").ForwardRefExoticComponent<ActionSheetActionProps & import("react").RefAttributes<HTMLButtonElement>>;
 export type ActionSheetCancelProps = ButtonHTMLAttributes<HTMLButtonElement>;

package/dist/overlays/backdrop/Backdrop.d.ts

@@ -3,14 +3,11 @@ export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
     /** Mount state. Default `true`. */
     open?: boolean;
     /** Apply backdrop-blur. */
-    blur?: boolean;
+    isBlurred?: boolean;
     /** When `'none'`, clicks pass through. Default `'auto'`. */
     pointerEvents?: 'auto' | 'none';
     /** Skip the Portal wrap — render in place. */
-    inline?: boolean;
+    isInline?: boolean;
 }
-/**
- * Fixed-position scrim. Used by Dialog / Drawer / LoadingOverlay; also a
- * public component for custom overlay surfaces.
- */
+/** Fixed-position scrim. Used by Dialog / Drawer / LoadingOverlay; also public for custom overlay surfaces. */
 export declare const Backdrop: import("react").ForwardRefExoticComponent<BackdropProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/overlays/dialog/Dialog.d.ts

@@ -22,7 +22,7 @@ export interface DialogContentProps extends HTMLAttributes<HTMLDivElement>, Surf
     /** Disables the default backdrop when true. */
     hideBackdrop?: boolean;
     /** Applies a backdrop blur. */
-    blur?: boolean;
+    isBlurred?: boolean;
     children: ReactNode;
 }
 export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/overlays/drawer/Drawer.d.ts

@@ -21,7 +21,7 @@ export type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 /** Represents the prop surface of `Drawer.Content`. */
 export interface DrawerContentProps extends HTMLAttributes<HTMLDivElement>, SurfaceVariants {
     hideBackdrop?: boolean;
-    blur?: boolean;
+    isBlurred?: boolean;
     /** Per-side max-size token. Default `md` (preserves prior behavior for right/left at `sm`-ish width via `sm:max-w-md`). */
     size?: DrawerSize;
     children: ReactNode;

package/dist/overlays/index.js

@@ -1,11 +1,11 @@
-export { ActionSheet, ActionSheetAction, ActionSheetCancel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, BottomSheet, BottomSheetDescription, BottomSheetTitle, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Popover, PopoverArrow, PopoverContent, PopoverTrigger, useBottomSheet } from '../chunk-4QOCAFCA.js';
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../chunk-VYOQYXK6.js';
-export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-5Y43MUOK.js';
-import '../chunk-4WYHY6KV.js';
-export { Backdrop } from '../chunk-BI6JZY2O.js';
-import '../chunk-5PMOT5MD.js';
-import '../chunk-XDP6GEBA.js';
-import '../chunk-UI4RT5JF.js';
+export { ActionSheet, ActionSheetAction, ActionSheetCancel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, BottomSheet, BottomSheetDescription, BottomSheetTitle, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Popover, PopoverArrow, PopoverContent, PopoverTrigger, useBottomSheet } from '../chunk-MTD4RTGO.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../chunk-OBW7JUNL.js';
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-EJCO7AWR.js';
+import '../chunk-FNSC4LAL.js';
+export { Backdrop } from '../chunk-DJJOQWOG.js';
+import '../chunk-V267IMBH.js';
+import '../chunk-JYGC5SRP.js';
+import '../chunk-TTSJZEL7.js';
 import '../chunk-LGTGZ3RW.js';
 import '../chunk-X2MYOHOB.js';
 import '../chunk-DCHYNTHI.js';

package/dist/overlays/popover/Popover.d.ts

@@ -20,7 +20,7 @@ export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<P
 /** Represents the prop surface of the `Popover.Content`. */
 export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement>, SurfaceVariants {
     /** Skips the surface chrome (bg/border/shadow); keeps only z-index + animation. */
-    bare?: boolean;
+    isBare?: boolean;
     children: ReactNode;
 }
 export declare const PopoverContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/primitives/anchoredPositioner/AnchoredPositioner.d.ts

@@ -8,7 +8,7 @@ export interface AnchoredPositionerProps extends HTMLAttributes<HTMLDivElement>
     /** Distance between anchor and floating element in px. Default 8. */
     offset?: number;
     /** Render the floating element only when open. */
-    open?: boolean;
+    isOpen?: boolean;
     children: ReactNode;
 }
 /**

package/dist/primitives/dismissableLayer/DismissableLayer.d.ts

@@ -5,9 +5,9 @@ export interface DismissableLayerProps extends HTMLAttributes<HTMLDivElement> {
     /** Called when a pointerdown lands outside this layer's DOM and this is topmost. */
     onOutsidePointerDown?: (event: PointerEvent) => void;
     /** Disable the Escape listener for this layer. */
-    disableEscape?: boolean;
+    isEscapeDisabled?: boolean;
     /** Disable the outside-pointer-down listener for this layer. */
-    disableOutsideClick?: boolean;
+    isOutsideClickDisabled?: boolean;
 }
 /**
  * Stack-aware dismissal layer. Multiple layers may stack (modal > popover);

package/dist/primitives/index.js

@@ -1,4 +1,4 @@
-export { AccessibleIcon, AnchoredPositioner, Announce, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, OverlayArrow, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, useDirection, useFormControl, useRovingFocusItem } from '../chunk-UI4RT5JF.js';
+export { AccessibleIcon, AnchoredPositioner, Announce, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, OverlayArrow, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, useDirection, useFormControl, useRovingFocusItem } from '../chunk-TTSJZEL7.js';
 import '../chunk-LGTGZ3RW.js';
 import '../chunk-X2MYOHOB.js';
 import '../chunk-DCHYNTHI.js';