@dmsi/wedgekit-react 0.0.161 → 0.0.162

package/dist/components/HorizontalDivider.js

@@ -1,7 +1,12 @@
-import {
-  HorizontalDivider
-} from "../chunk-EPQLWHCL.js";
 import "../chunk-ORMEWXMH.js";
+
+// src/components/HorizontalDivider.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+function HorizontalDivider({ id, testid, hideOnMobile }) {
+  const hideOnMobileStyle = clsx(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ jsx("hr", { id, "data-testid": testid, className: clsx("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+}
 export {
   HorizontalDivider
 };

package/dist/components/Radio.js

@@ -1,10 +1,138 @@
 "use client";
 import {
-  Radio
-} from "../chunk-BATIOCXB.js";
-import "../chunk-HVI3CL7Y.js";
-import "../chunk-RDLEIAQU.js";
-import "../chunk-ORMEWXMH.js";
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
+import {
+  baseTransition,
+  componentGap
+} from "../chunk-RDLEIAQU.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,
+      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,
+              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/components/WorldpayIframe.js

@@ -1,8 +1,11 @@
 "use client";
-import {
-  WorldpayIframe
-} from "../chunk-WFGKIR5A.js";
 import "../chunk-ORMEWXMH.js";
+
+// src/components/WorldpayIframe.tsx
+import { jsx } from "react/jsx-runtime";
+function WorldpayIframe({ url }) {
+  return /* @__PURE__ */ jsx("iframe", { src: url, style: { width: "100%", height: "100%", flex: 1 } });
+}
 export {
   WorldpayIframe
 };