@pathscale/ui 1.3.1 → 1.4.0

package/dist/components/disclosure/Disclosure.d.ts

@@ -1,45 +0,0 @@
-import "./Disclosure.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type DisclosureRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    id?: string;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type DisclosureHeadingProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type DisclosureTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type DisclosureContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    keepMounted?: boolean;
-};
-export type DisclosureBodyProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type DisclosureIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-declare const DisclosureRoot: ParentComponent<DisclosureRootProps>;
-declare const DisclosureHeading: Component<DisclosureHeadingProps>;
-declare const DisclosureTrigger: Component<DisclosureTriggerProps>;
-declare const DisclosureContent: ParentComponent<DisclosureContentProps>;
-declare const DisclosureBody: Component<DisclosureBodyProps>;
-declare const DisclosureIndicator: Component<DisclosureIndicatorProps>;
-declare const Disclosure: ParentComponent<DisclosureRootProps> & {
-    Root: ParentComponent<DisclosureRootProps>;
-    Heading: Component<DisclosureHeadingProps>;
-    Trigger: Component<DisclosureTriggerProps>;
-    Content: ParentComponent<DisclosureContentProps>;
-    Body: Component<DisclosureBodyProps>;
-    Indicator: Component<DisclosureIndicatorProps>;
-};
-export default Disclosure;
-export { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator, };
-export type { DisclosureRootProps as DisclosureProps };

package/dist/components/disclosure/Disclosure.js

@@ -1,303 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./Disclosure.css";
-import { createContext, createMemo, createSignal, createUniqueId, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Disclosure.classes.js";
-import { DisclosureGroupContext } from "../disclosure-group/DisclosureGroup.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template("<div><div>"), _tmpl$5 = /*#__PURE__*/ template("<span>"), _tmpl$6 = /*#__PURE__*/ template('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
-const DisclosureContext = createContext();
-const useDisclosureContext = ()=>{
-    const ctx = useContext(DisclosureContext);
-    if (!ctx) throw new Error("Disclosure compound components must be used within <Disclosure>");
-    return ctx;
-};
-const normalizeKey = (value)=>String(value);
-const getGroupExpanded = (group, id)=>{
-    if (!group) return false;
-    return group.expandedKeys().has(id);
-};
-const updateGroupExpanded = (group, id, nextOpen)=>{
-    if (!group) return;
-    if (group.isDisabled()) return;
-    if (group.allowsMultipleExpanded()) {
-        const next = new Set(group.expandedKeys());
-        if (nextOpen) next.add(id);
-        else next.delete(id);
-        group.setExpandedKeys(next);
-        return;
-    }
-    group.setExpandedKeys(nextOpen ? new Set([
-        id
-    ]) : new Set());
-};
-const DisclosureRoot = (props)=>{
-    const group = useContext(DisclosureGroupContext);
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "id",
-        "isOpen",
-        "defaultOpen",
-        "onOpenChange",
-        "isDisabled",
-        "disabled"
-    ]);
-    const uniqueId = createUniqueId();
-    const itemId = ()=>normalizeKey(local.id ?? uniqueId);
-    const triggerId = ()=>`disclosure-trigger-${itemId()}`;
-    const contentId = ()=>`disclosure-content-${itemId()}`;
-    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
-    const isControlled = createMemo(()=>void 0 !== local.isOpen);
-    const standaloneOpen = createMemo(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(group?.isDisabled());
-    const isExpanded = ()=>group ? getGroupExpanded(group, itemId()) : standaloneOpen();
-    const setOpen = (next)=>{
-        if (isDisabled()) return;
-        if (group) return void updateGroupExpanded(group, itemId(), next);
-        if (!isControlled()) setInternalOpen(next);
-        if (standaloneOpen() !== next) local.onOpenChange?.(next);
-    };
-    const toggle = ()=>setOpen(!isExpanded());
-    const ctx = {
-        isExpanded,
-        isDisabled,
-        triggerId,
-        contentId,
-        toggle
-    };
-    return createComponent(DisclosureContext.Provider, {
-        value: ctx,
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.base, isExpanded() && CLASSES.flag.expanded, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
-                }), {
-                "data-slot": "disclosure",
-                get ["data-expanded"] () {
-                    return isExpanded() ? "true" : "false";
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const DisclosureHeading = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.heading, local.class, local.className)
-            }), {
-            "data-slot": "disclosure-heading",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
-};
-const DisclosureTrigger = (props)=>{
-    const ctx = useDisclosureContext();
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "onClick",
-        "onKeyDown",
-        "type"
-    ]);
-    const handleClick = (event)=>{
-        if ("function" == typeof local.onClick) local.onClick(event);
-        if (event.defaultPrevented) return;
-        ctx.toggle();
-    };
-    const handleKeyDown = (event)=>{
-        if ("function" == typeof local.onKeyDown) local.onKeyDown(event);
-        if (event.defaultPrevented) return;
-        if ("Enter" === event.key || " " === event.key) {
-            event.preventDefault();
-            ctx.toggle();
-        }
-    };
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        spread(_el$3, mergeProps(others, {
-            get id () {
-                return ctx.triggerId();
-            },
-            get type () {
-                return local.type ?? "button";
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.slot.trigger, local.class, local.className)
-            }), {
-            "data-slot": "disclosure-trigger",
-            get ["data-expanded"] () {
-                return ctx.isExpanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-expanded"] () {
-                return ctx.isExpanded() ? "true" : "false";
-            },
-            get ["aria-controls"] () {
-                return ctx.contentId();
-            },
-            get ["aria-disabled"] () {
-                return ctx.isDisabled() ? "true" : void 0;
-            },
-            get disabled () {
-                return ctx.isDisabled();
-            },
-            onClick: handleClick,
-            onKeyDown: handleKeyDown
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const DisclosureContent = (props)=>{
-    const ctx = useDisclosureContext();
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "keepMounted"
-    ]);
-    const expanded = ()=>ctx.isExpanded();
-    const keepMounted = ()=>local.keepMounted ?? true;
-    if (!keepMounted() && !expanded()) return null;
-    return (()=>{
-        var _el$4 = _tmpl$();
-        spread(_el$4, mergeProps(others, {
-            get id () {
-                return ctx.contentId();
-            },
-            role: "region"
-        }, ()=>({
-                class: twMerge(CLASSES.slot.content, local.class, local.className)
-            }), {
-            "data-slot": "disclosure-content",
-            get ["data-expanded"] () {
-                return expanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-hidden"] () {
-                return expanded() ? "false" : "true";
-            },
-            get ["aria-labelledby"] () {
-                return ctx.triggerId();
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const DisclosureBody = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild;
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.body, local.class, local.className)
-            }), {
-            "data-slot": "disclosure-body",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        spread(_el$6, mergeProps(()=>({
-                class: CLASSES.slot.bodyInner
-            }), {
-            "data-slot": "disclosure-body-inner"
-        }), false, true);
-        insert(_el$6, ()=>local.children);
-        return _el$5;
-    })();
-};
-const DisclosureIndicator = (props)=>{
-    const ctx = useDisclosureContext();
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$7 = _tmpl$5();
-        spread(_el$7, mergeProps(others, {
-            "aria-hidden": "true"
-        }, ()=>({
-                class: twMerge(CLASSES.slot.indicator, local.class, local.className)
-            }), {
-            "data-slot": "disclosure-indicator",
-            get ["data-expanded"] () {
-                return ctx.isExpanded() ? "true" : "false";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$7, ()=>local.children ?? _tmpl$6());
-        return _el$7;
-    })();
-};
-const Disclosure = Object.assign(DisclosureRoot, {
-    Root: DisclosureRoot,
-    Heading: DisclosureHeading,
-    Trigger: DisclosureTrigger,
-    Content: DisclosureContent,
-    Body: DisclosureBody,
-    Indicator: DisclosureIndicator
-});
-const disclosure_Disclosure = Disclosure;
-export default disclosure_Disclosure;
-export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger };

package/dist/components/disclosure-group/DisclosureGroup.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "disclosure-group";
-};

package/dist/components/disclosure-group/DisclosureGroup.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "disclosure-group"
-};
-export { CLASSES };

package/dist/components/disclosure-group/DisclosureGroup.d.ts

@@ -1,25 +0,0 @@
-import "./DisclosureGroup.css";
-import { type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type DisclosureGroupContextValue = {
-    expandedKeys: () => Set<string>;
-    setExpandedKeys: (keys: Set<string>) => void;
-    allowsMultipleExpanded: () => boolean;
-    isDisabled: () => boolean;
-};
-export declare const DisclosureGroupContext: import("solid-js").Context<DisclosureGroupContextValue | undefined>;
-export type DisclosureGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    expandedKeys?: Set<string | number>;
-    defaultExpandedKeys?: Set<string | number>;
-    onExpandedChange?: (keys: Set<string | number>) => void;
-    allowsMultipleExpanded?: boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-declare const DisclosureGroupRoot: ParentComponent<DisclosureGroupRootProps>;
-declare const DisclosureGroup: ParentComponent<DisclosureGroupRootProps> & {
-    Root: ParentComponent<DisclosureGroupRootProps>;
-};
-export default DisclosureGroup;
-export { DisclosureGroupRoot };

package/dist/components/disclosure-group/DisclosureGroup.js

@@ -1,74 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./DisclosureGroup.css";
-import { createContext, createMemo, createSignal, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./DisclosureGroup.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const DisclosureGroupContext = createContext();
-const normalizeKeys = (keys)=>{
-    if (!keys) return new Set();
-    return new Set(Array.from(keys).map((key)=>String(key)));
-};
-const DisclosureGroupRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "expandedKeys",
-        "defaultExpandedKeys",
-        "onExpandedChange",
-        "allowsMultipleExpanded",
-        "isDisabled",
-        "disabled"
-    ]);
-    const allowsMultipleExpanded = ()=>Boolean(local.allowsMultipleExpanded);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const [internalKeys, setInternalKeys] = createSignal(normalizeKeys(local.defaultExpandedKeys));
-    const expandedKeys = createMemo(()=>void 0 !== local.expandedKeys ? normalizeKeys(local.expandedKeys) : internalKeys());
-    const setExpandedKeys = (keys)=>{
-        if (void 0 === local.expandedKeys) setInternalKeys(new Set(keys));
-        local.onExpandedChange?.(new Set(keys));
-    };
-    const ctx = {
-        expandedKeys,
-        setExpandedKeys,
-        allowsMultipleExpanded,
-        isDisabled
-    };
-    return createComponent(DisclosureGroupContext.Provider, {
-        value: ctx,
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.base, local.class, local.className)
-                }), {
-                "data-slot": "disclosure-group",
-                get ["data-multiple"] () {
-                    return allowsMultipleExpanded() ? "true" : "false";
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                }
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const DisclosureGroup = Object.assign(DisclosureGroupRoot, {
-    Root: DisclosureGroupRoot
-});
-const disclosure_group_DisclosureGroup = DisclosureGroup;
-export default disclosure_group_DisclosureGroup;
-export { DisclosureGroupContext, DisclosureGroupRoot };

package/dist/components/drawer/Drawer.classes.d.ts

@@ -1,90 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "drawer";
-        readonly state: {
-            readonly open: "drawer--open";
-            readonly entering: "drawer--entering";
-            readonly exiting: "drawer--exiting";
-            readonly closed: "drawer--closed";
-        };
-    };
-    readonly Trigger: {
-        readonly base: "drawer__trigger";
-    };
-    readonly Backdrop: {
-        readonly base: "drawer__backdrop";
-        readonly variant: {
-            readonly opaque: "drawer__backdrop--opaque";
-            readonly blur: "drawer__backdrop--blur";
-            readonly transparent: "drawer__backdrop--transparent";
-        };
-        readonly state: {
-            readonly entering: "drawer__backdrop--entering";
-            readonly exiting: "drawer__backdrop--exiting";
-        };
-    };
-    readonly Content: {
-        readonly base: "drawer__content";
-        readonly placement: {
-            readonly top: "drawer__content--top";
-            readonly bottom: "drawer__content--bottom";
-            readonly left: "drawer__content--left";
-            readonly right: "drawer__content--right";
-        };
-        readonly scroll: {
-            readonly inside: "drawer__content--scroll-inside";
-            readonly outside: "drawer__content--scroll-outside";
-        };
-        readonly state: {
-            readonly entering: "drawer__content--entering";
-            readonly exiting: "drawer__content--exiting";
-        };
-    };
-    readonly Dialog: {
-        readonly base: "drawer__dialog";
-        readonly axis: {
-            readonly side: "drawer__dialog--axis-side";
-            readonly edge: "drawer__dialog--axis-edge";
-        };
-        readonly size: {
-            readonly side: {
-                readonly sm: "drawer__dialog--side-sm";
-                readonly md: "drawer__dialog--side-md";
-                readonly lg: "drawer__dialog--side-lg";
-                readonly full: "drawer__dialog--side-full";
-            };
-            readonly edge: {
-                readonly sm: "drawer__dialog--edge-sm";
-                readonly md: "drawer__dialog--edge-md";
-                readonly lg: "drawer__dialog--edge-lg";
-                readonly full: "drawer__dialog--edge-full";
-            };
-        };
-        readonly state: {
-            readonly entering: "drawer__dialog--entering";
-            readonly exiting: "drawer__dialog--exiting";
-        };
-    };
-    readonly Header: {
-        readonly base: "drawer__header";
-    };
-    readonly Heading: {
-        readonly base: "drawer__heading";
-    };
-    readonly Body: {
-        readonly base: "drawer__body";
-    };
-    readonly Footer: {
-        readonly base: "drawer__footer";
-    };
-    readonly Handle: {
-        readonly base: "drawer__handle";
-        readonly bar: "drawer__handle-bar";
-    };
-    readonly CloseTrigger: {
-        readonly base: "drawer__close-trigger";
-        readonly icon: "drawer__close-icon";
-        readonly iconStart: "drawer__close-icon--start";
-        readonly iconEnd: "drawer__close-icon--end";
-    };
-};

package/dist/components/drawer/Drawer.classes.js

@@ -1,91 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "drawer",
-        state: {
-            open: "drawer--open",
-            entering: "drawer--entering",
-            exiting: "drawer--exiting",
-            closed: "drawer--closed"
-        }
-    },
-    Trigger: {
-        base: "drawer__trigger"
-    },
-    Backdrop: {
-        base: "drawer__backdrop",
-        variant: {
-            opaque: "drawer__backdrop--opaque",
-            blur: "drawer__backdrop--blur",
-            transparent: "drawer__backdrop--transparent"
-        },
-        state: {
-            entering: "drawer__backdrop--entering",
-            exiting: "drawer__backdrop--exiting"
-        }
-    },
-    Content: {
-        base: "drawer__content",
-        placement: {
-            top: "drawer__content--top",
-            bottom: "drawer__content--bottom",
-            left: "drawer__content--left",
-            right: "drawer__content--right"
-        },
-        scroll: {
-            inside: "drawer__content--scroll-inside",
-            outside: "drawer__content--scroll-outside"
-        },
-        state: {
-            entering: "drawer__content--entering",
-            exiting: "drawer__content--exiting"
-        }
-    },
-    Dialog: {
-        base: "drawer__dialog",
-        axis: {
-            side: "drawer__dialog--axis-side",
-            edge: "drawer__dialog--axis-edge"
-        },
-        size: {
-            side: {
-                sm: "drawer__dialog--side-sm",
-                md: "drawer__dialog--side-md",
-                lg: "drawer__dialog--side-lg",
-                full: "drawer__dialog--side-full"
-            },
-            edge: {
-                sm: "drawer__dialog--edge-sm",
-                md: "drawer__dialog--edge-md",
-                lg: "drawer__dialog--edge-lg",
-                full: "drawer__dialog--edge-full"
-            }
-        },
-        state: {
-            entering: "drawer__dialog--entering",
-            exiting: "drawer__dialog--exiting"
-        }
-    },
-    Header: {
-        base: "drawer__header"
-    },
-    Heading: {
-        base: "drawer__heading"
-    },
-    Body: {
-        base: "drawer__body"
-    },
-    Footer: {
-        base: "drawer__footer"
-    },
-    Handle: {
-        base: "drawer__handle",
-        bar: "drawer__handle-bar"
-    },
-    CloseTrigger: {
-        base: "drawer__close-trigger",
-        icon: "drawer__close-icon",
-        iconStart: "drawer__close-icon--start",
-        iconEnd: "drawer__close-icon--end"
-    }
-};
-export { CLASSES };