@orion-ds/react 4.2.1 → 4.2.4

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PageHeader } from './PageHeader';
+
+declare const meta: Meta<typeof PageHeader>;
+export default meta;
+type Story = StoryObj<typeof PageHeader>;
+export declare const Default: Story;
+export declare const WithTabs: Story;
+export declare const WithBadge: Story;
+export declare const WithBackLink: Story;
+export declare const Compact: Story;
+export declare const LargeTitleOnly: Story;
+export declare const FullFeatured: Story;
+export declare const NoBorder: Story;
+//# sourceMappingURL=PageHeader.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

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

@@ -0,0 +1,130 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Breadcrumb item
+ */
+export interface BreadcrumbItem {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Navigation URL (optional for current item)
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+}
+/**
+ * Tab item for page header navigation
+ */
+export interface PageHeaderTab {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional badge/count
+     */
+    badge?: ReactNode;
+    /**
+     * Tab href for navigation
+     */
+    href?: string;
+}
+/**
+ * PageHeader size variant
+ */
+export type PageHeaderSize = "sm" | "md" | "lg";
+/**
+ * PageHeader visual variant
+ */
+export type PageHeaderVariant = "default" | "compact" | "with-tabs" | "transparent";
+/**
+ * PageHeader section props
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   breadcrumbs={[
+ *     { label: 'Dashboard', href: '/' },
+ *     { label: 'Users' }
+ *   ]}
+ *   title="Users"
+ *   description="Manage user accounts and permissions"
+ *   actions={<Button>Add User</Button>}
+ * />
+ * ```
+ */
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Page title
+     */
+    title: ReactNode;
+    /**
+     * Optional description below title
+     */
+    description?: ReactNode;
+    /**
+     * Breadcrumb navigation items
+     */
+    breadcrumbs?: BreadcrumbItem[];
+    /**
+     * Action buttons/elements aligned right
+     */
+    actions?: ReactNode;
+    /**
+     * Tab navigation items
+     */
+    tabs?: PageHeaderTab[];
+    /**
+     * Currently active tab ID
+     */
+    activeTab?: string;
+    /**
+     * Tab change handler
+     */
+    onTabChange?: (tabId: string) => void;
+    /**
+     * Back link for navigation
+     */
+    backLink?: {
+        label?: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /**
+     * Optional badge next to title
+     */
+    badge?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard layout with padding
+     * - compact: Reduced spacing
+     * - with-tabs: Includes tab navigation
+     * @default 'default'
+     */
+    variant?: PageHeaderVariant;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: PageHeaderSize;
+    /**
+     * Show border at bottom
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * Sticky positioning
+     * @default false
+     */
+    sticky?: boolean;
+}
+//# sourceMappingURL=PageHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.types.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,WAAW,GACX,aAAa,CAAC;AAElB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IAEF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

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

@@ -0,0 +1,3 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderVariant, PageHeaderSize, BreadcrumbItem, PageHeaderTab, } from './PageHeader.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA0D1D,eAAO,MAAM,UAAU,yGA0KtB,CAAC"}

package/dist/components/Pagination/Pagination.module.css

@@ -0,0 +1 @@
+._pagination_kj56h_8{display:inline-flex;align-items:center}._list_kj56h_13{display:flex;align-items:center;gap:var(--spacing-1);margin:0;padding:0;list-style:none}._button_kj56h_26{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}._button_kj56h_26:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-primary)}._button_kj56h_26:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_kj56h_26:disabled{opacity:.4;cursor:not-allowed}._pageButton_kj56h_56{font-family:var(--font-secondary);font-weight:var(--font-weight-medium)}._active_kj56h_61{background:var(--interactive-primary);color:var(--interactive-primary-text);border-color:var(--interactive-primary)}._active_kj56h_61:hover:not(:disabled){background:var(--interactive-primary-hover);color:var(--interactive-primary-text)}._ellipsis_kj56h_76{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-family:var(--font-secondary);-webkit-user-select:none;user-select:none}._sm_kj56h_89 ._button_kj56h_26,._sm_kj56h_89 ._ellipsis_kj56h_76{min-width:28px;height:28px;font-size:var(--font-size-12)}._md_kj56h_103 ._button_kj56h_26,._md_kj56h_103 ._ellipsis_kj56h_76{min-width:36px;height:36px;font-size:var(--font-size-14)}._lg_kj56h_117 ._button_kj56h_26,._lg_kj56h_117 ._ellipsis_kj56h_76{min-width:44px;height:44px;font-size:var(--font-size-16)}._lg_kj56h_117 ._list_kj56h_13{gap:var(--spacing-2)}._disabled_kj56h_139{pointer-events:none;opacity:.5}

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

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from './Pagination';
+
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const FewPages: Story;
+export declare const ManyPages: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const NoFirstLast: Story;
+export declare const NoPrevNext: Story;
+export declare const OnlyPageNumbers: Story;
+export declare const Disabled: Story;
+export declare const SinglePage: Story;
+export declare const WithMoreSiblings: Story;
+export declare const AllSizes: Story;
+export declare const WithDataTable: Story;
+//# sourceMappingURL=Pagination.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAiBzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6C3B,CAAC"}

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

@@ -0,0 +1,58 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Pagination sizes
+ */
+export type PaginationSize = "sm" | "md" | "lg";
+/**
+ * Pagination component props
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   currentPage={1}
+ *   totalPages={10}
+ *   onPageChange={(page) => setPage(page)}
+ * />
+ * ```
+ */
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    /**
+     * Current active page (1-indexed)
+     */
+    currentPage: number;
+    /**
+     * Total number of pages
+     */
+    totalPages: number;
+    /**
+     * Callback when page changes
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Number of sibling pages to show on each side of current page
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Whether to show first/last page buttons
+     * @default true
+     */
+    showFirstLast?: boolean;
+    /**
+     * Whether to show previous/next buttons
+     * @default true
+     */
+    showPrevNext?: boolean;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: PaginationSize;
+    /**
+     * Whether the pagination is disabled
+     * @default false
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,CACX;IACC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -0,0 +1,18 @@
+/**
+ * Pagination Component - Page navigation controls.
+ *
+ * @example
+ * ```tsx
+ * import { Pagination } from '@orion-ds/react';
+ *
+ * <Pagination
+ *   total={100}
+ *   current={1}
+ *   pageSize={10}
+ *   onPageChange={(page) => setCurrentPage(page)}
+ * />
+ * ```
+ */
+export { Pagination } from './Pagination';
+export type { PaginationProps, PaginationSize } from './Pagination.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Popover/Popover.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAaH,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAwFtE,eAAO,MAAM,OAAO,yGA8OnB,CAAC"}

package/dist/components/Popover/Popover.module.css

@@ -0,0 +1 @@
+:root{--popover-arrow-size: 10px;--popover-arrow-offset: 6px;--popover-arrow-margin: 5px}._trigger_1xlzd_16{display:inline-block}._triggerFullWidth_1xlzd_21{display:block;width:100%;min-width:0}._popover_1xlzd_28{position:absolute;z-index:var(--z-popover);min-width:200px;max-width:320px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:scale(.95);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast)}._visible_1xlzd_46{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear 0s}._content_1xlzd_57{padding:var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-primary)}._arrow_1xlzd_68{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--surface-base);border:1px solid var(--border-subtle);transform:rotate(45deg)}._arrow-top_1xlzd_78{top:calc(var(--popover-arrow-offset) * -1);left:50%;margin-left:calc(var(--popover-arrow-margin) * -1);border-right:none;border-bottom:none}._arrow-bottom_1xlzd_86{bottom:calc(var(--popover-arrow-offset) * -1);left:50%;margin-left:calc(var(--popover-arrow-margin) * -1);border-left:none;border-top:none}._arrow-left_1xlzd_94{left:calc(var(--popover-arrow-offset) * -1);top:50%;margin-top:calc(var(--popover-arrow-margin) * -1);border-right:none;border-top:none}._arrow-right_1xlzd_102{right:calc(var(--popover-arrow-offset) * -1);top:50%;margin-top:calc(var(--popover-arrow-margin) * -1);border-left:none;border-bottom:none}@media(prefers-reduced-motion:reduce){._popover_1xlzd_28{transition:none}}

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

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const TopPlacement: Story;
+export declare const LeftPlacement: Story;
+export declare const RightPlacement: Story;
+export declare const HoverTrigger: Story;
+export declare const FocusTrigger: Story;
+export declare const WithoutArrow: Story;
+export declare const RichContent: Story;
+export declare const ControlledPopover: Story;
+export declare const AllPlacements: Story;
+export declare const MenuExample: Story;
+export declare const TooltipLike: Story;
+//# sourceMappingURL=Popover.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8B9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAyB/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyC3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC"}

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

@@ -0,0 +1,103 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+
+/**
+ * Popover placement options
+ */
+export type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+/**
+ * Popover trigger types
+ */
+export type PopoverTrigger = "click" | "hover" | "focus" | "manual";
+/**
+ * Popover component props
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   trigger={<Button>Open</Button>}
+ *   content={<div>Popover content</div>}
+ * />
+ * ```
+ */
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    /**
+     * The trigger element that opens the popover
+     */
+    trigger: ReactNode;
+    /**
+     * The content to display in the popover
+     */
+    content: ReactNode;
+    /**
+     * Placement of the popover relative to the trigger
+     * @default 'bottom'
+     */
+    placement?: PopoverPlacement;
+    /**
+     * How to trigger the popover
+     * @default 'click'
+     */
+    triggerType?: PopoverTrigger;
+    /**
+     * Whether the popover is open (controlled mode)
+     */
+    open?: boolean;
+    /**
+     * Default open state (uncontrolled mode)
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether to show an arrow pointing to the trigger
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Offset from the trigger in pixels
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * Whether to close when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to close when pressing Escape
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Delay before showing (for hover trigger)
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * Delay before hiding (for hover trigger)
+     * @default 150
+     */
+    closeDelay?: number;
+    /**
+     * Whether the trigger wrapper should stretch to fill its container
+     * Set to true when Popover is placed inside a constrained container (e.g., sidebar header)
+     * Changes trigger from display: inline-block to display: block with width: 100%
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+/**
+ * Internal hook return type
+ */
+export interface UsePopoverReturn {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    popoverRef: RefObject<HTMLDivElement | null>;
+    triggerProps: Record<string, unknown>;
+    popoverProps: Record<string, unknown>;
+}
+//# sourceMappingURL=Popover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC"}

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

@@ -0,0 +1,22 @@
+/**
+ * Popover Component - Contextual content overlay.
+ *
+ * @example
+ * ```tsx
+ * import { Popover, Button } from '@orion-ds/react';
+ *
+ * <Popover
+ *   trigger={<Button>Open Menu</Button>}
+ *   content={
+ *     <div>
+ *       <p>Popover content here</p>
+ *       <Button size="sm">Action</Button>
+ *     </div>
+ *   }
+ *   placement="bottom"
+ * />
+ * ```
+ */
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement, PopoverTrigger, } from './Popover.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ProgressBarProps } from './ProgressBar.types';
+
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAC"}

package/dist/components/ProgressBar/ProgressBar.module.css

@@ -0,0 +1 @@
+._container_1e3cp_8{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}._labelWrapper_1e3cp_16{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-12);color:var(--text-secondary);font-weight:var(--font-weight-medium)}._percentage_1e3cp_25{font-variant-numeric:tabular-nums;color:var(--text-primary)}._track_1e3cp_31{position:relative;width:100%;background:var(--surface-layer);border-radius:var(--radius-full);overflow:hidden}._bar_1e3cp_40{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}._sm_1e3cp_50 ._track_1e3cp_31{height:4px}._md_1e3cp_54 ._track_1e3cp_31{height:8px}._lg_1e3cp_58 ._track_1e3cp_31{height:12px}._primary_1e3cp_66 ._bar_1e3cp_40{background:var(--interactive-primary)}._success_1e3cp_70 ._bar_1e3cp_40{background:var(--status-success)}._warning_1e3cp_74 ._bar_1e3cp_40{background:var(--status-warning)}._error_1e3cp_78 ._bar_1e3cp_40{background:var(--status-error)}._info_1e3cp_82 ._bar_1e3cp_40{background:var(--status-info)}._indeterminate_1e3cp_90 ._bar_1e3cp_40{width:30%!important;animation:_indeterminate_1e3cp_90 1.5s ease-in-out infinite}@keyframes _indeterminate_1e3cp_90{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){._bar_1e3cp_40{transition:none}._indeterminate_1e3cp_90 ._bar_1e3cp_40{animation:none;width:100%!important}}

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

@@ -0,0 +1,30 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ProgressBar } from './ProgressBar';
+
+declare const meta: Meta<typeof ProgressBar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const CustomLabel: Story;
+export declare const PrimaryVariant: Story;
+export declare const SuccessVariant: Story;
+export declare const WarningVariant: Story;
+export declare const ErrorVariant: Story;
+export declare const InfoVariant: Story;
+export declare const SmallSize: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const Indeterminate: Story;
+export declare const CustomMaxValue: Story;
+export declare const ZeroPercent: Story;
+export declare const HundredPercent: Story;
+export declare const AllSizes: Story;
+export declare const UploadProgress: Story;
+export declare const MultipleProgress: Story;
+export declare const LoadingStates: Story;
+export declare const InCard: Story;
+export declare const DownloadQueue: Story;
+export declare const WithCustomStyling: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=ProgressBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA8CC,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsD5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAyDpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwEzB,CAAC"}

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

@@ -0,0 +1,57 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * ProgressBar sizes
+ */
+export type ProgressBarSize = "sm" | "md" | "lg";
+/**
+ * ProgressBar variants
+ */
+export type ProgressBarVariant = "primary" | "success" | "warning" | "error" | "info";
+/**
+ * ProgressBar component props
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar value={65} />
+ * <ProgressBar value={80} variant="success" showLabel />
+ * <ProgressBar value={25} size="lg" label="Uploading..." />
+ * ```
+ */
+export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Progress value (0-100)
+     * Optional when indeterminate is true
+     */
+    value?: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Progress bar variant (color)
+     * @default 'primary'
+     */
+    variant?: ProgressBarVariant;
+    /**
+     * Progress bar size
+     * @default 'md'
+     */
+    size?: ProgressBarSize;
+    /**
+     * Show percentage label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Custom label text
+     */
+    label?: string;
+    /**
+     * Indeterminate/loading state
+     * @default false
+     */
+    indeterminate?: boolean;
+}
+//# sourceMappingURL=ProgressBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -0,0 +1,15 @@
+/**
+ * ProgressBar Component - Visual progress indicator.
+ *
+ * @example
+ * ```tsx
+ * import { ProgressBar } from '@orion-ds/react';
+ *
+ * <ProgressBar value={75} max={100} />
+ * <ProgressBar value={50} variant="success" showLabel />
+ * <ProgressBar value={30} size="sm" variant="brand" />
+ * ```
+ */
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/components/QuickActions/QuickActions.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../src/components/QuickActions/QuickActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,sBAAsB,CAAC;AAG3E,eAAO,MAAM,YAAY,8GA2MxB,CAAC"}

package/dist/components/QuickActions/QuickActions.module.css

@@ -0,0 +1 @@
+._quickActions_1iws7_8{z-index:var(--z-sticky)}._fixed_1iws7_12{position:fixed}._position-bottom-right_1iws7_17{bottom:var(--offset);right:var(--offset)}._position-bottom-left_1iws7_22{bottom:var(--offset);left:var(--offset)}._position-bottom-center_1iws7_27{bottom:var(--offset);left:50%;transform:translate(-50%)}._position-top-right_1iws7_33{top:var(--offset);right:var(--offset)}._position-top-left_1iws7_38{top:var(--offset);left:var(--offset)}._variant-fab_1iws7_47{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--spacing-3)}._fabTrigger_1iws7_54{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--interactive-primary);color:var(--interactive-primary-text);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-lg);transition:background-color var(--mode-hover-duration),transform var(--mode-hover-duration),box-shadow var(--mode-hover-duration)}._fabTrigger_1iws7_54:hover{background:var(--interactive-primary-hover);transform:scale(1.05)}._fabTrigger_1iws7_54:active{transform:scale(.98)}._fabTriggerIcon_1iws7_81{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}._fabTriggerIconRotate_1iws7_88{transform:rotate(45deg)}._fabActions_1iws7_92{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--spacing-2);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-normal)}._open_1iws7_103 ._fabActions_1iws7_92{opacity:1;visibility:visible;transform:translateY(0)}._fabAction_1iws7_92{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-4);background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);white-space:nowrap;transition:all var(--mode-hover-duration);opacity:0;transform:scale(.8)}._open_1iws7_103 ._fabAction_1iws7_92{opacity:1;transform:scale(1)}._fabAction_1iws7_92:hover{background:var(--surface-subtle);border-color:var(--border-moderate)}._fabActionIcon_1iws7_136{display:flex;align-items:center;justify-content:center;width:20px;height:20px}._fabActionLabel_1iws7_144{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium)}._variant-bar_1iws7_154 ._bar_1iws7_154{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);box-shadow:var(--shadow-lg)}._barAction_1iws7_165{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:none;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--mode-hover-duration)}._barAction_1iws7_165:hover{background:var(--surface-subtle);color:var(--text-primary)}._barActionIcon_1iws7_183{display:flex;align-items:center;justify-content:center;width:18px;height:18px}._barActionLabel_1iws7_191{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium)}._variant-menu_1iws7_201{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}._menuTrigger_1iws7_208{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--interactive-primary);color:var(--interactive-primary-text);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-lg);transition:background-color var(--mode-hover-duration)}._menuTrigger_1iws7_208:hover{background:var(--interactive-primary-hover)}._menu_1iws7_208{display:flex;flex-direction:column;min-width:180px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);padding:var(--spacing-1);animation:_menuSlide_1iws7_1 .15s ease-out}@keyframes _menuSlide_1iws7_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._menuAction_1iws7_250{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2-5) var(--spacing-3);background:none;color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--mode-hover-duration)}._menuAction_1iws7_250:hover{background:var(--surface-subtle)}._menuActionIcon_1iws7_269{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary)}._menuActionLabel_1iws7_278{flex:1;font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium)}._action-primary_1iws7_289{color:var(--interactive-primary)}._action-danger_1iws7_293{color:var(--text-error)}._action-danger_1iws7_293:hover{background:var(--status-error-bg)}._actionDisabled_1iws7_301{opacity:.5;cursor:not-allowed;pointer-events:none}._shortcut_1iws7_311{font-family:var(--font-mono);font-size:var(--font-size-11);color:var(--text-tertiary);background:var(--surface-subtle);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-sm);margin-left:auto}@media(max-width:640px){._fabTrigger_1iws7_54{width:48px;height:48px}._menuTrigger_1iws7_208{width:40px;height:40px}._fabActionLabel_1iws7_144{display:none}._fabAction_1iws7_92{padding:var(--spacing-2-5);border-radius:var(--radius-full)}}

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

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { QuickActions } from './QuickActions';
+
+declare const meta: Meta<typeof QuickActions>;
+export default meta;
+type Story = StoryObj<typeof QuickActions>;
+export declare const FAB: Story;
+export declare const FABWithLabels: Story;
+export declare const Bar: Story;
+export declare const BarWithShortcuts: Story;
+export declare const Menu: Story;
+export declare const MenuWithShortcuts: Story;
+export declare const BottomLeft: Story;
+export declare const TopRight: Story;
+export declare const WithVariants: Story;
+export declare const WithDisabled: Story;
+export declare const CustomOffset: Story;
+export declare const NotFixed: Story;
+export declare const CustomTriggerIcon: Story;
+//# sourceMappingURL=QuickActions.stories.d.ts.map