@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/progress-bar/index.js

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

package/dist/components/progress-circle/ProgressCircle.classes.d.ts

@@ -0,0 +1,22 @@
+export declare const CLASSES: {
+    readonly base: "progress-circle";
+    readonly svg: "progress-circle__track";
+    readonly trackCircle: "progress-circle__track-circle";
+    readonly indicator: "progress-circle__indicator";
+    readonly size: {
+        readonly sm: "progress-circle--sm";
+        readonly md: "progress-circle--md";
+        readonly lg: "progress-circle--lg";
+    };
+    readonly color: {
+        readonly default: "progress-circle--default";
+        readonly accent: "progress-circle--accent";
+        readonly success: "progress-circle--success";
+        readonly warning: "progress-circle--warning";
+        readonly danger: "progress-circle--danger";
+    };
+    readonly state: {
+        readonly indeterminate: "progress-circle--indeterminate";
+        readonly disabled: "progress-circle--disabled";
+    };
+};

package/dist/components/progress-circle/ProgressCircle.classes.js

@@ -0,0 +1,23 @@
+const CLASSES = {
+    base: "progress-circle",
+    svg: "progress-circle__track",
+    trackCircle: "progress-circle__track-circle",
+    indicator: "progress-circle__indicator",
+    size: {
+        sm: "progress-circle--sm",
+        md: "progress-circle--md",
+        lg: "progress-circle--lg"
+    },
+    color: {
+        default: "progress-circle--default",
+        accent: "progress-circle--accent",
+        success: "progress-circle--success",
+        warning: "progress-circle--warning",
+        danger: "progress-circle--danger"
+    },
+    state: {
+        indeterminate: "progress-circle--indeterminate",
+        disabled: "progress-circle--disabled"
+    }
+};
+export { CLASSES };

package/dist/components/progress-circle/ProgressCircle.css

@@ -0,0 +1,82 @@
+@layer components {
+  .progress-circle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    --progress-circle-stroke: var(--color-accent);
+    --progress-circle-track-stroke: var(--color-base-200);
+  }
+
+  .progress-circle__track {
+    width: 1.75rem;
+    height: 1.75rem;
+  }
+
+  .progress-circle__track-circle {
+    stroke: var(--progress-circle-track-stroke);
+  }
+
+  .progress-circle__indicator {
+    stroke: var(--progress-circle-stroke);
+    transition: stroke-dashoffset 300ms var(--ease-out);
+  }
+
+  .progress-circle--indeterminate .progress-circle__track {
+    animation: progress-circle-spin 1s linear infinite;
+  }
+
+  .progress-circle--disabled,
+  .progress-circle[aria-disabled="true"],
+  .progress-circle[data-disabled="true"] {
+    opacity: 0.6;
+  }
+
+  .progress-circle--sm .progress-circle__track {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  .progress-circle--lg .progress-circle__track {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+
+  .progress-circle--default {
+    --progress-circle-stroke: var(--color-base-content);
+  }
+
+  .progress-circle--accent {
+    --progress-circle-stroke: var(--color-accent);
+  }
+
+  .progress-circle--success {
+    --progress-circle-stroke: var(--color-success);
+  }
+
+  .progress-circle--warning {
+    --progress-circle-stroke: var(--color-warning);
+  }
+
+  .progress-circle--danger {
+    --progress-circle-stroke: var(--color-danger);
+  }
+
+  @keyframes progress-circle-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .progress-circle__indicator {
+      transition: none;
+    }
+
+    .progress-circle--indeterminate .progress-circle__track {
+      animation: none;
+    }
+  }
+}

package/dist/components/progress-circle/ProgressCircle.d.ts

@@ -0,0 +1,18 @@
+import "./ProgressCircle.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ProgressCircleSize = "sm" | "md" | "lg";
+export type ProgressCircleColor = "default" | "accent" | "success" | "warning" | "danger";
+export type ProgressCircleProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    isIndeterminate?: boolean;
+    size?: ProgressCircleSize;
+    color?: ProgressCircleColor;
+    isDisabled?: boolean;
+    formatValue?: (value: number) => string;
+    label?: string;
+};
+declare const ProgressCircle: (props: ProgressCircleProps) => JSX.Element;
+export default ProgressCircle;

package/dist/components/progress-circle/ProgressCircle.js

@@ -0,0 +1,109 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./ProgressCircle.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__ProgressCircle_classes_js_9616c884__ from "./ProgressCircle.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><svg><circle></circle><circle>");
+const STROKE_WIDTH = 4;
+const CENTER = 18;
+const RADIUS = CENTER - STROKE_WIDTH / 2;
+const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+const ProgressCircle = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "minValue",
+        "maxValue",
+        "isIndeterminate",
+        "size",
+        "color",
+        "isDisabled",
+        "formatValue",
+        "label",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const min = ()=>local.minValue ?? 0;
+    const max = ()=>local.maxValue ?? 100;
+    const isIndeterminate = ()=>Boolean(local.isIndeterminate) || void 0 === local.value;
+    const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate()) return 0;
+        const clamped = Math.min(Math.max(local.value ?? 0, min()), max());
+        return (clamped - min()) / (max() - min()) * 100;
+    });
+    const valueText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate()) return "";
+        if (local.formatValue && void 0 !== local.value) return local.formatValue(local.value);
+        return `${Math.round(percentage())}%`;
+    });
+    const strokeDashoffset = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>CIRCUMFERENCE - percentage() / 100 * CIRCUMFERENCE);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.size[local.size ?? "md"], __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.color[local.color ?? "accent"], isIndeterminate() && __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.state.indeterminate, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.state.disabled, local.class, local.className));
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "progressbar"
+        }, ()=>({
+                class: classes()
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-valuenow"] () {
+                return isIndeterminate() ? void 0 : local.value;
+            },
+            get ["aria-valuemin"] () {
+                return min();
+            },
+            get ["aria-valuemax"] () {
+                return max();
+            },
+            get ["aria-valuetext"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+            },
+            get ["aria-label"] () {
+                return local.label;
+            },
+            get ["aria-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.svg
+            }), {
+            fill: "none",
+            viewBox: `0 0 ${2 * CENTER} ${2 * CENTER}`
+        }), true, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.trackCircle
+            }), {
+            cx: CENTER,
+            cy: CENTER,
+            r: RADIUS,
+            "stroke-width": STROKE_WIDTH
+        }), true, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.indicator
+            }), {
+            cx: CENTER,
+            cy: CENTER,
+            r: RADIUS,
+            "stroke-dasharray": `${CIRCUMFERENCE}`,
+            get ["stroke-dashoffset"] () {
+                return `${isIndeterminate() ? 0.75 * CIRCUMFERENCE : strokeDashoffset()}`;
+            },
+            "stroke-linecap": "round",
+            "stroke-width": STROKE_WIDTH,
+            transform: `rotate(-90 ${CENTER} ${CENTER})`
+        }), true, false);
+        return _el$;
+    })();
+};
+const progress_circle_ProgressCircle = ProgressCircle;
+export { progress_circle_ProgressCircle as default };

package/dist/components/progress-circle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ProgressCircle";
+export type { ProgressCircleProps, ProgressCircleSize, ProgressCircleColor, } from "./ProgressCircle";

package/dist/components/progress-circle/index.js

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

package/dist/components/radio/Radio.classes.d.ts

@@ -0,0 +1,13 @@
+export declare const CLASSES: {
+    readonly base: "radio";
+    readonly slot: {
+        readonly input: "radio__input";
+        readonly control: "radio__control";
+        readonly indicator: "radio__indicator";
+        readonly content: "radio__content";
+        readonly description: "radio__description";
+    };
+    readonly flag: {
+        readonly disabled: "radio--disabled";
+    };
+};

package/dist/components/radio/Radio.classes.js

@@ -0,0 +1,14 @@
+const CLASSES = {
+    base: "radio",
+    slot: {
+        input: "radio__input",
+        control: "radio__control",
+        indicator: "radio__indicator",
+        content: "radio__content",
+        description: "radio__description"
+    },
+    flag: {
+        disabled: "radio--disabled"
+    }
+};
+export { CLASSES };

package/dist/components/radio/Radio.js

@@ -3,7 +3,8 @@ import "./Radio.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__radio_group_context_js_9a625e67__ from "../radio-group/context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=radio__description data-slot=description>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=radio__content data-slot=radio-content>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=radio><input><span class=radio__control data-slot=radio-control aria-hidden=true><span class=radio__indicator data-slot=radio-indicator>");
+import * as __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__ from "./Radio.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>");
 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);
@@ -40,7 +41,27 @@ const Radio = (props)=>{
         if (event.currentTarget.checked && group && void 0 !== value()) group.selectValue(value(), event);
     };
     return (()=>{
-        var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        var _el$ = _tmpl$3(), _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__Radio_classes_js_adb15be7__.CLASSES.base, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.flag.disabled, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "radio",
+            get ["data-selected"] () {
+                return isSelected() ? "true" : "false";
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get ["data-invalid"] () {
+                return isInvalid() ? "true" : "false";
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "radio",
             get value () {
@@ -54,21 +75,39 @@ const Radio = (props)=>{
             },
             get disabled () {
                 return isDisabled();
-            },
-            class: "radio__input",
+            }
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.input
+            }), {
             "data-slot": "radio-input",
             get ["aria-invalid"] () {
                 return ariaInvalid();
             },
             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__Radio_classes_js_adb15be7__.CLASSES.slot.control
+            }), {
+            "data-slot": "radio-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__Radio_classes_js_adb15be7__.CLASSES.slot.indicator
+            }), {
+            "data-slot": "radio-indicator"
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.indicator);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return hasContent();
             },
             get children () {
-                var _el$5 = _tmpl$3();
+                var _el$5 = _tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.content
+                    }), {
+                    "data-slot": "radio-content"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.children;
@@ -85,6 +124,11 @@ const Radio = (props)=>{
                     },
                     get children () {
                         var _el$7 = _tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.description
+                            }), {
+                            "data-slot": "description"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.description);
                         return _el$7;
                     }
@@ -92,23 +136,6 @@ const Radio = (props)=>{
                 return _el$5;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radio", isDisabled() && "radio--disabled", local.class, local.className), _v$2 = local.dataTheme, _v$3 = isSelected() ? "true" : "false", _v$4 = isDisabled() ? "true" : "false", _v$5 = isInvalid() ? "true" : "false", _v$6 = 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-disabled", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-invalid", _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.n = _v$6);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0
-        });
         return _el$;
     })();
 };

package/dist/components/radio-group/RadioGroup.classes.d.ts

@@ -0,0 +1,21 @@
+export declare const CLASSES: {
+    readonly base: "radio-group";
+    readonly slot: {
+        readonly label: "radio-group__label";
+        readonly description: "radio-group__description";
+        readonly error: "radio-group__error";
+        readonly items: "radio-group__items";
+    };
+    readonly orientation: {
+        readonly vertical: "radio-group--vertical";
+        readonly horizontal: "radio-group--horizontal";
+    };
+    readonly variant: {
+        readonly primary: "radio-group--primary";
+        readonly secondary: "radio-group--secondary";
+    };
+    readonly flag: {
+        readonly disabled: "radio-group--disabled";
+        readonly invalid: "radio-group--invalid";
+    };
+};

package/dist/components/radio-group/RadioGroup.classes.js

@@ -0,0 +1,22 @@
+const CLASSES = {
+    base: "radio-group",
+    slot: {
+        label: "radio-group__label",
+        description: "radio-group__description",
+        error: "radio-group__error",
+        items: "radio-group__items"
+    },
+    orientation: {
+        vertical: "radio-group--vertical",
+        horizontal: "radio-group--horizontal"
+    },
+    variant: {
+        primary: "radio-group--primary",
+        secondary: "radio-group--secondary"
+    },
+    flag: {
+        disabled: "radio-group--disabled",
+        invalid: "radio-group--invalid"
+    }
+};
+export { CLASSES };

package/dist/components/radio-group/RadioGroup.js

@@ -3,16 +3,9 @@ import "./RadioGroup.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__context_js_80e2871f__ from "./context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=radio-group__label data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=radio-group__description data-slot=description>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=radio-group__error data-slot=error-message>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=radio-group__items data-slot=radio-group-items>");
-const ORIENTATION_CLASS_MAP = {
-    vertical: "radio-group--vertical",
-    horizontal: "radio-group--horizontal"
-};
-const VARIANT_CLASS_MAP = {
-    primary: "radio-group--primary",
-    secondary: "radio-group--secondary"
-};
-const RadioGroup_RadioGroup = (props)=>{
+import * as __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__ from "./RadioGroup.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
+const RadioGroup = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
@@ -73,7 +66,7 @@ const RadioGroup_RadioGroup = (props)=>{
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.RadioGroupContext.Provider, {
         value: contextValue,
         get children () {
-            var _el$ = _tmpl$4(), _el$4 = _el$.firstChild;
+            var _el$ = _tmpl$2(), _el$4 = _el$.firstChild;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
                 role: "radiogroup",
                 get ["aria-invalid"] () {
@@ -100,11 +93,10 @@ const RadioGroup_RadioGroup = (props)=>{
                 },
                 get ["data-invalid"] () {
                     return isInvalid() ? "true" : "false";
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radio-group", ORIENTATION_CLASS_MAP[orientation()], VARIANT_CLASS_MAP[variant()], isDisabled() && "radio-group--disabled", isInvalid() && "radio-group--invalid", local.class, local.className);
                 }
-            }), false, true);
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.orientation[orientation()], __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.flag.disabled, isInvalid() && __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.flag.invalid, local.class, local.className)
+                })), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                 get when () {
                     return local.label;
@@ -112,6 +104,11 @@ const RadioGroup_RadioGroup = (props)=>{
                 get children () {
                     var _el$2 = _tmpl$();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.label
+                        }), {
+                        "data-slot": "label"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
                     return _el$2;
                 }
@@ -121,20 +118,35 @@ const RadioGroup_RadioGroup = (props)=>{
                     return local.description;
                 },
                 get children () {
-                    var _el$3 = _tmpl$2();
+                    var _el$3 = _tmpl$();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", descriptionId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.description
+                        }), {
+                        "data-slot": "description"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
                     return _el$3;
                 }
             }), _el$4);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.items
+                }), {
+                "data-slot": "radio-group-items"
+            }), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                 get when () {
                     return local.errorMessage;
                 },
                 get children () {
-                    var _el$5 = _tmpl$3();
+                    var _el$5 = _tmpl$();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", errorId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.error
+                        }), {
+                        "data-slot": "error-message"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.errorMessage);
                     return _el$5;
                 }
@@ -143,5 +155,5 @@ const RadioGroup_RadioGroup = (props)=>{
         }
     });
 };
-const RadioGroup = RadioGroup_RadioGroup;
-export { RadioGroup as default };
+const radio_group_RadioGroup = RadioGroup;
+export { radio_group_RadioGroup as default };

package/dist/components/search-field/SearchField.js

@@ -63,10 +63,9 @@ const SearchFieldRoot = (props)=>{
         value: contextValue,
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.flag.fullWidth, local.class, local.className);
-                },
+            (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__SearchField_classes_js_2445054e__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "search-field",
                 get ["data-empty"] () {
                     return isEmpty() ? "true" : "false";
@@ -145,10 +144,9 @@ const SearchFieldGroup = (props)=>{
         });
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.flag.fullWidth, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.flag.fullWidth, local.class, local.className)
+            }), {
             "data-slot": "search-field-group",
             get ["data-invalid"] () {
                 return context?.isInvalid() ? "true" : void 0;
@@ -193,10 +191,10 @@ const SearchFieldInput = (props)=>{
     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)(others, {
-            type: "search",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Input.base, local.class, local.className);
-            },
+            type: "search"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "search-field-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -236,10 +234,9 @@ const SearchFieldSearchIcon = (props)=>{
     if (!local.children) return null;
     return (()=>{
         var _el$4 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.SearchIcon.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.SearchIcon.base, local.class, local.className)
+            }), {
             "data-slot": "search-field-search-icon",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -268,10 +265,9 @@ const SearchFieldClearButton = (props)=>{
         if (event.defaultPrevented) return;
         context?.clearValue();
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.ClearButton.base, local.class, local.className);
-        },
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.ClearButton.base, local.class, local.className)
+        }), {
         "data-slot": "search-field-clear-button",
         get ["data-theme"] () {
             return local.dataTheme;