@pathscale/ui 1.1.70 → 1.1.72

package/dist/components/language-switcher/LanguageSwitcher.d.ts

@@ -1,5 +1,6 @@
 import "./LanguageSwitcher.css";
 import { type Component } from "solid-js";
+import { type DropdownAlign } from "../dropdown";
 import type { IComponentBaseProps } from "../types";
 import type { I18nStore } from "./createI18n";
 export interface LanguageSwitcherProps extends IComponentBaseProps {
@@ -23,6 +24,11 @@ export interface LanguageSwitcherProps extends IComponentBaseProps {
      * ARIA label shown while loading
      */
     loadingLabel?: string;
+    /**
+     * Menu alignment relative to the trigger. Forwarded to the underlying
+     * Dropdown.Menu.
+     */
+    align?: DropdownAlign;
     /**
      * Callback when language changes
      */

package/dist/components/language-switcher/LanguageSwitcher.js

@@ -16,6 +16,7 @@ const LanguageSwitcher = (props)=>{
         "currentLanguageLabel",
         "optionsLabel",
         "loadingLabel",
+        "align",
         "onLanguageChange"
     ]);
     const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
@@ -77,6 +78,9 @@ const LanguageSwitcher = (props)=>{
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
                         class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu
                     }), {
+                    get align () {
+                        return local.align;
+                    },
                     get ["aria-label"] () {
                         return local.optionsLabel ?? "Language options";
                     },

package/dist/components/table/ExpandToggle.d.ts

@@ -0,0 +1,11 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ExpandToggleProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onToggle"> & IComponentBaseProps & {
+    expanded: boolean;
+    onToggle?: () => void;
+    size?: number;
+    label?: string;
+    disabled?: boolean;
+};
+declare const ExpandToggle: Component<ExpandToggleProps>;
+export default ExpandToggle;

package/dist/components/table/ExpandToggle.js

@@ -0,0 +1,88 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
+const ExpandToggle_ExpandToggle = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "expanded",
+        "onToggle",
+        "size",
+        "label",
+        "disabled",
+        "class",
+        "className",
+        "onClick",
+        "dataTheme"
+    ]);
+    const iconSize = ()=>local.size ?? 16;
+    const ariaLabel = ()=>local.label ?? "Toggle row details";
+    const isDisabled = ()=>Boolean(local.disabled);
+    const handleClick = (event)=>{
+        if ("function" == typeof local.onClick) local.onClick(event);
+        else if (Array.isArray(local.onClick) && "function" == typeof local.onClick[0]) local.onClick[0](local.onClick[1], event);
+        if (event.defaultPrevented) return;
+        if (isDisabled()) return;
+        local.onToggle?.();
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get type () {
+                return rest.type ?? "button";
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-base-300 bg-base-100 text-base-content transition-colors hover:bg-base-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60", isDisabled() && "cursor-not-allowed opacity-60 hover:bg-base-100", local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-expand-toggle",
+            get ["data-expanded"] () {
+                return local.expanded ? "true" : "false";
+            },
+            get ["aria-expanded"] () {
+                return local.expanded;
+            },
+            get ["aria-label"] () {
+                return ariaLabel();
+            },
+            get disabled () {
+                return isDisabled();
+            },
+            onClick: handleClick
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.expanded;
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                    name: "icon-[lucide--chevron-right]",
+                    get width () {
+                        return iconSize();
+                    },
+                    get height () {
+                        return iconSize();
+                    },
+                    "aria-hidden": "true"
+                });
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                    name: "icon-[lucide--chevron-down]",
+                    get width () {
+                        return iconSize();
+                    },
+                    get height () {
+                        return iconSize();
+                    },
+                    "aria-hidden": "true"
+                });
+            }
+        }));
+        return _el$;
+    })();
+};
+const ExpandToggle = ExpandToggle_ExpandToggle;
+export { ExpandToggle as default };

package/dist/components/table/InlineConfirm.d.ts

@@ -0,0 +1,15 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type InlineConfirmVariant = "primary" | "danger" | "warning";
+export type InlineConfirmProps = IComponentBaseProps & {
+    prompt: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    confirmVariant?: InlineConfirmVariant;
+};
+declare const InlineConfirm: Component<InlineConfirmProps>;
+export default InlineConfirm;

package/dist/components/table/InlineConfirm.js

@@ -0,0 +1,80 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><span class="text-sm text-base-content/70"data-slot=table-inline-confirm-prompt></span><div class="inline-flex items-center gap-2"data-slot=table-inline-confirm-actions>');
+const toButtonVariant = (variant)=>{
+    if ("danger" === variant) return "danger";
+    if ("warning" === variant) return "secondary";
+    return "primary";
+};
+const InlineConfirm = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "prompt",
+        "confirmLabel",
+        "cancelLabel",
+        "onConfirm",
+        "onCancel",
+        "loading",
+        "disabled",
+        "confirmVariant",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const isBusy = ()=>Boolean(local.loading);
+    const isDisabled = ()=>Boolean(local.disabled) || isBusy();
+    const confirmVariant = ()=>toButtonVariant(local.confirmVariant ?? "primary");
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex flex-wrap items-center gap-2", local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-inline-confirm"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.prompt);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+            size: "sm",
+            get variant () {
+                return confirmVariant();
+            },
+            get isPending () {
+                return isBusy();
+            },
+            get isDisabled () {
+                return isDisabled();
+            },
+            get onClick () {
+                return local.onConfirm;
+            },
+            get ["aria-label"] () {
+                return local.confirmLabel;
+            },
+            get children () {
+                return local.confirmLabel;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+            size: "sm",
+            variant: "ghost",
+            get isDisabled () {
+                return isDisabled();
+            },
+            get onClick () {
+                return local.onCancel;
+            },
+            get ["aria-label"] () {
+                return local.cancelLabel;
+            },
+            get children () {
+                return local.cancelLabel;
+            }
+        }), null);
+        return _el$;
+    })();
+};
+const table_InlineConfirm = InlineConfirm;
+export { table_InlineConfirm as default };

package/dist/components/table/MobileListView.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MobileListViewProps<TRow> = IComponentBaseProps & {
+    rows: TRow[];
+    renderRow?: (row: TRow, index: number) => JSX.Element;
+    empty?: JSX.Element;
+    listClass?: string;
+    itemClass?: string;
+    children?: (row: TRow, index: number) => JSX.Element;
+    emptyTitle?: string;
+    emptyIcon?: string;
+};
+declare const MobileListView: <TRow>(props: MobileListViewProps<TRow>) => JSX.Element;
+export default MobileListView;

package/dist/components/table/MobileListView.js

@@ -0,0 +1,105 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__ from "../empty-state/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li class=py-8 data-slot=table-mobile-list-view-empty>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
+const MobileListView_MobileListView = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "rows",
+        "renderRow",
+        "empty",
+        "listClass",
+        "itemClass",
+        "children",
+        "emptyTitle",
+        "emptyIcon",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const renderRow = (row, index)=>{
+        if (local.renderRow) return local.renderRow(row, index);
+        if (local.children) return local.children(row, index);
+        return null;
+    };
+    const emptyContent = ()=>{
+        if (local.empty) return local.empty;
+        if (!local.emptyTitle) return null;
+        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState, {
+            get children () {
+                return [
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState.Icon, {
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                                get name () {
+                                    return local.emptyIcon ?? "icon-[mdi--inbox-outline]";
+                                },
+                                width: 24,
+                                height: 24
+                            });
+                        }
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState.Title, {
+                        get children () {
+                            return local.emptyTitle;
+                        }
+                    })
+                ];
+            }
+        });
+    };
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-mobile-list-view"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("divide-y divide-base-content/10", local.listClass)
+            }), {
+            "data-slot": "table-mobile-list-view-list"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.rows.length > 0;
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return emptyContent();
+                    },
+                    get children () {
+                        var _el$3 = _tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, emptyContent);
+                        return _el$3;
+                    }
+                });
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return local.rows;
+                    },
+                    children: (row, index)=>local.renderRow ? (()=>{
+                            var _el$4 = _tmpl$3();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: local.itemClass
+                                }), {
+                                "data-slot": "table-mobile-list-view-item"
+                            }), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>renderRow(row, index()));
+                            return _el$4;
+                        })() : renderRow(row, index())
+                });
+            }
+        }));
+        return _el$;
+    })();
+};
+const MobileListView = MobileListView_MobileListView;
+export { MobileListView as default };

package/dist/components/table/SortIcon.d.ts

@@ -0,0 +1,12 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SortIconState = "asc" | "desc" | "none";
+export type SortIconProps = IComponentBaseProps & {
+    state: SortIconState;
+    size?: number;
+    ascIcon?: JSX.Element;
+    descIcon?: JSX.Element;
+    neutralIcon?: JSX.Element;
+};
+declare const SortIcon: Component<SortIconProps>;
+export default SortIcon;

package/dist/components/table/SortIcon.js

@@ -0,0 +1,67 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const SortIcon = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "state",
+        "size",
+        "ascIcon",
+        "descIcon",
+        "neutralIcon",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const iconSize = ()=>local.size ?? 16;
+    const iconName = ()=>{
+        if ("asc" === local.state) return "icon-[lucide--arrow-up]";
+        if ("desc" === local.state) return "icon-[lucide--arrow-down]";
+        return "icon-[lucide--arrow-up-down]";
+    };
+    const customIcon = ()=>{
+        if ("asc" === local.state) return local.ascIcon;
+        if ("desc" === local.state) return local.descIcon;
+        return local.neutralIcon;
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex shrink-0 items-center justify-center", local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-sort-icon",
+            get ["data-state"] () {
+                return local.state;
+            },
+            "aria-hidden": "true"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return customIcon();
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                    get name () {
+                        return iconName();
+                    },
+                    get width () {
+                        return iconSize();
+                    },
+                    get height () {
+                        return iconSize();
+                    }
+                });
+            },
+            get children () {
+                return customIcon();
+            }
+        }));
+        return _el$;
+    })();
+};
+const table_SortIcon = SortIcon;
+export { table_SortIcon as default };

package/dist/components/table/VirtualSpacerRow.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type VirtualSpacerRowProps = IComponentBaseProps & {
+    height: number;
+    colSpan: number;
+};
+declare const VirtualSpacerRow: Component<VirtualSpacerRowProps>;
+export default VirtualSpacerRow;

package/dist/components/table/VirtualSpacerRow.js

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr data-slot=table-virtual-spacer-row aria-hidden=true><td>");
+const VirtualSpacerRow = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "height",
+        "colSpan",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get colSpan () {
+                return local.colSpan;
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("border-0 bg-transparent p-0", local.class, local.className)
+            }), {
+            get style () {
+                return {
+                    height: `${Math.max(0, local.height)}px`
+                };
+            }
+        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", local.dataTheme));
+        return _el$;
+    })();
+};
+const table_VirtualSpacerRow = VirtualSpacerRow;
+export { table_VirtualSpacerRow as default };

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

@@ -1,5 +1,15 @@
 export { default } from "./Table";
 export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, } from "./Table";
 export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableExpandedRowProps, TableFooterProps, TablePageSizeProps, TableResizableContainerProps, TableColumnResizerProps, TableLoadMoreProps, TableLoadMoreContentProps, TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./Table";
+export { default as SortIcon } from "./SortIcon";
+export type { SortIconProps, SortIconState } from "./SortIcon";
+export { default as ExpandToggle } from "./ExpandToggle";
+export type { ExpandToggleProps } from "./ExpandToggle";
+export { default as VirtualSpacerRow } from "./VirtualSpacerRow";
+export type { VirtualSpacerRowProps } from "./VirtualSpacerRow";
+export { default as MobileListView } from "./MobileListView";
+export type { MobileListViewProps } from "./MobileListView";
+export { default as InlineConfirm } from "./InlineConfirm";
+export type { InlineConfirmProps, InlineConfirmVariant } from "./InlineConfirm";
 export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks";
 export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks";

package/dist/components/table/index.js

@@ -1,5 +1,14 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__ from "./SortIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__ from "./ExpandToggle.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VirtualSpacerRow_js_137d9e2c__ from "./VirtualSpacerRow.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__ from "./MobileListView.js";
+import * as __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__ from "./InlineConfirm.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
+var __webpack_exports__ExpandToggle = __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__["default"];
+var __webpack_exports__InlineConfirm = __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__["default"];
+var __webpack_exports__MobileListView = __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__["default"];
+var __webpack_exports__SortIcon = __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__["default"];
 var __webpack_exports__TableBody = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableBody;
 var __webpack_exports__TableCell = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableCell;
 var __webpack_exports__TableColumn = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableColumn;
@@ -15,6 +24,7 @@ var __webpack_exports__TableResizableContainer = __WEBPACK_EXTERNAL_MODULE__Tabl
 var __webpack_exports__TableRoot = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableRoot;
 var __webpack_exports__TableRow = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableRow;
 var __webpack_exports__TableScrollContainer = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableScrollContainer;
+var __webpack_exports__VirtualSpacerRow = __WEBPACK_EXTERNAL_MODULE__VirtualSpacerRow_js_137d9e2c__["default"];
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"];
 var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.toSortDescriptor;
 var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.toSortingState;
@@ -25,4 +35,4 @@ var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__hooks_index_js
 var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTablePagination;
 var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSelection;
 var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSorting;
-export { __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
+export { __webpack_exports__ExpandToggle as ExpandToggle, __webpack_exports__InlineConfirm as InlineConfirm, __webpack_exports__MobileListView as MobileListView, __webpack_exports__SortIcon as SortIcon, __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__VirtualSpacerRow as VirtualSpacerRow, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };

package/dist/hooks/form/useFieldNew.js

@@ -4,8 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./
 const useField = (name)=>{
     const form = (0, __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext)();
     const tsForm = form._tsForm;
-    const value = tsForm.useStore((state)=>state.values[name]);
-    const meta = tsForm.useStore((state)=>state.fieldMeta[name]);
+    const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldValue(name));
+    const meta = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldMeta(name));
     const touched = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(meta()?.isTouched));
     const error = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         const m = meta();

package/dist/index.d.ts

@@ -136,7 +136,8 @@ export { default as Skeleton } from "./components/skeleton";
 export { default as Surface } from "./components/surface";
 export type { SurfaceVariant, SurfaceVariants, SurfaceProps, } from "./components/surface";
 export { default as Table } from "./components/table";
-export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./components/table";
+export { SortIcon as TableSortIcon, ExpandToggle as TableExpandToggle, VirtualSpacerRow as TableVirtualSpacerRow, MobileListView as TableMobileListView, InlineConfirm as TableInlineConfirm, } from "./components/table";
+export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, SortIconProps as TableSortIconProps, SortIconState as TableSortIconState, ExpandToggleProps as TableExpandToggleProps, VirtualSpacerRowProps as TableVirtualSpacerRowProps, MobileListViewProps as TableMobileListViewProps, InlineConfirmProps as TableInlineConfirmProps, InlineConfirmVariant as TableInlineConfirmVariant, } from "./components/table";
 export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks/table";
 export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks/table";
 export { default as Tag } from "./components/tag";