@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/chatbubble/chat.css

@@ -0,0 +1,153 @@
+@layer components {
+  .chat-bubble {
+      position: relative;
+      display: block;
+      width: fit-content;
+      border-radius: var(--radius-field);
+      background-color: var(--color-base-300);
+      padding-inline: calc(0.25rem * 4);
+      padding-block: calc(0.25rem * 2);
+      color: var(--color-base-content);
+      grid-row-end: 3;
+      min-height: 2rem;
+      min-width: 2.5rem;
+      max-width: 90%;
+    }
+
+  .chat-bubble:before {
+      position: absolute;
+      bottom: calc(0.25rem * 0);
+      height: calc(0.25rem * 3);
+      width: calc(0.25rem * 3);
+      background-color: inherit;
+      content: "";
+      mask-repeat: no-repeat;
+      mask-image: var(--mask-chat);
+      mask-position: 0px -1px;
+      mask-size: 0.8125rem;
+    }
+
+  .chat-end {
+      place-items: end;
+      grid-template-columns: 1fr auto;
+    }
+
+  .chat-end .chat-header {
+      grid-column-start: 1;
+    }
+
+  .chat-end .chat-footer {
+      grid-column-start: 1;
+    }
+
+  .chat-end .chat-image {
+      grid-column-start: 2;
+    }
+
+  .chat-end .chat-bubble {
+      grid-column-start: 1;
+      border-end-end-radius: 0;
+    }
+
+  .chat-end .chat-bubble:before {
+      transform: rotateY(180deg);
+      inset-inline-start: 100%;
+    }
+
+  [dir="rtl"] .chat-end .chat-bubble:before {
+      transform: rotateY(0deg);
+    }
+
+  .chat-start {
+      place-items: start;
+      grid-template-columns: auto 1fr;
+    }
+
+  .chat-start .chat-header {
+      grid-column-start: 2;
+    }
+
+  .chat-start .chat-footer {
+      grid-column-start: 2;
+    }
+
+  .chat-start .chat-image {
+      grid-column-start: 1;
+    }
+
+  .chat-start .chat-bubble {
+      grid-column-start: 2;
+      border-end-start-radius: 0;
+    }
+
+  .chat-start .chat-bubble:before {
+      transform: rotateY(0deg);
+      inset-inline-start: -0.75rem;
+    }
+
+  [dir="rtl"] .chat-start .chat-bubble:before {
+      transform: rotateY(180deg);
+    }
+
+  .chat-image {
+      grid-row: span 2 / span 2;
+      align-self: flex-end;
+    }
+
+  .chat-footer {
+      grid-row-start: 3;
+      display: flex;
+      gap: calc(0.25rem * 1);
+      font-size: 0.6875rem;
+    }
+
+  .chat-header {
+      grid-row-start: 1;
+      display: flex;
+      gap: calc(0.25rem * 1);
+      font-size: 0.6875rem;
+    }
+
+  .chat {
+      display: grid;
+      grid-auto-rows: min-content;
+      column-gap: calc(0.25rem * 3);
+      padding-block: calc(0.25rem * 1);
+      --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
+    }
+
+  .chat-bubble-accent {
+      background-color: var(--color-accent);
+      color: var(--color-accent-content);
+    }
+
+  .chat-bubble-error {
+      background-color: var(--color-error);
+      color: var(--color-error-content);
+    }
+
+  .chat-bubble-info {
+      background-color: var(--color-info);
+      color: var(--color-info-content);
+    }
+
+  .chat-bubble-primary {
+      background-color: var(--color-primary);
+      color: var(--color-primary-content);
+    }
+
+  .chat-bubble-secondary {
+      background-color: var(--color-secondary);
+      color: var(--color-secondary-content);
+    }
+
+  .chat-bubble-success {
+      background-color: var(--color-success);
+      color: var(--color-success-content);
+    }
+
+  .chat-bubble-warning {
+      background-color: var(--color-warning);
+      color: var(--color-warning-content);
+    }
+}

package/dist/components/checkbox/Checkbox.js

@@ -2,16 +2,17 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Checkbox.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__checkbox_group_context_js_31d5d7d2__ from "../checkbox-group/context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__ from "./Checkbox.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--indeterminate fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-width=3 viewBox="0 0 24 24"><line x1=21 x2=3 y1=12 y2=12>'), _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>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--indeterminate fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-width=3 viewBox="0 0 24 24"><line x1=21 x2=3 y1=12 y2=12>'), _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 class=checkbox__description data-slot=description>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=checkbox__content data-slot=checkbox-content>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=checkbox><input><span class=checkbox__control data-slot=checkbox-control aria-hidden=true><span class=checkbox__indicator data-slot=checkbox-indicator>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
+const VARIANT_CLASS_MAP = {
+    primary: "checkbox--primary",
+    secondary: "checkbox--secondary"
+};
 const Checkbox_Checkbox = (props)=>{
     let inputRef;
-    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__checkbox_group_context_js_31d5d7d2__.CheckboxGroupContext);
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
@@ -24,8 +25,6 @@ const Checkbox_Checkbox = (props)=>{
         "variant",
         "checked",
         "defaultChecked",
-        "value",
-        "name",
         "disabled",
         "onChange",
         "dataTheme",
@@ -33,14 +32,11 @@ const Checkbox_Checkbox = (props)=>{
     ]);
     const [internalSelected, setInternalSelected] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultChecked));
     const isControlled = ()=>void 0 !== local.checked;
-    const optionValue = ()=>null != local.value ? String(local.value) : void 0;
-    const isGrouped = ()=>Boolean(group && void 0 !== optionValue());
-    const isSelected = ()=>isGrouped() ? Boolean(group?.value().includes(optionValue())) : isControlled() ? Boolean(local.checked) : internalSelected();
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(group?.isDisabled());
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(local["aria-invalid"]) || Boolean(group?.isInvalid());
+    const isSelected = ()=>isControlled() ? Boolean(local.checked) : internalSelected();
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(local["aria-invalid"]);
     const isIndeterminate = ()=>Boolean(local.isIndeterminate) || Boolean(local.indeterminate);
-    const variant = ()=>local.variant ?? group?.variant() ?? "primary";
-    const name = ()=>local.name ?? group?.name();
+    const variant = ()=>local.variant ?? "primary";
     const hasContent = ()=>null != local.children || null != local.description;
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (!inputRef) return;
@@ -50,52 +46,17 @@ const Checkbox_Checkbox = (props)=>{
         invokeEventHandler(local.onChange, event);
         if (event.defaultPrevented) return;
         if (isDisabled()) return;
-        if (group && void 0 !== optionValue()) return void group.toggleValue(optionValue(), event.currentTarget.checked, event);
         if (!isControlled()) setInternalSelected(event.currentTarget.checked);
     };
     return (()=>{
-        var _el$ = _tmpl$4(), _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)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.flag.disabled, local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "checkbox",
-            get ["data-selected"] () {
-                return isSelected() ? "true" : "false";
-            },
-            get ["data-indeterminate"] () {
-                return isIndeterminate() ? "true" : "false";
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["data-invalid"] () {
-                return isInvalid() ? "true" : "false";
-            },
-            get ["data-has-description"] () {
-                return null != local.description ? "true" : "false";
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            }
-        }), false, true);
+        var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
             inputRef = el;
         }, _el$2);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            type: "checkbox"
-        }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.input
-            }), {
+            type: "checkbox",
+            class: "checkbox__input",
             "data-slot": "checkbox-input",
-            get value () {
-                return local.value;
-            },
-            get name () {
-                return name();
-            },
             get checked () {
                 return isSelected();
             },
@@ -110,23 +71,12 @@ const Checkbox_Checkbox = (props)=>{
             },
             onChange: handleChange
         }), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.control
-            }), {
-            "data-slot": "checkbox-control",
-            "aria-hidden": "true"
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.indicator
-            }), {
-            "data-slot": "checkbox-indicator"
-        }), 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__.Show, {
             get when () {
                 return isIndeterminate();
             },
             get fallback () {
-                return _tmpl$5();
+                return _tmpl$6();
             },
             get children () {
                 return _tmpl$();
@@ -137,12 +87,7 @@ const Checkbox_Checkbox = (props)=>{
                 return hasContent();
             },
             get children () {
-                var _el$6 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.content
-                    }), {
-                    "data-slot": "checkbox-content"
-                }), false, true);
+                var _el$6 = _tmpl$4();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.children;
@@ -159,11 +104,6 @@ const Checkbox_Checkbox = (props)=>{
                     },
                     get children () {
                         var _el$8 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.description
-                            }), {
-                            "data-slot": "description"
-                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.description);
                         return _el$8;
                     }
@@ -171,6 +111,27 @@ const Checkbox_Checkbox = (props)=>{
                 return _el$6;
             }
         }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("checkbox", VARIANT_CLASS_MAP[variant()], isDisabled() && "checkbox--disabled", local.class, local.className), _v$2 = local.dataTheme, _v$3 = isSelected() ? "true" : "false", _v$4 = isIndeterminate() ? "true" : "false", _v$5 = isDisabled() ? "true" : "false", _v$6 = isInvalid() ? "true" : "false", _v$7 = null != local.description ? "true" : "false", _v$8 = isDisabled() ? "true" : "false";
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-selected", _p$.a = _v$3);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-indeterminate", _p$.o = _v$4);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.i = _v$5);
+            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-invalid", _p$.n = _v$6);
+            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-has-description", _p$.s = _v$7);
+            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.h = _v$8);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0,
+            s: void 0,
+            h: void 0
+        });
         return _el$;
     })();
 };

package/dist/components/codemockup/CodeMockup.d.ts

@@ -0,0 +1,5 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CodeMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const CodeMockup: (props: ParentProps<CodeMockupProps>) => JSX.Element;
+export default CodeMockup;

package/dist/components/codemockup/CodeMockup.js

@@ -0,0 +1,33 @@
+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>");
+const CodeMockup = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "children",
+        "dataTheme",
+        "aria-label"
+    ]);
+    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)("mockup-code w-full", 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();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"] || "Code mockup";
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const codemockup_CodeMockup = CodeMockup;
+export { codemockup_CodeMockup as default };

package/dist/components/codemockup/CodeMockupLine.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+type ComponentStatus = "info" | "success" | "warning" | "error";
+type AppTheme = "light" | "dark";
+type CodeMockupLineProps = JSX.HTMLAttributes<HTMLPreElement> & {
+    dataPrefix?: string | boolean;
+    status?: ComponentStatus;
+    innerProps?: JSX.HTMLAttributes<HTMLElement>;
+    innerRef?: HTMLElement | ((el: HTMLElement) => void);
+    dataTheme?: AppTheme;
+};
+declare const CodeMockupLine: (props: CodeMockupLineProps) => JSX.Element;
+export default CodeMockupLine;

package/dist/components/codemockup/CodeMockupLine.js

@@ -0,0 +1,53 @@
+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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<pre><code>");
+const CodeMockupLine_CodeMockupLine = (props)=>{
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        dataPrefix: ">",
+        status: null,
+        class: ""
+    }, props);
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
+        "dataPrefix",
+        "status",
+        "innerProps",
+        "innerRef",
+        "class",
+        "children",
+        "dataTheme"
+    ]);
+    const statusClass = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "bg-info": "info" === local.status,
+            "bg-success": "success" === local.status,
+            "bg-warning": "warning" === local.status,
+            "bg-error": "error" === local.status,
+            "text-info-content": "info" === local.status,
+            "text-success-content": "success" === local.status,
+            "text-warning-content": "warning" === local.status,
+            "text-error-content": "error" === local.status
+        }), local.class);
+    const prefix = ()=>false !== local.dataPrefix ? local.dataPrefix || ">" : void 0;
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return statusClass();
+            },
+            get ["data-prefix"] () {
+                return prefix();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        var _ref$ = local.innerRef;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : local.innerRef = _el$2;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$;
+    })();
+};
+const CodeMockupLine = CodeMockupLine_CodeMockupLine;
+export { CodeMockupLine as default };

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

@@ -0,0 +1,2 @@
+export { default as CodeMockup, type CodeMockupProps } from "./CodeMockup";
+export { default as CodeMockupLine } from "./CodeMockupLine";

package/dist/components/codemockup/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__CodeMockup_js_bbe70a29__ from "./CodeMockup.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CodeMockupLine_js_c17af207__ from "./CodeMockupLine.js";
+var __webpack_exports__CodeMockup = __WEBPACK_EXTERNAL_MODULE__CodeMockup_js_bbe70a29__["default"];
+var __webpack_exports__CodeMockupLine = __WEBPACK_EXTERNAL_MODULE__CodeMockupLine_js_c17af207__["default"];
+export { __webpack_exports__CodeMockup as CodeMockup, __webpack_exports__CodeMockupLine as CodeMockupLine };

package/dist/components/collapse/Collapse.d.ts

@@ -0,0 +1,21 @@
+import "./collapse.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import CollapseDetails from "./CollapseDetails";
+import { CollapseTitle } from "./CollapseTitle";
+import CollapseContent from "./CollapseContent";
+export type CollapseProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    checkbox?: boolean;
+    icon?: "arrow" | "plus";
+    open?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onToggle?: () => void;
+};
+export declare const classesFn: ({ className, icon, open, }: Pick<CollapseProps, "className" | "icon" | "open">) => string;
+declare const _default: ((props: CollapseProps) => JSX.Element) & {
+    Details: typeof CollapseDetails;
+    Title: typeof CollapseTitle;
+    Content: typeof CollapseContent;
+};
+export default _default;

package/dist/components/collapse/Collapse.js

@@ -0,0 +1,104 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./collapse.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__CollapseDetails_js_6c8028ea__ from "./CollapseDetails.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CollapseTitle_js_e4e27ece__ from "./CollapseTitle.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CollapseContent_js_2eec9312__ from "./CollapseContent.js";
+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)("<input type=checkbox class=peer>");
+const classesFn = ({ className, icon, open })=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("collapse", className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+        "collapse-arrow": "arrow" === icon,
+        "collapse-plus": "plus" === icon,
+        "collapse-open": true === open,
+        "collapse-close": false === open
+    }));
+const Collapse = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "checkbox",
+        "icon",
+        "open",
+        "onOpen",
+        "onClose",
+        "onToggle",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const isControlled = void 0 !== local.open;
+    const isChecked = ()=>isControlled ? local.open : internalOpen();
+    const handleCheckboxChange = ()=>{
+        if (local.onToggle) local.onToggle();
+        if (isControlled) {
+            if (local.open && local.onClose) local.onClose();
+            if (!local.open && local.onOpen) local.onOpen();
+        } else {
+            const next = !internalOpen();
+            setInternalOpen(next);
+            if (next && local.onOpen) local.onOpen();
+            if (!next && local.onClose) local.onClose();
+        }
+    };
+    const handleBlur = (e)=>{
+        if (!local.checkbox) {
+            local.onToggle?.();
+            local.onClose?.();
+        }
+        if ("function" == typeof others.onBlur) others.onBlur(e);
+    };
+    const handleFocus = (e)=>{
+        if (!local.checkbox) {
+            local.onToggle?.();
+            local.onOpen?.();
+        }
+        if ("function" == typeof others.onFocus) others.onFocus(e);
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["aria-expanded"] () {
+                return local.open;
+            }
+        }, others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classesFn({
+                    className: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className),
+                    icon: local.icon,
+                    open: local.open
+                });
+            },
+            get style () {
+                return local.style;
+            },
+            get tabIndex () {
+                return local.checkbox || isChecked() ? void 0 : 0;
+            },
+            onBlur: handleBlur,
+            onFocus: handleFocus
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.checkbox);
+            return ()=>_c$() && (()=>{
+                    var _el$2 = _tmpl$2();
+                    _el$2.addEventListener("change", handleCheckboxChange);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>el, _el$2);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "tabindex", isChecked() ? 0 : void 0));
+                    return _el$2;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        return _el$;
+    })();
+};
+const collapse_Collapse = Object.assign(Collapse, {
+    Details: __WEBPACK_EXTERNAL_MODULE__CollapseDetails_js_6c8028ea__["default"],
+    Title: __WEBPACK_EXTERNAL_MODULE__CollapseTitle_js_e4e27ece__.CollapseTitle,
+    Content: __WEBPACK_EXTERNAL_MODULE__CollapseContent_js_2eec9312__["default"]
+});
+export { classesFn, collapse_Collapse as default };

package/dist/components/collapse/CollapseContent.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CollapseContentProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export default function CollapseContent(props: CollapseContentProps): JSX.Element;

package/dist/components/collapse/CollapseContent.js

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function CollapseContent(props) {
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("collapse-content", props.class);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            "data-collapse-part": "content",
+            class: classes
+        }), false, false);
+        return _el$;
+    })();
+}
+export { CollapseContent as default };

package/dist/components/collapse/CollapseDetails.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { Summary } from "./CollapseTitle";
+export type CollapseDetailsProps = JSX.HTMLAttributes<HTMLDetailsElement> & IComponentBaseProps & {
+    icon?: "arrow" | "plus";
+    open?: boolean;
+};
+export declare function classesFn({ className, icon, open, }: {
+    className?: string;
+    icon?: "arrow" | "plus";
+    open?: boolean;
+}): string;
+declare function CollapseDetails(props: CollapseDetailsProps): JSX.Element;
+declare namespace CollapseDetails {
+    var Title: typeof Summary;
+}
+export default CollapseDetails;

package/dist/components/collapse/CollapseDetails.js

@@ -0,0 +1,33 @@
+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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__CollapseTitle_js_e4e27ece__ from "./CollapseTitle.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details>");
+function classesFn({ className, icon, open }) {
+    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("collapse", className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+        "collapse-arrow": "arrow" === icon,
+        "collapse-plus": "plus" === icon,
+        "collapse-open": true === open,
+        "collapse-close": false === open
+    }));
+}
+function CollapseDetails(props) {
+    const classes = classesFn({
+        className: props.class,
+        icon: props.icon,
+        open: props.open
+    });
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            class: classes,
+            get open () {
+                return props.open;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+}
+CollapseDetails.Title = __WEBPACK_EXTERNAL_MODULE__CollapseTitle_js_e4e27ece__.Summary;
+export { classesFn, CollapseDetails as default };