@pathscale/ui 0.1.1 → 1.2.1

package/dist/components/stack/Stack.d.ts

@@ -1,3 +1,4 @@
+import "./stack.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

package/dist/components/stack/Stack.js

@@ -0,0 +1,53 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./stack.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+const Stack_Stack = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "reverse",
+        "direction",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "as"
+    ]);
+    const mapDirectionToClass = (direction)=>{
+        switch(direction){
+            case "left":
+                return "stack-start";
+            case "right":
+                return "stack-end";
+            case "top":
+                return "stack-top";
+            case "bottom":
+                return "stack-bottom";
+            default:
+                return "";
+        }
+    };
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("stack", mapDirectionToClass(local.direction), local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "stack-reverse": local.reverse
+        }));
+    const Tag = local.as || "div";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: Tag
+    }, others, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const Stack = Stack_Stack;
+export { Stack as default };

package/dist/components/stack/index.js

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

package/dist/components/stack/stack.css

@@ -0,0 +1,90 @@
+@layer components {
+  .stack {
+      display: inline-grid;
+      grid-template-columns: 3px 4px 1fr 4px 3px;
+      grid-template-rows: 3px 4px 1fr 4px 3px;
+    }
+
+  .stack > * {
+      height: 100%;
+      width: 100%;
+    }
+
+  .stack > *:nth-child(n + 2) {
+      width: 100%;
+      opacity: 70%;
+    }
+
+  .stack > *:nth-child(2) {
+      z-index: 2;
+      opacity: 90%;
+    }
+
+  .stack > *:nth-child(1) {
+      z-index: 3;
+      width: 100%;
+    }
+
+  .stack > *,
+    .stack.stack-bottom > * {
+      grid-column: 3 / 4;
+      grid-row: 3 / 6;
+    }
+
+  .stack > *:nth-child(2),
+    .stack.stack-bottom > *:nth-child(2) {
+      grid-column: 2 / 5;
+      grid-row: 2 / 5;
+    }
+
+  .stack > *:nth-child(1),
+    .stack.stack-bottom > *:nth-child(1) {
+      grid-column: 1 / 6;
+      grid-row: 1 / 4;
+    }
+
+  .stack.stack-top > * {
+      grid-column: 3 / 4;
+      grid-row: 1 / 4;
+    }
+
+  .stack.stack-top > *:nth-child(2) {
+      grid-column: 2 / 5;
+      grid-row: 2 / 5;
+    }
+
+  .stack.stack-top > *:nth-child(1) {
+      grid-column: 1 / 6;
+      grid-row: 3 / 6;
+    }
+
+  .stack.stack-start > * {
+      grid-column: 1 / 4;
+      grid-row: 3 / 4;
+    }
+
+  .stack.stack-start > *:nth-child(2) {
+      grid-column: 2 / 5;
+      grid-row: 2 / 5;
+    }
+
+  .stack.stack-start > *:nth-child(1) {
+      grid-column: 3 / 6;
+      grid-row: 1 / 6;
+    }
+
+  .stack.stack-end > * {
+      grid-column: 3 / 6;
+      grid-row: 3 / 4;
+    }
+
+  .stack.stack-end > *:nth-child(2) {
+      grid-column: 2 / 5;
+      grid-row: 2 / 5;
+    }
+
+  .stack.stack-end > *:nth-child(1) {
+      grid-column: 1 / 4;
+      grid-row: 1 / 6;
+    }
+}

package/dist/components/stat-card/StatCard.js

@@ -0,0 +1,46 @@
+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__card_Card_js_fc1902ef__ from "../card/Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__ from "./StatCardSection.js";
+import * as __WEBPACK_EXTERNAL_MODULE__flex_Flex_js_c0117791__ from "../flex/Flex.js";
+const StatCard = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "children",
+        "dataTheme",
+        "style"
+    ]);
+    const normalizedStyle = "object" == typeof local.style || void 0 === local.style ? local.style : void 0;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_Card_js_fc1902ef__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        style: normalizedStyle,
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("border border-base-300 bg-base-100 rounded-lg p-6", local.class);
+        },
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_Flex_js_c0117791__["default"], {
+                align: "center",
+                gap: "md",
+                get children () {
+                    return local.children;
+                }
+            });
+        }
+    }));
+};
+const StatCardFigure = (0, __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__["default"])("figure");
+const StatCardTitle = (0, __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__["default"])("title");
+const StatCardValue = (0, __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__["default"])("value");
+const StatCardDesc = (0, __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__["default"])("desc");
+const StatCardActions = (0, __WEBPACK_EXTERNAL_MODULE__StatCardSection_js_4eed30d7__["default"])("actions");
+const stat_card_StatCard = Object.assign(StatCard, {
+    Figure: StatCardFigure,
+    Title: StatCardTitle,
+    Value: StatCardValue,
+    Desc: StatCardDesc,
+    Actions: StatCardActions
+});
+export { stat_card_StatCard as default };

package/dist/components/stat-card/StatCardSection.js

@@ -0,0 +1,39 @@
+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__copy_button_CopyButton_js_90341977__ from "../copy-button/CopyButton.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="p-3 bg-primary/10 rounded-lg"><div class="flex items-center justify-center w-6 h-6 text-primary">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const StatCardSection = (section)=>(props)=>{
+        const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+            "class",
+            "children",
+            "copyable"
+        ]);
+        let content = local.children;
+        if ("figure" === section) content = (()=>{
+            var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+            return _el$;
+        })();
+        if ("value" === section && local.copyable) content = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__copy_button_CopyButton_js_90341977__["default"], {
+            get text () {
+                return String(local.children);
+            },
+            get children () {
+                return local.children;
+            }
+        });
+        const classes = "title" === section ? "text-sm text-base-content/60" : "value" === section ? "text-2xl font-bold text-base-content" : "desc" === section ? "text-sm text-base-content/50" : "actions" === section ? "flex items-center gap-2" : "";
+        return (()=>{
+            var _el$3 = _tmpl$2();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes, local.class);
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, content);
+            return _el$3;
+        })();
+    };
+const stat_card_StatCardSection = StatCardSection;
+export { StatCardSection, stat_card_StatCardSection as default };

package/dist/components/stat-card/index.d.ts

@@ -1 +1 @@
-export { default } from "./StatCard";
+export { default, type StatCardProps } from "./StatCard";

package/dist/components/stat-card/index.js

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

package/dist/components/stats/Stat.d.ts

@@ -1,3 +1,4 @@
+import "./stat.css";
 import { type JSX } from "solid-js";
 import { type StatSectionProps } from "./StatSection";
 import type { IComponentBaseProps } from "../types";

package/dist/components/stats/Stat.js

@@ -0,0 +1,51 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./stat.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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__ from "./StatSection.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Stat = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("stat", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className)));
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const StatTitle = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        section: "title"
+    }, props));
+const StatValue = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        section: "value"
+    }, props));
+const StatDesc = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        section: "desc"
+    }, props));
+const StatFigure = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        section: "figure"
+    }, props));
+const StatActions = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__StatSection_js_715654c8__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        section: "actions"
+    }, props));
+const stats_Stat = Object.assign(Stat, {
+    Title: StatTitle,
+    Value: StatValue,
+    Desc: StatDesc,
+    Figure: StatFigure,
+    Actions: StatActions
+});
+export { stats_Stat as default };

package/dist/components/stats/StatSection.js

@@ -0,0 +1,29 @@
+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>");
+const StatSection_StatSection = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "section"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+                    "stat-title": "title" === local.section,
+                    "stat-value": "value" === local.section,
+                    "stat-desc": "desc" === local.section,
+                    "stat-figure": "figure" === local.section,
+                    "stat-actions": "actions" === local.section
+                }), local.class);
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const StatSection = StatSection_StatSection;
+export { StatSection as default };

package/dist/components/stats/Stats.js

@@ -0,0 +1,29 @@
+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";
+import * as __WEBPACK_EXTERNAL_MODULE__Stat_js_d5da03e7__ from "./Stat.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Stats = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "direction"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("stats", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+                    "stats-horizontal": "horizontal" === local.direction,
+                    "stats-vertical": "vertical" === local.direction
+                }), local.class);
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const stats_Stats = Object.assign(Stats, {
+    Stat: __WEBPACK_EXTERNAL_MODULE__Stat_js_d5da03e7__["default"]
+});
+export { stats_Stats as default };

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

@@ -1 +1 @@
-export { default } from "./Stats";
+export { default, type StatsProps } from "./Stats";

package/dist/components/stats/index.js

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

package/dist/components/stats/stat.css

@@ -0,0 +1,67 @@
+@layer components {
+  .stat-figure {
+      grid-column-start: 2;
+      grid-row: span 3 / span 3;
+      grid-row-start: 1;
+      place-self: center;
+      justify-self: flex-end;
+    }
+
+  .stat-value {
+      grid-column-start: 1;
+      white-space: nowrap;
+      font-size: 2rem;
+      font-weight: 800;
+    }
+
+  .stat-desc {
+      grid-column-start: 1;
+      white-space: nowrap;
+      color: var(--color-base-content);
+      font-size: 0.75rem;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .stat-desc {
+      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    }
+    }
+
+  .stat-title {
+      grid-column-start: 1;
+      white-space: nowrap;
+      color: var(--color-base-content);
+      font-size: 0.75rem;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .stat-title {
+      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    }
+    }
+
+  .stat-actions {
+      grid-column-start: 1;
+      white-space: nowrap;
+    }
+
+  .stat {
+      display: inline-grid;
+      width: 100%;
+      column-gap: calc(0.25rem * 4);
+      padding-inline: calc(0.25rem * 6);
+      padding-block: calc(0.25rem * 4);
+      grid-template-columns: repeat(1, 1fr);
+    }
+
+  .stat:not(:last-child) {
+      border-inline-end: var(--border) dashed currentColor;
+      border-block-end: none;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .stat:not(:last-child) {
+      border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
+    }
+    }
+}

package/dist/components/status/Status.js

@@ -0,0 +1,30 @@
+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)("<span>");
+const Status = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "color",
+        "size"
+    ]);
+    const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className));
+    return (()=>{
+        var _el$ = _tmpl$();
+        (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 className();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const status_Status = Status;
+export { status_Status as default };

package/dist/components/status/index.js

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

package/dist/components/steps/Step.d.ts

@@ -1,3 +1,4 @@
+import "./step.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentColor } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

package/dist/components/steps/Step.js

@@ -0,0 +1,88 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./step.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_clsx__ from "clsx";
+const VoidElementList = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "keygen",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+];
+const Step = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "color",
+        "as",
+        "class",
+        "className",
+        "style",
+        "children",
+        "dataTheme"
+    ]);
+    const Tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "li");
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("step", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "step-neutral": "neutral" === local.color,
+            "step-primary": "primary" === local.color,
+            "step-secondary": "secondary" === local.color,
+            "step-accent": "accent" === local.color,
+            "step-info": "info" === local.color,
+            "step-success": "success" === local.color,
+            "step-warning": "warning" === local.color,
+            "step-error": "error" === local.color
+        })));
+    if (VoidElementList.includes(Tag())) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get component () {
+            return Tag();
+        }
+    }, others, {
+        "aria-label": "Step",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["data-content"] () {
+            return local.value;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        }
+    }));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get component () {
+            return Tag();
+        }
+    }, others, {
+        "aria-label": "Step",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["data-content"] () {
+            return local.value;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const steps_Step = Step;
+export { steps_Step as default };

package/dist/components/steps/Steps.js

@@ -0,0 +1,80 @@
+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";
+import * as __WEBPACK_EXTERNAL_MODULE__Step_js_26e1551d__ from "./Step.js";
+const VoidElementList = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "keygen",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+];
+const Steps = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "vertical",
+        "horizontal",
+        "as",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    const Tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "ul");
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("steps", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "steps-vertical": local.vertical,
+            "steps-horizontal": local.horizontal
+        })));
+    if (VoidElementList.includes(Tag())) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get component () {
+            return Tag();
+        }
+    }, others, {
+        role: "group",
+        "aria-label": "Steps",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        }
+    }));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get component () {
+            return Tag();
+        }
+    }, others, {
+        role: "group",
+        "aria-label": "Steps",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const steps_Steps = Object.assign(Steps, {
+    Step: __WEBPACK_EXTERNAL_MODULE__Step_js_26e1551d__["default"]
+});
+export { steps_Steps as default };

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

@@ -1,2 +1,3 @@
 import Steps from "./Steps";
+export type { StepsProps } from "./Steps";
 export default Steps;

package/dist/components/steps/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Steps_js_f8eb7408__ from "./Steps.js";
+const steps = __WEBPACK_EXTERNAL_MODULE__Steps_js_f8eb7408__["default"];
+export { steps as default };