@pathscale/ui 1.2.1 → 1.2.2

package/dist/components/popover/Popover.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "popover";
+    readonly slot: {
+        readonly root: "popover-root";
+        readonly trigger: "popover__trigger";
+        readonly dialog: "popover__dialog";
+        readonly arrow: "popover__arrow";
+        readonly heading: "popover__heading";
+    };
+};

package/dist/components/popover/Popover.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "popover",
+    slot: {
+        root: "popover-root",
+        trigger: "popover__trigger",
+        dialog: "popover__dialog",
+        arrow: "popover__arrow",
+        heading: "popover__heading"
+    }
+};
+export { CLASSES };

package/dist/components/popover/Popover.css

@@ -0,0 +1,117 @@
+@layer components {
+  .popover-root {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .popover {
+    position: fixed;
+    z-index: var(--z-overlay, 70);
+    border-radius: 1.5rem;
+    padding: 0;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    background-color: var(--color-overlay, var(--color-base-100));
+    color: var(--color-overlay-foreground, var(--color-base-content));
+    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, black 20%, transparent));
+    opacity: 0;
+    pointer-events: none;
+    transform: translateY(-4px) scale(0.96);
+    transform-origin: center;
+    transition:
+      opacity 150ms var(--ease-smooth, ease),
+      transform 150ms var(--ease-smooth, ease);
+  }
+
+  .popover[data-open="true"] {
+    opacity: 1;
+    pointer-events: auto;
+    transform: scale(1);
+  }
+
+  .popover[data-placement="top"] {
+    transform: translateY(4px) scale(0.96);
+    transform-origin: bottom;
+  }
+
+  .popover[data-placement="top"][data-open="true"] {
+    transform: translateY(0) scale(1);
+  }
+
+  .popover[data-placement="bottom"] {
+    transform: translateY(-4px) scale(0.96);
+    transform-origin: top;
+  }
+
+  .popover[data-placement="bottom"][data-open="true"] {
+    transform: translateY(0) scale(1);
+  }
+
+  .popover[data-placement="left"] {
+    transform: translateX(4px) scale(0.96);
+    transform-origin: right;
+  }
+
+  .popover[data-placement="left"][data-open="true"] {
+    transform: translateX(0) scale(1);
+  }
+
+  .popover[data-placement="right"] {
+    transform: translateX(-4px) scale(0.96);
+    transform-origin: left;
+  }
+
+  .popover[data-placement="right"][data-open="true"] {
+    transform: translateX(0) scale(1);
+  }
+
+  .popover__dialog {
+    padding: 1rem;
+    outline: none;
+  }
+
+  .popover__heading {
+    font-weight: 600;
+  }
+
+  .popover__trigger {
+    display: inline-flex;
+    cursor: pointer;
+  }
+
+  .popover__trigger:focus-visible,
+  .popover__trigger[data-focus-visible="true"] {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+    border-radius: var(--radius-field, 0.375rem);
+  }
+
+  .popover__arrow {
+    position: absolute;
+    color: var(--color-overlay, var(--color-base-100));
+  }
+
+  .popover[data-placement="top"] .popover__arrow {
+    top: calc(100% - 1px);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .popover[data-placement="bottom"] .popover__arrow {
+    bottom: calc(100% - 1px);
+    left: 50%;
+    transform: translateX(-50%) rotate(180deg);
+  }
+
+  .popover[data-placement="left"] .popover__arrow {
+    left: calc(100% - 1px);
+    top: 50%;
+    transform: translateY(-50%) rotate(-90deg);
+  }
+
+  .popover[data-placement="right"] .popover__arrow {
+    right: calc(100% - 1px);
+    top: 50%;
+    transform: translateY(-50%) rotate(90deg);
+  }
+}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,49 @@
+import "./Popover.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type OverlayPlacement } from "../_shared/overlayPosition";
+export type PopoverPlacement = OverlayPlacement;
+export type PopoverRootProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: PopoverPlacement;
+    autoFlip?: boolean;
+    offset?: number;
+    closeOnOutsideClick?: boolean;
+    closeOnEscape?: boolean;
+    onInteractOutside?: (event: Event) => void;
+};
+declare const PopoverRoot: ParentComponent<PopoverRootProps>;
+export type PopoverTriggerProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverTrigger: Component<PopoverTriggerProps>;
+export type PopoverContentProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+    sideOffset?: number;
+};
+declare const PopoverContent: Component<PopoverContentProps>;
+export type PopoverDialogProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverDialog: Component<PopoverDialogProps>;
+export type PopoverArrowProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    children?: JSX.Element;
+};
+declare const PopoverArrow: Component<PopoverArrowProps>;
+export type PopoverHeadingProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & {
+    children: JSX.Element;
+};
+declare const PopoverHeading: Component<PopoverHeadingProps>;
+declare const Popover: ParentComponent<PopoverRootProps> & {
+    Root: ParentComponent<PopoverRootProps>;
+    Trigger: Component<PopoverTriggerProps>;
+    Content: Component<PopoverContentProps>;
+    Dialog: Component<PopoverDialogProps>;
+    Arrow: Component<PopoverArrowProps>;
+    Heading: Component<PopoverHeadingProps>;
+};
+export default Popover;
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverDialog, PopoverArrow, PopoverHeading, };

package/dist/components/popover/Popover.js

@@ -0,0 +1,343 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Popover.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__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__ from "./Popover.classes.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)('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>");
+const PopoverContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const usePopoverContext = ()=>{
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(PopoverContext);
+    if (!ctx) throw new Error("Popover compound components must be used within <Popover>");
+    return ctx;
+};
+const PopoverRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "isOpen",
+        "defaultOpen",
+        "onOpenChange",
+        "placement",
+        "autoFlip",
+        "offset",
+        "closeOnOutsideClick",
+        "closeOnEscape",
+        "onInteractOutside"
+    ]);
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
+    const [triggerRef, setTriggerRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
+    const [contentRef, setContentRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
+    const [triggerId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-trigger-${Math.random().toString(36).slice(2, 8)}`);
+    const [contentId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-content-${Math.random().toString(36).slice(2, 8)}`);
+    const [resolvedPlacement, setResolvedPlacement] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.placement ?? "bottom");
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.isOpen);
+    const isOpen = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
+    const setIsOpen = (next, options)=>{
+        if (!isControlled()) setInternalOpen(next);
+        if (isOpen() !== next) local.onOpenChange?.(next);
+        if (!next && options?.focusTrigger) triggerRef()?.focus();
+    };
+    const preferredPlacement = ()=>local.placement ?? "bottom";
+    const placement = ()=>resolvedPlacement();
+    const offset = ()=>local.offset ?? 8;
+    const autoFlip = ()=>local.autoFlip ?? true;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        const handlePointerDown = (event)=>{
+            if (!isOpen()) return;
+            if (false === local.closeOnOutsideClick) return;
+            const content = contentRef();
+            const trigger = triggerRef();
+            if (content?.contains(event.target)) return;
+            if (trigger?.contains(event.target)) return;
+            local.onInteractOutside?.(event);
+            setIsOpen(false, {
+                focusTrigger: false
+            });
+        };
+        const handleKeyDown = (event)=>{
+            if (!isOpen()) return;
+            if (false === local.closeOnEscape) return;
+            if ("Escape" !== event.key) return;
+            event.preventDefault();
+            setIsOpen(false, {
+                focusTrigger: true
+            });
+        };
+        document.addEventListener("pointerdown", handlePointerDown);
+        document.addEventListener("keydown", handleKeyDown);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            document.removeEventListener("pointerdown", handlePointerDown);
+            document.removeEventListener("keydown", handleKeyDown);
+        });
+    });
+    const ctx = {
+        isOpen,
+        setIsOpen,
+        preferredPlacement,
+        placement,
+        setPlacement: setResolvedPlacement,
+        autoFlip,
+        triggerRef,
+        setTriggerRef,
+        contentRef,
+        setContentRef,
+        triggerId,
+        contentId,
+        offset,
+        onInteractOutside: local.onInteractOutside
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(PopoverContext.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__Popover_classes_js_917d7621__.CLASSES.slot.root, local.class, local.className)
+                }), {
+                "data-slot": "popover-root",
+                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 PopoverTrigger = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onClick",
+        "onKeyDown"
+    ]);
+    const ctx = usePopoverContext();
+    const handleClick = (event)=>{
+        if ("function" == typeof local.onClick) local.onClick(event);
+        if (event.defaultPrevented) return;
+        ctx.setIsOpen(!ctx.isOpen());
+    };
+    const handleKeyDown = (event)=>{
+        if ("function" == typeof local.onKeyDown) local.onKeyDown(event);
+        if (event.defaultPrevented) return;
+        if ("Enter" === event.key || " " === event.key) {
+            event.preventDefault();
+            ctx.setIsOpen(!ctx.isOpen());
+        }
+        if ("Escape" === event.key && ctx.isOpen()) {
+            event.preventDefault();
+            ctx.setIsOpen(false, {
+                focusTrigger: true
+            });
+        }
+    };
+    return (()=>{
+        var _el$2 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$2);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get id () {
+                return ctx.triggerId();
+            },
+            role: "button",
+            tabIndex: 0
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.trigger, local.class, local.className)
+            }), {
+            "data-slot": "popover-trigger",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            "aria-haspopup": "dialog",
+            get ["aria-expanded"] () {
+                return ctx.isOpen() ? "true" : "false";
+            },
+            get ["aria-controls"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!ctx.isOpen())() ? ctx.contentId() : void 0;
+            },
+            onClick: handleClick,
+            onKeyDown: handleKeyDown
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const PopoverContent = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "sideOffset"
+    ]);
+    const ctx = usePopoverContext();
+    const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
+        open: ctx.isOpen,
+        triggerRef: ctx.triggerRef,
+        overlayRef: ctx.contentRef,
+        placement: ctx.preferredPlacement,
+        offset: ()=>local.sideOffset ?? ctx.offset(),
+        autoFlip: ctx.autoFlip,
+        align: ()=>"center"
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        ctx.setPlacement(overlayPosition.placement());
+    });
+    const style = ()=>{
+        const overlayStyle = overlayPosition.style();
+        if ("string" == typeof local.style) return [
+            local.style,
+            Object.entries(overlayStyle).map(([key, value])=>`${key}: ${String(value)}`).join("; ")
+        ].filter(Boolean).join("; ");
+        return {
+            ...local.style ?? {},
+            ...overlayStyle
+        };
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return ctx.isOpen();
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+                get children () {
+                    var _el$3 = _tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setContentRef(el), _el$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.contentId();
+                        },
+                        role: "dialog"
+                    }, ()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.base, local.class, local.className)
+                        }), {
+                        "data-slot": "popover-content",
+                        get ["data-open"] () {
+                            return ctx.isOpen() ? "true" : "false";
+                        },
+                        get ["data-placement"] () {
+                            return ctx.placement();
+                        },
+                        get ["data-theme"] () {
+                            return local.dataTheme;
+                        },
+                        get style () {
+                            return style();
+                        },
+                        get ["aria-labelledby"] () {
+                            return ctx.triggerId();
+                        },
+                        get ["aria-hidden"] () {
+                            return ctx.isOpen() ? "false" : "true";
+                        }
+                    }), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+                    return _el$3;
+                }
+            });
+        }
+    });
+};
+const PopoverDialog = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    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, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.dialog, local.class, local.className)
+            }), {
+            "data-slot": "popover-dialog",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const PopoverArrow = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const ctx = usePopoverContext();
+    const defaultArrow = _tmpl$2();
+    return (()=>{
+        var _el$6 = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.arrow, local.class, local.className)
+            }), {
+            "data-slot": "popover-arrow",
+            get ["data-placement"] () {
+                return ctx.placement();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            "aria-hidden": "true"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children ?? defaultArrow);
+        return _el$6;
+    })();
+};
+const PopoverHeading = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.heading, local.class, local.className)
+            }), {
+            "data-slot": "popover-heading",
+            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);
+        return _el$7;
+    })();
+};
+const Popover = Object.assign(PopoverRoot, {
+    Root: PopoverRoot,
+    Trigger: PopoverTrigger,
+    Content: PopoverContent,
+    Dialog: PopoverDialog,
+    Arrow: PopoverArrow,
+    Heading: PopoverHeading
+});
+const popover_Popover = Popover;
+export { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger, popover_Popover as default };

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

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "solid-js";
+import Popover, { PopoverRoot, PopoverTrigger, PopoverContent, PopoverDialog, PopoverArrow, PopoverHeading } from "./Popover";
+export type PopoverProps = ComponentProps<typeof PopoverRoot>;
+export type PopoverRootProps = ComponentProps<typeof PopoverRoot>;
+export type PopoverTriggerProps = ComponentProps<typeof PopoverTrigger>;
+export type PopoverContentProps = ComponentProps<typeof PopoverContent>;
+export type PopoverDialogProps = ComponentProps<typeof PopoverDialog>;
+export type PopoverArrowProps = ComponentProps<typeof PopoverArrow>;
+export type PopoverHeadingProps = ComponentProps<typeof PopoverHeading>;
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverDialog, PopoverArrow, PopoverHeading, };
+export default Popover;

package/dist/components/popover/index.js

@@ -0,0 +1,9 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__ from "./Popover.js";
+const popover = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__["default"];
+var __webpack_exports__PopoverArrow = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverArrow;
+var __webpack_exports__PopoverContent = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverContent;
+var __webpack_exports__PopoverDialog = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverDialog;
+var __webpack_exports__PopoverHeading = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverHeading;
+var __webpack_exports__PopoverRoot = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverRoot;
+var __webpack_exports__PopoverTrigger = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverTrigger;
+export { popover as default, __webpack_exports__PopoverArrow as PopoverArrow, __webpack_exports__PopoverContent as PopoverContent, __webpack_exports__PopoverDialog as PopoverDialog, __webpack_exports__PopoverHeading as PopoverHeading, __webpack_exports__PopoverRoot as PopoverRoot, __webpack_exports__PopoverTrigger as PopoverTrigger };

package/dist/components/progress-bar/ProgressBar.classes.d.ts

@@ -0,0 +1,23 @@
+export declare const CLASSES: {
+    readonly base: "progress-bar";
+    readonly label: "progress-bar__label";
+    readonly output: "progress-bar__output";
+    readonly track: "progress-bar__track";
+    readonly indicator: "progress-bar__indicator";
+    readonly size: {
+        readonly sm: "progress-bar--sm";
+        readonly md: "progress-bar--md";
+        readonly lg: "progress-bar--lg";
+    };
+    readonly color: {
+        readonly default: "progress-bar--default";
+        readonly accent: "progress-bar--accent";
+        readonly success: "progress-bar--success";
+        readonly warning: "progress-bar--warning";
+        readonly danger: "progress-bar--danger";
+    };
+    readonly state: {
+        readonly indeterminate: "progress-bar--indeterminate";
+        readonly disabled: "progress-bar--disabled";
+    };
+};

package/dist/components/progress-bar/ProgressBar.classes.js

@@ -0,0 +1,24 @@
+const CLASSES = {
+    base: "progress-bar",
+    label: "progress-bar__label",
+    output: "progress-bar__output",
+    track: "progress-bar__track",
+    indicator: "progress-bar__indicator",
+    size: {
+        sm: "progress-bar--sm",
+        md: "progress-bar--md",
+        lg: "progress-bar--lg"
+    },
+    color: {
+        default: "progress-bar--default",
+        accent: "progress-bar--accent",
+        success: "progress-bar--success",
+        warning: "progress-bar--warning",
+        danger: "progress-bar--danger"
+    },
+    state: {
+        indeterminate: "progress-bar--indeterminate",
+        disabled: "progress-bar--disabled"
+    }
+};
+export { CLASSES };