@pathscale/ui 0.1.0 → 1.2.0

package/dist/components/noise-background/index.js

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

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "solid-js";
+import { type JoinProps } from "../join/Join";
+export type PaginationProps = JoinProps;
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+export default Pagination;

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,17 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__join_Join_js_ac0d20a5__ from "../join/Join.js";
+const Pagination = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__join_Join_js_ac0d20a5__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className);
+        }
+    }));
+};
+const pagination_Pagination = Pagination;
+export { pagination_Pagination as default };

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

@@ -0,0 +1,2 @@
+export type { PaginationProps } from "./Pagination";
+export { default } from "./Pagination";

package/dist/components/pagination/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Pagination_js_1510fb78__ from "./Pagination.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Pagination_js_1510fb78__["default"];
+export { __webpack_exports__default 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;

package/dist/components/props-table/PropsTable.js

@@ -0,0 +1,56 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
+const PropsTable = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "props",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        (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 (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("overflow-x-auto", local.class, local.className);
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return local.props;
+            },
+            children: (prop)=>(()=>{
+                    var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return prop.required;
+                        },
+                        get children () {
+                            return _tmpl$2();
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>prop.type);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return prop.default;
+                        },
+                        get children () {
+                            var _el$10 = _tmpl$3();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>prop.default);
+                            return _el$10;
+                        }
+                    }));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>prop.description);
+                    return _el$5;
+                })()
+        }));
+        return _el$;
+    })();
+};
+const props_table_PropsTable = PropsTable;
+export { props_table_PropsTable as default };

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

@@ -0,0 +1,2 @@
+export { default as PropsTable } from "./PropsTable";
+export type { PropDefinition, PropsTableProps } from "./PropsTable";

package/dist/components/props-table/index.js

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

package/dist/components/radialprogress/RadialProgress.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentColor } from "../types";
+export type RadialProgressProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    value: number;
+    size?: string;
+    thickness?: string;
+    color?: ComponentColor;
+};
+declare const RadialProgress: (props: RadialProgressProps) => JSX.Element;
+export default RadialProgress;

package/dist/components/radialprogress/RadialProgress.js

@@ -0,0 +1,47 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=progressbar aria-valuemin=0 aria-valuemax=100>");
+const RadialProgress = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "size",
+        "thickness",
+        "color",
+        "dataTheme",
+        "class",
+        "className",
+        "children"
+    ]);
+    const displayedValue = Math.min(100, Math.max(0, local.value));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radial-progress", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+        "text-primary": "primary" === local.color,
+        "text-secondary": "secondary" === local.color,
+        "text-accent": "accent" === local.color,
+        "text-info": "info" === local.color,
+        "text-success": "success" === local.color,
+        "text-warning": "warning" === local.color,
+        "text-error": "error" === local.color
+    }), local.class, local.className);
+    const progressStyle = {
+        "--value": displayedValue,
+        "--size": local.size ?? "4rem",
+        "--thickness": local.thickness ?? "4px"
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuenow", displayedValue);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, classes);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? `${displayedValue}%`);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, progressStyle, _$p));
+        return _el$;
+    })();
+};
+const radialprogress_RadialProgress = RadialProgress;
+export { radialprogress_RadialProgress as default };

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

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

package/dist/components/radialprogress/index.js

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