@konstructio/ui 0.1.0-alpha.2 → 0.1.0-alpha.20

package/dist/components/Radio/Radio.js

@@ -1,78 +1,93 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { forwardRef as x, useId as V, useCallback as h } from "react";
-import { cn as e } from "../../utils/index.js";
-import { radioVariants as j, labelRadioVariants as w, wrapperRadioVariants as F } from "./Radio.variants.js";
-const z = x(
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { forwardRef as j, useId as w, useCallback as F } from "react";
+import { cn as a } from "../../utils/index.js";
+import { radioVariants as $, labelRadioVariants as f, wrapperRadioVariants as y } from "./Radio.variants.js";
+const A = j(
   ({
     checked: i = !1,
-    className: m,
-    defaultChecked: l,
-    disabled: s,
-    label: c,
-    labelTextClassName: p,
-    name: t,
-    theme: f,
-    value: o,
-    wrapperClassName: n,
-    onChange: a
-  }, N) => {
-    const d = `${V()}-${t}`, R = h(
-      (b) => {
-        a == null || a(b);
+    className: p,
+    defaultChecked: m,
+    disabled: e,
+    label: n,
+    labelTextClassName: N,
+    description: r,
+    descriptionClassName: x,
+    name: c,
+    theme: h,
+    value: d,
+    wrapperClassName: R,
+    onChange: s
+  }, b) => {
+    const o = `${w()}-${c}`, u = F(
+      (V) => {
+        s == null || s(V);
       },
-      [a]
+      [s]
     );
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: d,
-        className: e(
-          F({
-            className: n,
-            disabled: s || !1
+        htmlFor: o,
+        className: a(
+          y({
+            className: R,
+            disabled: e || !1
           })
         ),
-        "data-theme": f,
+        "data-theme": h,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ l(
             "input",
             {
-              ref: N,
-              id: d,
+              ref: b,
+              id: o,
               type: "radio",
-              name: t,
-              value: o,
+              name: c,
+              value: d,
               checked: i,
-              defaultChecked: l,
+              defaultChecked: m,
               className: "hidden peer",
-              onChange: () => R(o),
-              disabled: s
+              onChange: () => u(d),
+              disabled: e
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ l(
             "span",
             {
-              className: e(
-                j({
-                  className: m,
-                  disabled: s || !1,
-                  checked: i || l || !1
+              className: a(
+                $({
+                  className: p,
+                  disabled: e || !1,
+                  checked: i || m || !1
                 })
               )
             }
           ),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: e(w({ className: p })),
-              children: c
-            }
-          )
+          /* @__PURE__ */ t("div", { className: a(r && "flex flex-col gap-1"), children: [
+            /* @__PURE__ */ l(
+              "span",
+              {
+                className: a(
+                  f({ className: N })
+                ),
+                children: n
+              }
+            ),
+            r && /* @__PURE__ */ l(
+              "span",
+              {
+                className: a(
+                  f({ className: x })
+                ),
+                children: r
+              }
+            )
+          ] })
         ]
       }
     );
   }
 );
 export {
-  z as Radio
+  A as Radio
 };

package/dist/components/Radio/Radio.variants.js

@@ -12,10 +12,10 @@ const a = e(
       disabled: !1
     }
   }
-), c = e(
+), o = e(
   [
     "border",
-    "border-zinc-400",
+    "border-gray-300",
     "duration-300",
     "inline-block",
     "rounded-full",
@@ -52,15 +52,17 @@ const a = e(
         checked: [!0, !1],
         class: [
           "peer-checked:border-kubefirst-primary",
-          "peer-checked:before:bg-kubefirst-primary"
+          "peer-checked:before:bg-kubefirst-primary",
+          "civo:peer-checked:border-civo-primary",
+          "civo:peer-checked:before:bg-civo-primary"
         ]
       },
       {
         disabled: !0,
         checked: !0,
         class: [
-          "peer-checked:border-zinc-400",
-          "peer-checked:before:bg-zinc-400",
+          "peer-checked:border-gray-300",
+          "peer-checked:before:bg-gray-300",
           "cursor-not-allowed",
           "[&+span]:cursor-not-allowed"
         ]
@@ -69,12 +71,12 @@ const a = e(
         disabled: !0,
         checked: !1,
         class: [
-          "peer-checked:border-zinc-300",
-          "peer-checked:border-zinc-300",
-          "peer-checked:before:bg-zinc-300",
+          "peer-checked:border-gray-200",
+          "peer-checked:border-gray-200",
+          "peer-checked:before:bg-gray-200",
           "cursor-not-allowed",
           "[&+span]:cursor-not-allowed",
-          "bg-zinc-50"
+          "bg-gray-50"
         ]
       }
     ],
@@ -82,9 +84,9 @@ const a = e(
       disabled: !1
     }
   }
-), o = e(["text-sm", "text-zinc-700"]);
+), c = e(["text-sm", "text-zinc-700"]);
 export {
-  o as labelRadioVariants,
-  c as radioVariants,
+  c as labelRadioVariants,
+  o as radioVariants,
   a as wrapperRadioVariants
 };

package/dist/components/RadioCard/RadioCard.js

@@ -1,35 +1,37 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as m } from "../../utils/index.js";
-import { Card as t } from "../Card/Card.js";
-import { Radio as e } from "../Radio/Radio.js";
-import { radioCardVariants as l } from "./RadioCard.variants.js";
-const w = ({
-  wrapperClassName: o,
+import { jsx as o } from "react/jsx-runtime";
+import { cn as a } from "../../utils/index.js";
+import { Card as l } from "../Card/Card.js";
+import { Radio as d } from "../Radio/Radio.js";
+import { radioCardVariants as e } from "./RadioCard.variants.js";
+const x = ({
+  wrapperClassName: r,
   theme: i,
-  labelWrapperClassName: p,
-  checked: a,
+  labelWrapperClassName: t,
+  checked: m,
+  description: p,
   ...s
-}) => /* @__PURE__ */ r(
-  t,
+}) => /* @__PURE__ */ o(
+  l,
   {
     "data-theme": i,
-    className: m(
-      l({
-        className: o
+    className: a(
+      e({
+        className: r
       })
     ),
-    wrapperClassName: "w-max",
-    isActive: a,
-    children: /* @__PURE__ */ r(
-      e,
+    wrapperClassName: a("w-max", r),
+    isActive: m,
+    children: /* @__PURE__ */ o(
+      d,
       {
-        wrapperClassName: m("w-full h-full p-3 gap-3", p),
-        checked: a,
+        wrapperClassName: a("w-full h-full p-3 gap-3", t),
+        checked: m,
+        description: p,
         ...s
       }
     )
   }
 );
 export {
-  w as RadioCard
+  x as RadioCard
 };

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,19 +1,19 @@
-import { jsx as m, Fragment as l } from "react/jsx-runtime";
-import { useState as n, useCallback as x } from "react";
-import { cn as c } from "../../utils/index.js";
-import { RadioCard as G } from "../RadioCard/RadioCard.js";
-import { radioCardGroupVariants as R } from "./RadioCardGroup.variants.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as x, useCallback as G } from "react";
+import { cn as o } from "../../utils/index.js";
+import { RadioCard as R } from "../RadioCard/RadioCard.js";
+import { radioCardGroupVariants as b } from "./RadioCardGroup.variants.js";
 const w = ({
-  className: d,
-  defaultChecked: o,
-  direction: s,
+  className: s,
+  defaultChecked: c,
+  direction: d,
   name: e,
   options: i,
-  theme: a,
-  wrapperClassName: p,
+  theme: p,
+  wrapperClassName: a,
   onValueChange: t
 }) => {
-  const [f, N] = n(o), S = x(
+  const [f, N] = x(c), S = G(
     (r) => {
       N(r), t == null || t(r);
     },
@@ -22,22 +22,22 @@ const w = ({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: c(
-        R({ className: p, direction: s })
+      className: o(
+        b({ className: a, direction: d })
       ),
-      "data-theme": a,
-      children: /* @__PURE__ */ m(l, { children: i.map(({ value: r, ...k }) => /* @__PURE__ */ m(
-        G,
+      "data-theme": p,
+      children: i.map(({ value: r, ...k }) => /* @__PURE__ */ m(
+        R,
         {
           value: r,
           name: e,
-          className: c(d),
+          className: o(s),
           checked: f === r,
           onChange: () => S(r),
           ...k
         },
         r
-      )) })
+      ))
     }
   );
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as x } from "../../index-Bk324h27.js";
+import { S as x } from "../../index-B5MIi2tR.js";
 import { useState as G, useCallback as R } from "react";
 import { cn as m } from "../../utils/index.js";
 import { Radio as b } from "../Radio/Radio.js";

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R as g, T as R, a as V, b as c } from "../../index-BOx5P4tS.js";
+import { R as g, T as R, a as V, b as c } from "../../index-BvCZBMfr.js";
 import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
 import { cn as a } from "../../utils/index.js";
 import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as x, T as N, b as v } from "../../index-BOx5P4tS.js";
+import { R as x, T as N, b as v } from "../../index-BvCZBMfr.js";
 import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
 import { cn as r } from "../../utils/index.js";
 import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";