@pathscale/ui 0.0.162 → 0.0.163

package/dist/components/alert/Alert.js

@@ -0,0 +1,75 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./alert.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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=alert>");
+const Alert = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "icon",
+        "layout",
+        "status",
+        "variant",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "children",
+        "aria-atomic",
+        "aria-live",
+        "aria-relevant",
+        "aria-label",
+        "aria-labelledby"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "alert-vertical": "vertical" === local.layout,
+            "alert-horizontal": "horizontal" === local.layout,
+            "alert-info": "info" === local.status,
+            "alert-success": "success" === local.status,
+            "alert-warning": "warning" === local.status,
+            "alert-error": "error" === local.status,
+            "alert-soft": "soft" === local.variant,
+            "alert-dash": "dash" === local.variant,
+            "alert-outline": "outline" === local.variant
+        })));
+    const ariaAtomic = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 === local["aria-atomic"] ? true : local["aria-atomic"]);
+    const ariaLive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-live"] || "assertive");
+    const ariaRelevant = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-relevant"]);
+    const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
+    const ariaLabelledby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-labelledby"]);
+    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 classes();
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-atomic"] () {
+                return ariaAtomic();
+            },
+            get ["aria-live"] () {
+                return ariaLive();
+            },
+            get ["aria-relevant"] () {
+                return ariaRelevant();
+            },
+            get ["aria-label"] () {
+                return ariaLabel();
+            },
+            get ["aria-labelledby"] () {
+                return ariaLabelledby();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.icon, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren, null);
+        return _el$;
+    })();
+};
+const alert_Alert = Alert;
+export { alert_Alert as default };

package/dist/components/alert/alert.css

@@ -0,0 +1,123 @@
+@layer components {
+  .alert {
+      border-width: var(--border);
+      border-color: var(--alert-border-color, var(--color-base-200));
+      border-style: solid;
+      --alert-border-color: var(--color-base-200);
+      display: grid;
+      align-items: center;
+      gap: calc(0.25rem * 4);
+      border-radius: var(--radius-box);
+      padding-inline: calc(0.25rem * 4);
+      padding-block: calc(0.25rem * 3);
+      color: var(--color-base-content);
+      background-color: var(--alert-color, var(--color-base-200));
+      justify-content: start;
+      justify-items: start;
+      grid-auto-flow: column;
+      grid-template-columns: auto;
+      text-align: start;
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+      background-size: auto, calc(var(--noise) * 100%);
+      background-image: none, var(--fx-noise);
+      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .alert {
+      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
+    }
+    }
+
+  .alert:has(:nth-child(2)) {
+      grid-template-columns: auto minmax(auto, 1fr);
+    }
+
+  .alert-horizontal {
+      justify-content: start;
+      justify-items: start;
+      grid-auto-flow: column;
+      grid-template-columns: auto;
+      text-align: start;
+    }
+
+  .alert-horizontal:has(:nth-child(2)) {
+      grid-template-columns: auto minmax(auto, 1fr);
+    }
+
+  .alert-vertical {
+      justify-content: center;
+      justify-items: center;
+      grid-auto-flow: row;
+      grid-template-columns: auto;
+      text-align: center;
+    }
+
+  .alert-vertical:has(:nth-child(2)) {
+      grid-template-columns: auto;
+    }
+
+  .alert-dash {
+      background-color: transparent;
+      color: var(--alert-color);
+      border-style: dashed;
+      box-shadow: none;
+      background-image: none;
+    }
+
+  .alert-outline {
+      background-color: transparent;
+      color: var(--alert-color);
+      box-shadow: none;
+      background-image: none;
+    }
+
+  .alert-soft {
+      color: var(--alert-color, var(--color-base-content));
+      background: var(--alert-color, var(--color-base-content));
+      --alert-border-color: var(--alert-color, var(--color-base-content));
+      box-shadow: none;
+      background-image: none;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .alert-soft {
+      background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
+    }
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .alert-soft {
+      --alert-border-color: color-mix(
+        in oklab,
+        var(--alert-color, var(--color-base-content)) 10%,
+        var(--color-base-100)
+        );
+    }
+    }
+
+  .alert-error {
+      color: var(--color-error-content);
+      --alert-border-color: var(--color-error);
+      --alert-color: var(--color-error);
+    }
+
+  .alert-info {
+      color: var(--color-info-content);
+      --alert-border-color: var(--color-info);
+      --alert-color: var(--color-info);
+    }
+
+  .alert-success {
+      color: var(--color-success-content);
+      --alert-border-color: var(--color-success);
+      --alert-color: var(--color-success);
+    }
+
+  .alert-warning {
+      color: var(--color-warning-content);
+      --alert-border-color: var(--color-warning);
+      --alert-color: var(--color-warning);
+    }
+}

package/dist/components/alert/index.js

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

package/dist/components/artboard/Artboard.js

@@ -0,0 +1,42 @@
+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>");
+const Artboard = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "demo",
+        "size",
+        "horizontal",
+        "dataTheme",
+        "class",
+        "className"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("artboard", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "artboard-demo": local.demo ?? true,
+            "phone-1": 1 === local.size,
+            "phone-2": 2 === local.size,
+            "phone-3": 3 === local.size,
+            "phone-4": 4 === local.size,
+            "phone-5": 5 === local.size,
+            "phone-6": 6 === local.size,
+            horizontal: local.horizontal
+        })));
+    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 classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const artboard_Artboard = Artboard;
+export { artboard_Artboard as default };

package/dist/components/artboard/index.js

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

package/dist/components/avatar/Avatar.d.ts

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

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,164 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./avatar.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__AvatarGroup_js_6f0669f6__ from "./AvatarGroup.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const VoidElementList = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "keygen",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+];
+const Avatar = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "src",
+        "letters",
+        "size",
+        "shape",
+        "color",
+        "border",
+        "borderColor",
+        "online",
+        "offline",
+        "innerClass",
+        "as",
+        "class",
+        "className",
+        "style",
+        "children",
+        "dataTheme"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const Tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "div");
+    const containerClass = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("avatar", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "avatar-online": local.online,
+            "avatar-offline": local.offline,
+            "avatar-placeholder": !local.src
+        })));
+    const customSizeStyle = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"number" == typeof local.size ? {
+            width: `${local.size}px`,
+            height: `${local.size}px`
+        } : void 0);
+    const baseInner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.innerClass));
+    const imgClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(baseInner(), {
+            ring: local.border,
+            "ring-offset-base-100 ring-offset-2": local.border,
+            [`ring-${local.borderColor}`]: local.border && local.borderColor,
+            "rounded-full": "circle" === local.shape,
+            "rounded-lg": "square" === local.shape,
+            "w-32 h-32": "lg" === local.size,
+            "w-24 h-24": "md" === local.size,
+            "w-14 h-14": "sm" === local.size,
+            "w-10 h-10": "xs" === local.size
+        }));
+    const placeholderClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(baseInner(), {
+            "bg-neutral": !local.color,
+            "text-neutral-content": !local.color || "neutral" === local.color,
+            [`bg-${local.color}`]: !!local.color,
+            [`text-${local.color}-content`]: !!local.color,
+            ring: local.border,
+            "ring-offset-base-100 ring-offset-2": local.border,
+            [`ring-${local.borderColor}`]: local.border && local.borderColor,
+            "rounded-full": "circle" === local.shape,
+            "rounded-lg": "square" === local.shape,
+            "w-32 h-32 text-3xl": "lg" === local.size,
+            "w-24 h-24 text-xl": "md" === local.size,
+            "w-14 h-14": "sm" === local.size,
+            "w-10 h-10": "xs" === local.size
+        }));
+    const isStringChild = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const child = resolvedChildren();
+        return "string" == typeof child;
+    });
+    const renderContents = ()=>local.src ? (()=>{
+            var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$ = imgClasses(), _v$2 = customSizeStyle(), _v$3 = local.src;
+                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+                _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
+                _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "src", _p$.a = _v$3);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+            });
+            return _el$;
+        })() : local.letters || isStringChild() ? (()=>{
+            var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.letters ?? resolvedChildren());
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$4 = placeholderClasses(), _v$5 = customSizeStyle();
+                _v$4 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$4);
+                _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$3, _v$5, _p$.t);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0
+            });
+            return _el$3;
+        })() : (()=>{
+            var _el$5 = _tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, resolvedChildren);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                var _v$6 = imgClasses(), _v$7 = customSizeStyle();
+                _v$6 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$6);
+                _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$5, _v$7, _p$.t);
+                return _p$;
+            }, {
+                e: void 0,
+                t: void 0
+            });
+            return _el$5;
+        })();
+    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, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return containerClass();
+        },
+        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, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return containerClass();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return renderContents();
+        }
+    }));
+};
+const avatar_Avatar = Object.assign(Avatar, {
+    Group: __WEBPACK_EXTERNAL_MODULE__AvatarGroup_js_6f0669f6__["default"]
+});
+export { avatar_Avatar as default };

package/dist/components/avatar/AvatarGroup.js

@@ -0,0 +1,52 @@
+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";
+const VoidElementList = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "keygen",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+];
+const AvatarGroup_AvatarGroup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "as",
+        "class",
+        "className",
+        "children"
+    ]);
+    const Tag = local.as || "div";
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("avatar-group -space-x-6", local.class, local.className);
+    const ariaLabel = `Group of ${local.children.length} avatar photos`;
+    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)({
+        component: Tag
+    }, others, {
+        "aria-label": ariaLabel,
+        get ["class"] () {
+            return classes();
+        }
+    }));
+    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, {
+        "aria-label": ariaLabel,
+        get ["class"] () {
+            return classes();
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const AvatarGroup = AvatarGroup_AvatarGroup;
+export { AvatarGroup as default };

package/dist/components/avatar/avatar.css

@@ -0,0 +1,58 @@
+@layer components {
+  .avatar-offline:before {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      display: block;
+      border-radius: calc(infinity * 1px);
+      background-color: var(--color-base-300);
+      outline: 2px solid var(--color-base-100);
+      width: 15%;
+      height: 15%;
+      top: 7%;
+      right: 7%;
+    }
+
+  .avatar-online:before {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      display: block;
+      border-radius: calc(infinity * 1px);
+      background-color: var(--color-success);
+      outline: 2px solid var(--color-base-100);
+      width: 15%;
+      height: 15%;
+      top: 7%;
+      right: 7%;
+    }
+
+  .avatar {
+      position: relative;
+      display: inline-flex;
+      vertical-align: middle;
+    }
+
+  .avatar > div {
+      display: block;
+      aspect-ratio: 1 / 1;
+      overflow: hidden;
+    }
+
+  .avatar img {
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+    }
+
+  .avatar-group {
+      display: flex;
+      overflow: hidden;
+    }
+
+  .avatar-group .avatar {
+      overflow: hidden;
+      border-radius: calc(infinity * 1px);
+      border: 4px solid var(--color-base-100);
+    }
+}

package/dist/components/avatar/index.js

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

package/dist/components/background/Background.js

@@ -0,0 +1,22 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Background_Background = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("bg-base-100 min-h-screen", 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)({
+            get ["class"] () {
+                return classes();
+            }
+        }, others), false, false);
+        return _el$;
+    })();
+};
+const Background = Background_Background;
+export { Background as default };

package/dist/components/background/index.js

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

package/dist/components/badge/Badge.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from "solid-js";
+import "./badge.css";
 import type { ComponentColor, ComponentSize, ComponentVariant, IComponentBaseProps } from "../types";
 type BadgeBaseProps = {
     size?: ComponentSize;

package/dist/components/badge/Badge.js

@@ -0,0 +1,75 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+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";
+import "./badge.css";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Badge_Badge = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "color",
+        "variant",
+        "responsive",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby",
+        "role"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("badge", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "badge-xl": "xl" === local.size,
+            "badge-lg": "lg" === local.size,
+            "badge-md": "md" === local.size,
+            "badge-sm": "sm" === local.size,
+            "badge-xs": "xs" === local.size,
+            "badge-soft": "soft" === local.variant,
+            "badge-dash": "dash" === local.variant,
+            "badge-outline": "outline" === local.variant,
+            "badge-neutral": "neutral" === local.color,
+            "badge-primary": "primary" === local.color,
+            "badge-secondary": "secondary" === local.color,
+            "badge-accent": "accent" === local.color,
+            "badge-ghost": "ghost" === local.color,
+            "badge-info": "info" === local.color,
+            "badge-success": "success" === local.color,
+            "badge-warning": "warning" === local.color,
+            "badge-error": "error" === local.color,
+            "badge-responsive": local.responsive
+        }));
+    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 classes();
+            },
+            get style () {
+                return local.style;
+            },
+            get role () {
+                return local.role || "status";
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-hidden"] () {
+                return "presentation" === local.role || "none" === local.role ? true : void 0;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const Badge = Badge_Badge;
+export { Badge as default };