tharaday 0.8.2 → 0.8.3

package/src/hooks/useClickOutside.ts

@@ -0,0 +1,35 @@
+import { useEffect, type RefObject } from 'react';
+
+/**
+ * Calls onClose when the user clicks outside the referenced element
+ * or presses Escape. Only active when enabled is true.
+ */
+export const useClickOutside = <T extends HTMLElement>(
+  ref: RefObject<T | null>,
+  onClose: () => void,
+  enabled: boolean
+): void => {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+
+    const handleClickOutside = (e: MouseEvent) => {
+      if (ref.current && !ref.current.contains(e.target as Node)) {
+        onClose();
+      }
+    };
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        onClose();
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [ref, onClose, enabled]);
+};

package/src/hooks/useFocusTrap.test.tsx

@@ -0,0 +1,95 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+import { useFocusTrap } from './useFocusTrap.ts';
+
+interface Props {
+  isOpen: boolean;
+  onClose: () => void;
+  isLoading?: boolean;
+}
+
+const TestComponent = ({ isOpen, onClose, isLoading }: Props) => {
+  const ref = useFocusTrap<HTMLDivElement>({ isOpen, onClose, isLoading });
+  if (!isOpen) {
+    return <button data-testid="trigger">Open</button>;
+  }
+  return (
+    <>
+      <button data-testid="trigger">Open</button>
+      <div ref={ref} data-testid="trap">
+        <button data-testid="first">First</button>
+        <button data-testid="second">Second</button>
+        <button data-testid="last">Last</button>
+      </div>
+    </>
+  );
+};
+
+describe('useFocusTrap', () => {
+  beforeEach(() => {
+    vi.spyOn(window, 'requestAnimationFrame').mockImplementation((cb) => {
+      cb(0);
+      return 0;
+    });
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('locks body scroll when open', () => {
+    render(<TestComponent isOpen onClose={vi.fn()} />);
+    expect(document.body.style.overflow).toBe('hidden');
+  });
+
+  it('unlocks body scroll when closed', () => {
+    const { rerender } = render(<TestComponent isOpen onClose={vi.fn()} />);
+    rerender(<TestComponent isOpen={false} onClose={vi.fn()} />);
+    expect(document.body.style.overflow).toBe('unset');
+  });
+
+  it('moves focus to the first focusable element when opened', () => {
+    render(<TestComponent isOpen onClose={vi.fn()} />);
+    expect(document.activeElement).toBe(screen.getByTestId('first'));
+  });
+
+  it('calls onClose when Escape is pressed', async () => {
+    const onClose = vi.fn();
+    render(<TestComponent isOpen onClose={onClose} />);
+    await userEvent.keyboard('{Escape}');
+    expect(onClose).toHaveBeenCalledOnce();
+  });
+
+  it('does not call onClose on Escape when isLoading', async () => {
+    const onClose = vi.fn();
+    render(<TestComponent isOpen isLoading onClose={onClose} />);
+    await userEvent.keyboard('{Escape}');
+    expect(onClose).not.toHaveBeenCalled();
+  });
+
+  it('cycles Tab from last to first focusable element', async () => {
+    render(<TestComponent isOpen onClose={vi.fn()} />);
+    screen.getByTestId('last').focus();
+    await userEvent.keyboard('{Tab}');
+    expect(document.activeElement).toBe(screen.getByTestId('first'));
+  });
+
+  it('cycles Shift+Tab from first to last focusable element', async () => {
+    render(<TestComponent isOpen onClose={vi.fn()} />);
+    screen.getByTestId('first').focus();
+    await userEvent.keyboard('{Shift>}{Tab}{/Shift}');
+    expect(document.activeElement).toBe(screen.getByTestId('last'));
+  });
+
+  it('restores focus to the previously focused element on close', () => {
+    const { rerender } = render(<TestComponent isOpen={false} onClose={vi.fn()} />);
+    screen.getByTestId('trigger').focus();
+    expect(document.activeElement).toBe(screen.getByTestId('trigger'));
+
+    rerender(<TestComponent isOpen onClose={vi.fn()} />);
+    rerender(<TestComponent isOpen={false} onClose={vi.fn()} />);
+
+    expect(document.activeElement).toBe(screen.getByTestId('trigger'));
+  });
+});

package/src/hooks/useFocusTrap.ts

@@ -0,0 +1,88 @@
+import { useEffect, useRef } from 'react';
+
+const FOCUSABLE_SELECTORS =
+  'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+
+interface UseFocusTrapOptions {
+  isOpen: boolean;
+  onClose: () => void;
+  isLoading?: boolean;
+}
+
+/**
+ * Traps keyboard focus inside a container while it is open.
+ *
+ * - Locks body scroll and moves focus to the first focusable element on open
+ * - Cycles Tab / Shift+Tab within the container
+ * - Closes on Escape (unless isLoading)
+ * - Restores focus to the previously focused element on close
+ *
+ * Returns a ref that must be attached to the container element.
+ */
+export const useFocusTrap = <T extends HTMLElement>({
+  isOpen,
+  onClose,
+  isLoading = false,
+}: UseFocusTrapOptions) => {
+  const containerRef = useRef<T>(null);
+  const previousFocus = useRef<HTMLElement | null>(null);
+  const onCloseRef = useRef(onClose);
+
+  useEffect(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape' && !isLoading) {
+        onCloseRef.current();
+        return;
+      }
+
+      if (event.key === 'Tab' && containerRef.current) {
+        const focusableElements =
+          containerRef.current.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS);
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+
+        if (!firstElement || !lastElement) {
+          return;
+        }
+
+        if (event.shiftKey) {
+          if (document.activeElement === firstElement) {
+            lastElement.focus();
+            event.preventDefault();
+          }
+        } else {
+          if (document.activeElement === lastElement) {
+            firstElement.focus();
+            event.preventDefault();
+          }
+        }
+      }
+    };
+
+    if (isOpen) {
+      previousFocus.current = document.activeElement as HTMLElement;
+      document.body.style.overflow = 'hidden';
+      window.addEventListener('keydown', handleKeyDown);
+
+      requestAnimationFrame(() => {
+        const focusableElements =
+          containerRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS);
+        if (focusableElements && focusableElements.length > 0) {
+          focusableElements[0].focus();
+        }
+      });
+    }
+
+    return () => {
+      document.body.style.overflow = 'unset';
+      window.removeEventListener('keydown', handleKeyDown);
+      previousFocus.current?.focus();
+    };
+  }, [isOpen, isLoading]);
+
+  return containerRef;
+};

package/src/index.ts

@@ -44,6 +44,8 @@ export type {
 } from './components/Card/Card.types.ts';
 export { Checkbox } from './components/Checkbox/Checkbox.tsx';
 export type { CheckboxProps } from './components/Checkbox/Checkbox.types.ts';
+export { DatePicker } from './components/DatePicker/DatePicker.tsx';
+export type { DatePickerProps } from './components/DatePicker/DatePicker.types.ts';
 export { Dropdown } from './components/Dropdown/Dropdown.tsx';
 export type {
   DropdownProps,
@@ -52,6 +54,10 @@ export type {
 } from './components/Dropdown/Dropdown.types.ts';
 export { Divider } from './components/Divider/Divider.tsx';
 export type { DividerProps, DividerOrientation } from './components/Divider/Divider.types.ts';
+export { Drawer } from './components/Drawer/Drawer.tsx';
+export type { DrawerProps, DrawerPlacement, DrawerSize } from './components/Drawer/Drawer.types.ts';
+export { EmptyState } from './components/EmptyState/EmptyState.tsx';
+export type { EmptyStateProps, EmptyStateSize } from './components/EmptyState/EmptyState.types.ts';
 export { Header } from './components/Header/Header.tsx';
 export type { HeaderProps } from './components/Header/Header.types.ts';
 export { NavBar } from './components/NavBar/NavBar.tsx';
@@ -73,6 +79,8 @@ export type {
   PaginationProps,
   PaginationLabels,
 } from './components/Pagination/Pagination.types.ts';
+export { Popover } from './components/Popover/Popover.tsx';
+export type { PopoverProps, PopoverPlacement } from './components/Popover/Popover.types.ts';
 export { ProgressBar } from './components/ProgressBar/ProgressBar.tsx';
 export type {
   ProgressBarProps,
@@ -96,6 +104,8 @@ export { Select } from './components/Select/Select.tsx';
 export type { SelectProps, SelectOption, SelectSize } from './components/Select/Select.types.ts';
 export { Switch } from './components/Switch/Switch.tsx';
 export type { SwitchProps } from './components/Switch/Switch.types.ts';
+export { Tag } from './components/Tag/Tag.tsx';
+export type { TagProps, TagIntent, TagSize } from './components/Tag/Tag.types.ts';
 export {
   Table,
   TableBody,

package/src/styles/themes.browser.test.ts

@@ -0,0 +1,75 @@
+import './ds.css';
+
+/**
+ * Resolves a CSS custom property to its final computed color by applying it
+ * as a background-color on a temporary element in the current theme context.
+ */
+function resolveColorToken(token: string): string {
+  const el = document.createElement('div');
+  el.style.backgroundColor = `var(${token})`;
+  document.body.appendChild(el);
+  const color = getComputedStyle(el).backgroundColor;
+  el.remove();
+  return color;
+}
+
+afterEach(() => {
+  document.documentElement.removeAttribute('data-theme');
+});
+
+describe('light theme (default)', () => {
+  it('surface-0 is white', () => {
+    expect(resolveColorToken('--ds-surface-0')).toBe('rgb(255, 255, 255)');
+  });
+
+  it('surface-1 is off-white', () => {
+    expect(resolveColorToken('--ds-surface-1')).toBe('rgb(250, 250, 250)');
+  });
+
+  it('text-1 is near-black', () => {
+    expect(resolveColorToken('--ds-text-1')).toBe('rgb(36, 36, 41)');
+  });
+
+  it('border-1 is light grey', () => {
+    expect(resolveColorToken('--ds-border-1')).toBe('rgb(238, 238, 238)');
+  });
+});
+
+describe('dark theme', () => {
+  beforeEach(() => {
+    document.documentElement.setAttribute('data-theme', 'dark');
+  });
+
+  it('surface-0 is near-black', () => {
+    expect(resolveColorToken('--ds-surface-0')).toBe('rgb(9, 9, 11)');
+  });
+
+  it('surface-1 is dark grey', () => {
+    expect(resolveColorToken('--ds-surface-1')).toBe('rgb(36, 36, 41)');
+  });
+
+  it('text-1 is white', () => {
+    expect(resolveColorToken('--ds-text-1')).toBe('rgb(255, 255, 255)');
+  });
+
+  it('border-1 is dark grey', () => {
+    expect(resolveColorToken('--ds-border-1')).toBe('rgb(50, 50, 55)');
+  });
+});
+
+describe('theme contrast — light vs dark', () => {
+  it('surface-0 differs between themes', () => {
+    const light = resolveColorToken('--ds-surface-0');
+    document.documentElement.setAttribute('data-theme', 'dark');
+    const dark = resolveColorToken('--ds-surface-0');
+    expect(light).not.toBe(dark);
+  });
+
+  it('text-1 inverts between themes', () => {
+    const lightText = resolveColorToken('--ds-text-1');
+    document.documentElement.setAttribute('data-theme', 'dark');
+    const darkText = resolveColorToken('--ds-text-1');
+    // light text-1 (neutral-900) becomes dark surface-0 (neutral-950) equivalent
+    expect(lightText).not.toBe(darkText);
+  });
+});

package/vite.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
   plugins: [
     dts({
       include: ['src'],
-      tsconfigPath: './tsconfig.app.json',
+      tsConfigFilePath: './tsconfig.app.json',
     }),
   ],
   build: {

package/dist/src/components/Accordion/Accordion.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Accordion } from './Accordion.tsx';
-declare const meta: Meta<typeof Accordion>;
-export default meta;
-type Story = StoryObj<typeof Accordion>;
-export declare const Default: Story;
-export declare const Ghost: Story;
-export declare const Bordered: Story;
-export declare const Separated: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const AllowMultiple: Story;
-export declare const DefaultExpanded: Story;
-export declare const ComplexContent: Story;

package/dist/src/components/Accordion/Accordion.types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export interface AccordionItem {
-    id: string;
-    title: ReactNode;
-    content: ReactNode;
-    isDisabled?: boolean;
-}
-export type AccordionVariant = 'default' | 'ghost' | 'separated' | 'bordered';
-export type AccordionSize = 'sm' | 'md' | 'lg';
-export interface AccordionProps {
-    items: AccordionItem[];
-    allowMultiple?: boolean;
-    defaultExpanded?: string[];
-    variant?: AccordionVariant;
-    size?: AccordionSize;
-    className?: string;
-    id?: string;
-}

package/dist/src/components/Avatar/Avatar.stories.d.ts

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ src, alt, name, size, fallback, className, ...props }: import('./Avatar.types.ts').AvatarProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithImage: Story;
-export declare const Sizes: Story;

package/dist/src/components/Avatar/Avatar.types.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
-    src?: string;
-    alt?: string;
-    name?: string;
-    size?: AvatarSize;
-    fallback?: string;
-    className?: string;
-}

package/dist/src/components/Badge/Badge.stories.d.ts

@@ -1,33 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ variant, size, intent, className, children, ...props }: import('./Badge.types.ts').BadgeProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        intent: {
-            control: "select";
-            options: string[];
-        };
-        variant: {
-            control: "select";
-            options: string[];
-        };
-        size: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Solid: Story;
-export declare const Subtle: Story;
-export declare const Outline: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Info: Story;
-export declare const All: Story;

package/dist/src/components/Badge/Badge.types.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type BadgeVariant = 'solid' | 'subtle' | 'outline';
-export type BadgeSize = 'sm' | 'md' | 'lg';
-export type BadgeIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    className?: string;
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-    intent?: BadgeIntent;
-}

package/dist/src/components/Box/Box.stories.d.ts

@@ -1,38 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, height, maxWidth, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: import('./Box.types.ts').BoxProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    argTypes: {
-        display: {
-            control: "select";
-            options: string[];
-        };
-        padding: {
-            control: "select";
-            options: number[];
-        };
-        gap: {
-            control: "select";
-            options: number[];
-        };
-        flexDirection: {
-            control: "select";
-            options: string[];
-        };
-        alignItems: {
-            control: "select";
-            options: string[];
-        };
-        justifyContent: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const FlexRow: Story;
-export declare const FlexColumn: Story;
-export declare const CustomElement: Story;

package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ children, separator, className, ...props }: import('./Breadcrumbs.types.ts').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomSeparator: Story;

package/dist/src/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode, AnchorHTMLAttributes, HTMLAttributes } from 'react';
-export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    children?: ReactNode;
-    separator?: ReactNode;
-    className?: string;
-}
-export interface BreadcrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    href?: string;
-    isCurrent?: boolean;
-    children: ReactNode;
-}

package/dist/src/components/Button/Button.stories.d.ts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ type, size, variant, intent, fullWidth, isLoading, className, children, disabled, ...props }: import('./Button.types.ts').ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Solid: Story;
-export declare const Subtle: Story;
-export declare const Outline: Story;
-export declare const ExtraSmall: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const ExtraLarge: Story;
-export declare const All: Story;

package/dist/src/components/Button/Button.types.d.ts

@@ -1,12 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export type ButtonVariant = 'solid' | 'subtle' | 'outline';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ButtonIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    intent?: ButtonIntent;
-    isLoading?: boolean;
-    fullWidth?: boolean;
-    className?: string;
-}

package/dist/src/components/Card/Card.stories.d.ts

@@ -1,27 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ padding, shadow, bordered, borderColor, backgroundColor, className, children, ...props }: import('./Card.types.ts').CardProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        padding: {
-            control: "select";
-            options: string[];
-        };
-        shadow: {
-            control: "select";
-            options: string[];
-        };
-        bordered: {
-            control: "boolean";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Simple: Story;
-export declare const BackgroundColor: Story;

package/dist/src/components/Card/Card.types.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { BoxBackgroundColor, BoxBorderColor } from '../Box/Box.types.ts';
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    shadow?: 'none' | 'sm' | 'md';
-    bordered?: boolean;
-    borderColor?: BoxBorderColor;
-    backgroundColor?: BoxBackgroundColor;
-}
-export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    title?: ReactNode;
-    subtitle?: ReactNode;
-}
-export type CardContentProps = HTMLAttributes<HTMLDivElement>;
-export type CardFooterProps = HTMLAttributes<HTMLDivElement>;

package/dist/src/components/Checkbox/Checkbox.stories.d.ts

@@ -1,17 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ label, error, helperText, className, disabled, id, ...props }: import('./Checkbox.types.ts').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const WithHelperText: Story;
-export declare const Error: Story;
-export declare const Disabled: Story;
-export declare const All: Story;

package/dist/src/components/Checkbox/Checkbox.types.d.ts

@@ -1,7 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    className?: string;
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}

package/dist/src/components/Divider/Divider.stories.d.ts

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ orientation, thickness, length, spacing, inset, className, style, ...props }: import('./Divider.types.ts').DividerProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    args: {
-        orientation: "horizontal";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Horizontal: Story;
-export declare const Inset: Story;
-export declare const Spacing: Story;
-export declare const Vertical: Story;

package/dist/src/components/Divider/Divider.types.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type DividerOrientation = 'horizontal' | 'vertical';
-export interface DividerProps extends Omit<HTMLAttributes<HTMLHRElement>, 'color'> {
-    className?: string;
-    orientation?: DividerOrientation;
-    thickness?: number | string;
-    length?: number | string;
-    spacing?: number | string;
-    inset?: number | string;
-}

package/dist/src/components/Dropdown/Dropdown.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Dropdown } from './Dropdown.tsx';
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-type Story = StoryObj<typeof Dropdown>;
-export declare const Default: Story;
-export declare const WithLabel: Story;
-export declare const WithValue: Story;
-export declare const Error: Story;
-export declare const Disabled: Story;
-export declare const Sizes: Story;
-export declare const FullWidth: Story;