@clubmed/trident-ui 1.0.0-beta.2 → 1.0.0-beta.20

package/molecules/Forms/Password/ValidationMessage.js

@@ -20,7 +20,7 @@ function x({ label: r, status: c }) {
   const { iconName: i, iconColor: o } = a[c];
   return /* @__PURE__ */ n("div", { className: "flex gap-[6px] px-20 items-center", children: [
     /* @__PURE__ */ e(t, { name: i, width: "30px", color: o }),
-    /* @__PURE__ */ e("span", { className: s("text-b4", `text-${o}`), children: r })
+    /* @__PURE__ */ e("span", { className: s("text-b3", `text-${o}`), children: r })
   ] });
 }
 export {

package/molecules/Forms/Radios/Radio.d.ts

@@ -12,4 +12,4 @@ export interface RadioProps<Value = string> extends Omit<InputHTMLAttributes<HTM
     size?: number;
     onChange?: (name: string, value: Value | null) => void;
 }
-export declare function Radio<Value = string>({ id, name, className, dataTestId, disabled, checked: initialChecked, value, size, tabIndex, children, onChange, ...rest }: RadioProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function Radio<Value = string>(props: RadioProps<Value>): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/Radios/Radio.js

@@ -1,57 +1,57 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { c as y } from "../../../index-Cu0xwYjD.js";
+import { c as b } from "../../../index-Cu0xwYjD.js";
+import { useId as k } from "react";
 import { useValue as w } from "../../../hooks/useValue.js";
 import "../../../controls-l0sNRNKZ.js";
-let k = 0;
-function R({
-  id: o = "radio-" + k++,
-  name: r = o,
-  className: d,
-  dataTestId: m,
-  disabled: t,
-  checked: f = !1,
-  value: i,
-  size: a = 24,
-  tabIndex: n = 0,
-  children: p,
-  onChange: l,
-  ...h
-}) {
-  const { value: s, setValue: u } = w({
-    name: r,
+function R(d) {
+  const n = k(), {
+    id: o = n,
+    name: l = o,
+    className: m,
+    dataTestId: h,
+    disabled: a,
+    checked: f = !1,
+    value: i,
+    size: t = 24,
+    tabIndex: p = 0,
+    children: u,
+    onChange: s,
+    ...v
+  } = d, { value: r, setValue: x } = w({
+    name: l,
     initialValue: f,
-    onChange(x, v) {
-      l == null || l(x, i !== void 0 ? i : v);
+    onChange(g, y) {
+      s == null || s(g, i !== void 0 ? i : y);
     }
   });
   return /* @__PURE__ */ c(
     "label",
     {
-      className: y(d, "relative flex items-center gap-8", {
-        "text-grey": t
+      className: b(m, "relative flex items-center gap-8", {
+        "text-grey": a
       }),
       children: [
         /* @__PURE__ */ c("span", { className: "relative", children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ...h,
-              name: r,
-              "data-testid": m,
+              ...v,
+              name: l,
+              "data-testid": h,
               type: "radio",
-              tabIndex: n,
+              tabIndex: p,
               onChange: () => {
-                !t && u(!s);
+                !a && x(!r);
               },
-              defaultChecked: s,
+              defaultChecked: r,
               "data-name": "Radio",
-              disabled: t,
+              disabled: a,
               value: i
             }
           ),
-          /* @__PURE__ */ e("span", { style: { height: a, width: a }, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", width: a * 2 / 3, className: "overflow-visible", children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "8px", style: { fill: "hsl(var(--color-saffron))" } }) }) })
+          /* @__PURE__ */ e("span", { style: { height: t, width: t }, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", width: t * 2 / 3, className: "overflow-visible", children: /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "8px", style: { fill: "hsl(var(--color-saffron))" } }) }) })
         ] }),
-        p
+        u
       ]
     }
   );

package/molecules/Forms/Radios/RadioGroup.d.ts

@@ -2,4 +2,4 @@ import { HTMLAttributes } from 'react';
 import { FormControlProps } from '../FormControl.js';
 export interface RadioGroupProps<Value = string> extends Pick<FormControlProps<Value>, 'id' | 'name' | 'value' | 'onChange' | 'disabled' | 'readOnly' | 'tabIndex' | 'description' | 'validationStatus' | 'errorMessage'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
 }
-export declare function RadioGroup<Value = string>({ id, name, children, value: initialValue, defaultValue, onChange, disabled, readOnly, tabIndex, ...rest }: RadioGroupProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup<Value = string>(props: RadioGroupProps<Value>): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/Radios/RadioGroup.js

@@ -1,39 +1,38 @@
-import { jsx as g } from "react/jsx-runtime";
-import { Children as v, isValidElement as x, cloneElement as V } from "react";
-import { useValue as C } from "../../../hooks/useValue.js";
+import { jsx as v } from "react/jsx-runtime";
+import { useId as x, Children as I, isValidElement as b, cloneElement as C } from "react";
+import { useValue as h } from "../../../hooks/useValue.js";
 import { c as E } from "../../../index-Cu0xwYjD.js";
-let N = 0;
-function I({
-  id: o = "radio-group-" + N++,
-  name: r = o,
-  children: s,
-  value: u,
-  defaultValue: l,
-  onChange: m,
-  disabled: t,
-  readOnly: n,
-  tabIndex: i = 0,
-  ...a
-}) {
-  const { value: c, setValue: f } = C({
+function G(l) {
+  const s = x(), {
+    id: a = s,
+    name: r = a,
+    children: t,
+    value: i,
+    defaultValue: m,
+    onChange: u,
+    disabled: d,
+    readOnly: p,
+    tabIndex: c = 0,
+    ...n
+  } = l, { value: f, setValue: V } = h({
     name: r,
-    initialValue: u,
-    defaultValue: l,
-    onChange: m
+    initialValue: i,
+    defaultValue: m,
+    onChange: u
   });
-  return /* @__PURE__ */ g("div", { ...a, className: E("flex gap-12", a.className), role: "radiogroup", children: v.map(s, (e, p) => x(e) ? V(e, {
+  return /* @__PURE__ */ v("div", { ...n, className: E("flex gap-12", n.className), role: "radiogroup", children: I.map(t, (e, o) => b(e) ? C(e, {
     ...e.props,
     name: r,
-    id: `${o}-${p}`,
-    disabled: t,
-    readOnly: n,
-    tabIndex: i + p + 1,
-    checked: c === e.props.value,
-    onChange($, d) {
-      f(d);
+    id: `${a}-${o}`,
+    disabled: d,
+    readOnly: p,
+    tabIndex: c + o + 1,
+    checked: f === e.props.value,
+    onChange(N, g) {
+      V(g);
     }
   }) : e) });
 }
 export {
-  I as RadioGroup
+  G as RadioGroup
 };

package/molecules/Forms/Range.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import './range.css';
 interface RangeProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     /**
@@ -37,5 +37,5 @@ interface RangeProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChan
         label: string;
     }[];
 }
-export declare const Range: FunctionComponent<RangeProps>;
+export declare const Range: (props: RangeProps) => import("react/jsx-runtime").JSX.Element;
 export {};