@omnitron-dev/prism 0.1.3 → 0.3.0

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Progress Components
+ *
+ * Linear and circular progress indicators.
+ *
+ * @module components/progress
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import MuiLinearProgress from '@mui/material/LinearProgress';
+import MuiCircularProgress from '@mui/material/CircularProgress';
+/**
+ * Progress color variants.
+ */
+export type ProgressColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+/**
+ * Props for LinearProgress component.
+ */
+export interface LinearProgressProps extends Omit<ComponentProps<typeof MuiLinearProgress>, 'color'> {
+    /** Progress color */
+    color?: ProgressColor;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Label position */
+    labelPosition?: 'end' | 'below';
+    /** Custom label formatter */
+    formatLabel?: (value: number) => string;
+}
+/**
+ * LinearProgress - Horizontal progress indicator.
+ *
+ * @example
+ * ```tsx
+ * // Determinate
+ * <LinearProgress value={75} showLabel />
+ *
+ * // Indeterminate (loading)
+ * <LinearProgress />
+ *
+ * // With custom label
+ * <LinearProgress
+ *   value={50}
+ *   showLabel
+ *   formatLabel={(v) => `${v}/100 completed`}
+ * />
+ * ```
+ */
+export declare function LinearProgress({ color, showLabel, labelPosition, formatLabel, value, variant, sx, ...props }: LinearProgressProps): ReactNode;
+/**
+ * Props for CircularProgress component.
+ */
+export interface CircularProgressProps extends Omit<ComponentProps<typeof MuiCircularProgress>, 'color'> {
+    /** Progress color */
+    color?: ProgressColor;
+    /** Show percentage label in center */
+    showLabel?: boolean;
+    /** Custom label formatter */
+    formatLabel?: (value: number) => string;
+}
+/**
+ * CircularProgress - Circular progress indicator.
+ *
+ * @example
+ * ```tsx
+ * // Determinate with label
+ * <CircularProgress value={75} showLabel />
+ *
+ * // Indeterminate spinner
+ * <CircularProgress />
+ *
+ * // Custom size
+ * <CircularProgress value={50} size={80} thickness={5} showLabel />
+ * ```
+ */
+export declare function CircularProgress({ color, showLabel, formatLabel, value, variant, size, ...props }: CircularProgressProps): ReactNode;
+/**
+ * Props for ProgressBar component (segmented).
+ */
+export interface ProgressBarProps {
+    /** Segments with value and optional color */
+    segments: Array<{
+        value: number;
+        color?: ProgressColor;
+        label?: string;
+    }>;
+    /** Bar height */
+    height?: number;
+    /** Show segment labels */
+    showLabels?: boolean;
+}
+/**
+ * ProgressBar - Segmented progress bar for multiple values.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar
+ *   segments={[
+ *     { value: 30, color: 'success', label: 'Complete' },
+ *     { value: 20, color: 'warning', label: 'In Progress' },
+ *     { value: 50, color: 'error', label: 'Failed' },
+ *   ]}
+ *   showLabels
+ * />
+ * ```
+ */
+export declare function ProgressBar({ segments, height, showLabels }: ProgressBarProps): ReactNode;
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AAIjE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3G;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAClG,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,WAAW,EACX,KAAK,EACL,OAA+D,EAC/D,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,SAAS,CA0CjC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAAE,OAAO,CAAC;IACtG,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAiB,EACjB,SAAiB,EACjB,WAAW,EACX,KAAK,EACL,OAA+D,EAC/D,IAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,SAAS,CAiCnC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,aAAa,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAU,EAAE,UAAkB,EAAE,EAAE,gBAAgB,GAAG,SAAS,CAwDrG"}

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

@@ -0,0 +1,7 @@
+/**
+ * Rail
+ *
+ * @module components/rail
+ */
+export { Rail, type RailProps } from './rail.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rail/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/rail/rail.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A row that scrolls: items side by side, snapped, scrolled by the browser.
+ *
+ * For a page reached over Tor, a slider that moves its track from script is
+ * script the reader downloads and frames the page spends; a row the browser
+ * scrolls is neither. Touch, trackpad, wheel and keyboard work because they
+ * are the browser's own. The arrows appear only where there is somewhere to
+ * go, and not at all on a screen without hover.
+ *
+ * @module components/rail
+ */
+import { type ReactNode } from 'react';
+import type { ResponsiveStyleValue } from '@mui/system';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface RailProps {
+    children: ReactNode;
+    /** Name of the row, for assistive technology — a scrolling region needs one */
+    'aria-label': string;
+    /** Width of each item. Default: most of a phone, two on a tablet, three or four on a desktop. */
+    itemWidth?: ResponsiveStyleValue<string | number> | undefined;
+    /** Space between items, in theme spacing units. Default 2. */
+    gap?: number | undefined;
+    /** The arrows' names, translated by the caller */
+    labels?: {
+        previous?: string | undefined;
+        next?: string | undefined;
+    } | undefined;
+    sx?: SxProps<Theme> | undefined;
+}
+/**
+ * @example
+ * ```tsx
+ * <Rail aria-label={t('home.showcase.products')}>
+ *   {products.map((p) => <ProductCard key={p.id} product={p} />)}
+ * </Rail>
+ * ```
+ */
+export declare function Rail({ children, 'aria-label': ariaLabel, itemWidth, gap, labels, sx, }: RailProps): ReactNode;
+//# sourceMappingURL=rail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rail.d.ts","sourceRoot":"","sources":["../../../src/components/rail/rail.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAsD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,+EAA+E;IAC/E,YAAY,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,SAAS,CAAC,EAAE,oBAAoB,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC9D,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS,CAAC;IAClF,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAYD;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAA8B,EAC9B,GAAO,EACP,MAAM,EACN,EAAE,GACH,EAAE,SAAS,GAAG,SAAS,CAuFvB"}

package/dist/components/scroll-spy/index.d.ts

@@ -0,0 +1,3 @@
+export { ScrollSpyProvider, useScrollSpy } from './scroll-spy-provider';
+export { ScrollSpySection } from './scroll-spy-section';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scroll-spy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-spy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/scroll-spy/scroll-spy-provider.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+interface ScrollSpyContextValue {
+    activeId: string | null;
+    registerSection: (id: string, element: HTMLElement) => void;
+    unregisterSection: (id: string) => void;
+}
+export declare function useScrollSpy(): ScrollSpyContextValue;
+interface ScrollSpyProviderProps {
+    children: ReactNode;
+    /** Offset from top in pixels for activation threshold */
+    offset?: number;
+    /** Root element to observe (defaults to viewport) */
+    root?: HTMLElement | null;
+    /**
+     * CSS selector for heading elements to auto-observe.
+     * When set, headings matching this selector inside the container
+     * are automatically registered (no need for ScrollSpySection wrappers).
+     * @default 'h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]'
+     */
+    headingSelector?: string;
+    /** Ref to the container to scan for headings. Defaults to document. */
+    containerRef?: React.RefObject<HTMLElement | null>;
+}
+export declare function ScrollSpyProvider({ children, offset, root, headingSelector, containerRef, }: ScrollSpyProviderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=scroll-spy-provider.d.ts.map

package/dist/components/scroll-spy/scroll-spy-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-spy-provider.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-spy/scroll-spy-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5G,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5D,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAQD,wBAAgB,YAAY,0BAE3B;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAW,EACX,IAAW,EACX,eAAkE,EAClE,YAAY,GACb,EAAE,sBAAsB,+BAqGxB"}

package/dist/components/scroll-spy/scroll-spy-section.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+interface ScrollSpySectionProps {
+    id: string;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+}
+export declare function ScrollSpySection({ id, children, sx }: ScrollSpySectionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=scroll-spy-section.d.ts.map

package/dist/components/scroll-spy/scroll-spy-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-spy-section.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-spy/scroll-spy-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG3D,UAAU,qBAAqB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,qBAAqB,+BAgB3E"}

package/dist/components/scroll-to-top/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ScrollToTop Component Exports
+ *
+ * @module components/scroll-to-top
+ */
+export { ScrollToTop, type ScrollToTopProps } from './scroll-to-top.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scroll-to-top/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-to-top/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/scroll-to-top/scroll-to-top.d.ts

@@ -0,0 +1,25 @@
+export interface ScrollToTopProps {
+    /** Current route pathname. Scrolls to top on change. */
+    pathname: string;
+}
+/**
+ * ScrollToTop - Restores scroll position to top on route change.
+ *
+ * @example
+ * ```tsx
+ * import { useLocation } from 'react-router-dom';
+ * import { ScrollToTop } from '@omnitron-dev/prism';
+ *
+ * function App() {
+ *   const { pathname } = useLocation();
+ *   return (
+ *     <>
+ *       <ScrollToTop pathname={pathname} />
+ *       <Routes>...</Routes>
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare function ScrollToTop({ pathname }: ScrollToTopProps): null;
+//# sourceMappingURL=scroll-to-top.d.ts.map

package/dist/components/scroll-to-top/scroll-to-top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-to-top.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-to-top/scroll-to-top.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,QAMzD"}

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

@@ -0,0 +1,7 @@
+/**
+ * Scrollbar Component Exports
+ *
+ * @module components/scrollbar
+ */
+export { Scrollbar, type ScrollbarProps } from './scrollbar.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/scrollbar/scrollbar.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Scrollbar Component
+ *
+ * Custom scrollbar wrapper with themed styling.
+ *
+ * @module components/scrollbar
+ */
+import type { ReactNode, Ref } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface ScrollbarProps {
+    /** Content to scroll */
+    children?: ReactNode;
+    /** Additional styles */
+    sx?: SxProps<Theme>;
+    /** Fill available content space */
+    fillContent?: boolean;
+    /** Hide scrollbar (content still scrollable) */
+    hideScrollbar?: boolean;
+    /** Scrollbar axis */
+    axis?: 'x' | 'y' | 'both';
+    /** Max height constraint */
+    maxHeight?: number | string;
+    /** Min height constraint */
+    minHeight?: number | string;
+    /** Additional class name */
+    className?: string;
+    /** Scroll event handler */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+}
+/**
+ * Scrollbar - Custom scrollbar wrapper with themed styling.
+ *
+ * @example
+ * ```tsx
+ * <Scrollbar maxHeight={400}>
+ *   <List>...</List>
+ * </Scrollbar>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Horizontal scrollbar
+ * <Scrollbar axis="x">
+ *   <Stack direction="row" spacing={2}>...</Stack>
+ * </Scrollbar>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Fill available space
+ * <Scrollbar fillContent>
+ *   {content}
+ * </Scrollbar>
+ * ```
+ */
+export declare function Scrollbar({ children, sx, fillContent, hideScrollbar, axis, maxHeight, minHeight, className, ref, ...other }: ScrollbarProps & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=scrollbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/scrollbar.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AA2ED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,WAAmB,EAAE,aAAqB,EAAE,IAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAwBhM"}

package/dist/components/search-input/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchInput, type SearchInputProps } from './search-input.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/search-input/search-input.d.ts

@@ -0,0 +1,46 @@
+/**
+ * SearchInput — Unified search field for the entire platform.
+ *
+ * Features:
+ * - Consistent styling (filled appearance, no outline notch issues)
+ * - Built-in search icon (left) and clear button (right)
+ * - Optional debounce for expensive filters
+ * - Compact mode for sidebars (smaller padding)
+ * - Works standalone or controlled
+ */
+import type { Ref } from 'react';
+import { type SxProps, type Theme } from '@mui/material/styles';
+export interface SearchInputProps {
+    /** Current value (controlled). */
+    value?: string;
+    /** Change handler. Receives the raw string (or debounced string if `debounce` > 0). */
+    onChange?: (value: string) => void;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Debounce delay in ms. 0 = no debounce (default). */
+    debounce?: number;
+    /** Compact mode — smaller padding, for sidebars and tight spaces. */
+    compact?: boolean;
+    /** Full width. Default true. */
+    fullWidth?: boolean;
+    /** Fixed or min width. */
+    width?: number | string;
+    /** Min width. */
+    minWidth?: number | string;
+    /** Clear button tooltip text. */
+    clearTooltip?: string;
+    /** Autofocus on mount. */
+    autoFocus?: boolean;
+    /** Focus handler. */
+    onFocus?: () => void;
+    /** Blur handler. */
+    onBlur?: () => void;
+    /** Keyboard handler. */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Custom sx overrides. */
+    sx?: SxProps<Theme>;
+}
+export declare function SearchInput({ value: controlledValue, onChange, placeholder, debounce, compact, fullWidth, width, minWidth, clearTooltip, autoFocus, onFocus, onBlur, onKeyDown, sx, ref, }: SearchInputProps & {
+    ref?: Ref<HTMLInputElement>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/components/search-input/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAmB,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA8CjF,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,2BAA2B;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD,wBAAgB,WAAW,CAAC,EAAC,KAAK,EAAE,eAAe,EAC/C,QAAQ,EACR,WAAyB,EACzB,QAAY,EACZ,OAAe,EACf,SAAgB,EAChB,KAAK,EACL,QAAQ,EACR,YAAsB,EACtB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,EAAE,EACF,GAAG,GACJ,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,+BAiHtD"}

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

@@ -0,0 +1,10 @@
+/**
+ * Settings Components
+ *
+ * Provider and drawer for application settings management.
+ *
+ * @module components/settings
+ */
+export { SettingsProvider, useSettings, useSettingsDrawer, type SettingsProviderProps, type SettingsContextValue, type SettingsDrawerState, } from './settings-provider.js';
+export { SettingsDrawer, type SettingsDrawerProps, type SettingsSection } from './settings-drawer.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/settings/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/settings/settings-drawer.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Settings Drawer
+ *
+ * UI component for managing application settings.
+ * Displays configurable sections for theme, layout, and preferences.
+ *
+ * @module components/settings
+ */
+import { type ReactNode } from 'react';
+/**
+ * Settings drawer props.
+ */
+export interface SettingsDrawerProps {
+    /** Drawer width */
+    width?: number;
+    /** Sections to display */
+    sections?: SettingsSection[];
+}
+/**
+ * Available settings sections.
+ */
+export type SettingsSection = 'mode' | 'contrast' | 'direction' | 'presets' | 'primaryColor' | 'fontSize' | 'density' | 'navLayout' | 'stretch';
+/**
+ * Settings Drawer - Configurable settings panel.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - must be inside SettingsProvider
+ * <SettingsDrawer />
+ *
+ * // With custom sections
+ * <SettingsDrawer
+ *   sections={['mode', 'presets', 'primaryColor']}
+ *   width={320}
+ * />
+ * ```
+ */
+export declare function SettingsDrawer({ width, sections }: SettingsDrawerProps): ReactNode;
+//# sourceMappingURL=settings-drawer.d.ts.map

package/dist/components/settings/settings-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/settings/settings-drawer.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA8BvC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,cAAc,GACd,UAAU,GACV,SAAS,GACT,WAAW,GACX,SAAS,CAAC;AA6ed;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAW,EAAE,QAA2B,EAAE,EAAE,mBAAmB,GAAG,SAAS,CA2D3G"}

package/dist/components/settings/settings-provider.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Settings Provider
+ *
+ * Provides settings context and drawer state management.
+ * Wraps the application to enable settings drawer access anywhere.
+ *
+ * @module components/settings
+ */
+import { type ReactNode } from 'react';
+import { type SettingsState, type SettingsValues } from '../../state/stores/settings.js';
+/**
+ * Settings drawer state and controls.
+ */
+export interface SettingsDrawerState {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Open the drawer */
+    onOpen: () => void;
+    /** Close the drawer */
+    onClose: () => void;
+    /** Toggle the drawer */
+    onToggle: () => void;
+}
+/**
+ * Settings context value.
+ */
+export interface SettingsContextValue {
+    /** Current settings values */
+    settings: SettingsValues;
+    /** Settings actions */
+    actions: Pick<SettingsState, 'setMode' | 'toggleMode' | 'setPreset' | 'setPrimaryColor' | 'setContrast' | 'setDirection' | 'setFontSize' | 'setFontFamily' | 'setDensity' | 'setCompactSidebar' | 'setNavLayout' | 'setNavColor' | 'setStretch' | 'updateSettings' | 'reset'>;
+    /** Whether settings can be reset (differ from defaults) */
+    canReset: boolean;
+    /** Drawer state and controls */
+    drawer: SettingsDrawerState;
+}
+/**
+ * Settings provider props.
+ */
+export interface SettingsProviderProps {
+    /** Child components */
+    children: ReactNode;
+    /** Initial drawer open state */
+    defaultOpen?: boolean;
+}
+/**
+ * Settings Provider - Provides settings state and drawer controls.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *   return (
+ *     <SettingsProvider>
+ *       <ThemeProvider theme={theme}>
+ *         <MyApp />
+ *         <SettingsDrawer />
+ *       </ThemeProvider>
+ *     </SettingsProvider>
+ *   );
+ * }
+ *
+ * // In any component
+ * function Header() {
+ *   const { drawer } = useSettings();
+ *   return <IconButton onClick={drawer.onOpen}><SettingsIcon /></IconButton>;
+ * }
+ * ```
+ */
+export declare function SettingsProvider({ children, defaultOpen }: SettingsProviderProps): ReactNode;
+/**
+ * Hook to access settings context.
+ *
+ * @returns Settings context value
+ * @throws If used outside of SettingsProvider
+ *
+ * @example
+ * ```tsx
+ * function ThemeToggle() {
+ *   const { settings, actions } = useSettings();
+ *   return (
+ *     <Switch
+ *       checked={settings.mode === 'dark'}
+ *       onChange={() => actions.toggleMode()}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function useSettings(): SettingsContextValue;
+/**
+ * Hook to access only the drawer controls.
+ *
+ * @returns Drawer state and controls
+ * @throws If used outside of SettingsProvider
+ *
+ * @example
+ * ```tsx
+ * function SettingsButton() {
+ *   const drawer = useSettingsDrawer();
+ *   return <IconButton onClick={drawer.onOpen}><SettingsIcon /></IconButton>;
+ * }
+ * ```
+ */
+export declare function useSettingsDrawer(): SettingsDrawerState;
+//# sourceMappingURL=settings-provider.d.ts.map

package/dist/components/settings/settings-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-provider.d.ts","sourceRoot":"","sources":["../../../src/components/settings/settings-provider.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAM3G;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,sBAAsB;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,QAAQ,EAAE,cAAc,CAAC;IACzB,uBAAuB;IACvB,OAAO,EAAE,IAAI,CACX,aAAa,EACX,SAAS,GACT,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,OAAO,CACV,CAAC;IACF,2DAA2D;IAC3D,QAAQ,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,qBAAqB,GAAG,SAAS,CAkGpG;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,IAAI,mBAAmB,CAGvD"}

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

@@ -0,0 +1,7 @@
+/**
+ * Skeleton Component Exports
+ *
+ * @module components/skeleton
+ */
+export { Skeleton, CardSkeleton, TableSkeleton, type SkeletonProps, type SkeletonVariant, type CardSkeletonProps, type TableSkeletonProps, } from './skeleton.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC"}