@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/skeleton/Skeleton.js

@@ -2,8 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Skeleton.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__Skeleton_classes_js_44948e04__ from "./Skeleton.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ANIMATION_CLASS_MAP = {
+    shimmer: "skeleton--shimmer",
+    pulse: "skeleton--pulse",
+    none: "skeleton--none"
+};
 const Skeleton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
@@ -15,9 +19,10 @@ const Skeleton = (props)=>{
     const animation = ()=>local.animationType ?? "shimmer";
     return (()=>{
         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__Skeleton_classes_js_44948e04__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__.CLASSES.animation[animation()], local.class, local.className)
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("skeleton", ANIMATION_CLASS_MAP[animation()], local.class, local.className);
+            },
             "data-slot": "skeleton",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/skip-link/SkipLink.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SkipLinkProps = IComponentBaseProps & {
+    href?: string;
+    children?: JSX.Element;
+} & Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "class" | "className" | "style">;
+export default function SkipLink(props: SkipLinkProps): JSX.Element;

package/dist/components/skip-link/SkipLink.js

@@ -0,0 +1,34 @@
+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)("<a>");
+function SkipLink(props) {
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "href",
+        "children",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get href () {
+                return local.href ?? "#main-content";
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded focus:bg-primary focus:text-primary-content focus:outline-none", local.class, local.className);
+            },
+            get style () {
+                return local.style;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? "Skip to main content");
+        return _el$;
+    })();
+}
+export { SkipLink as default };

package/dist/components/skip-link/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkipLink } from "./SkipLink";
+export type { SkipLinkProps } from "./SkipLink";

package/dist/components/skip-link/index.js

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

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

@@ -0,0 +1,18 @@
+import "./stack.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type StackBaseProps = {
+    reverse?: boolean;
+    direction?: "top" | "bottom" | "left" | "right";
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type StackProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof StackBaseProps> & StackBaseProps & IComponentBaseProps;
+declare const Stack: <E extends ElementType = "div">(props: StackProps<E>) => JSX.Element;
+export default Stack;

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.d.ts

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

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.d.ts

@@ -0,0 +1,22 @@
+import { type JSX } from "solid-js";
+export type StatCardProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    dataTheme?: string;
+};
+declare const _default: ((props: StatCardProps) => JSX.Element) & {
+    Figure: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+        copyable?: boolean;
+    }) => JSX.Element;
+    Title: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+        copyable?: boolean;
+    }) => JSX.Element;
+    Value: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+        copyable?: boolean;
+    }) => JSX.Element;
+    Desc: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+        copyable?: boolean;
+    }) => JSX.Element;
+    Actions: (props: JSX.HTMLAttributes<HTMLDivElement> & {
+        copyable?: boolean;
+    }) => JSX.Element;
+};
+export default _default;

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.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "solid-js";
+export declare const StatCardSection: (section: string) => (props: JSX.HTMLAttributes<HTMLDivElement> & {
+    copyable?: boolean;
+}) => JSX.Element;
+export default StatCardSection;

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

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

@@ -0,0 +1,13 @@
+import "./stat.css";
+import { type JSX } from "solid-js";
+import { type StatSectionProps } from "./StatSection";
+import type { IComponentBaseProps } from "../types";
+export type StatProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const _default: ((props: StatProps) => JSX.Element) & {
+    Title: (props: Omit<StatSectionProps, "section">) => JSX.Element;
+    Value: (props: Omit<StatSectionProps, "section">) => JSX.Element;
+    Desc: (props: Omit<StatSectionProps, "section">) => JSX.Element;
+    Figure: (props: Omit<StatSectionProps, "section">) => JSX.Element;
+    Actions: (props: Omit<StatSectionProps, "section">) => JSX.Element;
+};
+export default _default;

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.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from "solid-js";
+export type StatSectionProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    section: "title" | "value" | "desc" | "figure" | "actions";
+};
+declare const StatSection: (props: StatSectionProps) => JSX.Element;
+export default StatSection;

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.d.ts

@@ -0,0 +1,15 @@
+import { type JSX } from "solid-js";
+export type StatsProps = {
+    direction?: "horizontal" | "vertical";
+    children?: JSX.Element;
+} & JSX.HTMLAttributes<HTMLDivElement>;
+declare const _default: ((props: StatsProps) => JSX.Element) & {
+    Stat: ((props: import("./Stat").StatProps) => JSX.Element) & {
+        Title: (props: Omit<import("./StatSection").StatSectionProps, "section">) => JSX.Element;
+        Value: (props: Omit<import("./StatSection").StatSectionProps, "section">) => JSX.Element;
+        Desc: (props: Omit<import("./StatSection").StatSectionProps, "section">) => JSX.Element;
+        Figure: (props: Omit<import("./StatSection").StatSectionProps, "section">) => JSX.Element;
+        Actions: (props: Omit<import("./StatSection").StatSectionProps, "section">) => JSX.Element;
+    };
+};
+export default _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

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1,8 @@
+import { type ParentComponent } from "solid-js";
+import type { ComponentColor, IComponentBaseProps } from "../types";
+export interface StatusProps extends IComponentBaseProps {
+    color?: ComponentColor;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+declare const Status: ParentComponent<StatusProps>;
+export default Status;

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.d.ts

@@ -0,0 +1,2 @@
+export { default as Status } from "./Status";
+export type { StatusProps } from "./Status";