@pathscale/ui 1.3.1 → 1.4.0

package/dist/components/surface/Surface.classes.js

@@ -1,10 +0,0 @@
-const CLASSES = {
-    base: "surface",
-    variant: {
-        default: "surface--default",
-        secondary: "surface--secondary",
-        tertiary: "surface--tertiary",
-        transparent: "surface--transparent"
-    }
-};
-export { CLASSES };

package/dist/components/surface/Surface.d.ts

@@ -1,12 +0,0 @@
-import "./Surface.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type SurfaceVariant = "default" | "secondary" | "tertiary" | "transparent";
-export type SurfaceVariants = {
-    variant?: SurfaceVariant;
-};
-export type SurfaceProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & SurfaceVariants & {
-    children?: JSX.Element;
-};
-export declare function Surface(props: SurfaceProps): JSX.Element;
-export default Surface;

package/dist/components/surface/Surface.js

@@ -1,36 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Surface.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Surface.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-function Surface(props) {
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "variant"
-    ]);
-    const variant = ()=>local.variant ?? "default";
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, CLASSES.variant[variant()], local.class, local.className)
-            }), {
-            "data-slot": "surface",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-}
-const surface_Surface = Surface;
-export default surface_Surface;
-export { Surface };

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

@@ -1,11 +0,0 @@
-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

@@ -1,88 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import icon from "../icon/index.js";
-var _tmpl$ = /*#__PURE__*/ template("<button>");
-const ExpandToggle = (props)=>{
-    const [local, rest] = 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$();
-        spread(_el$, mergeProps(rest, {
-            get type () {
-                return rest.type ?? "button";
-            }
-        }, ()=>({
-                class: 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);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.expanded;
-            },
-            get fallback () {
-                return createComponent(icon, {
-                    name: "icon-[lucide--chevron-right]",
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    },
-                    "aria-hidden": "true"
-                });
-            },
-            get children () {
-                return createComponent(icon, {
-                    name: "icon-[lucide--chevron-down]",
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    },
-                    "aria-hidden": "true"
-                });
-            }
-        }));
-        return _el$;
-    })();
-};
-const table_ExpandToggle = ExpandToggle;
-export default table_ExpandToggle;

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

@@ -1,15 +0,0 @@
-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

@@ -1,80 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import button_0 from "../button/index.js";
-var _tmpl$ = /*#__PURE__*/ 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] = 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;
-        spread(_el$, mergeProps(rest, ()=>({
-                class: 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);
-        insert(_el$2, ()=>local.prompt);
-        insert(_el$3, createComponent(button_0, {
-            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);
-        insert(_el$3, createComponent(button_0, {
-            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 default table_InlineConfirm;

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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1,12 +0,0 @@
-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

@@ -1,67 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import icon from "../icon/index.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>");
-const SortIcon = (props)=>{
-    const [local, rest] = 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$();
-        spread(_el$, mergeProps(rest, ()=>({
-                class: 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);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return customIcon();
-            },
-            get fallback () {
-                return createComponent(icon, {
-                    get name () {
-                        return iconName();
-                    },
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    }
-                });
-            },
-            get children () {
-                return customIcon();
-            }
-        }));
-        return _el$;
-    })();
-};
-const table_SortIcon = SortIcon;
-export default table_SortIcon;

package/dist/components/table/Table.classes.d.ts

@@ -1,26 +0,0 @@
-export declare const CLASSES: {
-    readonly root: {
-        readonly base: "table-root";
-        readonly variant: {
-            readonly primary: "table-root--primary";
-            readonly secondary: "table-root--secondary";
-        };
-    };
-    readonly scroll: "table__scroll-container";
-    readonly content: "table__content";
-    readonly header: "table__header";
-    readonly column: "table__column";
-    readonly body: "table__body";
-    readonly row: "table__row";
-    readonly cell: "table__cell";
-    readonly expandedRow: "table__expanded-row";
-    readonly expandedCell: "table__expanded-cell";
-    readonly footer: "table__footer";
-    readonly pageSize: "table__page-size";
-    readonly pageSizeLabel: "table__page-size-label";
-    readonly pageSizeSelect: "table__page-size-select";
-    readonly resizableContainer: "table__resizable-container";
-    readonly columnResizer: "table__column-resizer";
-    readonly loadMore: "table__load-more";
-    readonly loadMoreContent: "table__load-more-content";
-};

package/dist/components/table/Table.classes.js

@@ -1,27 +0,0 @@
-const CLASSES = {
-    root: {
-        base: "table-root",
-        variant: {
-            primary: "table-root--primary",
-            secondary: "table-root--secondary"
-        }
-    },
-    scroll: "table__scroll-container",
-    content: "table__content",
-    header: "table__header",
-    column: "table__column",
-    body: "table__body",
-    row: "table__row",
-    cell: "table__cell",
-    expandedRow: "table__expanded-row",
-    expandedCell: "table__expanded-cell",
-    footer: "table__footer",
-    pageSize: "table__page-size",
-    pageSizeLabel: "table__page-size-label",
-    pageSizeSelect: "table__page-size-select",
-    resizableContainer: "table__resizable-container",
-    columnResizer: "table__column-resizer",
-    loadMore: "table__load-more",
-    loadMoreContent: "table__load-more-content"
-};
-export { CLASSES };

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

@@ -1,93 +0,0 @@
-import "./Table.css";
-import { type Accessor, type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-type TableVariant = "primary" | "secondary";
-type TableSortDirection = "ascending" | "descending";
-type TableSortDescriptor = {
-    column: string;
-    direction: TableSortDirection;
-};
-type TableColumnRenderProps = {
-    sortDirection: TableSortDirection | undefined;
-};
-type TableColumnChildren = JSX.Element | ((props: TableColumnRenderProps) => JSX.Element);
-type TableContextValue = {
-    variant: Accessor<TableVariant>;
-};
-type TableContentContextValue = {
-    sortDescriptor: Accessor<TableSortDescriptor | undefined>;
-    onSortChange?: (descriptor: TableSortDescriptor) => void;
-};
-export declare const useTableContext: () => TableContextValue;
-export declare const useTableContentContext: () => TableContentContextValue;
-export type TableRootProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
-    variant?: TableVariant;
-};
-declare const TableRoot: Component<TableRootProps>;
-export type TableScrollContainerProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const TableScrollContainer: Component<TableScrollContainerProps>;
-export type TableContentProps = JSX.HTMLAttributes<HTMLTableElement> & IComponentBaseProps & {
-    sortDescriptor?: TableSortDescriptor;
-    onSortChange?: (descriptor: TableSortDescriptor) => void;
-};
-declare const TableContent: Component<TableContentProps>;
-export type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
-declare const TableHeader: Component<TableHeaderProps>;
-export type TableColumnProps = Omit<JSX.ThHTMLAttributes<HTMLTableCellElement>, "id" | "children"> & IComponentBaseProps & {
-    id: string;
-    allowsSorting?: boolean;
-    children?: TableColumnChildren;
-};
-declare const TableColumn: Component<TableColumnProps>;
-export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
-declare const TableBody: Component<TableBodyProps>;
-export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps;
-declare const TableRow: Component<TableRowProps>;
-export type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement> & IComponentBaseProps;
-declare const TableCell: Component<TableCellProps>;
-export type TableExpandedRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps & {
-    colSpan: number;
-    cellClass?: string;
-    cellClassName?: string;
-    cellDataTheme?: string;
-};
-declare const TableExpandedRow: Component<TableExpandedRowProps>;
-export type TableFooterProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const TableFooter: Component<TableFooterProps>;
-export type TablePageSizeProps = Omit<JSX.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> & IComponentBaseProps & {
-    value: number;
-    options: readonly number[];
-    onChange: (value: number) => void;
-    label?: JSX.Element;
-    selectClass?: string;
-    selectClassName?: string;
-};
-declare const TablePageSize: Component<TablePageSizeProps>;
-export type TableResizableContainerProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const TableResizableContainer: Component<TableResizableContainerProps>;
-export type TableColumnResizerProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const TableColumnResizer: Component<TableColumnResizerProps>;
-export type TableLoadMoreProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps;
-declare const TableLoadMore: Component<TableLoadMoreProps>;
-export type TableLoadMoreContentProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const TableLoadMoreContent: Component<TableLoadMoreContentProps>;
-export type { TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, };
-export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, };
-declare const _default: Component<TableRootProps> & {
-    Root: Component<TableRootProps>;
-    ScrollContainer: Component<TableScrollContainerProps>;
-    Content: Component<TableContentProps>;
-    Header: Component<TableHeaderProps>;
-    Column: Component<TableColumnProps>;
-    Body: Component<TableBodyProps>;
-    Row: Component<TableRowProps>;
-    Cell: Component<TableCellProps>;
-    ExpandedRow: Component<TableExpandedRowProps>;
-    Footer: Component<TableFooterProps>;
-    PageSize: Component<TablePageSizeProps>;
-    ResizableContainer: Component<TableResizableContainerProps>;
-    ColumnResizer: Component<TableColumnResizerProps>;
-    LoadMore: Component<TableLoadMoreProps>;
-    LoadMoreContent: Component<TableLoadMoreContentProps>;
-};
-export default _default;