@pathscale/ui 0.0.161 → 0.0.163

package/dist/components/progress/Progress.d.ts

@@ -1,3 +1,4 @@
+import "./progress.css";
 import type { JSX } from "solid-js";
 import type { ComponentColor, IComponentBaseProps } from "../types";
 export type ProgressProps = Omit<JSX.ProgressHTMLAttributes<HTMLProgressElement>, "color"> & IComponentBaseProps & {

package/dist/components/progress/Progress.js

@@ -0,0 +1,70 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./progress.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<progress>");
+const Progress_Progress = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "color",
+        "class",
+        "className",
+        "dataTheme",
+        "aria-label",
+        "aria-describedby",
+        "aria-valuenow",
+        "aria-valuemin",
+        "aria-valuemax",
+        "aria-valuetext",
+        "aria-labelledby"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("progress", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+        "progress-primary": "primary" === local.color,
+        "progress-secondary": "secondary" === local.color,
+        "progress-accent": "accent" === local.color,
+        "progress-info": "info" === local.color,
+        "progress-success": "success" === local.color,
+        "progress-warning": "warning" === local.color,
+        "progress-error": "error" === local.color,
+        "progress-ghost": "ghost" === local.color
+    }), local.class, local.className);
+    const getAriaValueNow = ()=>{
+        if (void 0 !== local["aria-valuenow"]) return local["aria-valuenow"];
+        const value = others.value;
+        if ("number" == typeof value || "string" == typeof value) return value;
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            role: "progressbar",
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-valuenow"] () {
+                return getAriaValueNow();
+            },
+            get ["aria-valuemin"] () {
+                return local["aria-valuemin"] || 0;
+            },
+            get ["aria-valuemax"] () {
+                return local["aria-valuemax"] || others.max || 100;
+            },
+            get ["aria-valuetext"] () {
+                return local["aria-valuetext"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const Progress = Progress_Progress;
+export { Progress as default };

package/dist/components/progress/index.js

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

package/dist/components/progress/progress.css

@@ -0,0 +1,94 @@
+@layer components {
+  .progress {
+      position: relative;
+      height: calc(0.25rem * 2);
+      width: 100%;
+      appearance: none;
+      overflow: hidden;
+      border-radius: var(--radius-box);
+      background-color: currentcolor;
+      color: var(--color-base-content);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .progress {
+      background-color: color-mix(in oklab, currentcolor 20%, transparent);
+    }
+    }
+
+  .progress:indeterminate {
+      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
+      background-size: 200%;
+      background-position-x: 15%;
+    }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .progress:indeterminate {
+      animation: progress 5s ease-in-out infinite;
+    }
+    }
+
+  @supports (-moz-appearance: none) {
+    .progress:indeterminate::-moz-progress-bar {
+      background-color: transparent;
+    }
+    @media (prefers-reduced-motion: no-preference) {
+    .progress:indeterminate::-moz-progress-bar {
+      animation: progress 5s ease-in-out infinite;
+      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
+      background-size: 200%;
+      background-position-x: 15%;
+    }
+    }
+    }
+
+  @supports (-moz-appearance: none) {
+    .progress::-moz-progress-bar {
+      border-radius: var(--radius-box);
+      background-color: currentcolor;
+    }
+    }
+
+  @supports (-webkit-appearance: none) {
+    .progress::-webkit-progress-bar {
+      border-radius: var(--radius-box);
+      background-color: transparent;
+    }
+    .progress::-webkit-progress-value {
+      border-radius: var(--radius-box);
+      background-color: currentColor;
+    }
+    }
+
+  .progress-accent {
+      color: var(--color-accent);
+    }
+
+  .progress-error {
+      color: var(--color-error);
+    }
+
+  .progress-info {
+      color: var(--color-info);
+    }
+
+  .progress-neutral {
+      color: var(--color-neutral);
+    }
+
+  .progress-primary {
+      color: var(--color-primary);
+    }
+
+  .progress-secondary {
+      color: var(--color-secondary);
+    }
+
+  .progress-success {
+      color: var(--color-success);
+    }
+
+  .progress-warning {
+      color: var(--color-warning);
+    }
+}

package/dist/components/props-table/PropsTable.js

@@ -0,0 +1,56 @@
+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><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
+const PropsTable = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "props",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    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, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("overflow-x-auto", local.class, local.className);
+            }
+        }), 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__.For, {
+            get each () {
+                return local.props;
+            },
+            children: (prop)=>(()=>{
+                    var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return prop.required;
+                        },
+                        get children () {
+                            return _tmpl$2();
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>prop.type);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return prop.default;
+                        },
+                        get children () {
+                            var _el$10 = _tmpl$3();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>prop.default);
+                            return _el$10;
+                        }
+                    }));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>prop.description);
+                    return _el$5;
+                })()
+        }));
+        return _el$;
+    })();
+};
+const props_table_PropsTable = PropsTable;
+export { props_table_PropsTable as default };

package/dist/components/props-table/index.js

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

package/dist/components/radialprogress/RadialProgress.js

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=progressbar aria-valuemin=0 aria-valuemax=100>");
+const RadialProgress = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "size",
+        "thickness",
+        "color",
+        "dataTheme",
+        "class",
+        "className",
+        "children"
+    ]);
+    const displayedValue = Math.min(100, Math.max(0, local.value));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radial-progress", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+        "text-primary": "primary" === local.color,
+        "text-secondary": "secondary" === local.color,
+        "text-accent": "accent" === local.color,
+        "text-info": "info" === local.color,
+        "text-success": "success" === local.color,
+        "text-warning": "warning" === local.color,
+        "text-error": "error" === local.color
+    }), local.class, local.className);
+    const progressStyle = {
+        "--value": displayedValue,
+        "--size": local.size ?? "4rem",
+        "--thickness": local.thickness ?? "4px"
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuenow", displayedValue);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, classes);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? `${displayedValue}%`);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, progressStyle, _$p));
+        return _el$;
+    })();
+};
+const radialprogress_RadialProgress = RadialProgress;
+export { radialprogress_RadialProgress as default };

package/dist/components/radialprogress/index.js

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

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

@@ -1,3 +1,4 @@
+import "./radio.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";

package/dist/components/radio/Radio.js

@@ -0,0 +1,73 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./radio.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
+const Radio = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "color",
+        "size",
+        "name",
+        "type",
+        "dataTheme",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required",
+        "aria-labelledby",
+        "aria-checked"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radio", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "radio-xs": "xs" === local.size,
+            "radio-sm": "sm" === local.size,
+            "radio-md": "md" === local.size,
+            "radio-lg": "lg" === local.size,
+            "radio-xl": "xl" === local.size,
+            "radio-primary": "primary" === local.color,
+            "radio-secondary": "secondary" === local.color,
+            "radio-accent": "accent" === local.color,
+            "radio-info": "info" === local.color,
+            "radio-success": "success" === local.color,
+            "radio-warning": "warning" === local.color,
+            "radio-error": "error" === local.color
+        })));
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get name () {
+                return local.name;
+            },
+            type: "radio",
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-checked"] () {
+                return local["aria-checked"];
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const radio_Radio = Radio;
+export { radio_Radio as default };

package/dist/components/radio/index.js

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

package/dist/components/radio/radio.css

@@ -0,0 +1,152 @@
+@layer components {
+  .radio {
+      position: relative;
+      display: inline-block;
+      flex-shrink: 0;
+      cursor: pointer;
+      appearance: none;
+      border-radius: calc(infinity * 1px);
+      padding: calc(0.25rem * 1);
+      vertical-align: middle;
+      border: var(--border) solid var(--input-color, currentColor);
+      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
+      --size: calc(var(--size-selector, 0.25rem) * 6);
+      width: var(--size);
+      height: var(--size);
+      color: var(--input-color, currentColor);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .radio {
+      border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
+    }
+    }
+
+  .radio:before {
+      display: block;
+      width: 100%;
+      height: 100%;
+      border-radius: calc(infinity * 1px);
+      --tw-content: "";
+      content: var(--tw-content);
+      background-size: auto, calc(var(--noise) * 100%);
+      background-image: none, var(--fx-noise);
+    }
+
+  .radio:focus-visible {
+      outline: 2px solid currentColor;
+    }
+
+  .radio:checked,
+    .radio[aria-checked="true"] {
+      border-color: currentcolor;
+      background-color: var(--color-base-100);
+    }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .radio:checked,
+    .radio[aria-checked="true"] {
+      animation: radio 0.2s ease-out;
+    }
+    }
+
+  .radio:checked:before,
+    .radio[aria-checked="true"]:before {
+      background-color: currentcolor;
+      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
+    }
+
+  @media (forced-colors: active) {
+    .radio:checked:before,
+    .radio[aria-checked="true"]:before {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+      outline-offset: calc(1px * -1);
+    }
+    }
+
+  @media print {
+    .radio:checked:before,
+    .radio[aria-checked="true"]:before {
+      outline: 0.25rem solid;
+      outline-offset: -1rem;
+    }
+    }
+
+  .radio:disabled {
+      cursor: not-allowed;
+      opacity: 20%;
+    }
+
+  .radio-lg {
+      padding: 0.3125rem;
+    }
+
+  .radio-lg:is([type="radio"]) {
+      --size: calc(var(--size-selector, 0.25rem) * 7);
+    }
+
+  .radio-md {
+      padding: 0.25rem;
+    }
+
+  .radio-md:is([type="radio"]) {
+      --size: calc(var(--size-selector, 0.25rem) * 6);
+    }
+
+  .radio-sm {
+      padding: 0.1875rem;
+    }
+
+  .radio-sm:is([type="radio"]) {
+      --size: calc(var(--size-selector, 0.25rem) * 5);
+    }
+
+  .radio-xl {
+      padding: 0.375rem;
+    }
+
+  .radio-xl:is([type="radio"]) {
+      --size: calc(var(--size-selector, 0.25rem) * 8);
+    }
+
+  .radio-xs {
+      padding: 0.125rem;
+    }
+
+  .radio-xs:is([type="radio"]) {
+      --size: calc(var(--size-selector, 0.25rem) * 4);
+    }
+
+  .radio-accent {
+      --input-color: var(--color-accent);
+    }
+
+  .radio-error {
+      --input-color: var(--color-error);
+    }
+
+  .radio-info {
+      --input-color: var(--color-info);
+    }
+
+  .radio-neutral {
+      --input-color: var(--color-neutral);
+    }
+
+  .radio-primary {
+      --input-color: var(--color-primary);
+    }
+
+  .radio-secondary {
+      --input-color: var(--color-secondary);
+    }
+
+  .radio-success {
+      --input-color: var(--color-success);
+    }
+
+  .radio-warning {
+      --input-color: var(--color-warning);
+    }
+}

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

@@ -1,3 +1,4 @@
+import "./radio.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 export type RadioGroupOption = {

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

@@ -0,0 +1,107 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./radio.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p role=alert class="mt-1 text-sm text-error">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset role=radiogroup><div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<legend class="mb-1 font-semibold">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center gap-2 cursor-pointer"><input type=radio><span>');
+const RadioGroup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "name",
+        "label",
+        "options",
+        "value",
+        "onChange",
+        "size",
+        "color",
+        "direction",
+        "error",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const errorId = `${props.name}-error`;
+    const radioClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("radio", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "radio-xl": "xl" === local.size,
+            "radio-lg": "lg" === local.size,
+            "radio-md": "md" === local.size,
+            "radio-sm": "sm" === local.size,
+            "radio-xs": "xs" === local.size,
+            "radio-neutral": "neutral" === local.color,
+            "radio-primary": "primary" === local.color,
+            "radio-secondary": "secondary" === local.color,
+            "radio-accent": "accent" === local.color,
+            "radio-info": "info" === local.color,
+            "radio-success": "success" === local.color,
+            "radio-warning": "warning" === local.color,
+            "radio-error": "error" === local.color
+        }));
+    const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex gap-2", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "flex-row": "horizontal" === local.direction,
+            "flex-col": "horizontal" !== local.direction
+        }));
+    return (()=>{
+        var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["aria-orientation"] () {
+                return "horizontal" === local.direction ? "horizontal" : "vertical";
+            },
+            get ["aria-describedby"] () {
+                return local.error ? errorId : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+            return ()=>_c$() && (()=>{
+                    var _el$4 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.label);
+                    return _el$4;
+                })();
+        })(), _el$2);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return local.options;
+            },
+            children: (option)=>(()=>{
+                    var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+                    _el$6.addEventListener("change", ()=>local.onChange?.(option.value));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>option.label);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$ = local.name, _v$2 = radioClasses(), _v$3 = option.disabled;
+                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "name", _p$.e = _v$);
+                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$2);
+                        _v$3 !== _p$.a && (_el$6.disabled = _p$.a = _v$3);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0,
+                        a: void 0
+                    });
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$6.value = option.value);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$6.checked = local.value === option.value);
+                    return _el$5;
+                })()
+        }));
+        (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.error;
+            },
+            get children () {
+                var _el$3 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", errorId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.error);
+                return _el$3;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, containerClasses()));
+        return _el$;
+    })();
+};
+const radio_group_RadioGroup = RadioGroup;
+export { radio_group_RadioGroup as default };

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

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