@toteat-eng/ds-react 2026.6.18 → 2026.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/Accordion/__stories__/Accordion.stories.d.ts +10 -0
  2. package/dist/components/AppleSignInButton/__stories__/AppleSignInButton.stories.d.ts +9 -0
  3. package/dist/components/BackgroundWrapper/__stories__/BackgroundWrapper.stories.d.ts +8 -0
  4. package/dist/components/Badge/__stories__/Badge.stories.d.ts +12 -0
  5. package/dist/components/Charts/__stories__/Charts.stories.d.ts +12 -0
  6. package/dist/components/Checkbox/__stories__/Checkbox.stories.d.ts +11 -0
  7. package/dist/components/CloseButton/__stories__/CloseButton.stories.d.ts +9 -0
  8. package/dist/components/DataTable/__stories__/DataTable.stories.d.ts +20 -0
  9. package/dist/components/DatePicker/__stories__/DatePicker.stories.d.ts +11 -0
  10. package/dist/components/DateRangePicker/__stories__/DateRangePicker.stories.d.ts +12 -0
  11. package/dist/components/Dialog/__stories__/Dialog.stories.d.ts +10 -0
  12. package/dist/components/DropZone/__stories__/DropZone.stories.d.ts +10 -0
  13. package/dist/components/DropdownButton/DropdownButton.d.ts +26 -0
  14. package/dist/components/DropdownButton/__stories__/DropdownButton.stories.d.ts +13 -0
  15. package/dist/components/DropdownMenu/__stories__/DropdownMenu.stories.d.ts +9 -0
  16. package/dist/components/DsProvider/__stories__/DsProvider.stories.d.ts +9 -0
  17. package/dist/components/ErrorBoundary/__stories__/ErrorBoundary.stories.d.ts +9 -0
  18. package/dist/components/ExtrasDialog/__stories__/ExtrasDialog.stories.d.ts +9 -0
  19. package/dist/components/FormField/__stories__/FormField.stories.d.ts +10 -0
  20. package/dist/components/GoogleSignInButton/__stories__/GoogleSignInButton.stories.d.ts +9 -0
  21. package/dist/components/GroupedButtons/__stories__/GroupedButtons.stories.d.ts +12 -0
  22. package/dist/components/Header/__stories__/Header.stories.d.ts +10 -0
  23. package/dist/components/ImagePreview/__stories__/ImagePreview.stories.d.ts +11 -0
  24. package/dist/components/LanguageSelector/__stories__/LanguageSelector.stories.d.ts +9 -0
  25. package/dist/components/LogoToteat/__stories__/LogoToteat.stories.d.ts +10 -0
  26. package/dist/components/Multiselect/__stories__/Multiselect.stories.d.ts +10 -0
  27. package/dist/components/NavBar/NavBar.d.ts +3 -1
  28. package/dist/components/Overlay/__stories__/Overlay.stories.d.ts +10 -0
  29. package/dist/components/OverlayMessage/__stories__/OverlayMessage.stories.d.ts +12 -0
  30. package/dist/components/PageLoadingOverlay/__stories__/PageLoadingOverlay.stories.d.ts +9 -0
  31. package/dist/components/ProductTile/__stories__/ProductTile.stories.d.ts +12 -0
  32. package/dist/components/Radio/__stories__/Radio.stories.d.ts +12 -0
  33. package/dist/components/Select/__stories__/Select.stories.d.ts +12 -0
  34. package/dist/components/Sidebar/Sidebar.d.ts +6 -1
  35. package/dist/components/Sidebar/index.d.ts +1 -1
  36. package/dist/components/SidebarNavItem/__stories__/SidebarNavItem.stories.d.ts +11 -0
  37. package/dist/components/SidebarNavSection/__stories__/SidebarNavSection.stories.d.ts +11 -0
  38. package/dist/components/Skeleton/__stories__/Skeleton.stories.d.ts +11 -0
  39. package/dist/components/Tabs/__stories__/Tabs.stories.d.ts +12 -0
  40. package/dist/components/Textarea/__stories__/Textarea.stories.d.ts +11 -0
  41. package/dist/components/ThemeGate/__stories__/ThemeGate.stories.d.ts +15 -0
  42. package/dist/components/Toast/__stories__/Toast.stories.d.ts +11 -0
  43. package/dist/components/Toggle/__stories__/Toggle.stories.d.ts +13 -0
  44. package/dist/components/Tooltip/__stories__/Tooltip.stories.d.ts +12 -0
  45. package/dist/components/TreeItem/__stories__/TreeItem.stories.d.ts +13 -0
  46. package/dist/components/TreeList/__stories__/TreeList.stories.d.ts +12 -0
  47. package/dist/hooks/useDropdown.d.ts +2 -0
  48. package/dist/index.es.js +601 -515
  49. package/dist/index.es.js.map +1 -1
  50. package/dist/index.umd.js +10 -10
  51. package/dist/index.umd.js.map +1 -1
  52. package/dist/layouts/AppShell/AppShell.d.ts +3 -1
  53. package/dist/style.css +2 -1
  54. package/package.json +1 -1
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Accordion } from "../Accordion";
3
+ declare const meta: Meta<typeof Accordion>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Accordion>;
6
+ export declare const Default: Story;
7
+ export declare const SingleItem: Story;
8
+ export declare const DefaultOpen: Story;
9
+ export declare const MultipleOpen: Story;
10
+ export declare const AllOpen: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { AppleSignInButton } from "../AppleSignInButton";
3
+ declare const meta: Meta<typeof AppleSignInButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AppleSignInButton>;
6
+ export declare const Default: Story;
7
+ export declare const Pending: Story;
8
+ export declare const WithError: Story;
9
+ export declare const GenericError: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { BackgroundWrapper } from "../BackgroundWrapper";
3
+ declare const meta: Meta<typeof BackgroundWrapper>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BackgroundWrapper>;
6
+ export declare const Default: Story;
7
+ export declare const WithCard: Story;
8
+ export declare const CustomStyle: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Badge } from "../Badge";
3
+ declare const meta: Meta<typeof Badge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Badge>;
6
+ export declare const Default: Story;
7
+ export declare const Success: Story;
8
+ export declare const Warning: Story;
9
+ export declare const Error: Story;
10
+ export declare const Info: Story;
11
+ export declare const AllVariants: Story;
12
+ export declare const BothSizes: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { LineChart } from "../Charts";
3
+ declare const meta: Meta<typeof LineChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof LineChart>;
6
+ export declare const LineDefault: Story;
7
+ export declare const LineFormatted: Story;
8
+ export declare const LineNoLegend: Story;
9
+ export declare const LineEmpty: Story;
10
+ export declare const BarDefault: Story;
11
+ export declare const AreaDefault: Story;
12
+ export declare const KpiCards: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Checkbox } from "../Checkbox";
3
+ declare const meta: Meta<typeof Checkbox>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Checkbox>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const DisabledChecked: Story;
10
+ export declare const WithoutLabel: Story;
11
+ export declare const AllStates: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { CloseButton } from "../CloseButton";
3
+ declare const meta: Meta<typeof CloseButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CloseButton>;
6
+ export declare const Default: Story;
7
+ export declare const Large: Story;
8
+ export declare const Small: Story;
9
+ export declare const AllSizes: Story;
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DataTable } from "../DataTable";
3
+ interface Product {
4
+ id: number;
5
+ name: string;
6
+ category: string;
7
+ price: number;
8
+ stock: number;
9
+ }
10
+ declare const meta: Meta<typeof DataTable<Product>>;
11
+ export default meta;
12
+ type Story = StoryObj<typeof DataTable<Product>>;
13
+ export declare const Default: Story;
14
+ export declare const WithSearch: Story;
15
+ export declare const WithPagination: Story;
16
+ export declare const WithSelection: Story;
17
+ export declare const Loading: Story;
18
+ export declare const Empty: Story;
19
+ export declare const WithRowClick: Story;
20
+ export declare const FullFeatured: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DatePicker } from "../DatePicker";
3
+ declare const meta: Meta<typeof DatePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DatePicker>;
6
+ export declare const Default: Story;
7
+ export declare const WithDate: Story;
8
+ export declare const WithError: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const WithoutLabel: Story;
11
+ export declare const Controlled: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DateRangePicker } from "../DateRangePicker";
3
+ declare const meta: Meta<typeof DateRangePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DateRangePicker>;
6
+ export declare const Default: Story;
7
+ export declare const WithRange: Story;
8
+ export declare const WithError: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const WithMinMax: Story;
11
+ export declare const CustomLabels: Story;
12
+ export declare const Controlled: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Dialog } from "../Dialog";
3
+ declare const meta: Meta<typeof Dialog>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Dialog>;
6
+ export declare const Default: Story;
7
+ export declare const Small: Story;
8
+ export declare const Large: Story;
9
+ export declare const WithActions: Story;
10
+ export declare const AlwaysOpen: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DropZone } from "../DropZone";
3
+ declare const meta: Meta<typeof DropZone>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DropZone>;
6
+ export declare const Default: Story;
7
+ export declare const SingleFile: Story;
8
+ export declare const WithFileList: Story;
9
+ export declare const Controlled: Story;
10
+ export declare const SpreadsheetUpload: Story;
@@ -16,4 +16,30 @@ export interface DropdownButtonProps {
16
16
  onClose?: () => void;
17
17
  "data-testid"?: string;
18
18
  }
19
+ interface TriggerRect {
20
+ top: number;
21
+ bottom: number;
22
+ left: number;
23
+ width: number;
24
+ }
25
+ interface MenuSize {
26
+ width: number;
27
+ height: number;
28
+ }
29
+ interface ViewportSize {
30
+ width: number;
31
+ height: number;
32
+ }
33
+ interface MenuPosition {
34
+ top: number;
35
+ left: number;
36
+ placement: "top" | "bottom";
37
+ }
38
+ /**
39
+ * Compute fixed viewport-aware position for the portaled menu.
40
+ * Exported for unit tests: placement values ("top"/"bottom") are written to
41
+ * the menu's data-placement attribute and drive the CSS enter animation direction.
42
+ */
43
+ export declare function computeMenuPosition(trigger: TriggerRect, menu: MenuSize, viewport: ViewportSize): MenuPosition;
19
44
  export declare function DropdownButton({ text, menuItems, size, variant, disabled, onSelect, onOpen, onClose, "data-testid": testId, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
45
+ export {};
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DropdownButton } from "../DropdownButton";
3
+ declare const meta: Meta<typeof DropdownButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DropdownButton>;
6
+ export declare const Default: Story;
7
+ export declare const Ghost: Story;
8
+ export declare const Sizes: Story;
9
+ export declare const DisabledButton: Story;
10
+ export declare const DisabledItem: Story;
11
+ export declare const WithoutIcons: Story;
12
+ export declare const ManyItems: Story;
13
+ export declare const AllVariants: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DropdownMenu } from "../DropdownMenu";
3
+ declare const meta: Meta<typeof DropdownMenu>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DropdownMenu>;
6
+ export declare const Default: Story;
7
+ export declare const WithIcons: Story;
8
+ export declare const WithDisabledItem: Story;
9
+ export declare const AlignRight: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { DsProvider } from "../DsProvider";
3
+ declare const meta: Meta<typeof DsProvider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DsProvider>;
6
+ export declare const Default: Story;
7
+ export declare const AngularLegacyTheme: Story;
8
+ export declare const BothThemes: Story;
9
+ export declare const WithCustomClassName: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ErrorBoundary } from "../ErrorBoundary";
3
+ declare const meta: Meta<typeof ErrorBoundary>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ErrorBoundary>;
6
+ export declare const HealthyChildren: Story;
7
+ export declare const DefaultFallback: Story;
8
+ export declare const CustomNodeFallback: Story;
9
+ export declare const FunctionFallbackWithRetry: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ExtrasDialog } from "../ExtrasDialog";
3
+ declare const meta: Meta<typeof ExtrasDialog>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ExtrasDialog>;
6
+ export declare const SingleSelectCategory: Story;
7
+ export declare const MultiSelectCategory: Story;
8
+ export declare const MultipleCategories: Story;
9
+ export declare const WithOutOfStockOption: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { FormField } from "../FormField";
3
+ declare const meta: Meta<typeof FormField>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FormField>;
6
+ export declare const Default: Story;
7
+ export declare const Required: Story;
8
+ export declare const WithDescription: Story;
9
+ export declare const WithError: Story;
10
+ export declare const WithDescriptionAndError: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { GoogleSignInButton } from "../GoogleSignInButton";
3
+ declare const meta: Meta<typeof GoogleSignInButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof GoogleSignInButton>;
6
+ export declare const Default: Story;
7
+ export declare const Pending: Story;
8
+ export declare const WithError: Story;
9
+ export declare const WithGenericError: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { GroupedButtons } from "../GroupedButtons";
3
+ declare const meta: Meta<typeof GroupedButtons>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof GroupedButtons>;
6
+ export declare const Default: Story;
7
+ export declare const TwoOptions: Story;
8
+ export declare const SmallSize: Story;
9
+ export declare const LargeSize: Story;
10
+ export declare const FullWidth: Story;
11
+ export declare const WithDisabledOption: Story;
12
+ export declare const Disabled: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Header } from "../Header";
3
+ declare const meta: Meta<typeof Header>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Header>;
6
+ export declare const SingleItem: Story;
7
+ export declare const MultipleItems: Story;
8
+ export declare const SpaceBetween: Story;
9
+ export declare const TitleOnly: Story;
10
+ export declare const Empty: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ImagePreview } from "../ImagePreview";
3
+ declare const meta: Meta<typeof ImagePreview>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ImagePreview>;
6
+ export declare const Default: Story;
7
+ export declare const SmallThumbnail: Story;
8
+ export declare const LargeThumbnail: Story;
9
+ export declare const RoundedFull: Story;
10
+ export declare const ErrorState: Story;
11
+ export declare const AllSizes: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { LanguageSelector } from "../LanguageSelector";
3
+ declare const meta: Meta<typeof LanguageSelector>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof LanguageSelector>;
6
+ export declare const Default: Story;
7
+ export declare const ControlledExample: Story;
8
+ export declare const TwoLanguages: Story;
9
+ export declare const EnglishSelected: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { LogoToteat } from "../LogoToteat";
3
+ declare const meta: Meta<typeof LogoToteat>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof LogoToteat>;
6
+ export declare const Default: Story;
7
+ export declare const IconMode: Story;
8
+ export declare const AllVariantsComplete: Story;
9
+ export declare const AllVariantsIcon: Story;
10
+ export declare const CustomSize: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Multiselect } from "../Multiselect";
3
+ declare const meta: Meta<typeof Multiselect>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Multiselect>;
6
+ export declare const Default: Story;
7
+ export declare const WithPreselection: Story;
8
+ export declare const ErrorState: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const FewOptions: Story;
@@ -4,9 +4,11 @@ export interface NavBarProps {
4
4
  onMenuToggle: () => void;
5
5
  onLogoClick: () => void;
6
6
  onRightToggle: () => void;
7
+ /** Reflects the sidebar's open state so the toggle exposes aria-expanded + the right label. */
8
+ isMenuOpen?: boolean;
7
9
  isLoading?: boolean;
8
10
  isPinLocked?: boolean;
9
11
  rightSlot?: ReactNode;
10
12
  "data-testid"?: string;
11
13
  }
12
- export declare function NavBar({ restaurantName, onMenuToggle, onLogoClick, onRightToggle, isLoading, isPinLocked, rightSlot, "data-testid": testId, }: NavBarProps): import("react/jsx-runtime").JSX.Element | null;
14
+ export declare function NavBar({ restaurantName, onMenuToggle, onLogoClick, onRightToggle, isMenuOpen, isLoading, isPinLocked, rightSlot, "data-testid": testId, }: NavBarProps): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Overlay } from "../Overlay";
3
+ declare const meta: Meta<typeof Overlay>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Overlay>;
6
+ export declare const Default: Story;
7
+ export declare const PlacementTop: Story;
8
+ export declare const PlacementBottom: Story;
9
+ export declare const BlurBackdrop: Story;
10
+ export declare const NotDismissible: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { OverlayMessage } from "../OverlayMessage";
3
+ declare const meta: Meta<typeof OverlayMessage>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof OverlayMessage>;
6
+ export declare const Success: Story;
7
+ export declare const Info: Story;
8
+ export declare const Warning: Story;
9
+ export declare const Error: Story;
10
+ export declare const AllStatusesStandalone: Story;
11
+ export declare const WithActions: Story;
12
+ export declare const StandaloneSuccess: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { PageLoadingOverlay } from "../PageLoadingOverlay";
3
+ declare const meta: Meta<typeof PageLoadingOverlay>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PageLoadingOverlay>;
6
+ export declare const Default: Story;
7
+ export declare const Open: Story;
8
+ export declare const Closed: Story;
9
+ export declare const CustomLabel: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ProductTile } from "../ProductTile";
3
+ declare const meta: Meta<typeof ProductTile>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProductTile>;
6
+ export declare const Default: Story;
7
+ export declare const WithImage: Story;
8
+ export declare const WithExtras: Story;
9
+ export declare const Weighed: Story;
10
+ export declare const LowStock: Story;
11
+ export declare const Depleted: Story;
12
+ export declare const AllVariants: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Radio } from "../Radio";
3
+ declare const meta: Meta<typeof Radio>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Radio>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Unchecked: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const DisabledChecked: Story;
11
+ export declare const WithoutLabel: Story;
12
+ export declare const RadioGroup: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Select } from "../Select";
3
+ declare const meta: Meta<typeof Select>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Select>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const Searchable: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const WithError: Story;
11
+ export declare const WithDisabledOption: Story;
12
+ export declare const SearchableNoResults: Story;
@@ -1,4 +1,9 @@
1
- import type { ReactNode } from "react";
1
+ import { type ReactNode } from "react";
2
+ /**
3
+ * Stable id for the sidebar drawer `<nav>`. The NavBar toggle references it via
4
+ * `aria-controls` so assistive tech associates the hamburger with the drawer.
5
+ */
6
+ export declare const SIDEBAR_DRAWER_ID = "ds-sidebar-drawer";
2
7
  export interface SidebarProps {
3
8
  isOpen: boolean;
4
9
  onClose: () => void;
@@ -1,2 +1,2 @@
1
1
  export type { SidebarProps } from "./Sidebar";
2
- export { Sidebar } from "./Sidebar";
2
+ export { SIDEBAR_DRAWER_ID, Sidebar } from "./Sidebar";
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { SidebarNavItem } from "../SidebarNavItem";
3
+ declare const meta: Meta<typeof SidebarNavItem>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SidebarNavItem>;
6
+ export declare const Default: Story;
7
+ export declare const Active: Story;
8
+ export declare const Inactive: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const NavGroup: Story;
11
+ export declare const AllStates: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { SidebarNavSection } from "../SidebarNavSection";
3
+ declare const meta: Meta<typeof SidebarNavSection>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SidebarNavSection>;
6
+ export declare const Default: Story;
7
+ export declare const DefaultOpen: Story;
8
+ export declare const Active: Story;
9
+ export declare const WithIcon: Story;
10
+ export declare const WithTitleSuffix: Story;
11
+ export declare const MultipleSections: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Skeleton } from "../Skeleton";
3
+ declare const meta: Meta<typeof Skeleton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Skeleton>;
6
+ export declare const Rectangular: Story;
7
+ export declare const Text: Story;
8
+ export declare const Circular: Story;
9
+ export declare const FullWidth: Story;
10
+ export declare const CardSkeleton: Story;
11
+ export declare const ListSkeleton: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Tabs } from "../Tabs";
3
+ declare const meta: Meta<typeof Tabs>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Tabs>;
6
+ export declare const Default: Story;
7
+ export declare const WithDefaultTab: Story;
8
+ export declare const WithDisabledTab: Story;
9
+ export declare const ContentDriven: Story;
10
+ export declare const Controlled: Story;
11
+ export declare const NoContentControlled: Story;
12
+ export declare const ManyTabs: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Textarea } from "../Textarea";
3
+ declare const meta: Meta<typeof Textarea>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Textarea>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const Error: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const TallRows: Story;
11
+ export declare const AllVariants: Story;
@@ -0,0 +1,15 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ThemeGate } from "../ThemeGate";
3
+ declare const meta: Meta<typeof ThemeGate>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ThemeGate>;
6
+ /**
7
+ * ThemeGate is an infrastructural primitive. It sets the `data-theme` attribute
8
+ * on a wrapper div, enabling DS token resolution for a specific theme scope.
9
+ * The global preview already wraps all stories in `tot-ds-root` + `data-theme`,
10
+ * so ThemeGate is typically used to create isolated theme regions within a page
11
+ * (e.g. a legacy Angular widget embedded inside a React app).
12
+ */
13
+ export declare const Default: Story;
14
+ export declare const AngularLegacy: Story;
15
+ export declare const SideBySide: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { ToastContainer } from "../Toast";
3
+ declare const meta: Meta<typeof ToastContainer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ToastContainer>;
6
+ export declare const Success: Story;
7
+ export declare const Error: Story;
8
+ export declare const Warning: Story;
9
+ export declare const Info: Story;
10
+ export declare const AllVariants: Story;
11
+ export declare const NonDismissible: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Toggle } from "../Toggle";
3
+ declare const meta: Meta<typeof Toggle>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Toggle>;
6
+ export declare const Default: Story;
7
+ export declare const On: Story;
8
+ export declare const Off: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const DisabledChecked: Story;
11
+ export declare const Small: Story;
12
+ export declare const WithoutLabel: Story;
13
+ export declare const BothSizes: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { Tooltip } from "../Tooltip";
3
+ declare const meta: Meta<typeof Tooltip>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Tooltip>;
6
+ export declare const Default: Story;
7
+ export declare const PlacementTop: Story;
8
+ export declare const PlacementBottom: Story;
9
+ export declare const PlacementLeft: Story;
10
+ export declare const PlacementRight: Story;
11
+ export declare const AllPlacements: Story;
12
+ export declare const WithRichContent: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { TreeItem } from "../TreeItem";
3
+ declare const meta: Meta<typeof TreeItem>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TreeItem>;
6
+ export declare const Leaf: Story;
7
+ export declare const WithChildren: Story;
8
+ export declare const Expanded: Story;
9
+ export declare const Selected: Story;
10
+ export declare const WithMeta: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const Draggable: Story;
13
+ export declare const Bordered: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from "@storybook/react-vite";
2
+ import { TreeList } from "../TreeList";
3
+ declare const meta: Meta<typeof TreeList>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TreeList>;
6
+ export declare const Default: Story;
7
+ export declare const Controlled: Story;
8
+ export declare const PreExpanded: Story;
9
+ export declare const Selectable: Story;
10
+ export declare const Bordered: Story;
11
+ export declare const Striped: Story;
12
+ export declare const Draggable: Story;
@@ -23,6 +23,8 @@ export interface UseDropdownReturn {
23
23
  containerRef: React.RefObject<HTMLDivElement | null>;
24
24
  /** Attach to the trigger: focus is returned here on Escape / close. */
25
25
  triggerRef: React.RefObject<HTMLButtonElement | null>;
26
+ /** Attach to the (possibly portaled) menu element: keeps it "inside" for outside-click detection. */
27
+ menuRef: React.RefObject<HTMLDivElement | null>;
26
28
  /** Index of the keyboard-active item (-1 when none). */
27
29
  activeIndex: number;
28
30
  /** Imperatively set the keyboard-active item index. */