qaema-ui 0.0.42 → 0.0.43

package/dist/_virtual/index3.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+var s = { exports: {} };
 export {
-  m as default
+  s as __module
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+var p = { exports: {} };
 export {
-  t as default
+  p as __module
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,7 @@
-var s = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  s as __module
+  m as default
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,7 @@
-var p = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  p as __module
+  t as default
 };

package/dist/components/RadioInput.d.ts

@@ -19,6 +19,7 @@ export type RadioInputProps = {
     optional?: boolean;
     error?: string;
     badge?: BadgeConfig;
+    optionsVariant?: string;
 };
 declare const RadioInput: React.FC<RadioInputProps>;
 export default RadioInput;

package/dist/components/RadioInput.js

@@ -1,20 +1,20 @@
-import { j as l } from "../_virtual/jsx-runtime.js";
-import { TbSparkles as y } from "../node_modules/react-icons/tb/index.js";
-import o from "styled-components";
-import { useQaemaCoreTranslation as m } from "../i18n/i18n.js";
-import w from "./Hint.js";
-import { Optional as $ } from "./InputField.js";
-import j from "./Radio.js";
-const b = o.div`
+import { j as i } from "../_virtual/jsx-runtime.js";
+import { TbSparkles as $ } from "../node_modules/react-icons/tb/index.js";
+import a, { css as p } from "styled-components";
+import { useQaemaCoreTranslation as w } from "../i18n/i18n.js";
+import j from "./Hint.js";
+import { Optional as v } from "./InputField.js";
+import b from "./Radio.js";
+const F = a.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: e }) => e.spacing.xs};
-`, v = o.div`
+`, z = a.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: ${({ theme: e }) => e.spacing.xs};
-`, F = o.div`
+`, R = a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -30,7 +30,7 @@ const b = o.div`
     line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
     color: ${({ theme: e }) => e.colors.grey.n350};
   }
-`, z = o.span`
+`, I = a.span`
   display: inline-flex;
   align-items: center;
   height: 20px;
@@ -38,52 +38,62 @@ const b = o.div`
   gap: 8px;
   border-radius: 4px;
   background: ${({ theme: e }) => {
-  var n, i, s;
-  return ((s = (i = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : i.purple) == null ? void 0 : s.n100) || "#F1EEFF";
+  var n, l, t;
+  return ((t = (l = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : l.purple) == null ? void 0 : t.n100) || "#F1EEFF";
 }};
   color: ${({ theme: e }) => {
-  var n, i, s;
-  return ((s = (i = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : i.purple) == null ? void 0 : s.n450) || "#7259FF";
+  var n, l, t;
+  return ((t = (l = (n = e.colors) == null ? void 0 : n.primary) == null ? void 0 : l.purple) == null ? void 0 : t.n450) || "#7259FF";
 }};
   font-size: ${({ theme: e }) => e.typography.sizes.s2 || "10px"};
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   font-weight: 400;
-`, R = o(y)`
+`, O = a($)`
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
-`, E = (e) => {
-  const { name: n, label: i = "", options: s, value: p, disabled: h, optional: c = !1, onChange: g, error: a, badge: r } = e, { t: d } = m();
-  if (!(s != null && s.length)) return null;
-  const x = (t) => r != null && r.showFor ? typeof r.showFor == "function" ? !!r.showFor(t) : r.showFor === t.value : !1, f = (r == null ? void 0 : r.label) ?? "Recommended";
-  return /* @__PURE__ */ l.jsxs(v, { children: [
-    i && /* @__PURE__ */ l.jsxs(F, { children: [
-      /* @__PURE__ */ l.jsx("label", { children: i }),
-      c && /* @__PURE__ */ l.jsx($, { children: d("OPTIONAL") })
+`, S = a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${({ $variant: e }) => e};
+  ${({ $variant: e, theme: n }) => e === "row" ? p`
+          justify-content: space-between;
+          align-items: center;
+        ` : p`
+          gap: ${n.spacing.xs};
+        `}
+`, A = (e) => {
+  const { name: n, label: l = "", options: t, value: c, disabled: h, optional: d = !1, onChange: g, error: o, badge: s, optionsVariant: x = "column" } = e, { t: f } = w();
+  if (!(t != null && t.length)) return null;
+  const u = (r) => s != null && s.showFor ? typeof s.showFor == "function" ? !!s.showFor(r) : s.showFor === r.value : !1, y = (s == null ? void 0 : s.label) ?? "Recommended";
+  return /* @__PURE__ */ i.jsxs(z, { children: [
+    l && /* @__PURE__ */ i.jsxs(R, { children: [
+      /* @__PURE__ */ i.jsx("label", { children: l }),
+      d && /* @__PURE__ */ i.jsx(v, { children: f("OPTIONAL") })
     ] }),
-    s.map((t) => {
-      const u = x(t);
-      return /* @__PURE__ */ l.jsxs(b, { children: [
-        /* @__PURE__ */ l.jsx(
-          j,
+    /* @__PURE__ */ i.jsx(S, { $variant: x, children: t.map((r) => {
+      const m = u(r);
+      return /* @__PURE__ */ i.jsxs(F, { children: [
+        /* @__PURE__ */ i.jsx(
+          b,
           {
             name: n,
-            label: t.label,
-            value: t.value,
-            $selected: p === (t == null ? void 0 : t.value),
+            label: r.label,
+            value: r.value,
+            $selected: c === (r == null ? void 0 : r.value),
             onChange: g,
             $disabled: h
           }
         ),
-        u && /* @__PURE__ */ l.jsxs(z, { children: [
-          (r == null ? void 0 : r.showIcon) !== !1 && /* @__PURE__ */ l.jsx(R, {}),
-          f
+        m && /* @__PURE__ */ i.jsxs(I, { children: [
+          (s == null ? void 0 : s.showIcon) !== !1 && /* @__PURE__ */ i.jsx(O, {}),
+          y
         ] })
-      ] }, t.value);
-    }),
-    a && /* @__PURE__ */ l.jsx(w, { variant: "error", title: a })
+      ] }, r.value);
+    }) }),
+    o && /* @__PURE__ */ i.jsx(j, { variant: "error", title: o })
   ] });
 };
 export {
-  E as default
+  A as default
 };

package/dist/node_modules/classnames/index.js

@@ -1,4 +1,4 @@
-import { __module as s } from "../../_virtual/index5.js";
+import { __module as s } from "../../_virtual/index3.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/prop-types/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../_virtual/index6.js";
+import { __module as r } from "../../_virtual/index4.js";
 import { __require as s } from "../react-is/index.js";
 import { __require as t } from "./factoryWithTypeCheckers.js";
 import { __require as p } from "./factoryWithThrowingShims.js";

package/dist/node_modules/react-helmet-async/lib/index.esm.js

@@ -2,9 +2,9 @@ var Q = Object.defineProperty;
 var X = (e, t, r) => t in e ? Q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var h = (e, t, r) => X(e, typeof t != "symbol" ? t + "" : t, r);
 import y, { Component as R } from "react";
-import ee from "../../../_virtual/index3.js";
+import ee from "../../../_virtual/index5.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index4.js";
+import te from "../../../_virtual/index6.js";
 var Y = /* @__PURE__ */ ((e) => (e.BASE = "base", e.BODY = "body", e.HEAD = "head", e.HTML = "html", e.LINK = "link", e.META = "meta", e.NOSCRIPT = "noscript", e.SCRIPT = "script", e.STYLE = "style", e.TITLE = "title", e.FRAGMENT = "Symbol(react.fragment)", e))(Y || {}), $ = {
   link: { rel: ["amphtml", "canonical", "alternate"] },
   script: { type: ["application/ld+json"] },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qaema-ui",
   "private": false,
-  "version": "0.0.42",
+  "version": "0.0.43",
   "type": "module",
   "publishConfig": {
     "access": "public"