@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/pagination/Pagination.js

@@ -2,8 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Pagination.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__Pagination_classes_js_a4e7fc9f__ from "./Pagination.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<nav><div>Page <!> of </div><ul><li><button type=button><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li><button type=button><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2026}`);
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<nav><div class=pagination__summary data-slot=pagination-summary>Page <!> of </div><ul class=pagination__content data-slot=pagination-content><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-previous aria-label="Go to previous page"><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-next aria-label="Go to next page"><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li class=pagination__item data-slot=pagination-item>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=pagination__link data-slot=pagination-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span class=pagination__ellipsis data-slot=pagination-ellipsis aria-hidden=true>\u{2026}`);
 const clampPage = (page, total)=>{
     if (!Number.isFinite(page)) return 1;
     return Math.min(Math.max(1, Math.floor(page)), total);
@@ -65,103 +64,60 @@ const Pagination = (props)=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = (_el$5.nextSibling, _el$2.nextSibling), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             "aria-label": "pagination",
-            role: "navigation"
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.base, local.class, local.className)
-            }), {
+            role: "navigation",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("pagination", local.class, local.className);
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             "data-slot": "pagination"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.summary
-            }), {
-            "data-slot": "pagination-summary"
-        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, currentPage, _el$5);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, safeTotal, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.content
-            }), {
-            "data-slot": "pagination-content"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
-            }), {
-            "data-slot": "pagination-item"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
-            }), {
-            "data-slot": "pagination-previous",
-            onClick: ()=>handleChange(currentPage() - 1),
-            get disabled () {
-                return disabled() || currentPage() <= 1;
-            },
-            "aria-label": "Go to previous page"
-        }), false, true);
+        _el$8.$$click = ()=>handleChange(currentPage() - 1);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
             get each () {
                 return tokens();
             },
             children: (token)=>(()=>{
                     var _el$1 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
-                        }), {
-                        "data-slot": "pagination-item"
-                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, "number" == typeof token ? (()=>{
                         var _el$10 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link
-                            }), {
-                            "data-slot": "pagination-link",
-                            get ["data-active"] () {
-                                return token === currentPage() ? "true" : void 0;
-                            },
-                            get ["aria-current"] () {
-                                return token === currentPage() ? "page" : void 0;
-                            },
-                            "aria-label": `Go to page ${token}`,
-                            get disabled () {
-                                return disabled();
-                            },
-                            onClick: ()=>handleChange(token)
-                        }), false, true);
+                        _el$10.$$click = ()=>handleChange(token);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-label", `Go to page ${token}`);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, token);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                            var _v$3 = token === currentPage() ? "true" : void 0, _v$4 = token === currentPage() ? "page" : void 0, _v$5 = disabled();
+                            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-active", _p$.e = _v$3);
+                            _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-current", _p$.t = _v$4);
+                            _v$5 !== _p$.a && (_el$10.disabled = _p$.a = _v$5);
+                            return _p$;
+                        }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0
+                        });
                         return _el$10;
-                    })() : (()=>{
-                        var _el$11 = _tmpl$4();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.ellipsis
-                            }), {
-                            "data-slot": "pagination-ellipsis",
-                            "aria-hidden": "true"
-                        }), false, true);
-                        return _el$11;
-                    })());
+                    })() : _tmpl$4());
                     return _el$1;
                 })()
         }), _el$9);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
-            }), {
-            "data-slot": "pagination-item"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
-            }), {
-            "data-slot": "pagination-next",
-            onClick: ()=>handleChange(currentPage() + 1),
-            get disabled () {
-                return disabled() || currentPage() >= safeTotal();
-            },
-            "aria-label": "Go to next page"
-        }), false, true);
+        _el$0.$$click = ()=>handleChange(currentPage() + 1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = disabled() || currentPage() <= 1, _v$2 = disabled() || currentPage() >= safeTotal();
+            _v$ !== _p$.e && (_el$8.disabled = _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$0.disabled = _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$;
     })();
 };
 const pagination_Pagination = Pagination;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 export { pagination_Pagination as default };

package/dist/components/phonemockup/PhoneMockup.d.ts

@@ -0,0 +1,8 @@
+import { type ParentComponent, type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentColor } from "../types";
+export type PhoneMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    color?: Exclude<ComponentColor, "ghost">;
+    innerProps?: JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+};
+declare const PhoneMockup: ParentComponent<PhoneMockupProps>;
+export default PhoneMockup;

package/dist/components/phonemockup/PhoneMockup.js

@@ -0,0 +1,44 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
+const PhoneMockup_PhoneMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "color",
+        "innerProps"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mockup-phone", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-primary": "primary" === local.color,
+            "border-secondary": "secondary" === local.color,
+            "border-info": "info" === local.color,
+            "border-success": "success" === local.color,
+            "border-warning": "warning" === local.color,
+            "border-error": "error" === local.color
+        }));
+    const innerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
+            get ["class"] () {
+                return innerClasses();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$;
+    })();
+};
+const PhoneMockup = PhoneMockup_PhoneMockup;
+export { PhoneMockup as default };

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

@@ -0,0 +1 @@
+export { default, type PhoneMockupProps } from "./PhoneMockup";

package/dist/components/phonemockup/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__PhoneMockup_js_19f6fae8__ from "./PhoneMockup.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__PhoneMockup_js_19f6fae8__["default"];
+export { __webpack_exports__default as default };

package/dist/components/progress/Progress.css

@@ -0,0 +1,135 @@
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Root
+   * -----------------------------------------------------------------------------------------------*/
+  .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 [data-slot="label"] {
+    grid-area: label;
+    width: fit-content;
+    font-size: 0.875rem;
+    font-weight: 500;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Output
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar__output {
+    grid-area: output;
+    font-size: 0.875rem;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Track
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar__track {
+    grid-area: track;
+    position: relative;
+    overflow: hidden;
+    border-radius: 9999px;
+    background-color: var(--color-base-200);
+    height: 0.5rem;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Fill
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar__fill {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    border-radius: 9999px;
+    background-color: var(--progress-bar-fill);
+    transition: width 300ms ease-out;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .progress-bar__fill {
+      transition: none;
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Indeterminate
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar:not([aria-valuenow]) .progress-bar__fill {
+    width: 40%;
+    animation: progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .progress-bar:not([aria-valuenow]) .progress-bar__fill {
+      animation: none;
+    }
+  }
+
+  @keyframes progress-bar-indeterminate {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(350%);
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Disabled
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar[data-disabled="true"] {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+
+  .progress-bar[data-disabled="true"] [data-slot="label"] {
+    opacity: 1;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Size variants
+   * -----------------------------------------------------------------------------------------------*/
+  .progress-bar--sm .progress-bar__track {
+    height: 0.25rem;
+  }
+
+  /* md is default */
+
+  .progress-bar--lg .progress-bar__track {
+    height: 0.75rem;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Color variants
+   * -----------------------------------------------------------------------------------------------*/
+  .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-error);
+  }
+}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,36 @@
+import "./Progress.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ProgressSize = "sm" | "md" | "lg";
+export type ProgressColor = "default" | "accent" | "success" | "warning" | "danger";
+export type ProgressRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children: JSX.Element;
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    isIndeterminate?: boolean;
+    label?: string;
+    size?: ProgressSize;
+    color?: ProgressColor;
+    isDisabled?: boolean;
+    formatValue?: (value: number) => string;
+};
+export type ProgressOutputProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+};
+export type ProgressTrackProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children: JSX.Element;
+};
+export type ProgressFillProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const ProgressRoot: ParentComponent<ProgressRootProps>;
+declare const ProgressOutput: Component<ProgressOutputProps>;
+declare const ProgressTrack: ParentComponent<ProgressTrackProps>;
+declare const ProgressFill: Component<ProgressFillProps>;
+declare const Progress: ParentComponent<ProgressRootProps> & {
+    Root: ParentComponent<ProgressRootProps>;
+    Output: Component<ProgressOutputProps>;
+    Track: ParentComponent<ProgressTrackProps>;
+    Fill: Component<ProgressFillProps>;
+};
+export default Progress;
+export { ProgressRoot, ProgressOutput, ProgressTrack, ProgressFill };

package/dist/components/progress/Progress.js

@@ -0,0 +1,197 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Progress.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+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)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const ProgressContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const useProgressContext = ()=>{
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ProgressContext);
+    if (!ctx) throw new Error("Progress compound components must be used within <Progress>");
+    return ctx;
+};
+const SIZE_CLASS_MAP = {
+    sm: "progress-bar--sm",
+    md: "",
+    lg: "progress-bar--lg"
+};
+const COLOR_CLASS_MAP = {
+    default: "progress-bar--default",
+    accent: "progress-bar--accent",
+    success: "progress-bar--success",
+    warning: "progress-bar--warning",
+    danger: "progress-bar--danger"
+};
+const ProgressRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "value",
+        "minValue",
+        "maxValue",
+        "isIndeterminate",
+        "label",
+        "size",
+        "color",
+        "isDisabled",
+        "formatValue",
+        "dataTheme",
+        "style"
+    ]);
+    const min = ()=>local.minValue ?? 0;
+    const max = ()=>local.maxValue ?? 100;
+    const isIndeterminate = ()=>Boolean(local.isIndeterminate);
+    const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate() || void 0 === local.value) return 0;
+        const clamped = Math.min(Math.max(local.value, min()), max());
+        return (clamped - min()) / (max() - min()) * 100;
+    });
+    const valueText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate()) return "";
+        if (local.formatValue && void 0 !== local.value) return local.formatValue(local.value);
+        return `${Math.round(percentage())}%`;
+    });
+    const ctx = {
+        percentage,
+        isIndeterminate,
+        valueText
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ProgressContext.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, {
+                role: "progressbar",
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("progress-bar", SIZE_CLASS_MAP[local.size ?? "md"], COLOR_CLASS_MAP[local.color ?? "accent"], local.class, local.className);
+                },
+                "data-slot": "progress-bar",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                },
+                get ["aria-valuenow"] () {
+                    return isIndeterminate() ? void 0 : local.value;
+                },
+                get ["aria-valuemin"] () {
+                    return min();
+                },
+                get ["aria-valuemax"] () {
+                    return max();
+                },
+                get ["aria-valuetext"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+                },
+                get ["aria-label"] () {
+                    return local.label;
+                },
+                get ["aria-disabled"] () {
+                    return local.isDisabled ? "true" : void 0;
+                },
+                get ["data-disabled"] () {
+                    return local.isDisabled ? "true" : void 0;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+                return ()=>_c$() && (()=>{
+                        var _el$2 = _tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+                        return _el$2;
+                    })();
+            })(), null);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+            return _el$;
+        }
+    });
+};
+const ProgressOutput = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const ctx = useProgressContext();
+    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 ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("progress-bar__output", local.class, local.className);
+            },
+            "data-slot": "progress-bar-output",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children ?? ctx.valueText());
+        return _el$3;
+    })();
+};
+const ProgressTrack = (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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("progress-bar__track", local.class, local.className);
+            },
+            "data-slot": "progress-bar-track",
+            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 ProgressFill = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const ctx = useProgressContext();
+    return (()=>{
+        var _el$5 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("progress-bar__fill", local.class, local.className);
+            },
+            "data-slot": "progress-bar-fill",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return Object.assign({}, local.style, ctx.isIndeterminate() ? void 0 : {
+                    width: `${ctx.percentage()}%`
+                });
+            }
+        }), false, false);
+        return _el$5;
+    })();
+};
+const Progress = Object.assign(ProgressRoot, {
+    Root: ProgressRoot,
+    Output: ProgressOutput,
+    Track: ProgressTrack,
+    Fill: ProgressFill
+});
+const progress_Progress = Progress;
+export { ProgressFill, ProgressOutput, ProgressRoot, ProgressTrack, progress_Progress as default };

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

@@ -0,0 +1 @@
+export { default, ProgressRoot, ProgressOutput, ProgressTrack, ProgressFill, type ProgressSize, type ProgressColor, type ProgressRootProps, type ProgressOutputProps, type ProgressTrackProps, type ProgressFillProps, } from "./Progress";

package/dist/components/progress/index.js

@@ -0,0 +1,7 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__ from "./Progress.js";
+var __webpack_exports__ProgressFill = __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__.ProgressFill;
+var __webpack_exports__ProgressOutput = __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__.ProgressOutput;
+var __webpack_exports__ProgressRoot = __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__.ProgressRoot;
+var __webpack_exports__ProgressTrack = __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__.ProgressTrack;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Progress_js_2910ac00__["default"];
+export { __webpack_exports__ProgressFill as ProgressFill, __webpack_exports__ProgressOutput as ProgressOutput, __webpack_exports__ProgressRoot as ProgressRoot, __webpack_exports__ProgressTrack as ProgressTrack, __webpack_exports__default as default };

package/dist/components/props-table/PropsTable.d.ts

@@ -0,0 +1,14 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface PropDefinition {
+    name: string;
+    type: string;
+    default?: string;
+    description?: string;
+    required?: boolean;
+}
+export interface PropsTableProps extends IComponentBaseProps {
+    props: PropDefinition[];
+}
+declare const PropsTable: Component<PropsTableProps>;
+export default PropsTable;