@solostylist/ui-kit 1.0.221 → 1.0.223

package/dist/s-accordion/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-accordion-DH_7P3Il.js";
+import { t as e } from "../s-accordion-CXHBadZ_.js";
 export { e as SAccordion, e as default };

package/dist/s-accordion/s-accordion.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-accordion-DH_7P3Il.js";
+import { t as e } from "../s-accordion-CXHBadZ_.js";
 export { e as SAccordion, e as default };

package/dist/{s-accordion-DH_7P3Il.js → s-accordion-CXHBadZ_.js}

@@ -11,7 +11,7 @@ import { h as f, t as p } from "./useSlot-Dkc1Mj31.js";
 import { t as m } from "./useControlled-DXKqhylj.js";
 import { t as h } from "./Paper-BY4X6-u_.js";
 import { t as g } from "./Typography-EsraKPZO.js";
-import { t as _ } from "./ExpandMore-DsZNN1Eh.js";
+import { t as _ } from "./ExpandMore-Bu7_1g6Q.js";
 import { t as v } from "./Collapse-CnXmaDqT.js";
 import * as y from "react";
 import "react";

package/dist/s-autocomplete/s-autocomplete.d.ts

@@ -29,7 +29,7 @@ export interface SAutocompleteProps<T, Multiple extends boolean | undefined, Dis
  */
 export interface SAutocompleteComponent {
     <T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: SAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> & {
-        ref?: React.ForwardedRef<unknown>;
+        ref?: React.ForwardedRef<HTMLDivElement>;
     }): React.JSX.Element;
     displayName?: string;
 }

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { t as e } from "../ChevronRight-DHulYS1l.js";
+import { t as e } from "../ChevronRight-OLNOfW9P.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { Breadcrumbs as r, Link as i, Typography as a } from "@mui/material";

package/dist/s-chat-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-B0gdPa1c.js";
+import { t as e } from "../s-chat-input-DpCaY6gB.js";
 export { e as SChatInput, e as default };

package/dist/s-chat-input/s-chat-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-B0gdPa1c.js";
+import { t as e } from "../s-chat-input-DpCaY6gB.js";
 export { e as SChatInput, e as default };

package/dist/{s-chat-input-B0gdPa1c.js → s-chat-input-DpCaY6gB.js}

@@ -1,8 +1,8 @@
 import { o as e, s as t } from "./theme-primitives-OrQ-xFJR.js";
 import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { t as r } from "./ArrowUpward-BbQSKheQ.js";
-import { t as i } from "./Close-oXeOGTZb.js";
-import { t as a } from "./s-text-field-qps0aDNS.js";
+import { t as r } from "./ArrowUpward-BMKLosZj.js";
+import { t as i } from "./Close-Bj2HYB9Q.js";
+import { t as a } from "./s-text-field-Ck5QMhYI.js";
 import { SIconButton as o } from "./s-icon-button/s-icon-button.js";
 import { SFileIcon as s } from "./s-file-icon/s-file-icon.js";
 import { forwardRef as c, useEffect as l, useId as u, useState as d } from "react";

package/dist/s-chat-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-DVfbqSAQ.js";
+import { t as e } from "../s-chat-message-ox4Sj6xh.js";
 export { e as SChatMessage, e as default };

package/dist/s-chat-message/s-chat-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-DVfbqSAQ.js";
+import { t as e } from "../s-chat-message-ox4Sj6xh.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-DVfbqSAQ.js → s-chat-message-ox4Sj6xh.js}

@@ -1,7 +1,7 @@
 import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
 import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { n as r } from "./s-image-modal-DxwMFMNS.js";
-import { t as i } from "./Download-DMm8oiCF.js";
+import { n as r } from "./s-image-modal-DA3DBNbv.js";
+import { t as i } from "./Download-BhSXOhCI.js";
 import a from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as s } from "./s-avatar/s-avatar.js";

package/dist/s-chips/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-BuAEBW1F.js";
+import { t as e } from "../s-chips-DelHx6zM.js";
 export { e as SChips, e as default };

package/dist/s-chips/s-chips.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-BuAEBW1F.js";
+import { t as e } from "../s-chips-DelHx6zM.js";
 export { e as SChips, e as default };

package/dist/s-code-block/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-CHIgPLsL.js";
+import { t as e } from "../s-code-block-sjt0AQb_.js";
 export { e as SCodeBlock, e as default };

package/dist/s-code-block/s-code-block.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-CHIgPLsL.js";
+import { t as e } from "../s-code-block-sjt0AQb_.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-CHIgPLsL.js → s-code-block-sjt0AQb_.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./ContentCopy-Bh_TA5Eo.js";
+import { n as e, t } from "./ContentCopy-Br2p19dq.js";
 import { useMemo as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Box as o, IconButton as s, useColorScheme as c } from "@mui/material";

package/dist/s-comment-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-DuJPcZFR.js";
+import { t as e } from "../s-comment-message-DzjXXLZQ.js";
 export { e as SCommentMessage, e as default };

package/dist/s-comment-message/s-comment-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-DuJPcZFR.js";
+import { t as e } from "../s-comment-message-DzjXXLZQ.js";
 export { e as SCommentMessage, e as default };

package/dist/{s-comment-message-DuJPcZFR.js → s-comment-message-DzjXXLZQ.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
 import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { t as n } from "./ExpandMore-DsZNN1Eh.js";
-import { t as r } from "./Favorite-DIml4fHR.js";
+import { t as n } from "./ExpandMore-Bu7_1g6Q.js";
+import { t as r } from "./Favorite-BJSuHe0H.js";
 import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as a } from "./s-avatar/s-avatar.js";
 import { useEffect as o, useId as s, useState as c } from "react";

package/dist/s-copyable-text/s-copyable-text.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../ContentCopy-Bh_TA5Eo.js";
+import { n as e, t } from "../ContentCopy-Br2p19dq.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Box as a, IconButton as o, Paper as s, Typography as c } from "@mui/material";

package/dist/s-data-table/index.d.ts

@@ -1,2 +1,2 @@
 export { default, default as SDataTable } from './s-data-table';
-export type { ColumnDef, SDataTableProps } from './s-data-table';
+export type { ColumnDef, SDataTableProps, SortDirection } from './s-data-table';

package/dist/s-data-table/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-xIW-BAS9.js";
+import { t as e } from "../s-data-table-Cb7CsYQf.js";
 export { e as SDataTable, e as default };

package/dist/s-data-table/s-data-table.d.ts

@@ -1,5 +1,9 @@
 import { TableProps } from '@mui/material/Table';
 import * as React from 'react';
+/** Sort direction for a sortable column */
+export type SortDirection = 'asc' | 'desc';
+/** Identifier used to track which column is currently sorted */
+type SortKey = number | string;
 /**
  * Column definition interface for SDataTable component
  */
@@ -14,6 +18,10 @@ export interface ColumnDef<TRowModel> {
     hideName?: boolean;
     /** Display name for the column header */
     name: string;
+    /** Whether this column can be sorted by clicking its header */
+    sortable?: boolean;
+    /** Identifier reported to `onSort` when sorted (defaults to `field`, then `name`) */
+    sortKey?: SortKey;
     /** Fixed width for the column */
     width?: number | string;
 }
@@ -39,19 +47,29 @@ export interface SDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'>
     onSelectAll?: (event: React.ChangeEvent) => void;
     /** Handler for selecting individual rows */
     onSelectOne?: (event: React.ChangeEvent, row: TRowModel) => void;
+    /**
+     * Handler invoked when a sortable column header is clicked. Receives the
+     * column's sort key and the next direction. Sorting is controlled: the
+     * parent is responsible for reordering `rows` in response.
+     */
+    onSort?: (sortKey: SortKey, direction: SortDirection) => void;
     /** Array of data objects to display in table rows */
     rows: TRowModel[];
     /** Whether rows can be selected with checkboxes */
     selectable?: boolean;
     /** Set of currently selected row IDs */
     selected?: Set<RowId>;
+    /** Sort key of the column currently being sorted (matches `ColumnDef.sortKey`/`field`/`name`) */
+    sortBy?: SortKey;
+    /** Direction of the active sort */
+    sortDirection?: SortDirection;
     /** Function to extract unique ID from row data */
     uniqueRowId?: (row: TRowModel) => RowId;
 }
 export declare const SDataTable: {
     <TRowModel extends object & {
         id?: RowId | null;
-    }>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, rows, selectable, selected, uniqueRowId, ...props }: SDataTableProps<TRowModel>): React.JSX.Element;
+    }>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, onSort, rows, selectable, selected, sortBy, sortDirection, uniqueRowId, ...props }: SDataTableProps<TRowModel>): React.JSX.Element;
     displayName: string;
 };
 export default SDataTable;

package/dist/s-data-table/s-data-table.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-xIW-BAS9.js";
+import { t as e } from "../s-data-table-Cb7CsYQf.js";
 export { e as SDataTable, e as default };