qaema-ui 0.0.43 → 0.0.45

package/dist/_virtual/index3.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/index4.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/_virtual/index5.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/index6.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/components/RadioInput.d.ts

@@ -2,6 +2,7 @@ import type React from 'react';
 type RadioInputOption = {
     label: string;
     value: string | number;
+    disabled?: boolean;
 };
 type BadgeConfig = {
     label?: string;

package/dist/components/RadioInput.js

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

package/dist/components/TextArea.d.ts

@@ -15,6 +15,7 @@ export type TextAreaProps = {
         onClick: () => void;
     };
     identifier: string;
+    maxLength?: number;
 };
 declare const TextArea: React.FC<TextAreaProps>;
 export default TextArea;

package/dist/components/TextArea.js

@@ -1,8 +1,8 @@
 import { j as o } from "../_virtual/jsx-runtime.js";
 import "react";
 import d from "../node_modules/react-bootstrap/esm/Form.js";
-import e, { useTheme as h, css as i } from "styled-components";
-const m = {
+import e, { useTheme as m, css as i } from "styled-components";
+const b = {
   success: i`
     color: ${({ theme: r }) => r.colors.state.success.n450};
     border: 0.063rem solid ${({ theme: r }) => r.colors.state.success.n450};
@@ -39,12 +39,12 @@ const m = {
       outline: 0;
     }
   `
-}, b = e.div`
+}, w = e.div`
   position: relative;
   width: 100%;
   direction: ${({ theme: r }) => r.dir === "rtl" ? "rtl" : "ltr"};
-`, w = e(d.Control)`
-  ${({ $state: r }) => m[r]};
+`, j = e(d.Control)`
+  ${({ $state: r }) => b[r]};
 
   width: 100%;
   height: 14.125rem;
@@ -87,13 +87,13 @@ const m = {
   &::placeholder {
     text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
   }
-`, j = e(d.Group)`
+`, S = e(d.Group)`
   display: flex;
   flex-direction: column;
   row-gap: ${({ theme: r }) => r.spacing.xs};
   align-items: 'flex-start';
   font-family: ${({ theme: r }) => r.dir === "rtl" ? r.fonts.arabic : r.fonts.english};
-`, S = e(d.Label)`
+`, v = e(d.Label)`
   color: ${({ theme: r }) => r.colors.grey.n700};
   display: flex;
   align-items: flex-end;
@@ -101,7 +101,7 @@ const m = {
   font-size: ${({ theme: r }) => r.typography.sizes.s4};
   font-weight: 400;
   text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
-`, v = e.div`
+`, z = e.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: r }) => r.spacing.xxs};
@@ -134,7 +134,7 @@ const m = {
   display: flex;
   justify-content: ${({ theme: r }) => r.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
-`, z = e.span`
+`, C = e.span`
   color: ${({ theme: r }) => r.colors.grey.n300};
   font-size: ${({ theme: r }) => r.typography.sizes.s2};
 
@@ -142,7 +142,7 @@ const m = {
   display: flex;
   justify-content: ${({ theme: r }) => r.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
-`, H = ({
+`, E = ({
   label: r,
   placeholder: s,
   value: n,
@@ -153,23 +153,24 @@ const m = {
   optional: x = "",
   helperText: c,
   helperTextLink: t,
-  identifier: u
+  identifier: u,
+  maxLength: y = 500
 }) => {
-  const a = h().dir, y = () => !c && !t ? null : /* @__PURE__ */ o.jsx(v, { $state: l, children: a ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  const a = m().dir, h = () => !c && !t ? null : /* @__PURE__ */ o.jsx(z, { $state: l, children: a ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     t && /* @__PURE__ */ o.jsx($, { onClick: t.onClick, children: t.text }),
     c
   ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     c,
     t && /* @__PURE__ */ o.jsx($, { onClick: t.onClick, children: t.text })
   ] }) });
-  return /* @__PURE__ */ o.jsxs(j, { $dir: a, children: [
-    r && /* @__PURE__ */ o.jsxs(S, { children: [
+  return /* @__PURE__ */ o.jsxs(S, { $dir: a, children: [
+    r && /* @__PURE__ */ o.jsxs(v, { children: [
       r,
       " ",
-      x && /* @__PURE__ */ o.jsx(z, { children: x })
+      x && /* @__PURE__ */ o.jsx(C, { children: x })
     ] }),
-    /* @__PURE__ */ o.jsx(b, { children: /* @__PURE__ */ o.jsx(
-      w,
+    /* @__PURE__ */ o.jsx(w, { children: /* @__PURE__ */ o.jsx(
+      j,
       {
         htmlSize: 80,
         style: { resize: "none" },
@@ -179,6 +180,7 @@ const m = {
         as: "textarea",
         value: n,
         id: u,
+        maxLength: y,
         onChange: g,
         placeholder: s,
         disabled: p || l == "readonly",
@@ -186,9 +188,9 @@ const m = {
         isValid: l == "success"
       }
     ) }),
-    y()
+    h()
   ] });
 };
 export {
-  H as default
+  E as default
 };

package/dist/node_modules/classnames/index.js

@@ -1,4 +1,4 @@
-import { __module as s } from "../../_virtual/index3.js";
+import { __module as s } from "../../_virtual/index5.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/index4.js";
+import { __module as r } from "../../_virtual/index6.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/index5.js";
+import ee from "../../../_virtual/index3.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index6.js";
+import te from "../../../_virtual/index4.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.43",
+  "version": "0.0.45",
   "type": "module",
   "publishConfig": {
     "access": "public"