@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/popover/Popover.css

@@ -1,125 +0,0 @@
-@layer components {
-  .popover-root {
-    position: relative;
-    display: inline-flex;
-  }
-
-  .popover {
-    position: absolute;
-    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: translateY(0) scale(1);
-  }
-
-  .popover[data-placement="top"] {
-    bottom: calc(100% + var(--popover-offset, 8px));
-    left: 50%;
-    transform: translateX(-50%) translateY(4px) scale(0.96);
-    transform-origin: bottom;
-  }
-
-  .popover[data-placement="top"][data-open="true"] {
-    transform: translateX(-50%) translateY(0) scale(1);
-  }
-
-  .popover[data-placement="bottom"] {
-    top: calc(100% + var(--popover-offset, 8px));
-    left: 50%;
-    transform: translateX(-50%) translateY(-4px) scale(0.96);
-    transform-origin: top;
-  }
-
-  .popover[data-placement="bottom"][data-open="true"] {
-    transform: translateX(-50%) translateY(0) scale(1);
-  }
-
-  .popover[data-placement="left"] {
-    right: calc(100% + var(--popover-offset, 8px));
-    top: 50%;
-    transform: translateX(4px) translateY(-50%) scale(0.96);
-    transform-origin: right;
-  }
-
-  .popover[data-placement="left"][data-open="true"] {
-    transform: translateX(0) translateY(-50%) scale(1);
-  }
-
-  .popover[data-placement="right"] {
-    left: calc(100% + var(--popover-offset, 8px));
-    top: 50%;
-    transform: translateX(-4px) translateY(-50%) scale(0.96);
-    transform-origin: left;
-  }
-
-  .popover[data-placement="right"][data-open="true"] {
-    transform: translateX(0) translateY(-50%) 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

@@ -1,47 +0,0 @@
-import "./Popover.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type PopoverPlacement = "top" | "bottom" | "left" | "right";
-export type PopoverRootProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
-    children: JSX.Element;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    placement?: PopoverPlacement;
-    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

@@ -1,310 +0,0 @@
-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__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",
-        "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 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 placement = ()=>local.placement ?? "bottom";
-    const offset = ()=>local.offset ?? 8;
-    (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,
-        placement,
-        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 style = ()=>{
-        if ("string" == typeof local.style) return `${local.style}; --popover-offset: ${local.sideOffset ?? ctx.offset()}px;`;
-        return {
-            ...local.style ?? {},
-            "--popover-offset": `${local.sideOffset ?? ctx.offset()}px`
-        };
-    };
-    return (()=>{
-        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

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

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

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

@@ -1,24 +0,0 @@
-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 };

package/dist/components/progress-bar/ProgressBar.css

@@ -1,104 +0,0 @@
-@layer components {
-  .progress-bar {
-    display: grid;
-    width: 100%;
-    gap: 0.25rem;
-    grid-template-areas:
-      "label output"
-      "track track";
-    grid-template-columns: 1fr auto;
-
-    --progress-bar-fill: var(--color-accent);
-  }
-
-  .progress-bar__label {
-    grid-area: label;
-    width: fit-content;
-    font-size: 0.875rem;
-    font-weight: 500;
-  }
-
-  .progress-bar__output {
-    grid-area: output;
-    font-size: 0.875rem;
-    font-weight: 500;
-    font-variant-numeric: tabular-nums;
-  }
-
-  .progress-bar__track {
-    grid-area: track;
-    position: relative;
-    overflow: hidden;
-    border-radius: 9999px;
-    background: var(--color-base-200);
-    height: 0.5rem;
-  }
-
-  .progress-bar__indicator {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    border-radius: 9999px;
-    background-color: var(--progress-bar-fill);
-    transition: width 300ms var(--ease-out);
-  }
-
-  .progress-bar--indeterminate .progress-bar__indicator {
-    width: 40%;
-    animation: progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
-  }
-
-  .progress-bar--disabled,
-  .progress-bar[aria-disabled="true"],
-  .progress-bar[data-disabled="true"] {
-    opacity: 0.6;
-  }
-
-  .progress-bar--sm .progress-bar__track {
-    height: 0.25rem;
-  }
-
-  .progress-bar--lg .progress-bar__track {
-    height: 0.75rem;
-  }
-
-  .progress-bar--default {
-    --progress-bar-fill: var(--color-base-content);
-  }
-
-  .progress-bar--accent {
-    --progress-bar-fill: var(--color-accent);
-  }
-
-  .progress-bar--success {
-    --progress-bar-fill: var(--color-success);
-  }
-
-  .progress-bar--warning {
-    --progress-bar-fill: var(--color-warning);
-  }
-
-  .progress-bar--danger {
-    --progress-bar-fill: var(--color-danger);
-  }
-
-  @keyframes progress-bar-indeterminate {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(350%);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .progress-bar__indicator {
-      transition: none;
-    }
-
-    .progress-bar--indeterminate .progress-bar__indicator {
-      animation: none;
-    }
-  }
-}

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

@@ -1,19 +0,0 @@
-import "./ProgressBar.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ProgressBarSize = "sm" | "md" | "lg";
-export type ProgressBarColor = "default" | "accent" | "success" | "warning" | "danger";
-export type ProgressBarProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
-    value?: number;
-    minValue?: number;
-    maxValue?: number;
-    isIndeterminate?: boolean;
-    label?: string;
-    size?: ProgressBarSize;
-    color?: ProgressBarColor;
-    isDisabled?: boolean;
-    formatValue?: (value: number) => string;
-    showValue?: boolean;
-};
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
-export default ProgressBar;