@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/switch.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import { a as InputBaseProps } from './inputs.types-DERzxpe1.js';
+import { C as Color } from './types-8Sv0rCjw.js';
+
+interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    color?: Color;
+    label?: string;
+}
+
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/switch.js

@@ -0,0 +1,8 @@
+export { Switch } from './chunk-C4Z4S3CX.js';
+import './chunk-GFYSELJF.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"switch.js"}

package/dist/table.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkIF3T3ZCB_cjs = require('./chunk-IF3T3ZCB.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.Table; }
+});
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableBody; }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableCell; }
+});
+Object.defineProperty(exports, "TableColumn", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableColumn; }
+});
+Object.defineProperty(exports, "TableHead", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableHead; }
+});
+Object.defineProperty(exports, "TablePagination", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TablePagination; }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableRow; }
+});
+Object.defineProperty(exports, "TableRowTray", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableRowTray; }
+});
+Object.defineProperty(exports, "TableSearch", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableSearch; }
+});
+Object.defineProperty(exports, "TableTray", {
+  enumerable: true,
+  get: function () { return chunkIF3T3ZCB_cjs.TableTray; }
+});
+//# sourceMappingURL=table.cjs.map
+//# sourceMappingURL=table.cjs.map

package/dist/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.cjs"}

package/dist/table.d.cts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, TdHTMLAttributes } from 'react';
+
+interface TableProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableHeadProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableBodyProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "onClick"> {
+    children: ReactNode;
+    className?: string;
+    onClick?: () => void;
+    tray?: ReactNode;
+    trayTriggerPosition?: "start" | "end" | "hidden";
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+}
+interface TableRowTrayProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Extends the native cell attributes so `colSpan`/`rowSpan` (full-span
+ * empty-state rows, trays) plus `onClick`, `style`, `scope`, `data-*`, etc. are
+ * forwarded onto the underlying `<td>`/`<th>` instead of silently dropped.
+ */
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    /** Render a `<th>` header cell instead of a `<td>`. */
+    header?: boolean;
+}
+interface TableColumnProps {
+    label: string;
+    sortKey?: string;
+    className?: string;
+}
+interface TablePaginationProps {
+    className?: string;
+    total: number;
+    pageSize?: number;
+}
+interface TableSearchProps {
+    className?: string;
+    placeholder?: string;
+}
+interface TableTrayProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare function TableHead({ children, className }: TableHeadProps): react.JSX.Element;
+
+declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
+
+declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, ...rest }: TableRowProps): react.JSX.Element;
+
+declare function TableCell({ children, className, header, ...rest }: TableCellProps): react.JSX.Element;
+
+declare function TableColumn({ label, sortKey, className }: TableColumnProps): react.JSX.Element;
+
+declare function TablePagination({ className, total, pageSize, }: TablePaginationProps): react.JSX.Element | null;
+
+declare function TableSearch({ className, placeholder, }: TableSearchProps): react.JSX.Element;
+
+declare function TableTray({ children, className }: TableTrayProps): react.JSX.Element;
+
+declare function TableRowTray({ children, className }: TableRowTrayProps): react.JSX.Element;
+
+declare function TableRoot({ children, className }: TableProps): react.JSX.Element;
+declare const Table: typeof TableRoot & {
+    Head: typeof TableHead;
+    Body: typeof TableBody;
+    Row: typeof TableRow;
+    Cell: typeof TableCell;
+    Column: typeof TableColumn;
+    Pagination: typeof TablePagination;
+    Search: typeof TableSearch;
+    Tray: typeof TableTray;
+    RowTray: typeof TableRowTray;
+};
+
+export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableRowTray, type TableRowTrayProps, TableSearch, type TableSearchProps, TableTray, type TableTrayProps };

package/dist/table.d.ts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, TdHTMLAttributes } from 'react';
+
+interface TableProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableHeadProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableBodyProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "onClick"> {
+    children: ReactNode;
+    className?: string;
+    onClick?: () => void;
+    tray?: ReactNode;
+    trayTriggerPosition?: "start" | "end" | "hidden";
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+}
+interface TableRowTrayProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Extends the native cell attributes so `colSpan`/`rowSpan` (full-span
+ * empty-state rows, trays) plus `onClick`, `style`, `scope`, `data-*`, etc. are
+ * forwarded onto the underlying `<td>`/`<th>` instead of silently dropped.
+ */
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    /** Render a `<th>` header cell instead of a `<td>`. */
+    header?: boolean;
+}
+interface TableColumnProps {
+    label: string;
+    sortKey?: string;
+    className?: string;
+}
+interface TablePaginationProps {
+    className?: string;
+    total: number;
+    pageSize?: number;
+}
+interface TableSearchProps {
+    className?: string;
+    placeholder?: string;
+}
+interface TableTrayProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare function TableHead({ children, className }: TableHeadProps): react.JSX.Element;
+
+declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
+
+declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, ...rest }: TableRowProps): react.JSX.Element;
+
+declare function TableCell({ children, className, header, ...rest }: TableCellProps): react.JSX.Element;
+
+declare function TableColumn({ label, sortKey, className }: TableColumnProps): react.JSX.Element;
+
+declare function TablePagination({ className, total, pageSize, }: TablePaginationProps): react.JSX.Element | null;
+
+declare function TableSearch({ className, placeholder, }: TableSearchProps): react.JSX.Element;
+
+declare function TableTray({ children, className }: TableTrayProps): react.JSX.Element;
+
+declare function TableRowTray({ children, className }: TableRowTrayProps): react.JSX.Element;
+
+declare function TableRoot({ children, className }: TableProps): react.JSX.Element;
+declare const Table: typeof TableRoot & {
+    Head: typeof TableHead;
+    Body: typeof TableBody;
+    Row: typeof TableRow;
+    Cell: typeof TableCell;
+    Column: typeof TableColumn;
+    Pagination: typeof TablePagination;
+    Search: typeof TableSearch;
+    Tray: typeof TableTray;
+    RowTray: typeof TableRowTray;
+};
+
+export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableRowTray, type TableRowTrayProps, TableSearch, type TableSearchProps, TableTray, type TableTrayProps };

package/dist/table.js

@@ -0,0 +1,5 @@
+export { Table, TableBody, TableCell, TableColumn, TableHead, TablePagination, TableRow, TableRowTray, TableSearch, TableTray } from './chunk-GKPCXPCD.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.js"}

package/dist/tabs.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkAOOBRPTE_cjs = require('./chunk-AOOBRPTE.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkAOOBRPTE_cjs.Tabs; }
+});
+Object.defineProperty(exports, "useTabs", {
+  enumerable: true,
+  get: function () { return chunkAOOBRPTE_cjs.useTabs; }
+});
+//# sourceMappingURL=tabs.cjs.map
+//# sourceMappingURL=tabs.cjs.map

package/dist/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tabs.cjs"}

package/dist/tabs.d.cts

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+type TabsVariant = "underline" | "pills" | "boxed";
+interface TabsContextValue {
+    activeTab: string;
+    setActiveTab: (tab: string) => void;
+    variant: TabsVariant;
+}
+interface TabsProps {
+    children: ReactNode;
+    defaultTab?: string;
+    activeTab?: string;
+    onTabChange?: (tab: string) => void;
+    variant?: TabsVariant;
+    className?: string;
+}
+interface TabsListProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TabsTabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+    className?: string;
+}
+interface TabsPanelsProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TabsPanelProps {
+    children: ReactNode;
+    value: string;
+    className?: string;
+}
+
+declare function TabsList({ children, className }: TabsListProps): react.JSX.Element;
+declare namespace TabsList {
+    var displayName: string;
+}
+
+declare function TabsTab({ children, value, disabled, className, onClick, ...rest }: TabsTabProps): react.JSX.Element;
+declare namespace TabsTab {
+    var displayName: string;
+}
+
+declare function TabsPanels({ children, className }: TabsPanelsProps): react.JSX.Element;
+declare namespace TabsPanels {
+    var displayName: string;
+}
+
+declare function TabsPanel({ children, value, className }: TabsPanelProps): react.JSX.Element | null;
+declare namespace TabsPanel {
+    var displayName: string;
+}
+
+declare function TabsRoot({ children, defaultTab, activeTab: controlledTab, onTabChange, variant, className, }: TabsProps): react.JSX.Element;
+declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    Panels: typeof TabsPanels;
+    Panel: typeof TabsPanel;
+};
+
+declare function useTabs(): TabsContextValue;
+
+export { Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, useTabs };

package/dist/tabs.d.ts

@@ -0,0 +1,68 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+type TabsVariant = "underline" | "pills" | "boxed";
+interface TabsContextValue {
+    activeTab: string;
+    setActiveTab: (tab: string) => void;
+    variant: TabsVariant;
+}
+interface TabsProps {
+    children: ReactNode;
+    defaultTab?: string;
+    activeTab?: string;
+    onTabChange?: (tab: string) => void;
+    variant?: TabsVariant;
+    className?: string;
+}
+interface TabsListProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TabsTabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+    className?: string;
+}
+interface TabsPanelsProps {
+    children: ReactNode;
+    className?: string;
+}
+interface TabsPanelProps {
+    children: ReactNode;
+    value: string;
+    className?: string;
+}
+
+declare function TabsList({ children, className }: TabsListProps): react.JSX.Element;
+declare namespace TabsList {
+    var displayName: string;
+}
+
+declare function TabsTab({ children, value, disabled, className, onClick, ...rest }: TabsTabProps): react.JSX.Element;
+declare namespace TabsTab {
+    var displayName: string;
+}
+
+declare function TabsPanels({ children, className }: TabsPanelsProps): react.JSX.Element;
+declare namespace TabsPanels {
+    var displayName: string;
+}
+
+declare function TabsPanel({ children, value, className }: TabsPanelProps): react.JSX.Element | null;
+declare namespace TabsPanel {
+    var displayName: string;
+}
+
+declare function TabsRoot({ children, defaultTab, activeTab: controlledTab, onTabChange, variant, className, }: TabsProps): react.JSX.Element;
+declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    Panels: typeof TabsPanels;
+    Panel: typeof TabsPanel;
+};
+
+declare function useTabs(): TabsContextValue;
+
+export { Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, useTabs };

package/dist/tabs.js

@@ -0,0 +1,5 @@
+export { Tabs, useTabs } from './chunk-5OC6DUYT.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tabs.js"}

package/dist/text.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkVE3EM4K2_cjs = require('./chunk-VE3EM4K2.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () { return chunkVE3EM4K2_cjs.Text; }
+});
+//# sourceMappingURL=text.cjs.map
+//# sourceMappingURL=text.cjs.map

package/dist/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"text.cjs"}

package/dist/text.d.cts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    /** Which element to render */
+    as?: "p" | "span" | "div" | "label";
+    /** Text size */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Font weight */
+    weight?: "normal" | "medium" | "semibold" | "bold";
+    /** Text color preset */
+    color?: "default" | "muted" | "accent" | "danger" | "success";
+}
+
+declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLElement>>;
+
+export { Text, type TextProps };

package/dist/text.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    /** Which element to render */
+    as?: "p" | "span" | "div" | "label";
+    /** Text size */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Font weight */
+    weight?: "normal" | "medium" | "semibold" | "bold";
+    /** Text color preset */
+    color?: "default" | "muted" | "accent" | "danger" | "success";
+}
+
+declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLElement>>;
+
+export { Text, type TextProps };

package/dist/text.js

@@ -0,0 +1,4 @@
+export { Text } from './chunk-UWVVEB2N.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/dist/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"text.js"}

package/dist/textarea.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+require('./chunk-5FV6GMFP.cjs');
+var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
+require('./chunk-7NLKXBZ2.cjs');
+require('./chunk-6BW5BQMN.cjs');
+require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunk5I4PR2KV_cjs.Textarea; }
+});
+//# sourceMappingURL=textarea.cjs.map
+//# sourceMappingURL=textarea.cjs.map

package/dist/textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"textarea.cjs"}

package/dist/textarea.d.cts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface TextareaProps extends InputBaseProps, InputAffixProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix"> {
+    autoResize?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    onValueChange?: (value: string) => void;
+}
+
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface TextareaProps extends InputBaseProps, InputAffixProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix"> {
+    autoResize?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    onValueChange?: (value: string) => void;
+}
+
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.js

@@ -0,0 +1,11 @@
+import './chunk-ORCXPDDG.js';
+export { Textarea } from './chunk-4UA45GB4.js';
+import './chunk-D7NAXQ2N.js';
+import './chunk-K7JGOQJG.js';
+import './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"textarea.js"}

package/dist/time-grid.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkLNWO23PU_cjs = require('./chunk-LNWO23PU.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "TimeGrid", {
+  enumerable: true,
+  get: function () { return chunkLNWO23PU_cjs.TimeGrid; }
+});
+//# sourceMappingURL=time-grid.cjs.map
+//# sourceMappingURL=time-grid.cjs.map

package/dist/time-grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"time-grid.cjs"}

package/dist/time-grid.d.cts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+
+/**
+ * Subset of palette colors the TimeGrid offers for the "cell-on" tone —
+ * small enough to keep the compiled CSS tight, broad enough to cover most
+ * use cases.
+ */
+type TimeGridTone = "violet" | "emerald" | "sky" | "rose" | "amber" | "indigo" | "blue" | "zinc";
+interface TimeGridProps {
+    /** Row labels, one per row in `value` (e.g. ["Sun","Mon",…]). */
+    rows: string[];
+    /** Column labels, one per column in `value` (e.g. ["0","1",…,"23"]). */
+    cols: string[];
+    /**
+     * Controlled cell state. Must be a rectangular `rows.length × cols.length`
+     * matrix of booleans. The component never mutates it — every change
+     * produces a new array passed to `onChange`.
+     */
+    value: boolean[][];
+    /** Called with the next matrix whenever a cell, row, or column toggles. */
+    onChange: (next: boolean[][]) => void;
+    /** Cell-on tone. Default `"violet"`. */
+    toneOn?: TimeGridTone;
+    /** Cell width in px. Default `20`. */
+    cellWidth?: number;
+    /** Cell height in px. Default `16`. */
+    cellHeight?: number;
+    /**
+     * If true (default), only every Nth column label is rendered to keep the
+     * top axis legible at small `cellWidth`. Set false to show all labels.
+     */
+    sparseColLabels?: boolean;
+    /** If true (default), clicking a row/column header toggles that strip. */
+    toggleStripsOnHeaderClick?: boolean;
+    /**
+     * Optional accessible label per cell. Default produces
+     * `${rows[r]} ${cols[c]} on|off`. Override for richer context
+     * (e.g. include unit: `${rows[r]} ${cols[c]}:00 ${on ? "on" : "off"}`).
+     */
+    ariaCell?: (rowIdx: number, colIdx: number, on: boolean) => string;
+    /**
+     * Stable per-cell identifier. Emitted as `data-react-fancy-timegrid-cell`
+     * on the button so MCP bridges can address a specific cell from a tool
+     * call without DOM walking. Default `${row}:${col}`.
+     */
+    cellId?: (rowIdx: number, colIdx: number) => string;
+    /** Additional CSS classes on the outer scroll container. */
+    className?: string;
+}
+
+declare const TimeGrid: react.ForwardRefExoticComponent<TimeGridProps & react.RefAttributes<HTMLDivElement>>;
+
+export { TimeGrid, type TimeGridProps, type TimeGridTone };