@pathscale/ui 1.2.0 → 1.2.2

package/dist/components/disclosure/Disclosure.js

@@ -0,0 +1,302 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Disclosure.css";
+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__Disclosure_classes_js_1da2100a__ from "./Disclosure.classes.js";
+import * as __WEBPACK_EXTERNAL_MODULE__disclosure_group_DisclosureGroup_js_af0454cf__ from "../disclosure-group/DisclosureGroup.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.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 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const useDisclosureContext = ()=>{
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__disclosure_group_DisclosureGroup_js_af0454cf__.DisclosureGroupContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "id",
+        "isOpen",
+        "defaultOpen",
+        "onOpenChange",
+        "isDisabled",
+        "disabled"
+    ]);
+    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const itemId = ()=>normalizeKey(local.id ?? uniqueId);
+    const triggerId = ()=>`disclosure-trigger-${itemId()}`;
+    const contentId = ()=>`disclosure-content-${itemId()}`;
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.isOpen);
+    const standaloneOpen = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DisclosureContext.Provider, {
+        value: ctx,
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.CLASSES.base, isExpanded() && __WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.CLASSES.flag.expanded, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.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);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const DisclosureHeading = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.CLASSES.slot.heading, local.class, local.className)
+            }), {
+            "data-slot": "disclosure-heading",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const DisclosureTrigger = (props)=>{
+    const ctx = useDisclosureContext();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get id () {
+                return ctx.triggerId();
+            },
+            get type () {
+                return local.type ?? "button";
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.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);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        return _el$3;
+    })();
+};
+const DisclosureContent = (props)=>{
+    const ctx = useDisclosureContext();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get id () {
+                return ctx.contentId();
+            },
+            role: "region"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.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);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const DisclosureBody = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.CLASSES.slot.body, local.class, local.className)
+            }), {
+            "data-slot": "disclosure-body",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.CLASSES.slot.bodyInner
+            }), {
+            "data-slot": "disclosure-body-inner"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$5;
+    })();
+};
+const DisclosureIndicator = (props)=>{
+    const ctx = useDisclosureContext();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$5();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            "aria-hidden": "true"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Disclosure_classes_js_1da2100a__.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);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children ?? _tmpl$6());
+        return _el$7;
+    })();
+};
+const Disclosure_Disclosure = Object.assign(DisclosureRoot, {
+    Root: DisclosureRoot,
+    Heading: DisclosureHeading,
+    Trigger: DisclosureTrigger,
+    Content: DisclosureContent,
+    Body: DisclosureBody,
+    Indicator: DisclosureIndicator
+});
+const Disclosure = Disclosure_Disclosure;
+export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger, Disclosure as default };

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

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "solid-js";
+import Disclosure, { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator } from "./Disclosure";
+export type DisclosureProps = ComponentProps<typeof DisclosureRoot>;
+export type DisclosureRootProps = ComponentProps<typeof DisclosureRoot>;
+export type DisclosureHeadingProps = ComponentProps<typeof DisclosureHeading>;
+export type DisclosureTriggerProps = ComponentProps<typeof DisclosureTrigger>;
+export type DisclosureContentProps = ComponentProps<typeof DisclosureContent>;
+export type DisclosureBodyProps = ComponentProps<typeof DisclosureBody>;
+export type DisclosureIndicatorProps = ComponentProps<typeof DisclosureIndicator>;
+export { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator, };
+export default Disclosure;

package/dist/components/disclosure/index.js

@@ -0,0 +1,9 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__ from "./Disclosure.js";
+const disclosure = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__["default"];
+var __webpack_exports__DisclosureBody = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureBody;
+var __webpack_exports__DisclosureContent = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureContent;
+var __webpack_exports__DisclosureHeading = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureHeading;
+var __webpack_exports__DisclosureIndicator = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureIndicator;
+var __webpack_exports__DisclosureRoot = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureRoot;
+var __webpack_exports__DisclosureTrigger = __WEBPACK_EXTERNAL_MODULE__Disclosure_js_c4149207__.DisclosureTrigger;
+export { disclosure as default, __webpack_exports__DisclosureBody as DisclosureBody, __webpack_exports__DisclosureContent as DisclosureContent, __webpack_exports__DisclosureHeading as DisclosureHeading, __webpack_exports__DisclosureIndicator as DisclosureIndicator, __webpack_exports__DisclosureRoot as DisclosureRoot, __webpack_exports__DisclosureTrigger as DisclosureTrigger };

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

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

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

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

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

@@ -0,0 +1,9 @@
+@layer components {
+  .disclosure-group {
+    width: 100%;
+    contain: layout style;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+}

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

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

@@ -0,0 +1,73 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./DisclosureGroup.css";
+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__DisclosureGroup_classes_js_6f36ac01__ from "./DisclosureGroup.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const DisclosureGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeKeys(local.defaultExpandedKeys));
+    const expandedKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.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 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DisclosureGroupContext.Provider, {
+        value: ctx,
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DisclosureGroup_classes_js_6f36ac01__.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);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const DisclosureGroup = Object.assign(DisclosureGroupRoot, {
+    Root: DisclosureGroupRoot
+});
+const disclosure_group_DisclosureGroup = DisclosureGroup;
+export { DisclosureGroupContext, DisclosureGroupRoot, disclosure_group_DisclosureGroup as default };

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

@@ -0,0 +1,9 @@
+import type { ComponentProps } from "solid-js";
+import DisclosureGroup, { DisclosureGroupRoot } from "./DisclosureGroup";
+import { useDisclosureGroupNavigation } from "./useDisclosureGroupNavigation";
+export type DisclosureGroupProps = ComponentProps<typeof DisclosureGroupRoot>;
+export type DisclosureGroupRootProps = ComponentProps<typeof DisclosureGroupRoot>;
+export type UseDisclosureGroupNavigationProps = Parameters<typeof useDisclosureGroupNavigation>[0];
+export type UseDisclosureGroupNavigationReturn = ReturnType<typeof useDisclosureGroupNavigation>;
+export { DisclosureGroupRoot, useDisclosureGroupNavigation };
+export default DisclosureGroup;

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

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__DisclosureGroup_js_96913d20__ from "./DisclosureGroup.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useDisclosureGroupNavigation_js_eaef1198__ from "./useDisclosureGroupNavigation.js";
+const disclosure_group = __WEBPACK_EXTERNAL_MODULE__DisclosureGroup_js_96913d20__["default"];
+var __webpack_exports__DisclosureGroupRoot = __WEBPACK_EXTERNAL_MODULE__DisclosureGroup_js_96913d20__.DisclosureGroupRoot;
+var __webpack_exports__useDisclosureGroupNavigation = __WEBPACK_EXTERNAL_MODULE__useDisclosureGroupNavigation_js_eaef1198__.useDisclosureGroupNavigation;
+export { disclosure_group as default, __webpack_exports__DisclosureGroupRoot as DisclosureGroupRoot, __webpack_exports__useDisclosureGroupNavigation as useDisclosureGroupNavigation };

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

@@ -0,0 +1,14 @@
+export type UseDisclosureGroupNavigationProps = {
+    expandedKeys: () => Set<string | number>;
+    itemIds: () => string[];
+    onExpandedChange: (keys: Set<string | number>) => void;
+    allowsMultipleExpanded?: boolean;
+};
+export type UseDisclosureGroupNavigationReturn = {
+    currentIndex: () => number;
+    isPrevDisabled: () => boolean;
+    isNextDisabled: () => boolean;
+    onPrevious: () => void;
+    onNext: () => void;
+};
+export declare const useDisclosureGroupNavigation: (props: UseDisclosureGroupNavigationProps) => UseDisclosureGroupNavigationReturn;

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

@@ -0,0 +1,54 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const normalizeKeys = (keys)=>new Set(Array.from(keys).map((key)=>String(key)));
+const useDisclosureGroupNavigation = (props)=>{
+    const currentIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const ids = props.itemIds();
+        const expanded = Array.from(normalizeKeys(props.expandedKeys())).filter((id)=>ids.includes(id));
+        const current = expanded.length > 0 ? expanded[0] : ids[0];
+        if (!current) return -1;
+        return ids.indexOf(current);
+    });
+    const setExpanded = (id)=>{
+        if (!id) return;
+        const allowsMultiple = Boolean(props.allowsMultipleExpanded);
+        if (allowsMultiple) {
+            const next = new Set(props.expandedKeys());
+            next.add(id);
+            props.onExpandedChange(next);
+            return;
+        }
+        props.onExpandedChange(new Set([
+            id
+        ]));
+    };
+    const onPrevious = ()=>{
+        const ids = props.itemIds();
+        const index = currentIndex();
+        if (index <= 0) return;
+        const prev = ids[index - 1];
+        if (!prev) return;
+        setExpanded(prev);
+    };
+    const onNext = ()=>{
+        const ids = props.itemIds();
+        const index = currentIndex();
+        if (index >= ids.length - 1) return;
+        const next = ids[index + 1];
+        if (!next) return;
+        setExpanded(next);
+    };
+    const isPrevDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>currentIndex() <= 0);
+    const isNextDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const index = currentIndex();
+        const ids = props.itemIds();
+        return index < 0 || index >= ids.length - 1;
+    });
+    return {
+        currentIndex,
+        isPrevDisabled,
+        isNextDisabled,
+        onPrevious,
+        onNext
+    };
+};
+export { useDisclosureGroupNavigation };

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

@@ -0,0 +1,11 @@
+export type DrawerPlacement = "top" | "bottom" | "left" | "right";
+export type DrawerSize = "sm" | "md" | "lg" | "full";
+export type DrawerBackdropVariant = "opaque" | "blur" | "transparent";
+export type DrawerScrollBehavior = "inside" | "outside";
+export type DrawerAnimState = "entering" | "open" | "exiting" | "closed";
+export type DrawerCloseReason = "escape" | "backdrop" | "trigger" | "api";
+export declare const isSidePlacement: (placement: DrawerPlacement) => placement is "left" | "right";
+export declare const isVisibleState: (state: DrawerAnimState) => state is "open" | "entering";
+export declare const getFocusable: (container: HTMLElement) => HTMLElement[];
+export declare const focusFirst: (container: HTMLElement) => void;
+export declare const trapFocus: (event: KeyboardEvent, container: HTMLElement) => void;

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

@@ -0,0 +1,32 @@
+const isSidePlacement = (placement)=>"left" === placement || "right" === placement;
+const isVisibleState = (state)=>"entering" === state || "open" === state;
+const FOCUSABLE_SELECTOR = "a[href],area[href],button:not([disabled]),input:not([disabled]):not([type='hidden']),select:not([disabled]),textarea:not([disabled]),[contenteditable='true'],[tabindex]:not([tabindex='-1'])";
+const getFocusable = (container)=>Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el)=>!el.hidden && el.tabIndex >= 0 && "true" !== el.getAttribute("aria-hidden"));
+const focusFirst = (container)=>{
+    const autofocus = container.querySelector("[autofocus]");
+    if (autofocus) return void autofocus.focus();
+    const nodes = getFocusable(container);
+    if (nodes.length > 0) return void nodes[0].focus();
+    container.focus();
+};
+const trapFocus = (event, container)=>{
+    const nodes = getFocusable(container);
+    if (0 === nodes.length) {
+        event.preventDefault();
+        container.focus();
+        return;
+    }
+    const first = nodes[0];
+    const last = nodes[nodes.length - 1];
+    const active = document.activeElement;
+    if (!event.shiftKey && active === last) {
+        event.preventDefault();
+        first.focus();
+        return;
+    }
+    if (event.shiftKey && (active === first || active === container)) {
+        event.preventDefault();
+        last.focus();
+    }
+};
+export { focusFirst, getFocusable, isSidePlacement, isVisibleState, trapFocus };