@moving-walls/design-system 2.0.0 → 2.0.1

package/package.json

@@ -1,146 +1,144 @@
-{
-  "name": "@moving-walls/design-system",
-  "version": "2.0.0",
-  "type": "module",
-  "description": "A comprehensive React component library and design system with TypeScript support, providing modern UI components, design tokens, and a complete icon system.",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "git@gitlab.movingwalls.com:design-system/mw-design-system.git"
-  },
-  "homepage": "https://design.movingwalls.com/",
-  "bugs": {
-    "url": "https://gitlab.movingwalls.com/design-system/mw-design-system/issues"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.js"
-    },
-    "./dist/styles/*": "./dist/styles/*",
-    "./dist/tokens/*": "./dist/tokens/*",
-    "./dist/components/*": "./dist/components/*"
-  },
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "build:package": "rollup -c",
-    "postbuild:package": "npm run clean:dist",
-    "clean:dist": "node -e \"const fs=require('fs');['dist/node_modules','dist/stories','dist/test','dist/src'].forEach(d=>{try{fs.rmSync(d,{recursive:true,force:true})}catch(e){}})\"",
-    "build:ci": "rollup -c rollup.config.ci.js",
-    "prepublishOnly": "npm run build:package",
-    "start": "next start",
-    "lint": "next lint",
-    "version": "npm run build:package && git add -A dist",
-    "postversion": "git push && git push --tags",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "design-system",
-    "ui",
-    "typescript",
-    "tailwind",
-    "icons",
-    "design-tokens"
-  ],
-  "author": {
-    "name": "MovingWalls",
-    "email": "engineering@movingwalls.com",
-    "url": "https://design.movingwalls.com/"
-  },
-  "license": "MIT",
-  "peerDependencies": {
-    "ag-grid-community": ">=35.0.0",
-    "ag-grid-react": ">=35.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "peerDependenciesMeta": {
-    "ag-grid-community": {
-      "optional": true
-    },
-    "ag-grid-react": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@radix-ui/react-select": "^2.2.6",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.462.0",
-    "tailwind-merge": "^3.3.1"
-  },
-  "devDependencies": {
-    "@babel/plugin-syntax-jsx": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
-    "@babel/preset-typescript": "^7.26.0",
-    "@chromatic-com/storybook": "^4.1.3",
-    "@eslint/eslintrc": "^3.3.3",
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
-    "@next/mdx": "^15.4.10",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-onboarding": "^10.1.11",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/nextjs-vite": "^10.1.11",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
-    "@types/node": "^20.17.9",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/browser-playwright": "^4.0.15",
-    "@vitest/coverage-v8": "^4.0.15",
-    "ag-grid-community": "^35.0.1",
-    "ag-grid-react": "^35.0.1",
-    "autoprefixer": "^10.4.21",
-    "copy-to-clipboard": "^3.3.3",
-    "eslint": "^8.57.1",
-    "eslint-config-next": "^15.4.10",
-    "eslint-plugin-storybook": "^10.1.11",
-    "framer-motion": "^11.12.0",
-    "happy-dom": "^20.8.9",
-    "jsdom": "^27.4.0",
-    "next": "^15.4.10",
-    "playwright": "^1.57.0",
-    "postcss": "^8.5.1",
-    "postcss-loader": "^8.2.0",
-    "puppeteer": "^24.17.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-syntax-highlighter": "^15.5.0",
-    "rollup": "^4.50.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "semver": "^7.7.2",
-    "storybook": "^10.1.11",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2",
-    "vite": "^7.2.7",
-    "vitest": "^4.0.15",
-    "vitest-axe": "^0.1.0"
-  },
-  "volta": {
-    "node": "21.7.3"
-  }
-}
+{
+  "name": "@moving-walls/design-system",
+  "version": "2.0.1",
+  "type": "module",
+  "description": "A comprehensive React component library and design system with TypeScript support, providing modern UI components, design tokens, and a complete icon system.",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.movingwalls.com:design-system/mw-design-system.git"
+  },
+  "homepage": "https://design.movingwalls.com/",
+  "bugs": {
+    "url": "https://gitlab.movingwalls.com/design-system/mw-design-system/issues"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./dist/styles/*": "./dist/styles/*",
+    "./dist/tokens/*": "./dist/tokens/*",
+    "./dist/components/*": "./dist/components/*"
+  },
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "build:package": "rollup -c",
+    "postbuild:package": "npm run clean:dist",
+    "clean:dist": "node -e \"const fs=require('fs');['dist/node_modules','dist/stories','dist/test','dist/src'].forEach(d=>{try{fs.rmSync(d,{recursive:true,force:true})}catch(e){}})\"",
+    "build:ci": "rollup -c rollup.config.ci.js",
+    "prepublishOnly": "npm run build:package",
+    "start": "next start",
+    "lint": "next lint",
+    "version": "npm run build:package && git add -A dist",
+    "postversion": "git push && git push --tags",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "ui",
+    "typescript",
+    "tailwind",
+    "icons",
+    "design-tokens"
+  ],
+  "author": {
+    "name": "MovingWalls",
+    "email": "engineering@movingwalls.com",
+    "url": "https://design.movingwalls.com/"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "ag-grid-community": ">=35.0.0",
+    "ag-grid-react": ">=35.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "ag-grid-community": {
+      "optional": true
+    },
+    "ag-grid-react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@radix-ui/react-select": "^2.2.6",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.462.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-jsx": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/eslintrc": "^3.3.3",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/mdx": "^15.4.10",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/nextjs-vite": "^10.1.11",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@types/node": "^20.17.9",
+    "@types/react": "^18.3.17",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
+    "ag-grid-community": "^35.0.1",
+    "ag-grid-react": "^35.0.1",
+    "autoprefixer": "^10.4.21",
+    "copy-to-clipboard": "^3.3.3",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "^15.4.10",
+    "eslint-plugin-storybook": "^10.1.11",
+    "framer-motion": "^11.12.0",
+    "jsdom": "^27.4.0",
+    "next": "^15.4.10",
+    "playwright": "^1.57.0",
+    "postcss": "^8.5.1",
+    "postcss-loader": "^8.2.0",
+    "puppeteer": "^24.17.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "rollup": "^4.50.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "semver": "^7.7.2",
+    "storybook": "^10.1.11",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^7.2.7",
+    "vitest": "^4.0.15"
+  },
+  "volta": {
+    "node": "21.7.3"
+  }
+}

package/dist/components/ui/AdvancedTable/index.d.ts

@@ -1,3 +0,0 @@
-export { useAdvancedTable } from './useAdvancedTable';
-export type { UseAdvancedTableOptions } from './useAdvancedTable';
-export type { AdvancedTableColumn, AdvancedTableSort, AdvancedTableFilter, AdvancedTableState, AdvancedTableColumnType, AdvancedTableSortDirection, AdvancedTableFilterOperator, AdvancedTableSelectionMode, AdvancedTableDensity, } from './types';

package/dist/components/ui/AdvancedTable/types.d.ts

@@ -1,51 +0,0 @@
-export type AdvancedTableColumnType = 'text' | 'number' | 'date' | 'boolean' | 'badge' | 'progress' | 'image' | 'link' | 'custom';
-export type AdvancedTableSortDirection = 'asc' | 'desc' | null;
-export type AdvancedTableFilterOperator = 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'gt' | 'lt' | 'gte' | 'lte' | 'between' | 'in' | 'notIn';
-export type AdvancedTableSelectionMode = 'none' | 'single' | 'multiple';
-export type AdvancedTableDensity = 'compact' | 'normal' | 'comfortable';
-export interface AdvancedTableColumn<T = unknown> {
-    id: string;
-    header: string | React.ReactNode;
-    accessorKey?: keyof T | string;
-    accessorFn?: (row: T) => unknown;
-    cell?: (value: unknown, row: T, column: AdvancedTableColumn<T>) => React.ReactNode;
-    sortable?: boolean;
-    filterable?: boolean;
-    searchable?: boolean;
-    type?: AdvancedTableColumnType;
-    width?: number | string;
-    minWidth?: number;
-    maxWidth?: number;
-    align?: 'left' | 'center' | 'right';
-    sticky?: 'left' | 'right';
-    resizable?: boolean;
-    hidden?: boolean;
-    pinned?: boolean;
-    freezable?: boolean;
-    aggregate?: 'sum' | 'avg' | 'count' | 'min' | 'max' | 'custom';
-    aggregateFn?: (values: unknown[]) => unknown;
-    footer?: React.ReactNode | ((values: unknown[]) => React.ReactNode);
-    meta?: Record<string, unknown>;
-}
-export interface AdvancedTableSort {
-    columnId: string;
-    direction: AdvancedTableSortDirection;
-}
-export interface AdvancedTableFilter {
-    columnId: string;
-    value: unknown;
-    operator?: AdvancedTableFilterOperator;
-}
-export interface AdvancedTableState {
-    sorting: AdvancedTableSort[];
-    filters: AdvancedTableFilter[];
-    globalFilter: string;
-    columnVisibility: Record<string, boolean>;
-    columnOrder: string[];
-    columnSizing: Record<string, number>;
-    density: AdvancedTableDensity;
-    frozenColumns: {
-        left: string[];
-        right: string[];
-    };
-}

package/dist/components/ui/AdvancedTable/useAdvancedTable.d.ts

@@ -1,27 +0,0 @@
-import type { AdvancedTableColumn, AdvancedTableSort, AdvancedTableFilter, AdvancedTableState, AdvancedTableDensity } from './types';
-export interface UseAdvancedTableOptions<T> {
-    data: T[];
-    columns: AdvancedTableColumn<T>[];
-    initialState?: Partial<AdvancedTableState>;
-    getRowId?: (row: T, index: number) => string | number;
-}
-export declare function useAdvancedTable<T>({ data, columns, initialState, getRowId, }: UseAdvancedTableOptions<T>): {
-    processedData: T[];
-    visibleColumns: AdvancedTableColumn<T>[];
-    state: AdvancedTableState;
-    sorting: AdvancedTableSort[];
-    filters: AdvancedTableFilter[];
-    globalFilter: string;
-    density: AdvancedTableDensity;
-    selectedRows: Set<string | number>;
-    toggleSort: (columnId: string) => void;
-    addFilter: (filter: AdvancedTableFilter) => void;
-    removeFilter: (columnId: string) => void;
-    clearFilters: () => void;
-    setGlobalFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
-    setDensity: import("react").Dispatch<import("react").SetStateAction<AdvancedTableDensity>>;
-    toggleColumnVisibility: (columnId: string) => void;
-    toggleRowSelection: (rowId: string | number) => void;
-    selectAllRows: () => void;
-    clearSelection: () => void;
-};

package/dist/components/ui/Calendar/index.d.ts

@@ -1,3 +0,0 @@
-export { useCalendar } from './useCalendar';
-export type { UseCalendarOptions } from './useCalendar';
-export type { CalendarEvent, CalendarView } from './types';

package/dist/components/ui/Calendar/types.d.ts

@@ -1,14 +0,0 @@
-export interface CalendarEvent {
-    id: string;
-    title: string;
-    date: Date;
-    color?: string;
-    allDay?: boolean;
-    startTime?: string;
-    endTime?: string;
-    description?: string;
-    category?: string;
-    attendees?: string[];
-    location?: string;
-}
-export type CalendarView = 'month' | 'week' | 'day';

package/dist/components/ui/Calendar/useCalendar.d.ts

@@ -1,26 +0,0 @@
-import type { CalendarEvent, CalendarView } from './types';
-export interface UseCalendarOptions {
-    value?: Date;
-    events?: CalendarEvent[];
-    view?: CalendarView;
-    onViewChange?: (view: CalendarView) => void;
-    onChange?: (date: Date) => void;
-    hourFormat?: 12 | 24;
-}
-export declare function useCalendar({ value, events, view, onViewChange, onChange, hourFormat, }: UseCalendarOptions): {
-    currentDate: Date;
-    currentView: CalendarView;
-    today: Date;
-    year: number;
-    month: number;
-    handleViewChange: (newView: CalendarView) => void;
-    handleDateSelect: (date: Date) => void;
-    navigateMonth: (delta: number) => void;
-    navigateWeek: (delta: number) => void;
-    navigateDay: (delta: number) => void;
-    goToToday: () => void;
-    getEventsForDate: (date: Date) => CalendarEvent[];
-    getEventsForTimeSlot: (date: Date, timeSlot: string) => CalendarEvent[];
-    formatTime: (time: string) => string;
-    getWeekDates: (date: Date) => Date[];
-};

package/dist/components/ui/CollapsibleInfoPanel.d.ts

@@ -1,12 +0,0 @@
-export interface CollapsibleInfoPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    icon?: React.ReactNode;
-    defaultOpen?: boolean;
-    children: React.ReactNode;
-}
-/**
- * A collapsible panel for secondary information on mobile.
- * Wraps the design system Accordion for converting sidebar panels
- * (tips, insights, help text) into expandable sections.
- */
-export declare const CollapsibleInfoPanel: import("react").ForwardRefExoticComponent<CollapsibleInfoPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/DesktopOnly.d.ts

@@ -1,8 +0,0 @@
-export interface DesktopOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-/**
- * Renders children only on desktop (hidden below md breakpoint).
- * Uses CSS-based visibility — both layouts are in the DOM.
- */
-export declare const DesktopOnly: import("react").ForwardRefExoticComponent<DesktopOnlyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/DragDrop/DragDropZone.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface DragDropZoneProps {
-    onFileDrop: (files: File[]) => void;
-    accept?: string[];
-    multiple?: boolean;
-    maxSize?: number;
-    maxFiles?: number;
-    disabled?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    showPreview?: boolean;
-    compact?: boolean;
-}
-export declare function DragDropZone({ onFileDrop, accept, multiple, maxSize, maxFiles, disabled, className, children, showPreview, compact }: DragDropZoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/DragDrop/FilePreview.d.ts

@@ -1,7 +0,0 @@
-import type { DroppedFile } from './types';
-export interface FilePreviewProps {
-    file: DroppedFile;
-    onRemove: () => void;
-    showActions?: boolean;
-}
-export declare function FilePreview({ file, onRemove, showActions }: FilePreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/DragDrop/SortableList.d.ts

@@ -1,8 +0,0 @@
-import type { SortableItem } from './types';
-export interface SortableListProps {
-    items: SortableItem[];
-    onReorder: (items: SortableItem[]) => void;
-    className?: string;
-    itemClassName?: string;
-}
-export declare function SortableList({ items, onReorder, className, itemClassName }: SortableListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/DragDrop/index.d.ts

@@ -1,9 +0,0 @@
-export { useDragDrop } from './useDragDrop';
-export { DragDropZone } from './DragDropZone';
-export { FilePreview } from './FilePreview';
-export type { FilePreviewProps } from './FilePreview';
-export { SortableList } from './SortableList';
-export type { SortableListProps } from './SortableList';
-export type { DroppedFile, SortableItem } from './types';
-export { DragDropZone as DragDrop } from './DragDropZone';
-export type { DragDropZoneProps as DragDropProps } from './DragDropZone';

package/dist/components/ui/DragDrop/types.d.ts

@@ -1,12 +0,0 @@
-export interface DroppedFile {
-    id: string;
-    file: File;
-    status: 'pending' | 'uploading' | 'success' | 'error';
-    progress?: number;
-    error?: string;
-    preview?: string;
-}
-export interface SortableItem {
-    id: string;
-    content: React.ReactNode;
-}

package/dist/components/ui/DragDrop/useDragDrop.d.ts

@@ -1,16 +0,0 @@
-export declare function useDragDrop({ onDrop, accept, multiple, maxSize, onError }: {
-    onDrop: (files: File[]) => void;
-    accept?: string[];
-    multiple?: boolean;
-    maxSize?: number;
-    onError?: (error: string) => void;
-}): {
-    isDragActive: boolean;
-    isDragReject: boolean;
-    dragProps: {
-        onDrop: (e: React.DragEvent) => void;
-        onDragEnter: (e: React.DragEvent) => void;
-        onDragLeave: (e: React.DragEvent) => void;
-        onDragOver: (e: React.DragEvent) => void;
-    };
-};

package/dist/components/ui/FocusScope.d.ts

@@ -1,14 +0,0 @@
-export interface FocusScopeProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Whether to trap focus within this scope. */
-    trapped?: boolean;
-    /** Whether to auto-focus the first focusable element on mount. */
-    autoFocus?: boolean;
-    /** Called when Escape is pressed while focus is within the scope. */
-    onEscape?: () => void;
-    children: React.ReactNode;
-}
-/**
- * Traps keyboard focus within its children.
- * Use in modals, dialogs, and sheets to prevent focus from escaping.
- */
-export declare const FocusScope: import("react").ForwardRefExoticComponent<FocusScopeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/MobileDataCard.d.ts

@@ -1,18 +0,0 @@
-export interface MobileDataCardField {
-    label: string;
-    value: React.ReactNode;
-}
-export interface MobileDataCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    title: string;
-    subtitle?: string;
-    statusBadge?: React.ReactNode;
-    fields: MobileDataCardField[];
-    actions?: React.ReactNode;
-    onClick?: () => void;
-}
-/**
- * A mobile-optimized card for displaying a single data row.
- * Replaces AG Grid table rows on mobile viewports.
- * Minimum 44px touch target when clickable.
- */
-export declare const MobileDataCard: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MobileDataCardProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/ui/MobileOnly.d.ts

@@ -1,8 +0,0 @@
-export interface MobileOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-/**
- * Renders children only on mobile (hidden on md+ screens).
- * Uses CSS-based visibility — both layouts are in the DOM.
- */
-export declare const MobileOnly: import("react").ForwardRefExoticComponent<MobileOnlyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/MobilePagination.d.ts

@@ -1,10 +0,0 @@
-export interface MobilePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    page: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-}
-/**
- * Prev/Next pagination for mobile card lists.
- * Shows "Page X of Y" with disabled states at boundaries.
- */
-export declare const MobilePagination: import("react").ForwardRefExoticComponent<MobilePaginationProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/MobileToolbar.d.ts

@@ -1,12 +0,0 @@
-export interface MobileToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    searchValue: string;
-    onSearchChange: (value: string) => void;
-    searchPlaceholder?: string;
-    onFilterClick?: () => void;
-    activeFilterCount?: number;
-}
-/**
- * A mobile-optimized toolbar with search input and optional filter button.
- * Filter button shows an active count badge when filters are applied.
- */
-export declare const MobileToolbar: import("react").ForwardRefExoticComponent<MobileToolbarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/ResponsiveStack.d.ts

@@ -1,14 +0,0 @@
-export interface ResponsiveStackProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Breakpoint at which to switch from column to row. Defaults to 'md'. */
-    breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
-    /** Gap between items (Tailwind gap-N value). */
-    gap?: number;
-    /** Whether to reverse the column direction on mobile. */
-    reverse?: boolean;
-    children: React.ReactNode;
-}
-/**
- * Stacks children vertically on mobile, horizontally on desktop.
- * Replaces the common `flex flex-col md:flex-row` pattern.
- */
-export declare const ResponsiveStack: import("react").ForwardRefExoticComponent<ResponsiveStackProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/VisuallyHidden.d.ts

@@ -1,10 +0,0 @@
-export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {
-    /** The HTML element to render. Defaults to 'span'. */
-    as?: React.ElementType;
-    children: React.ReactNode;
-}
-/**
- * Renders content that is visually hidden but accessible to screen readers.
- * Use this instead of ad-hoc `sr-only` classes for consistent accessibility.
- */
-export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<VisuallyHiddenProps & import("react").RefAttributes<HTMLElement>>;

package/dist/hooks/useMediaQuery.d.ts

@@ -1,6 +0,0 @@
-export declare function useMediaQuery(query: string): boolean;
-export declare function useIsMobile(): boolean;
-export declare function useIsTablet(): boolean;
-export declare function useIsDesktop(): boolean;
-export declare function usePrefersDarkMode(): boolean;
-export declare function usePrefersReducedMotion(): boolean;