lawgic-dev-kit 0.24.2 → 0.25.2

package/dist/_virtual/index2.js

@@ -1,4 +1,5 @@
-var p = { exports: {} };
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  p as __module
+  e as p
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  e as p
+  a as t
 };

package/dist/_virtual/index4.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/tiny-case/index.js";
-var a = r();
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/toposort/index.js";
+var t = r();
+const s = /* @__PURE__ */ o(t);
 export {
-  a as t
+  s as default
 };

package/dist/_virtual/index5.js

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

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/components/atoms/SelectInput/SelectInput.d.ts

@@ -1,4 +1,4 @@
 import { FieldValues } from 'react-hook-form';
 import { SelectInputProps } from './SelectInput.types';
-declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName, showChevron, size, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName, showChevron, size, required, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SelectInput;

package/dist/components/atoms/SelectInput/SelectInput.js

@@ -1,11 +1,11 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { useFloating as U, useClick as Y, useDismiss as _, useInteractions as q, useTransitionStyles as G } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import { useState as $, useRef as z, useEffect as J } from "react";
-import { useController as K } from "react-hook-form";
-import { useTheme as Q } from "../../../hooks/useTheme.js";
-import { autoUpdate as X } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { offset as Z, flip as ee, shift as te, size as se, arrow as re } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-const me = ({
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { useFloating as Y, useClick as _, useDismiss as q, useInteractions as G, useTransitionStyles as J } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { useState as C, useRef as O, useEffect as K } from "react";
+import { useController as Q } from "react-hook-form";
+import { useTheme as X } from "../../../hooks/useTheme.js";
+import { autoUpdate as Z } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { offset as ee, flip as te, shift as se, size as re, arrow as ne } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const xe = ({
   options: c,
   name: i,
   control: p,
@@ -16,18 +16,19 @@ const me = ({
   dropdownStyle: f = {},
   innerClassName: h = "",
   showChevron: g = !0,
-  size: y = "md"
+  size: y = "md",
+  required: b = !1
 }) => {
   const {
-    field: { value: b, onChange: o },
+    field: { value: j, onChange: l },
     fieldState: { error: s }
-  } = K({ name: i, control: p });
-  return /* @__PURE__ */ t.jsx(
-    ne,
+  } = Q({ name: i, control: p });
+  return /* @__PURE__ */ e.jsx(
+    le,
     {
       options: c,
-      value: b,
-      onChange: o,
+      value: j,
+      onChange: l,
       label: d,
       placeholder: m,
       error: s == null ? void 0 : s.message,
@@ -36,10 +37,11 @@ const me = ({
       dropdownStyle: f,
       innerClassName: h,
       showChevron: g,
-      size: y
+      size: y,
+      required: b
     }
   );
-}, ne = ({
+}, le = ({
   options: c,
   value: i,
   onChange: p,
@@ -51,10 +53,11 @@ const me = ({
   dropdownStyle: h = {},
   innerClassName: g = "",
   showChevron: y = !0,
-  size: b = "md"
+  size: b = "md",
+  required: j = !1
 }) => {
-  var T;
-  const { t: o } = Q(), [s, j] = $(!1), [v, C] = $(""), [l, S] = $(i || null), w = z(null), O = z(null), r = {
+  var z;
+  const { t: l } = X(), [s, v] = C(!1), [w, S] = C(""), [o, L] = C(i || null), N = O(null), I = O(null), r = {
     sm: {
       container: "px-16 py-8",
       text: "text-sm",
@@ -71,125 +74,128 @@ const me = ({
       gap: "gap-8",
       icon: "w-16 h-16"
     }
-  }[b], { x: I, y: R, strategy: F, refs: N, context: k } = U({
+  }[b], { x: R, y: F, strategy: M, refs: k, context: $ } = Y({
     open: s,
-    onOpenChange: j,
+    onOpenChange: v,
     middleware: [
-      Z(8),
-      ee(),
-      te({ padding: 8 }),
-      se({
-        apply({ availableHeight: e, elements: a }) {
+      ee(8),
+      te(),
+      se({ padding: 8 }),
+      re({
+        apply({ availableHeight: t, elements: a }) {
           Object.assign(a.floating.style, {
-            maxHeight: `${Math.min(e - 10, 300)}px`
+            maxHeight: `${Math.min(t - 10, 300)}px`
           });
         },
         padding: 8
       }),
-      re({ element: O })
+      ne({ element: I })
     ],
     placement: "bottom-start",
-    whileElementsMounted: X
-  }), M = Y(k), P = _(k), { getReferenceProps: E, getFloatingProps: W } = q([M, P]), { isMounted: A, styles: B } = G(k, {
+    whileElementsMounted: Z
+  }), P = _($), E = q($), { getReferenceProps: W, getFloatingProps: A } = G([P, E]), { isMounted: B, styles: D } = J($, {
     duration: { open: 200, close: 150 },
     initial: { opacity: 0, transform: "translateY(-4px)" }
-  }), L = (() => {
-    const e = Array.isArray(c) ? c : [];
-    if (!v.trim()) return e;
-    const a = v.toLowerCase();
-    return e.filter(
+  }), T = (() => {
+    const t = Array.isArray(c) ? c : [];
+    if (!w.trim()) return t;
+    const a = w.toLowerCase();
+    return t.filter(
       (u) => u.label.toLowerCase().includes(a) || u.key.toLowerCase().includes(a)
     );
-  })(), D = (e) => {
-    S(e), j(!1), C(""), p(e);
-  }, V = () => {
-    j(!s), !s && w.current && setTimeout(() => {
-      var e;
-      return (e = w.current) == null ? void 0 : e.focus();
+  })(), V = (t) => {
+    L(t), v(!1), S(""), p(t);
+  }, H = () => {
+    v(!s), !s && N.current && setTimeout(() => {
+      var t;
+      return (t = N.current) == null ? void 0 : t.focus();
     }, 100);
   };
-  J(() => {
-    S(i);
+  K(() => {
+    L(i);
   }, [i]);
-  const H = E({
-    onClick: V
+  const U = W({
+    onClick: H
   });
-  return /* @__PURE__ */ t.jsxs("div", { className: `relative flex flex-col ${r.gap} ${f}`, children: [
-    d && /* @__PURE__ */ t.jsx("h6", { className: `text-gray-600 font-600 leading-none ${n ? "!text-red-500" : ""} ${r.label}`, children: d }),
-    /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: `relative flex flex-col ${r.gap} ${f}`, children: [
+    d && /* @__PURE__ */ e.jsxs("h6", { className: `text-gray-600 font-600 leading-none ${n ? "!text-red-500" : ""} ${r.label}`, children: [
+      d,
+      j && /* @__PURE__ */ e.jsx("span", { className: "text-red-500 ml-4", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: N.setReference,
+        ref: k.setReference,
         className: `${g} flex items-center justify-between bg-light rounded-full border transition-all duration-200 
           ${r.container} cursor-pointer hover:border-blue-400
           ${n ? "border-red-500 hover:border-red-600" : ""} 
           ${s ? "border-blue-400" : "border-blue-100"}`,
-        ...H,
+        ...U,
         children: [
-          /* @__PURE__ */ t.jsx("div", { className: "flex items-center w-full overflow-hidden", children: /* @__PURE__ */ t.jsx("span", { className: `flex-grow font-600 truncate ${r.text} ${l ? "" : "text-gray-400"}`, children: o(l ? l.label : m) }) }),
-          y && /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center w-full overflow-hidden", children: /* @__PURE__ */ e.jsx("span", { className: `flex-grow font-600 truncate ${r.text} ${o ? "" : "text-gray-400"}`, children: l(o ? o.label : m) }) }),
+          y && /* @__PURE__ */ e.jsx(
             "svg",
             {
               className: `${r.icon} transition-transform ${s ? "rotate-180" : ""}`,
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" })
+              children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" })
             }
           )
         ]
       }
     ),
-    n && /* @__PURE__ */ t.jsx("p", { className: `font-500 text-red-500 leading-none ${r.error}`, children: n }),
-    A && /* @__PURE__ */ t.jsxs(
+    n && /* @__PURE__ */ e.jsx("p", { className: `font-500 text-red-500 leading-none ${r.error}`, children: n }),
+    B && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: N.setFloating,
+        ref: k.setFloating,
         style: {
-          position: F,
-          top: R ?? 0,
-          left: I ?? 0,
-          ...B,
-          width: (T = N.reference.current) == null ? void 0 : T.clientWidth,
+          position: M,
+          top: F ?? 0,
+          left: R ?? 0,
+          ...D,
+          width: (z = k.reference.current) == null ? void 0 : z.clientWidth,
           zIndex: 50,
           ...h
         },
         className: "bg-white border border-blue-400 rounded-3xl shadow-lg overflow-hidden",
-        ...W(),
+        ...A(),
         children: [
-          x && /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-8 border-b border-gray-100 z-20", children: /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ t.jsx("div", { className: "absolute inset-y-0 left-0 pl-12 flex items-center pointer-events-none", children: /* @__PURE__ */ t.jsx("svg", { className: "h-16 w-16 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-            /* @__PURE__ */ t.jsx(
+          x && /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 bg-white p-8 border-b border-gray-100 z-20", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 left-0 pl-12 flex items-center pointer-events-none", children: /* @__PURE__ */ e.jsx("svg", { className: "h-16 w-16 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+            /* @__PURE__ */ e.jsx(
               "input",
               {
-                ref: w,
+                ref: N,
                 type: "text",
                 className: "w-full py-8 pl-40 pr-12 rounded-full focus:outline-none text-body-s",
-                placeholder: o("search_options"),
-                value: v,
-                onChange: (e) => C(e.target.value),
-                onClick: (e) => e.stopPropagation(),
+                placeholder: l("search_options"),
+                value: w,
+                onChange: (t) => S(t.target.value),
+                onClick: (t) => t.stopPropagation(),
                 autoFocus: !0
               }
             )
           ] }) }),
-          /* @__PURE__ */ t.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: L.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "py-4", children: L.map((e, a) => /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: T.length > 0 ? /* @__PURE__ */ e.jsx("ul", { className: "py-4", children: T.map((t, a) => /* @__PURE__ */ e.jsx(
             "li",
             {
               className: `flex items-center px-16 py-10 transition-all duration-200 hover:bg-blue-50 cursor-pointer 
-                      ${(l == null ? void 0 : l.key) === e.key ? "bg-blue-100/30 text-blue-500 font-medium" : ""}`,
+                      ${(o == null ? void 0 : o.key) === t.key ? "bg-blue-100/30 text-blue-500 font-medium" : ""}`,
               onClick: (u) => {
-                u.stopPropagation(), D(e);
+                u.stopPropagation(), V(t);
               },
-              children: /* @__PURE__ */ t.jsx("span", { className: r.text, children: typeof e.label == "string" ? o(e.label) : e.expandedLabel || e.label })
+              children: /* @__PURE__ */ e.jsx("span", { className: r.text, children: typeof t.label == "string" ? l(t.label) : t.expandedLabel || t.label })
             },
-            `${e.key}-${a}`
-          )) }) : /* @__PURE__ */ t.jsx("div", { className: "px-16 py-16 text-center text-gray-500", children: /* @__PURE__ */ t.jsx("p", { className: "text-body-s", children: "No matches found" }) }) })
+            `${t.key}-${a}`
+          )) }) : /* @__PURE__ */ e.jsx("div", { className: "px-16 py-16 text-center text-gray-500", children: /* @__PURE__ */ e.jsx("p", { className: "text-body-s", children: "No matches found" }) }) })
         ]
       }
     )
   ] });
 };
 export {
-  me as default
+  xe as default
 };

package/dist/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -16,6 +16,7 @@ export interface SelectInputProps<T extends FieldValues> {
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
     size?: 'sm' | 'md';
+    required?: boolean;
 }
 export interface SelectInputFieldProps {
     options: Option[];
@@ -30,4 +31,5 @@ export interface SelectInputFieldProps {
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
     size?: 'sm' | 'md';
+    required?: boolean;
 }

package/dist/components/atoms/TextInput/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { TextInputProps } from './TextInput.types';
 import { FieldValues } from 'react-hook-form';
-declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, size, ...props }: TextInputProps<T>) => React.ReactElement;
+declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, size, required, ...props }: TextInputProps<T>) => React.ReactElement;
 export default TextInput;

package/dist/components/atoms/TextInput/TextInput.js

@@ -1,24 +1,25 @@
 import { j as l } from "../../../_virtual/jsx-runtime.js";
-import { useController as w } from "react-hook-form";
+import { useController as N } from "react-hook-form";
 import { useTheme as v } from "../../../hooks/useTheme.js";
 import "react";
-const S = ({
+const T = ({
   label: a,
-  control: x,
+  control: d,
   name: e,
-  placeholder: d,
+  placeholder: p,
   className: i = "",
   disabled: t = !1,
   leftSide: n,
   rightSide: u,
-  translateKey: p = "",
-  size: g = "md",
-  ...m
+  translateKey: g = "",
+  size: m = "md",
+  required: c = !1,
+  ...f
 }) => {
   const {
-    field: { value: c = "", onChange: f, ref: b, onBlur: h },
+    field: { value: x = "", onChange: b, ref: h, onBlur: $ },
     fieldState: { error: r }
-  } = w({ name: e, control: x }), { t: s } = v(), o = {
+  } = N({ name: e, control: d }), { t: s } = v(), o = {
     sm: {
       container: "px-16 py-8",
       text: "text-sm",
@@ -33,18 +34,21 @@ const S = ({
       error: "text-sm",
       gap: "gap-8"
     }
-  }[g], $ = s(e), y = s(p);
+  }[m], y = s(e), j = s(g);
   return /* @__PURE__ */ l.jsxs(
     "label",
     {
       className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${i}`,
       htmlFor: e,
       children: [
-        a && /* @__PURE__ */ l.jsx(
+        a && /* @__PURE__ */ l.jsxs(
           "h6",
           {
             className: `text-gray-600 font-600 leading-none group ${r && "text-red-500!"} ${o.label} ${t && "text-gray-300"}`,
-            children: a
+            children: [
+              a,
+              c && /* @__PURE__ */ l.jsx("span", { className: "text-red-500 ml-4", children: "*" })
+            ]
           }
         ),
         /* @__PURE__ */ l.jsxs(
@@ -60,7 +64,7 @@ const S = ({
 				
 				rounded-full border 
 				
-				${c && !t ? "border-blue-200" : "border-blue-100"} 
+				${x && !t ? "border-blue-200" : "border-blue-100"} 
 				${!t && "group-hover:border-blue-300"} 
 				${t && "cursor-not-allowed"}
 				
@@ -76,24 +80,25 @@ const S = ({
                   id: e,
                   name: e,
                   disabled: t,
-                  placeholder: d,
-                  value: c,
-                  onChange: (j) => f(j.target.value),
-                  onBlur: h,
-                  ref: b,
+                  required: c,
+                  placeholder: p,
+                  value: x,
+                  onChange: (w) => b(w.target.value),
+                  onBlur: $,
+                  ref: h,
                   className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
-                  ...m
+                  ...f
                 }
               ),
               u && u
             ]
           }
         ),
-        (r == null ? void 0 : r.message) && /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: s(r.message, { x: y || $ }) })
+        (r == null ? void 0 : r.message) && /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: s(r.message, { x: j || y }) })
       ]
     }
   );
 };
 export {
-  S as default
+  T as default
 };

package/dist/components/atoms/TextInput/TextInput.types.d.ts

@@ -4,6 +4,7 @@ export type TextInputProps<T extends FieldValues = FieldValues> = {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    required?: boolean;
     translateKey?: string;
     size?: 'sm' | 'md';
     control: Control<T>;

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.js

@@ -1,22 +1,23 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useTheme as h } from "../../../hooks/useTheme.js";
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useTheme as b } from "../../../hooks/useTheme.js";
 import "react";
-const w = ({
-  label: n,
-  onChange: p,
-  value: s,
-  name: t,
+const N = ({
+  label: s,
+  onChange: i,
+  value: n,
+  name: r,
   error: l,
-  placeholder: i,
-  className: g = "",
+  placeholder: g,
+  className: d = "",
   disabled: e = !1,
   disabledInput: a = !1,
-  size: d = "md",
-  leftSide: c,
-  rightSide: x,
-  ...b
+  required: c = !1,
+  size: m = "md",
+  leftSide: x,
+  rightSide: p,
+  ...f
 }) => {
-  const { t: u } = h(), r = {
+  const { t: u } = b(), o = {
     sm: {
       container: "px-16 py-8",
       text: "text-sm",
@@ -31,28 +32,31 @@ const w = ({
       error: "text-14",
       gap: "gap-8"
     }
-  }[d];
-  return /* @__PURE__ */ o.jsxs(
+  }[m];
+  return /* @__PURE__ */ t.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
-      htmlFor: t,
+      className: `flex flex-col group select-none ${o.gap} ${e && "cursor-not-allowed"} ${d}`,
+      htmlFor: r,
       children: [
-        n && /* @__PURE__ */ o.jsx(
+        s && /* @__PURE__ */ t.jsxs(
           "h6",
           {
-            className: `text-gray-600 font-600 leading-none group ${l && "!text-red-500"} ${r.label} ${e && "text-gray-300"}`,
-            children: n
+            className: `text-gray-600 font-600 leading-none group ${l && "!text-red-500"} ${o.label} ${e && "text-gray-300"}`,
+            children: [
+              s,
+              c && /* @__PURE__ */ t.jsx("span", { className: "text-red-500 ml-4", children: "*" })
+            ]
           }
         ),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ t.jsxs(
           "label",
           {
-            htmlFor: t,
+            htmlFor: r,
             className: `
           flex items-center justify-between gap-8 bg-light 
-          ${r.container} ${l && "!border-red-500"} rounded-full border 
-          ${s && !e ? "border-blue-200" : "border-blue-100"} 
+          ${o.container} ${l && "!border-red-500"} rounded-full border 
+          ${n && !e ? "border-blue-200" : "border-blue-100"} 
           ${!e && "group-hover:border-blue-300"} 
           ${e && "cursor-not-allowed"}
 				
@@ -61,31 +65,32 @@ const w = ({
 				group-disabled:bg-gray-500
 				`,
             children: [
-              c && c,
-              /* @__PURE__ */ o.jsx(
+              x && x,
+              /* @__PURE__ */ t.jsx(
                 "input",
                 {
-                  ...b,
-                  id: t,
-                  name: t,
+                  ...f,
+                  id: r,
+                  name: r,
                   disabled: e,
-                  placeholder: i,
-                  value: s,
-                  onChange: (f) => {
-                    p(f.target.value);
+                  required: c,
+                  placeholder: g,
+                  value: n,
+                  onChange: (h) => {
+                    i(h.target.value);
                   },
-                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${a && "pointer-events-none !select-none !caret-transparent"}`
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${a && "pointer-events-none !select-none !caret-transparent"}`
                 }
               ),
-              x && x
+              p && p
             ]
           }
         ),
-        l && /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${r.error}`, children: u(l, { x: u(t) }) })
+        l && /* @__PURE__ */ t.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: u(l, { x: u(r) }) })
       ]
     }
   );
 };
 export {
-  w as default
+  N as default
 };

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.types.d.ts

@@ -8,6 +8,7 @@ export type UncontrolledTextInputProps = {
     error?: string | undefined;
     disabled?: boolean;
     disabledInput?: boolean;
+    required?: boolean;
     size?: 'sm' | 'md';
     leftSide?: React.ReactNode;
     rightSide?: React.ReactNode;