@tomny-dev/uzi 0.2.12 → 0.3.0

package/README.md

@@ -114,6 +114,12 @@ In practice, `uzi` should spend its complexity budget on reusable app scaffoldin
 | `AppShell` | Responsive layout with collapsible sidebar |
 | `SidebarNav` | Sidebar navigation list |
 | `TopBar` | Composable header shell for brand, nav triggers, and actions |
+| `PageContainer` | Centered responsive page-width container with configurable max width |
+| `PageHeader` | Page title, eyebrow, description, and action composition |
+| `SectionHeader` | Reusable section title, description, and actions |
+| `EmptyState` | Empty-result/resource state with visual and action slots |
+| `Stack` / `Inline` | Small gap/alignment layout helpers for common composition |
+| `Stat` / `StatGroup` | Domain-agnostic summary value and responsive stat grouping |
 | `ThemeToggleButton` | Reusable light/dark toggle wired to `ThemeProvider` |
 | `ThemeProvider` / `useTheme` | Light/dark + accent palette theming |
 | `ToastProvider` / `useToast` | Radix-backed toast notification system |
@@ -130,6 +136,7 @@ In practice, `uzi` should spend its complexity budget on reusable app scaffoldin
 - [Getting Started](docs/getting-started.md) — Installation, setup, and first component
 - [Theming](docs/theming.md) — ThemeProvider, useTheme, accent palettes, CSS overrides
 - [Layout Patterns](docs/guides/layout-patterns.md) — Dashboard, full-width header, center-branded
+- [Application Scaffolding](docs/guides/application-scaffolding.md) — Page containers, headers, empty states, stats, and layout composition
 - [Form Patterns](docs/guides/form-patterns.md) — Input, Select, MultiSelect, SegmentedToggle patterns
 
 ## SSR Notes
@@ -152,6 +159,8 @@ The main `@tomny-dev/uzi` entry is a client entry because it exports interactive
 and React context providers. Next.js Server Components can import and render these exports;
 Next.js will preserve the client boundary without requiring a local wrapper.
 
+The application-scaffolding components themselves do not use hooks or browser-only APIs, but they remain exposed through the main client entry in this release. A separate server-safe layout entry can be considered later if consumer measurements justify the added package surface.
+
 Use `@tomny-dev/uzi/server` for the server-safe `getThemeScript` export.
 Use `@tomny-dev/uzi/utils` for environment-neutral utilities such as `cx`, including
 calls made directly from Server Components.

package/dist/components/application-scaffolding.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=application-scaffolding.test.d.ts.map

package/dist/components/application-scaffolding.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-scaffolding.test.d.ts","sourceRoot":"","sources":["../../src/components/application-scaffolding.test.tsx"],"names":[],"mappings":""}

package/dist/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type EmptyStateSize = "compact" | "default";
+export type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    visual?: ReactNode;
+    primaryAction?: ReactNode;
+    secondaryAction?: ReactNode;
+    size?: EmptyStateSize;
+    headingLevel?: EmptyStateHeadingLevel;
+};
+export declare function EmptyState({ title, description, visual, primaryAction, secondaryAction, size, headingLevel, className, ...rest }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/empty-state/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AACnD,MAAM,MAAM,sBAAsB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,aAAa,EACb,eAAe,EACf,IAAgB,EAChB,YAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CAqBjB"}

package/dist/components/layout-primitives/LayoutPrimitives.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from "react";
+export type LayoutGap = "xs" | "sm" | "md" | "lg" | "xl";
+export type InlineAlign = "start" | "center" | "end" | "baseline";
+export type InlineJustify = "start" | "center" | "end" | "between";
+export type StackProps = HTMLAttributes<HTMLDivElement> & {
+    gap?: LayoutGap;
+};
+export declare function Stack({ gap, className, children, ...rest }: StackProps): import("react/jsx-runtime").JSX.Element;
+export type InlineProps = HTMLAttributes<HTMLDivElement> & {
+    gap?: LayoutGap;
+    align?: InlineAlign;
+    justify?: InlineJustify;
+    wrap?: boolean;
+};
+export declare function Inline({ gap, align, justify, wrap, className, children, style, ...rest }: InlineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayoutPrimitives.d.ts.map

package/dist/components/layout-primitives/LayoutPrimitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutPrimitives.d.ts","sourceRoot":"","sources":["../../../src/components/layout-primitives/LayoutPrimitives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAUnE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,GAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAM7E;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,KAAgB,EAChB,OAAiB,EACjB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,2CAiBb"}

package/dist/components/page-container/PageContainer.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export type PageContainerWidth = "sm" | "md" | "lg" | "xl" | "full";
+export type PageContainerProps = HTMLAttributes<HTMLDivElement> & {
+    /** Maximum content width. Defaults to `lg`. */
+    maxWidth?: PageContainerWidth;
+    /** Removes the responsive horizontal gutters. */
+    bleed?: boolean;
+};
+export declare function PageContainer({ maxWidth, bleed, className, children, ...rest }: PageContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageContainer.d.ts.map

package/dist/components/page-container/PageContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/page-container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAUF,wBAAgB,aAAa,CAAC,EAC5B,QAAe,EACf,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CASpB"}

package/dist/components/page-header/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type PageHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type PageHeaderProps = Omit<HTMLAttributes<HTMLElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    eyebrow?: ReactNode;
+    actions?: ReactNode;
+    headingLevel?: PageHeaderHeadingLevel;
+};
+export declare function PageHeader({ title, description, eyebrow, actions, headingLevel, className, ...rest }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/page-header/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,sBAAsB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CAajB"}

package/dist/components/section-header/SectionHeader.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type SectionHeaderHeadingLevel = 2 | 3 | 4 | 5 | 6;
+export type SectionHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    headingLevel?: SectionHeaderHeadingLevel;
+};
+export declare function SectionHeader({ title, description, actions, headingLevel, className, ...rest }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/components/section-header/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,yBAAyB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAYpB"}

package/dist/components/stat/Stat.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type StatProps = HTMLAttributes<HTMLDivElement> & {
+    label: ReactNode;
+    value: ReactNode;
+    detail?: ReactNode;
+};
+export declare function Stat({ label, value, detail, className, ...rest }: StatProps): import("react/jsx-runtime").JSX.Element;
+export type StatGroupProps = HTMLAttributes<HTMLDivElement> & {
+    columns?: 1 | 2 | 3 | 4;
+};
+export declare function StatGroup({ columns, className, children, ...rest }: StatGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stat.d.ts.map

package/dist/components/stat/Stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../src/components/stat/Stat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAQ3E;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,OAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAStF"}

package/dist/index.cjs

@@ -21,11 +21,17 @@ const require_ThemeToggleButton = require("./index35.cjs");
 const require_TopBar = require("./index37.cjs");
 const require_AppShell = require("./index39.cjs");
 const require_SidebarNav = require("./index41.cjs");
-const require_Skeleton = require("./index43.cjs");
-const require_Progress = require("./index45.cjs");
-const require_SegmentedToggle = require("./index47.cjs");
-const require_AuthCard = require("./index49.cjs");
-const require_AuthPages = require("./index51.cjs");
+const require_PageContainer = require("./index43.cjs");
+const require_PageHeader = require("./index45.cjs");
+const require_SectionHeader = require("./index47.cjs");
+const require_EmptyState = require("./index49.cjs");
+const require_LayoutPrimitives = require("./index51.cjs");
+const require_Stat = require("./index53.cjs");
+const require_Skeleton = require("./index55.cjs");
+const require_Progress = require("./index57.cjs");
+const require_SegmentedToggle = require("./index59.cjs");
+const require_AuthCard = require("./index61.cjs");
+const require_AuthPages = require("./index63.cjs");
 exports.Alert = require_Alert.Alert;
 exports.AppShell = require_AppShell.AppShell;
 exports.AuthCard = require_AuthCard.AuthCard;
@@ -50,20 +56,28 @@ exports.DropdownMenuSub = require_DropdownMenu.DropdownMenuSub;
 exports.DropdownMenuSubContent = require_DropdownMenu.DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = require_DropdownMenu.DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = require_DropdownMenu.DropdownMenuTrigger;
+exports.EmptyState = require_EmptyState.EmptyState;
 exports.ForgotPasswordPage = require_AuthPages.ForgotPasswordPage;
+exports.Inline = require_LayoutPrimitives.Inline;
 exports.Input = require_Input.Input;
 exports.Label = require_Label.Label;
 exports.Modal = require_Modal.Modal;
 exports.ModalOverlay = require_Modal.ModalOverlay;
 exports.MultiSelect = require_MultiSelect.MultiSelect;
+exports.PageContainer = require_PageContainer.PageContainer;
+exports.PageHeader = require_PageHeader.PageHeader;
 exports.Pill = require_Pill.Pill;
 exports.Progress = require_Progress.Progress;
+exports.SectionHeader = require_SectionHeader.SectionHeader;
 exports.SegmentedToggle = require_SegmentedToggle.SegmentedToggle;
 exports.Select = require_Select.Select;
 exports.SidebarNav = require_SidebarNav.SidebarNav;
 exports.SignInPage = require_AuthPages.SignInPage;
 exports.SignUpPage = require_AuthPages.SignUpPage;
 exports.Skeleton = require_Skeleton.Skeleton;
+exports.Stack = require_LayoutPrimitives.Stack;
+exports.Stat = require_Stat.Stat;
+exports.StatGroup = require_Stat.StatGroup;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
 exports.ThemeToggleButton = require_ThemeToggleButton.ThemeToggleButton;
 exports.ToastProvider = require_ToastContext.ToastProvider;

package/dist/index.d.ts

@@ -30,6 +30,18 @@ export type { SidebarNavItem, SidebarNavProps, SidebarNavSection } from "./compo
 export { SidebarNav } from "./components/sidebar-nav/SidebarNav";
 export type { TopBarProps } from "./components/top-bar/TopBar";
 export { TopBar } from "./components/top-bar/TopBar";
+export type { PageContainerProps, PageContainerWidth } from "./components/page-container/PageContainer";
+export { PageContainer } from "./components/page-container/PageContainer";
+export type { PageHeaderHeadingLevel, PageHeaderProps } from "./components/page-header/PageHeader";
+export { PageHeader } from "./components/page-header/PageHeader";
+export type { SectionHeaderHeadingLevel, SectionHeaderProps } from "./components/section-header/SectionHeader";
+export { SectionHeader } from "./components/section-header/SectionHeader";
+export type { EmptyStateHeadingLevel, EmptyStateProps, EmptyStateSize, } from "./components/empty-state/EmptyState";
+export { EmptyState } from "./components/empty-state/EmptyState";
+export type { InlineAlign, InlineJustify, InlineProps, LayoutGap, StackProps, } from "./components/layout-primitives/LayoutPrimitives";
+export { Inline, Stack } from "./components/layout-primitives/LayoutPrimitives";
+export type { StatGroupProps, StatProps } from "./components/stat/Stat";
+export { Stat, StatGroup } from "./components/stat/Stat";
 export type { ThemeToggleButtonProps } from "./components/theme-toggle-button/ThemeToggleButton";
 export { ThemeToggleButton } from "./components/theme-toggle-button/ThemeToggleButton";
 export type { UziAccent, UziResolvedTheme, UziTheme } from "./theme/ThemeProvider";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -20,9 +20,15 @@ import { ThemeToggleButton } from "./index34.js";
 import { TopBar } from "./index36.js";
 import { AppShell } from "./index38.js";
 import { SidebarNav } from "./index40.js";
-import { Skeleton } from "./index42.js";
-import { Progress } from "./index44.js";
-import { SegmentedToggle } from "./index46.js";
-import { AuthCard } from "./index48.js";
-import { ForgotPasswordPage, SignInPage, SignUpPage } from "./index50.js";
-export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ForgotPasswordPage, Input, Label, Modal, ModalOverlay, MultiSelect, Pill, Progress, SegmentedToggle, Select, SidebarNav, SignInPage, SignUpPage, Skeleton, ThemeProvider, ThemeToggleButton, ToastProvider, TopBar, cx, useTheme, useToast };
+import { PageContainer } from "./index42.js";
+import { PageHeader } from "./index44.js";
+import { SectionHeader } from "./index46.js";
+import { EmptyState } from "./index48.js";
+import { Inline, Stack } from "./index50.js";
+import { Stat, StatGroup } from "./index52.js";
+import { Skeleton } from "./index54.js";
+import { Progress } from "./index56.js";
+import { SegmentedToggle } from "./index58.js";
+import { AuthCard } from "./index60.js";
+import { ForgotPasswordPage, SignInPage, SignUpPage } from "./index62.js";
+export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ForgotPasswordPage, Inline, Input, Label, Modal, ModalOverlay, MultiSelect, PageContainer, PageHeader, Pill, Progress, SectionHeader, SegmentedToggle, Select, SidebarNav, SignInPage, SignUpPage, Skeleton, Stack, Stat, StatGroup, ThemeProvider, ThemeToggleButton, ToastProvider, TopBar, cx, useTheme, useToast };

package/dist/index41.js

@@ -1,14 +1,16 @@
-//#region src/components/skeleton/skeleton.module.css
-var skeleton = "uzi-skeleton-module__skeleton__fula5";
-var skeleton_module_default = {
-	skeleton,
-	"skeleton-pulse": "uzi-skeleton-module__skeleton-pulse__Yp45W",
-	"radius-sm": "uzi-skeleton-module__radius-sm__FdccD",
-	"radius-md": "uzi-skeleton-module__radius-md__zH3RE",
-	"radius-lg": "uzi-skeleton-module__radius-lg__YVrHw",
-	"radius-full": "uzi-skeleton-module__radius-full__5o2m0"
+//#region src/components/page-container/page-container.module.css
+var container = "uzi-page-container-module__container__o7e1A";
+var bleed = "uzi-page-container-module__bleed__8rKR8";
+var page_container_module_default = {
+	container,
+	"width-sm": "uzi-page-container-module__width-sm__8Mpln",
+	"width-md": "uzi-page-container-module__width-md__KSmd5",
+	"width-lg": "uzi-page-container-module__width-lg__GpJ-B",
+	"width-xl": "uzi-page-container-module__width-xl__S2q8u",
+	"width-full": "uzi-page-container-module__width-full__eHJdY",
+	bleed
 };
 //#endregion
-export { skeleton_module_default as default, skeleton };
+export { bleed, container, page_container_module_default as default };
 
 //# sourceMappingURL=index41.js.map

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","names":[],"sources":["../src/components/skeleton/skeleton.module.css"],"sourcesContent":[".skeleton {\n  background: color-mix(in srgb, var(--muted-foreground) 14%, var(--background));\n  animation: skeleton-pulse 1.6s ease-in-out infinite;\n}\n\n@keyframes skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.45; }\n}\n\n.radius-sm  { border-radius: 4px; }\n.radius-md  { border-radius: 8px; }\n.radius-lg  { border-radius: 12px; }\n.radius-full { border-radius: 9999px; }\n"],"mappings":""}
+{"version":3,"file":"index41.js","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}

package/dist/index42.cjs

@@ -1,15 +1,18 @@
-//#region src/components/skeleton/skeleton.module.css
-var skeleton = "uzi-skeleton-module__skeleton__fula5";
-var skeleton_module_default = {
-	skeleton,
-	"skeleton-pulse": "uzi-skeleton-module__skeleton-pulse__Yp45W",
-	"radius-sm": "uzi-skeleton-module__radius-sm__FdccD",
-	"radius-md": "uzi-skeleton-module__radius-md__zH3RE",
-	"radius-lg": "uzi-skeleton-module__radius-lg__YVrHw",
-	"radius-full": "uzi-skeleton-module__radius-full__5o2m0"
+//#region src/components/page-container/page-container.module.css
+var container = "uzi-page-container-module__container__o7e1A";
+var bleed = "uzi-page-container-module__bleed__8rKR8";
+var page_container_module_default = {
+	container,
+	"width-sm": "uzi-page-container-module__width-sm__8Mpln",
+	"width-md": "uzi-page-container-module__width-md__KSmd5",
+	"width-lg": "uzi-page-container-module__width-lg__GpJ-B",
+	"width-xl": "uzi-page-container-module__width-xl__S2q8u",
+	"width-full": "uzi-page-container-module__width-full__eHJdY",
+	bleed
 };
 //#endregion
-exports.default = skeleton_module_default;
-exports.skeleton = skeleton;
+exports.bleed = bleed;
+exports.container = container;
+exports.default = page_container_module_default;
 
 //# sourceMappingURL=index42.cjs.map

package/dist/index42.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index42.cjs","names":[],"sources":["../src/components/skeleton/skeleton.module.css"],"sourcesContent":[".skeleton {\n  background: color-mix(in srgb, var(--muted-foreground) 14%, var(--background));\n  animation: skeleton-pulse 1.6s ease-in-out infinite;\n}\n\n@keyframes skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.45; }\n}\n\n.radius-sm  { border-radius: 4px; }\n.radius-md  { border-radius: 8px; }\n.radius-lg  { border-radius: 12px; }\n.radius-full { border-radius: 9999px; }\n"],"mappings":""}
+{"version":3,"file":"index42.cjs","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}

package/dist/index42.js

@@ -1,21 +1,22 @@
-"use client";
 import { cx } from "./index3.js";
-import skeleton_module_default from "./index41.js";
+import page_container_module_default from "./index41.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
+//#region src/components/page-container/PageContainer.tsx
+var WIDTH_CLASS = {
+	sm: "width-sm",
+	md: "width-md",
+	lg: "width-lg",
+	xl: "width-xl",
+	full: "width-full"
+};
+function PageContainer({ maxWidth = "lg", bleed = false, className, children, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(skeleton_module_default.skeleton, skeleton_module_default[`radius-${radius}`], className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		"aria-hidden": "true",
-		...rest
+		className: cx(page_container_module_default.container, page_container_module_default[WIDTH_CLASS[maxWidth]], bleed && page_container_module_default.bleed, className),
+		...rest,
+		children
 	});
 }
 //#endregion
-export { Skeleton };
+export { PageContainer };
 
 //# sourceMappingURL=index42.js.map

package/dist/index42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index42.js","names":[],"sources":["../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./skeleton.module.css\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  /** Width as a CSS value. */\n  width?: string;\n  /** Height as a CSS value. */\n  height?: string;\n  /** Border radius preset. Defaults to \"md\". */\n  radius?: \"sm\" | \"md\" | \"lg\" | \"full\";\n};\n\nexport function Skeleton({\n  width,\n  height,\n  radius = \"md\",\n  className,\n  style,\n  ...rest\n}: SkeletonProps) {\n  return (\n    <div\n      className={cx(styles.skeleton, styles[`radius-${radius}`], className)}\n      style={{ width, height, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,SAAS,EACvB,OACA,QACA,SAAS,MACT,WACA,OACA,GAAG,QACa;CAChB,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,wBAAO,UAAU,wBAAO,UAAU,WAAW,SAAS;EACpE,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;EACjC,eAAY;EACZ,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index42.js","names":[],"sources":["../src/components/page-container/PageContainer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-container.module.css\";\n\nexport type PageContainerWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type PageContainerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Maximum content width. Defaults to `lg`. */\n  maxWidth?: PageContainerWidth;\n  /** Removes the responsive horizontal gutters. */\n  bleed?: boolean;\n};\n\nconst WIDTH_CLASS: Record<PageContainerWidth, string> = {\n  sm: \"width-sm\",\n  md: \"width-md\",\n  lg: \"width-lg\",\n  xl: \"width-xl\",\n  full: \"width-full\",\n};\n\nexport function PageContainer({\n  maxWidth = \"lg\",\n  bleed = false,\n  className,\n  children,\n  ...rest\n}: PageContainerProps) {\n  return (\n    <div\n      className={cx(styles.container, styles[WIDTH_CLASS[maxWidth]], bleed && styles.bleed, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,IAAM,cAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,SAAgB,cAAc,EAC5B,WAAW,MACX,QAAQ,OACR,WACA,UACA,GAAG,QACkB;CACrB,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,8BAAO,WAAW,8BAAO,YAAY,YAAY,SAAS,8BAAO,OAAO,SAAS;EAC/F,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index43.cjs

@@ -1,21 +1,22 @@
-"use client";
 const require_cx = require("./index4.cjs");
-const require_skeleton_module = require("./index42.cjs");
+const require_page_container_module = require("./index42.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
+//#region src/components/page-container/PageContainer.tsx
+var WIDTH_CLASS = {
+	sm: "width-sm",
+	md: "width-md",
+	lg: "width-lg",
+	xl: "width-xl",
+	full: "width-full"
+};
+function PageContainer({ maxWidth = "lg", bleed = false, className, children, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_skeleton_module.default.skeleton, require_skeleton_module.default[`radius-${radius}`], className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		"aria-hidden": "true",
-		...rest
+		className: require_cx.cx(require_page_container_module.default.container, require_page_container_module.default[WIDTH_CLASS[maxWidth]], bleed && require_page_container_module.default.bleed, className),
+		...rest,
+		children
 	});
 }
 //#endregion
-exports.Skeleton = Skeleton;
+exports.PageContainer = PageContainer;
 
 //# sourceMappingURL=index43.cjs.map

package/dist/index43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index43.cjs","names":[],"sources":["../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./skeleton.module.css\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  /** Width as a CSS value. */\n  width?: string;\n  /** Height as a CSS value. */\n  height?: string;\n  /** Border radius preset. Defaults to \"md\". */\n  radius?: \"sm\" | \"md\" | \"lg\" | \"full\";\n};\n\nexport function Skeleton({\n  width,\n  height,\n  radius = \"md\",\n  className,\n  style,\n  ...rest\n}: SkeletonProps) {\n  return (\n    <div\n      className={cx(styles.skeleton, styles[`radius-${radius}`], className)}\n      style={{ width, height, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,SAAS,EACvB,OACA,QACA,SAAS,MACT,WACA,OACA,GAAG,QACa;CAChB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,wBAAA,QAAO,UAAU,wBAAA,QAAO,UAAU,WAAW,SAAS;EACpE,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;EACjC,eAAY;EACZ,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index43.cjs","names":[],"sources":["../src/components/page-container/PageContainer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-container.module.css\";\n\nexport type PageContainerWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type PageContainerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Maximum content width. Defaults to `lg`. */\n  maxWidth?: PageContainerWidth;\n  /** Removes the responsive horizontal gutters. */\n  bleed?: boolean;\n};\n\nconst WIDTH_CLASS: Record<PageContainerWidth, string> = {\n  sm: \"width-sm\",\n  md: \"width-md\",\n  lg: \"width-lg\",\n  xl: \"width-xl\",\n  full: \"width-full\",\n};\n\nexport function PageContainer({\n  maxWidth = \"lg\",\n  bleed = false,\n  className,\n  children,\n  ...rest\n}: PageContainerProps) {\n  return (\n    <div\n      className={cx(styles.container, styles[WIDTH_CLASS[maxWidth]], bleed && styles.bleed, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,IAAM,cAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,SAAgB,cAAc,EAC5B,WAAW,MACX,QAAQ,OACR,WACA,UACA,GAAG,QACkB;CACrB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,8BAAA,QAAO,WAAW,8BAAA,QAAO,YAAY,YAAY,SAAS,8BAAA,QAAO,OAAO,SAAS;EAC/F,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index43.js

@@ -1,15 +1,19 @@
-//#region src/components/progress/progress.module.css
-var track = "uzi-progress-module__track__gM0oV";
-var fill = "uzi-progress-module__fill__aLAbp";
-var progress_module_default = {
-	track,
-	fill,
-	"tone-default": "uzi-progress-module__tone-default__fhf7o",
-	"tone-success": "uzi-progress-module__tone-success__FsGHD",
-	"tone-warning": "uzi-progress-module__tone-warning__UAttL",
-	"tone-danger": "uzi-progress-module__tone-danger__-L-Ee"
+//#region src/components/page-header/page-header.module.css
+var header = "uzi-page-header-module__header__LpR9k";
+var content = "uzi-page-header-module__content__lJh9C";
+var eyebrow = "uzi-page-header-module__eyebrow__xP-Qr";
+var title = "uzi-page-header-module__title__kkZon";
+var description = "uzi-page-header-module__description__zNQ1m";
+var actions = "uzi-page-header-module__actions__6KfL2";
+var page_header_module_default = {
+	header,
+	content,
+	eyebrow,
+	title,
+	description,
+	actions
 };
 //#endregion
-export { progress_module_default as default, fill, track };
+export { actions, content, page_header_module_default as default, description, eyebrow, header, title };
 
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","names":[],"sources":["../src/components/progress/progress.module.css"],"sourcesContent":[".track {\n  height: 8px;\n  border-radius: 9999px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--border) 60%, transparent);\n}\n\n.fill {\n  height: 100%;\n  border-radius: 9999px;\n  transition: width 0.4s ease;\n}\n\n.tone-default { background: var(--foreground); }\n.tone-success { background: var(--success); }\n.tone-warning { background: var(--warning); }\n.tone-danger  { background: var(--destructive); }\n"],"mappings":""}
+{"version":3,"file":"index43.js","names":[],"sources":["../src/components/page-header/page-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 1.5rem;\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.5rem;\n}\n\n.eyebrow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  font-weight: 600;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: clamp(1.75rem, 3vw, 2.5rem);\n  line-height: 1.12;\n  letter-spacing: -0.025em;\n}\n\n.description {\n  max-width: 48rem;\n  color: var(--muted-foreground);\n  font-size: 0.95rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.625rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index44.cjs

@@ -1,17 +1,25 @@
-//#region src/components/progress/progress.module.css
-var track = "uzi-progress-module__track__gM0oV";
-var fill = "uzi-progress-module__fill__aLAbp";
-var progress_module_default = {
-	track,
-	fill,
-	"tone-default": "uzi-progress-module__tone-default__fhf7o",
-	"tone-success": "uzi-progress-module__tone-success__FsGHD",
-	"tone-warning": "uzi-progress-module__tone-warning__UAttL",
-	"tone-danger": "uzi-progress-module__tone-danger__-L-Ee"
+//#region src/components/page-header/page-header.module.css
+var header = "uzi-page-header-module__header__LpR9k";
+var content = "uzi-page-header-module__content__lJh9C";
+var eyebrow = "uzi-page-header-module__eyebrow__xP-Qr";
+var title = "uzi-page-header-module__title__kkZon";
+var description = "uzi-page-header-module__description__zNQ1m";
+var actions = "uzi-page-header-module__actions__6KfL2";
+var page_header_module_default = {
+	header,
+	content,
+	eyebrow,
+	title,
+	description,
+	actions
 };
 //#endregion
-exports.default = progress_module_default;
-exports.fill = fill;
-exports.track = track;
+exports.actions = actions;
+exports.content = content;
+exports.default = page_header_module_default;
+exports.description = description;
+exports.eyebrow = eyebrow;
+exports.header = header;
+exports.title = title;
 
 //# sourceMappingURL=index44.cjs.map

package/dist/index44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index44.cjs","names":[],"sources":["../src/components/progress/progress.module.css"],"sourcesContent":[".track {\n  height: 8px;\n  border-radius: 9999px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--border) 60%, transparent);\n}\n\n.fill {\n  height: 100%;\n  border-radius: 9999px;\n  transition: width 0.4s ease;\n}\n\n.tone-default { background: var(--foreground); }\n.tone-success { background: var(--success); }\n.tone-warning { background: var(--warning); }\n.tone-danger  { background: var(--destructive); }\n"],"mappings":""}
+{"version":3,"file":"index44.cjs","names":[],"sources":["../src/components/page-header/page-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 1.5rem;\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.5rem;\n}\n\n.eyebrow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  font-weight: 600;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: clamp(1.75rem, 3vw, 2.5rem);\n  line-height: 1.12;\n  letter-spacing: -0.025em;\n}\n\n.description {\n  max-width: 48rem;\n  color: var(--muted-foreground);\n  font-size: 0.95rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.625rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index44.js

@@ -1,24 +1,35 @@
 import { cx } from "./index3.js";
-import progress_module_default from "./index43.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/progress/Progress.tsx
-function Progress({ value, tone = "default", className, "aria-label": ariaLabel, ...rest }) {
-	const clamped = Math.max(0, Math.min(100, value));
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(progress_module_default.track, className),
-		role: "progressbar",
-		"aria-valuenow": clamped,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-label": ariaLabel,
+import page_header_module_default from "./index43.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/page-header/PageHeader.tsx
+function PageHeader({ title, description, eyebrow, actions, headingLevel = 1, className, ...rest }) {
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs("header", {
+		className: cx(page_header_module_default.header, className),
 		...rest,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cx(progress_module_default.fill, progress_module_default[`tone-${tone}`]),
-			style: { width: `${clamped}%` }
-		})
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: page_header_module_default.content,
+			children: [
+				eyebrow != null && /* @__PURE__ */ jsx("div", {
+					className: page_header_module_default.eyebrow,
+					children: eyebrow
+				}),
+				/* @__PURE__ */ jsx(Heading, {
+					className: page_header_module_default.title,
+					children: title
+				}),
+				description != null && /* @__PURE__ */ jsx("div", {
+					className: page_header_module_default.description,
+					children: description
+				})
+			]
+		}), actions != null && /* @__PURE__ */ jsx("div", {
+			className: page_header_module_default.actions,
+			children: actions
+		})]
 	});
 }
 //#endregion
-export { Progress };
+export { PageHeader };
 
 //# sourceMappingURL=index44.js.map

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","names":[],"sources":["../src/components/progress/Progress.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./progress.module.css\";\n\nexport type ProgressTone = \"default\" | \"success\" | \"warning\" | \"danger\";\n\nexport type ProgressProps = HTMLAttributes<HTMLDivElement> & {\n  /** Value 0–100. */\n  value: number;\n  /** Visual tone. Defaults to \"default\". */\n  tone?: ProgressTone;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n};\n\nexport function Progress({\n  value,\n  tone = \"default\",\n  className,\n  \"aria-label\": ariaLabel,\n  ...rest\n}: ProgressProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cx(styles.track, className)}\n      role=\"progressbar\"\n      aria-valuenow={clamped}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label={ariaLabel}\n      {...rest}\n    >\n      <div\n        className={cx(styles.fill, styles[`tone-${tone}`])}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgB,SAAS,EACvB,OACA,OAAO,WACP,WACA,cAAc,WACd,GAAG,QACa;CAChB,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC;CAChD,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,wBAAO,OAAO,SAAS;EACrC,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAY;EACZ,GAAI;YAEJ,oBAAC,OAAD;GACE,WAAW,GAAG,wBAAO,MAAM,wBAAO,QAAQ,OAAO;GACjD,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG;EAC/B,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"index44.js","names":[],"sources":["../src/components/page-header/PageHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-header.module.css\";\n\nexport type PageHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type PageHeaderProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: PageHeaderHeadingLevel;\n};\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  headingLevel = 1,\n  className,\n  ...rest\n}: PageHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${PageHeaderHeadingLevel}`;\n\n  return (\n    <header className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        {eyebrow != null && <div className={styles.eyebrow}>{eyebrow}</div>}\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,WAAW,EACzB,OACA,aACA,SACA,SACA,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,UAAD;EAAQ,WAAW,GAAG,2BAAO,QAAQ,SAAS;EAAG,GAAI;YAArD,CACE,qBAAC,OAAD;GAAK,WAAW,2BAAO;aAAvB;IACG,WAAW,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAU;IAAa,CAAA;IAClE,oBAAC,SAAD;KAAS,WAAW,2BAAO;eAAQ;IAAe,CAAA;IACjD,eAAe,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAc;IAAiB,CAAA;GAC3E;MACJ,WAAW,QAAQ,oBAAC,OAAD;GAAK,WAAW,2BAAO;aAAU;EAAa,CAAA,CAC5D;;AAEZ"}