@orion-ds/react 4.2.1 → 4.2.4

package/dist/components/NavTree/NavTree.types.d.ts

@@ -0,0 +1,140 @@
+import { ReactNode } from 'react';
+import { DropdownItem } from '../../components/Dropdown';
+
+/**
+ * Node type discriminator
+ */
+export type NavTreeNodeType = 'page' | 'folder';
+/**
+ * Section header visual variant
+ */
+export type NavTreeSectionVariant = 'node' | 'label';
+/**
+ * A node in the navigation tree (page or folder)
+ *
+ * @example
+ * ```tsx
+ * const node: NavTreeNode = {
+ *   id: 'getting-started',
+ *   type: 'page',
+ *   label: 'Getting Started',
+ *   icon: <Rocket size={16} />,
+ *   href: '/docs/getting-started'
+ * };
+ *
+ * const folder: NavTreeNode = {
+ *   id: 'components',
+ *   type: 'folder',
+ *   label: 'Components',
+ *   icon: <Package size={16} />,
+ *   children: [pageNode1, pageNode2]
+ * };
+ * ```
+ */
+export interface NavTreeNode {
+    /** Unique identifier within the section */
+    id: string;
+    /** Node type: 'page' (leaf) or 'folder' (container) */
+    type: NavTreeNodeType;
+    /** Display label */
+    label: string;
+    /** Optional Lucide icon (16px recommended) */
+    icon?: ReactNode;
+    /** Optional navigation href (for pages) */
+    href?: string;
+    /** Optional badge or counter (e.g., unread count, item count) */
+    badge?: number | string;
+    /** Child nodes (folders only, but not enforced) */
+    children?: NavTreeNode[];
+}
+/**
+ * A top-level collapsible section containing nodes
+ *
+ * @example
+ * ```tsx
+ * const section: NavTreeSection = {
+ *   id: 'essentials',
+ *   title: 'Lo esencial',
+ *   defaultExpanded: true,
+ *   nodes: [
+ *     { id: 'home', type: 'page', label: 'Home', href: '/' },
+ *     { id: 'docs', type: 'folder', label: 'Documentation', children: [...] }
+ *   ]
+ * };
+ * ```
+ */
+export interface NavTreeSection {
+    /** Unique section identifier */
+    id: string;
+    /** Section title (displayed in header) */
+    title: string;
+    /** Section header visual variant (default: 'node') */
+    variant?: NavTreeSectionVariant;
+    /** Optional icon displayed next to section title */
+    icon?: ReactNode;
+    /** Optional badge or counter displayed on section header */
+    badge?: number | string;
+    /** Root-level nodes in this section */
+    nodes: NavTreeNode[];
+    /** Whether section is expanded by default (default: true) */
+    defaultExpanded?: boolean;
+}
+/**
+ * Action configuration callbacks for tree mutations
+ */
+export interface NavTreeActionConfig {
+    /** Add new node: parentId is null for root, sectionId identifies the section */
+    onAdd?: (parentId: string | null, sectionId: string) => void;
+    /** Rename a node */
+    onRename?: (nodeId: string) => void;
+    /** Duplicate a node */
+    onDuplicate?: (nodeId: string) => void;
+    /** Move a node to a different location */
+    onMove?: (nodeId: string) => void;
+    /** Delete a node */
+    onDelete?: (nodeId: string) => void;
+    /** Get custom dropdown actions (merged with standard ones) */
+    getCustomActions?: (node: NavTreeNode) => DropdownItem[];
+}
+/**
+ * Root props for the NavTree component
+ */
+export interface NavTreeProps {
+    /** Array of collapsible sections */
+    sections: NavTreeSection[];
+    /** ID of the currently active node (highlighted) */
+    activeNodeId?: string;
+    /** Callback when a node row is clicked (for page navigation) */
+    onNodeClick?: (node: NavTreeNode) => void;
+    /** Action callbacks for tree mutations */
+    actions?: NavTreeActionConfig;
+    /** localStorage key prefix (default: 'orion-nav-tree') */
+    persistKey?: string;
+    /** Header slot (e.g. workspace logo/switcher) */
+    header?: ReactNode;
+    /** Footer slot (e.g. UserMenu) */
+    footer?: ReactNode;
+    /** Sidebar width - number (pixels), or string (e.g. "20%", "clamp(200px, 25vw, 320px)") (default: 240) */
+    width?: number | string;
+    /** Additional CSS class */
+    className?: string;
+    /** Render nodes directly without section headers (default: false) */
+    headless?: boolean;
+}
+/**
+ * Internal context value shared across NavTree components
+ * (not exported publicly)
+ */
+export interface NavTreeContextValue {
+    activeNodeId?: string;
+    openSectionIds: string[];
+    openNodeIds: string[];
+    toggleSection: (id: string) => void;
+    toggleNode: (id: string) => void;
+    isOpen: (id: string) => boolean;
+    onNodeClick?: (node: NavTreeNode) => void;
+    onNodeAdd?: (parentId: string | null, sectionId: string) => void;
+    actionConfig?: NavTreeActionConfig;
+    depth?: number;
+}
+//# sourceMappingURL=NavTree.types.d.ts.map

package/dist/components/NavTree/NavTree.types.d.ts.map

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

package/dist/components/NavTree/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @orion/react NavTree Section
+ *
+ * Notion-style hierarchical navigation sidebar with collapsible sections,
+ * folders, pages, and context menu actions.
+ *
+ * @example
+ * ```tsx
+ * import { NavTree } from '@orion-ds/react/sections';
+ *
+ * <NavTree
+ *   sections={[
+ *     {
+ *       id: 'main',
+ *       title: 'Navigation',
+ *       nodes: [
+ *         { id: 'home', type: 'page', label: 'Home', href: '/' }
+ *       ]
+ *     }
+ *   ]}
+ *   onNodeClick={(node) => navigate(node.href!)}
+ * />
+ * ```
+ */
+export { NavTree } from './NavTree';
+export type { NavTreeProps, NavTreeNode, NavTreeNodeType, NavTreeSection, NavTreeSectionVariant, NavTreeActionConfig, NavTreeContextValue, } from './NavTree.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NavTree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps, NavbarToggleProps, NavbarCollapseProps } from './Navbar.types';
+
+declare const NavbarBrand: React.FC<NavbarBrandProps>;
+declare const NavbarNav: React.FC<NavbarNavProps>;
+declare const NavbarLink: React.FC<NavbarLinkProps>;
+declare const NavbarActions: React.FC<NavbarActionsProps>;
+declare const NavbarToggle: React.FC<NavbarToggleProps>;
+declare const NavbarCollapse: React.FC<NavbarCollapseProps>;
+declare const NavbarCollapseActions: React.FC<NavbarActionsProps>;
+export declare const Navbar: React.FC<NavbarProps> & {
+    Brand: typeof NavbarBrand;
+    Nav: typeof NavbarNav;
+    Link: typeof NavbarLink;
+    Actions: typeof NavbarActions;
+    Toggle: typeof NavbarToggle;
+    Collapse: typeof NavbarCollapse;
+    CollapseActions: typeof NavbarCollapseActions;
+};
+export {};
+//# sourceMappingURL=Navbar.d.ts.map

package/dist/components/Navbar/Navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAOxB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3C,CAAC;AAQF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAYvC,CAAC;AAQF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBzC,CAAC;AAQF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAY/C,CAAC;AAQF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwB7C,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAQF,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAcvD,CAAC;AAQF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,GAAG,EAAE,OAAO,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,QAAQ,EAAE,OAAO,cAAc,CAAC;IAChC,eAAe,EAAE,OAAO,qBAAqB,CAAC;CA+B/C,CAAC"}

package/dist/components/Navbar/Navbar.module.css

@@ -0,0 +1 @@
+._navbar_8ho3g_8{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);width:100%;padding:0 var(--spacing-6);z-index:var(--z-sticky);position:relative}._solid_8ho3g_23{background:var(--surface-base)}._transparent_8ho3g_27{background:transparent}._glass_8ho3g_31{background:color-mix(in srgb,var(--surface-base) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 50%,transparent)}._glass_8ho3g_31._schemeLight_8ho3g_40{background:var(--overlay-light-subtle);border-bottom-color:var(--overlay-light-subtle)}._glass_8ho3g_31._schemeDark_8ho3g_46{background:var(--overlay-light);border-bottom-color:var(--overlay-dark-subtle)}._schemeLight_8ho3g_40 ._brand_8ho3g_56{color:var(--color-neutral-0)}._schemeLight_8ho3g_40 ._link_8ho3g_60{color:var(--color-neutral-100)}._schemeLight_8ho3g_40 ._link_8ho3g_60:hover{color:var(--color-neutral-0);background:var(--overlay-light-subtle)}._schemeLight_8ho3g_40 ._link_8ho3g_60._active_8ho3g_69{color:var(--color-neutral-0);background:var(--overlay-light)}._schemeLight_8ho3g_40 ._toggleLine_8ho3g_74{background:var(--color-neutral-0)}._schemeDark_8ho3g_46 ._brand_8ho3g_56{color:var(--text-primary)}._schemeDark_8ho3g_46 ._link_8ho3g_60{color:var(--text-secondary)}._schemeDark_8ho3g_46 ._link_8ho3g_60:hover{color:var(--text-primary);background:var(--overlay-dark-subtle)}._schemeDark_8ho3g_46 ._link_8ho3g_60._active_8ho3g_69{color:var(--text-brand);background:var(--soft-brand)}._bordered_8ho3g_101{border-bottom:1px solid var(--border-subtle)}._sticky_8ho3g_109{position:sticky;top:0}._sm_8ho3g_118{height:56px}._md_8ho3g_122{height:64px}._lg_8ho3g_126{height:72px}._brand_8ho3g_56{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0;font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}._brand_8ho3g_56:hover{opacity:.8}._brand_8ho3g_56:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}._nav_8ho3g_8{display:flex;align-items:center;gap:var(--spacing-1);flex:1;justify-content:center}._link_8ho3g_60{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;white-space:nowrap;border-radius:var(--radius-button);transition:all var(--transition-fast)}._link_8ho3g_60:hover{color:var(--text-primary);background:var(--surface-subtle)}._link_8ho3g_60:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._link_8ho3g_60._active_8ho3g_69{color:var(--text-brand);background:var(--soft-brand)}._actions_8ho3g_207{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}._toggle_8ho3g_74{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-fast)}._toggle_8ho3g_74:hover{background:var(--surface-subtle)}._toggle_8ho3g_74:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._toggleIcon_8ho3g_241{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:20px;height:20px}._toggleLine_8ho3g_74{width:20px;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-fast)}._toggleOpen_8ho3g_260 ._toggleLine_8ho3g_74:nth-child(1){transform:translateY(7px) rotate(45deg)}._toggleOpen_8ho3g_260 ._toggleLine_8ho3g_74:nth-child(2){opacity:0;transform:scaleX(0)}._toggleOpen_8ho3g_260 ._toggleLine_8ho3g_74:nth-child(3){transform:translateY(-7px) rotate(-45deg)}._collapse_8ho3g_277{display:none}._collapseOpen_8ho3g_281{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-base);border-bottom:1px solid var(--border-subtle);padding:var(--spacing-4);gap:var(--spacing-2);animation:_slideDown_8ho3g_1 var(--transition-normal) ease-out;box-shadow:var(--shadow-lg)}@keyframes _slideDown_8ho3g_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._collapse_8ho3g_277 ._link_8ho3g_60,._collapseOpen_8ho3g_281 ._link_8ho3g_60{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-control)}._collapseActions_8ho3g_317{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-3);margin-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._collapseActions_8ho3g_317>*{width:100%}@media(max-width:768px){._navbar_8ho3g_8{padding:0 var(--spacing-4)}._nav_8ho3g_8,._actions_8ho3g_207{display:none}._toggle_8ho3g_74{display:flex}}@media(min-width:769px){._toggle_8ho3g_74,._collapse_8ho3g_277,._collapseOpen_8ho3g_281{display:none!important}}

package/dist/components/Navbar/Navbar.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Navbar } from './Navbar';
+
+declare const meta: Meta<typeof Navbar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLogo: Story;
+export declare const GlassVariant: Story;
+export declare const TransparentVariant: Story;
+export declare const SmallHeight: Story;
+export declare const LargeHeight: Story;
+export declare const Sticky: Story;
+export declare const NoBorder: Story;
+export declare const MinimalNav: Story;
+export declare const ManyLinks: Story;
+export declare const GlassShowcase: Story;
+export declare const ColorSchemes: Story;
+export declare const AllHeights: Story;
+export declare const Responsive: Story;
+export declare const MobileView: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Navbar.stories.d.ts.map

package/dist/components/Navbar/Navbar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAkCC,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyCtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA2ChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAoDpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyI3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2FxB,CAAC;AA6FF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmIxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2GzB,CAAC"}

package/dist/components/Navbar/Navbar.types.d.ts

@@ -0,0 +1,134 @@
+import { ReactNode, HTMLAttributes } from 'react';
+
+/**
+ * Navbar height variants
+ */
+export type NavbarHeight = "sm" | "md" | "lg";
+/**
+ * Navbar background variants
+ */
+export type NavbarVariant = "solid" | "transparent" | "glass";
+/**
+ * Navbar color scheme (for transparent/glass variants on colored backgrounds)
+ */
+export type NavbarColorScheme = "auto" | "light" | "dark";
+/**
+ * Navbar component props
+ *
+ * @example
+ * ```tsx
+ * <Navbar>
+ *   <Navbar.Brand>
+ *     <img src="/logo.svg" alt="Logo" />
+ *   </Navbar.Brand>
+ *   <Navbar.Nav>
+ *     <Navbar.Link href="/">Home</Navbar.Link>
+ *     <Navbar.Link href="/about">About</Navbar.Link>
+ *   </Navbar.Nav>
+ *   <Navbar.Actions>
+ *     <Button>Sign In</Button>
+ *   </Navbar.Actions>
+ * </Navbar>
+ * ```
+ */
+export interface NavbarProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Navbar content
+     */
+    children: ReactNode;
+    /**
+     * Navbar height
+     * @default 'md'
+     */
+    height?: NavbarHeight;
+    /**
+     * Navbar variant
+     * @default 'solid'
+     */
+    variant?: NavbarVariant;
+    /**
+     * Color scheme for text/links when using transparent or glass variants
+     * - 'auto': Uses default theme colors (dark text on light, light text on dark)
+     * - 'light': Forces light/white text (use on dark backgrounds)
+     * - 'dark': Forces dark text (use on light backgrounds)
+     * @default 'auto'
+     */
+    colorScheme?: NavbarColorScheme;
+    /**
+     * Sticky positioning
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Border on bottom
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Navbar Brand props
+ */
+export interface NavbarBrandProps {
+    children: ReactNode;
+    href?: string;
+    className?: string;
+}
+/**
+ * Navbar Nav (navigation links container) props
+ */
+export interface NavbarNavProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Navbar Link props
+ */
+export interface NavbarLinkProps extends HTMLAttributes<HTMLAnchorElement> {
+    children: ReactNode;
+    href: string;
+    active?: boolean;
+    /**
+     * Callback when link is clicked (useful for closing mobile menu)
+     */
+    onClick?: () => void;
+}
+/**
+ * Navbar Actions (right side actions) props
+ */
+export interface NavbarActionsProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Navbar Toggle (hamburger button) props
+ */
+export interface NavbarToggleProps {
+    /**
+     * Whether the menu is open
+     */
+    isOpen: boolean;
+    /**
+     * Toggle callback
+     */
+    onToggle: () => void;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Navbar Collapse (collapsible container) props
+ */
+export interface NavbarCollapseProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to show in collapse
+     */
+    children: ReactNode;
+    /**
+     * Whether the collapse is open (controlled by Toggle)
+     */
+    isOpen: boolean;
+}
+//# sourceMappingURL=Navbar.types.d.ts.map

package/dist/components/Navbar/Navbar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/Navbar/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Navbar Component - Site/app navigation header.
+ *
+ * @example
+ * ```tsx
+ * import { Navbar, Button } from '@orion-ds/react';
+ *
+ * <Navbar variant="solid" sticky>
+ *   <Navbar.Brand href="/">
+ *     <img src="/logo.svg" alt="Logo" height={32} />
+ *   </Navbar.Brand>
+ *   <Navbar.Nav>
+ *     <Navbar.Link href="/features">Features</Navbar.Link>
+ *     <Navbar.Link href="/pricing">Pricing</Navbar.Link>
+ *   </Navbar.Nav>
+ *   <Navbar.Actions>
+ *     <Button variant="ghost">Sign In</Button>
+ *     <Button>Get Started</Button>
+ *   </Navbar.Actions>
+ * </Navbar>
+ * ```
+ */
+export { Navbar } from './Navbar';
+export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps, NavbarHeight, NavbarVariant, } from './Navbar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/dist/components/NotificationCenter/NotificationCenter.d.ts

@@ -0,0 +1,4 @@
+import { NotificationCenterProps } from './NotificationCenter.types';
+
+export declare const NotificationCenter: import('react').ForwardRefExoticComponent<NotificationCenterProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NotificationCenter.d.ts.map

package/dist/components/NotificationCenter/NotificationCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAYH,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,4BAA4B,CAAC;AAoHpC,eAAO,MAAM,kBAAkB,oHAoI9B,CAAC"}

package/dist/components/NotificationCenter/NotificationCenter.module.css

@@ -0,0 +1 @@
+._notificationCenter_1i45p_8{display:flex;flex-direction:column;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);width:380px;overflow:hidden}._header_1i45p_23{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._headerTitle_1i45p_31{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._badge_1i45p_41{font-size:var(--font-size-11);font-weight:var(--font-weight-medium);background:var(--interactive-primary);color:var(--interactive-primary-text);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-full);min-width:20px;text-align:center}._headerActions_1i45p_52{display:flex;gap:var(--spacing-2)}._headerAction_1i45p_52{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--interactive-primary);background:none;border:none;cursor:pointer;transition:opacity var(--mode-hover-duration)}._headerAction_1i45p_52:hover{opacity:.8}._content_1i45p_76{overflow-y:auto}._group_1i45p_80{margin-bottom:var(--spacing-2)}._groupTitle_1i45p_84{font-family:var(--font-secondary);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-4);background:var(--surface-subtle)}._item_1i45p_99{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:background-color var(--mode-hover-duration)}._item_1i45p_99:last-child{border-bottom:none}._itemClickable_1i45p_113{cursor:pointer}._itemClickable_1i45p_113:hover,._item_1i45p_99:hover{background:var(--surface-subtle)}._itemRead_1i45p_122{opacity:.7}._itemLeft_1i45p_126{flex-shrink:0}._itemAvatar_1i45p_130{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._itemIcon_1i45p_137{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}._icon-info_1i45p_146{background:var(--status-info-bg);color:var(--text-info)}._icon-success_1i45p_151{background:var(--status-success-bg);color:var(--text-success)}._icon-warning_1i45p_156{background:var(--status-warning-bg);color:var(--text-warning)}._icon-error_1i45p_161{background:var(--status-error-bg);color:var(--text-error)}._icon-default_1i45p_166{background:var(--surface-subtle);color:var(--text-secondary)}._itemContent_1i45p_171{flex:1;min-width:0}._itemHeader_1i45p_176{display:flex;align-items:center;gap:var(--spacing-2)}._itemTitle_1i45p_182{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-primary)}._unreadDot_1i45p_189{width:8px;height:8px;border-radius:var(--radius-full);background:var(--interactive-primary);flex-shrink:0}._itemMessage_1i45p_197{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._itemTime_1i45p_209{font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-tertiary);margin-top:var(--spacing-1);display:block}._itemActions_1i45p_217{display:flex;flex-direction:column;gap:var(--spacing-1);opacity:0;transition:opacity var(--mode-hover-duration)}._item_1i45p_99:hover ._itemActions_1i45p_217{opacity:1}._itemAction_1i45p_217{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:all var(--mode-hover-duration)}._itemAction_1i45p_217:hover{background:var(--surface-layer);color:var(--text-primary)}._empty_1i45p_252{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12);color:var(--text-tertiary)}._empty_1i45p_252 span{font-family:var(--font-secondary);font-size:var(--font-size-14)}._loading_1i45p_271{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12)}._spinner_1i45p_278{width:24px;height:24px;border:2px solid var(--surface-subtle);border-top-color:var(--interactive-primary);border-radius:50%;animation:_spin_1i45p_278 .8s linear infinite}@keyframes _spin_1i45p_278{to{transform:rotate(360deg)}}._footer_1i45p_297{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-subtle)}._footerAction_1i45p_306{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color var(--mode-hover-duration)}._footerAction_1i45p_306:hover{color:var(--text-primary)}._footerActionPrimary_1i45p_321{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--interactive-primary);background:none;border:none;cursor:pointer;margin-left:auto}._footerActionPrimary_1i45p_321:hover{text-decoration:underline}@media(max-width:480px){._notificationCenter_1i45p_8{width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none}}

package/dist/components/NotificationCenter/NotificationCenter.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NotificationCenter } from './NotificationCenter';
+
+declare const meta: Meta<typeof NotificationCenter>;
+export default meta;
+type Story = StoryObj<typeof NotificationCenter>;
+/**
+ * Default NotificationCenter with sample notifications
+ */
+export declare const Default: Story;
+/**
+ * Interactive NotificationCenter with state management
+ */
+export declare const Interactive: Story;
+/**
+ * Grouped by category
+ */
+export declare const GroupedByCategory: Story;
+/**
+ * Empty state
+ */
+export declare const Empty: Story;
+/**
+ * Loading state
+ */
+export declare const Loading: Story;
+/**
+ * Without unread badge
+ */
+export declare const WithoutBadge: Story;
+/**
+ * Custom title
+ */
+export declare const CustomTitle: Story;
+/**
+ * With custom max height
+ */
+export declare const CustomMaxHeight: Story;
+/**
+ * All read
+ */
+export declare const AllRead: Story;
+//# sourceMappingURL=NotificationCenter.stories.d.ts.map

package/dist/components/NotificationCenter/NotificationCenter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationCenter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAOzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAqEjD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}

package/dist/components/NotificationCenter/NotificationCenter.types.d.ts

@@ -0,0 +1,121 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Notification item
+ */
+export interface NotificationItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Notification type
+     */
+    type?: "info" | "success" | "warning" | "error" | "default";
+    /**
+     * Notification title
+     */
+    title: string;
+    /**
+     * Notification message
+     */
+    message?: string;
+    /**
+     * Custom icon (overrides type-based icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Timestamp
+     */
+    timestamp: string;
+    /**
+     * Relative time (e.g., "2 min ago")
+     */
+    relativeTime?: string;
+    /**
+     * Read state
+     */
+    read?: boolean;
+    /**
+     * Action URL or click handler
+     */
+    href?: string;
+    onClick?: () => void;
+    /**
+     * Avatar/image for the notification
+     */
+    avatar?: string;
+    /**
+     * Category for grouping
+     */
+    category?: string;
+}
+/**
+ * NotificationCenter section props
+ *
+ * @example
+ * ```tsx
+ * <NotificationCenter
+ *   notifications={[
+ *     { id: '1', type: 'info', title: 'New message', message: 'You have a new message', relativeTime: '2 min ago' }
+ *   ]}
+ *   onMarkAsRead={(id) => markAsRead(id)}
+ *   onMarkAllAsRead={() => markAllAsRead()}
+ * />
+ * ```
+ */
+export interface NotificationCenterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Notification items
+     */
+    notifications: NotificationItem[];
+    /**
+     * Mark single notification as read
+     */
+    onMarkAsRead?: (id: string) => void;
+    /**
+     * Mark all notifications as read
+     */
+    onMarkAllAsRead?: () => void;
+    /**
+     * Delete/dismiss notification
+     */
+    onDismiss?: (id: string) => void;
+    /**
+     * Clear all notifications
+     */
+    onClearAll?: () => void;
+    /**
+     * View all link/action
+     */
+    onViewAll?: () => void;
+    /**
+     * Header title
+     * @default "Notifications"
+     */
+    title?: string;
+    /**
+     * Empty state message
+     * @default "No notifications"
+     */
+    emptyMessage?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Maximum height before scrolling
+     */
+    maxHeight?: string;
+    /**
+     * Group notifications by category
+     * @default false
+     */
+    groupByCategory?: boolean;
+    /**
+     * Show unread count badge
+     * @default true
+     */
+    showUnreadCount?: boolean;
+}
+//# sourceMappingURL=NotificationCenter.types.d.ts.map

package/dist/components/NotificationCenter/NotificationCenter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.types.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationCenter.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/NotificationCenter/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationCenter } from './NotificationCenter';
+export type { NotificationCenterProps, NotificationItem, } from './NotificationCenter.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NotificationCenter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC"}

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,4 @@
+import { PageHeaderProps } from './PageHeader.types';
+
+export declare const PageHeader: import('react').ForwardRefExoticComponent<PageHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GA0ItB,CAAC"}

package/dist/components/PageHeader/PageHeader.module.css

@@ -0,0 +1 @@
+._pageHeader_1wcp9_8{display:flex;flex-direction:column;background:var(--surface-base);padding:var(--spacing-6) var(--mode-spacing-block)}._bordered_1wcp9_15{border-bottom:1px solid var(--border-subtle)}._sticky_1wcp9_19{position:sticky;top:0;z-index:var(--z-sticky)}._backLink_1wcp9_29{margin-bottom:var(--spacing-2)}._backLinkAnchor_1wcp9_33,._backLinkButton_1wcp9_34{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--mode-hover-duration)}._backLinkAnchor_1wcp9_33:hover,._backLinkButton_1wcp9_34:hover{color:var(--text-primary)}._breadcrumbs_1wcp9_59{margin-bottom:var(--spacing-3)}._breadcrumbList_1wcp9_63{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--spacing-1)}._breadcrumbItem_1wcp9_72{display:flex;align-items:center;gap:var(--spacing-1)}._breadcrumbSeparator_1wcp9_78{color:var(--text-tertiary);flex-shrink:0}._breadcrumbLink_1wcp9_83,._breadcrumbButton_1wcp9_84{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--mode-hover-duration)}._breadcrumbLink_1wcp9_83:hover,._breadcrumbButton_1wcp9_84:hover{color:var(--text-primary)}._breadcrumbCurrent_1wcp9_101{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-tertiary)}._main_1wcp9_111{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mode-spacing-element);flex-wrap:wrap}._titleSection_1wcp9_119{flex:1;min-width:0}._titleRow_1wcp9_124{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}._title_1wcp9_119{font-family:var(--font-primary);font-size:var(--mode-text-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0;letter-spacing:-.02em}._badge_1wcp9_141{flex-shrink:0}._description_1wcp9_145{font-family:var(--font-secondary);font-size:var(--mode-text-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:var(--spacing-1) 0 0 0;max-width:600px}._actions_1wcp9_158{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0;flex-wrap:wrap}._tabs_1wcp9_170{display:flex;gap:0;margin-top:var(--spacing-4);border-bottom:1px solid var(--border-subtle);margin-bottom:calc(var(--mode-spacing-element) * -1);margin-left:calc(var(--mode-spacing-block) * -1);margin-right:calc(var(--mode-spacing-block) * -1);padding-left:var(--mode-spacing-block);padding-right:var(--mode-spacing-block)}._tab_1wcp9_170{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--mode-hover-duration),border-color var(--mode-hover-duration)}._tab_1wcp9_170:hover{color:var(--text-primary)}._tabActive_1wcp9_205{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary)}._tabBadge_1wcp9_210{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--surface-subtle);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-full)}._tabActive_1wcp9_205 ._tabBadge_1wcp9_210{background:var(--interactive-primary);color:var(--interactive-primary-text)}._size-sm_1wcp9_228{padding:var(--spacing-3) var(--spacing-4)}._size-sm_1wcp9_228 ._title_1wcp9_119{font-size:var(--font-size-18)}._size-sm_1wcp9_228 ._description_1wcp9_145{font-size:var(--font-size-13)}._size-lg_1wcp9_240{padding:var(--spacing-8) var(--spacing-8)}._size-lg_1wcp9_240 ._title_1wcp9_119{font-size:var(--font-size-32)}._variant-compact_1wcp9_252{padding:var(--spacing-3) var(--spacing-4)}._variant-compact_1wcp9_252 ._main_1wcp9_111{gap:var(--spacing-4)}._variant-compact_1wcp9_252 ._title_1wcp9_119{font-size:var(--font-size-16)}._variant-compact_1wcp9_252 ._description_1wcp9_145{font-size:var(--font-size-12);margin-top:0}._variant-compact_1wcp9_252 ._breadcrumbs_1wcp9_59{margin-bottom:var(--spacing-2)}._variant-with-tabs_1wcp9_277{padding-bottom:0}._variant-transparent_1wcp9_285{background:transparent;border-bottom:none;padding:0 var(--spacing-6);padding-top:var(--spacing-6);padding-bottom:0}._variant-transparent_1wcp9_285._bordered_1wcp9_15{border-bottom:none}._variant-transparent_1wcp9_285 ._tabs_1wcp9_170{margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-top:var(--spacing-4);margin-bottom:0;border-bottom:1px solid var(--border-subtle)}._variant-transparent_1wcp9_285 ._tab_1wcp9_170:first-child{padding-left:0}@media(max-width:768px){._pageHeader_1wcp9_8{padding:var(--spacing-4)}._main_1wcp9_111{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}._actions_1wcp9_158{width:100%;justify-content:flex-start}._variant-transparent_1wcp9_285 ._main_1wcp9_111{flex-direction:row;align-items:center}._variant-transparent_1wcp9_285 ._actions_1wcp9_158{width:auto;flex-shrink:0}._tabs_1wcp9_170{margin-left:-var(--spacing-4);margin-right:-var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);overflow-x:auto}._tab_1wcp9_170{white-space:nowrap}}