@dmsi/wedgekit-react 0.0.552 → 0.0.554

package/dist/chunk-ZCJWOHFN.js

@@ -0,0 +1,139 @@
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
+import {
+  baseTransition,
+  componentGap
+} from "./chunk-7KWFEH56.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+
+// src/components/Radio.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = (_a) => {
+  var _b = _a, {
+    className,
+    label,
+    error,
+    disabled,
+    checked,
+    readOnly,
+    id,
+    testid
+  } = _b, props = __objRest(_b, [
+    "className",
+    "label",
+    "error",
+    "disabled",
+    "checked",
+    "readOnly",
+    "id",
+    "testid"
+  ]);
+  const radioId = id;
+  const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
+  const defaultClassName = clsx(
+    !error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
+  );
+  const errorClassName = clsx(
+    error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
+  );
+  const disabledClassName = clsx(
+    disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
+  );
+  const readonlyClassName = clsx(
+    readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
+  );
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: radioId,
+      "data-testid": testid,
+      className: clsx(
+        "flex items-center",
+        componentGap,
+        disabled ? "cursor-default" : "cursor-pointer",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            __spreadValues({
+              id: radioId,
+              "data-testid": testid ? `${testid}-input` : void 0,
+              type: "radio",
+              className: "sr-only peer",
+              disabled,
+              checked,
+              readOnly
+            }, props)
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "size-6 rounded-full border flex items-center justify-center",
+                baseTransition,
+                defaultClassName,
+                errorClassName,
+                disabledClassName,
+                readonlyClassName
+              ),
+              children: checked && /* @__PURE__ */ jsx(
+                RadioIcon,
+                {
+                  className: clsx(
+                    "transition-colors",
+                    !error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
+                    error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
+                    disabled && "text-icon-on-action-secondary-disabled",
+                    readOnly && "text-icon-on-action-secondary-disabled"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        label && /* @__PURE__ */ jsx(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
+      ]
+    }
+  );
+};
+Radio.displayName = "Radio";
+var RadioIcon = ({ className }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "1",
+            y: "1",
+            width: "22",
+            height: "22",
+            rx: "11",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
+      ]
+    }
+  );
+};
+RadioIcon.displayName = "RadioIcon";
+
+export {
+  Radio
+};

package/dist/{chunk-JADOJNBI.js → chunk-ZDXJXDZT.js}

@@ -1,18 +1,18 @@
 import {
   useMounted
 } from "./chunk-4RJKB7LC.js";
+import {
+  ModalButtons
+} from "./chunk-KV7LAH3T.js";
 import {
   ModalContent
 } from "./chunk-WVVEOCEH.js";
 import {
   ModalHeader
-} from "./chunk-CMMQTIVM.js";
+} from "./chunk-EJOPJIRO.js";
 import {
   ModalScrim
 } from "./chunk-AG43RS4Q.js";
-import {
-  ModalButtons
-} from "./chunk-AKJUBFJK.js";
 import {
   useMatchesMobile
 } from "./chunk-YD2JJ2VL.js";