@dgshahr/ui-kit 0.0.6 → 0.0.8

package/dist/Form/Input/index.cjs

@@ -1,182 +1 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../../clsx-BtxeOLZW.cjs');
-const react = require('react');
-const TextFieldWrapper = require('../../TextFieldWrapper-D-DH5_DG.cjs');
-
-const CloseSquareIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-);
-
-const EyeIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"
-        }
-      )
-    ]
-  }
-);
-
-const HideIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-
-const Input = react.forwardRef(function Input2(props, ref) {
-  const {
-    dir = "rtl",
-    placeholderDir = dir,
-    containerClassName,
-    leftIcon,
-    prefix,
-    postfix,
-    isClearOption,
-    onClear,
-    ...restProps
-  } = props;
-  const [type, setType] = react.useState(restProps.type);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TextFieldWrapper.TextFieldWrapper,
-    {
-      ...props,
-      containerClassName: clsx.clsx("dgs-ui-kit-items-center", containerClassName),
-      children: ({ handleChangeField, value, setValue }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: prefix }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ...restProps,
-            ref,
-            className: clsx.clsx(
-              "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
-              dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
-              placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
-              {
-                ss02: restProps.type != "password"
-              },
-              props.className
-            ),
-            ...dir === "ltr" ? { style: { direction: "ltr" } } : {},
-            value,
-            onChange: handleChangeField,
-            type
-          }
-        ),
-        isClearOption && value && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => {
-              setValue("");
-              if (typeof onClear === "function") onClear();
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              CloseSquareIcon,
-              {
-                className: "dgs-ui-kit-text-gray-600",
-                width: 20,
-                height: 20
-              }
-            )
-          }
-        ),
-        postfix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: postfix }),
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-600", children: leftIcon }),
-        restProps.type === "password" && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => setType((prv) => prv === "text" ? "password" : "text"),
-            className: "dgs-ui-kit-text-gray-600",
-            children: type === "password" ? /* @__PURE__ */ jsxRuntime.jsx(
-              EyeIcon,
-              {
-                width: 20,
-                height: 20
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              HideIcon,
-              {
-                width: 20,
-                height: 20
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-});
-
-module.exports = Input;
+"use strict";const e=require("react/jsx-runtime"),u=require("../../clsx-C11secjj.cjs"),x=require("react"),C=require("../../TextFieldWrapper-DYgcloS_.cjs"),v=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",clipRule:"evenodd"})]}),y=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",d:"M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"}),e.jsx("path",{fill:"currentColor",d:"M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"})]}),R=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",clipRule:"evenodd"})}),N=x.forwardRef(function(i,h){const{dir:l="rtl",placeholderDir:g=l,containerClassName:p,leftIcon:n,prefix:o,postfix:a,isClearOption:f,onClear:c,...s}=i,[d,m]=x.useState(s.type);return e.jsx(C.TextFieldWrapper,{...i,containerClassName:u.clsx("dgs-ui-kit-items-center",p),children:({handleChangeField:w,value:r,setValue:j})=>e.jsxs(e.Fragment,{children:[o&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:o}),e.jsx("input",{...s,ref:h,className:u.clsx("dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",l==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",g==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",{ss02:s.type!="password"},i.className),...l==="ltr"?{style:{direction:"ltr"}}:{},value:r,onChange:w,type:d}),f&&r&&r.length>0&&e.jsx("button",{onClick:()=>{j(""),typeof c=="function"&&c()},children:e.jsx(v,{className:"dgs-ui-kit-text-gray-600",width:20,height:20})}),a&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:a}),n&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),s.type==="password"&&e.jsx("button",{onClick:()=>m(k=>k==="text"?"password":"text"),className:"dgs-ui-kit-text-gray-600",children:d==="password"?e.jsx(y,{width:20,height:20}):e.jsx(R,{width:20,height:20})})]})})});module.exports=N;

package/dist/Form/Input/index.js

@@ -1,9 +1,8 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { c as clsx } from '../../clsx-ChV9xqsO.js';
-import { forwardRef, useState } from 'react';
-import { T as TextFieldWrapper } from '../../TextFieldWrapper-BkoKcbvs.js';
-
-const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
+import { jsxs as n, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { c as g } from "../../clsx-OuTLNxxd.js";
+import { forwardRef as y, useState as N } from "react";
+import { T as R } from "../../TextFieldWrapper-XM7qL1e2.js";
+const I = (t) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11,9 +10,9 @@ const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
+    ...t,
     children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
@@ -22,7 +21,7 @@ const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
           clipRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
@@ -31,7 +30,7 @@ const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
           clipRule: "evenodd"
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
@@ -42,9 +41,7 @@ const CloseSquareIcon = (props) => /* @__PURE__ */ jsxs(
       )
     ]
   }
-);
-
-const EyeIcon = (props) => /* @__PURE__ */ jsxs(
+), M = (t) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -52,16 +49,16 @@ const EyeIcon = (props) => /* @__PURE__ */ jsxs(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
+    ...t,
     children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
           d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
@@ -70,9 +67,7 @@ const EyeIcon = (props) => /* @__PURE__ */ jsxs(
       )
     ]
   }
-);
-
-const HideIcon = (props) => /* @__PURE__ */ jsx(
+), z = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -80,8 +75,8 @@ const HideIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ e(
       "path",
       {
         fill: "currentColor",
@@ -91,57 +86,53 @@ const HideIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const Input = forwardRef(function Input2(props, ref) {
+), T = y(function(l, u) {
   const {
-    dir = "rtl",
-    placeholderDir = dir,
-    containerClassName,
-    leftIcon,
-    prefix,
-    postfix,
-    isClearOption,
-    onClear,
-    ...restProps
-  } = props;
-  const [type, setType] = useState(restProps.type);
-  return /* @__PURE__ */ jsx(
-    TextFieldWrapper,
+    dir: r = "rtl",
+    placeholderDir: p = r,
+    containerClassName: m,
+    leftIcon: o,
+    prefix: a,
+    postfix: d,
+    isClearOption: f,
+    onClear: c,
+    ...i
+  } = l, [h, w] = N(i.type);
+  return /* @__PURE__ */ e(
+    R,
     {
-      ...props,
-      containerClassName: clsx("dgs-ui-kit-items-center", containerClassName),
-      children: ({ handleChangeField, value, setValue }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        prefix && /* @__PURE__ */ jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: prefix }),
-        /* @__PURE__ */ jsx(
+      ...l,
+      containerClassName: g("dgs-ui-kit-items-center", m),
+      children: ({ handleChangeField: x, value: s, setValue: k }) => /* @__PURE__ */ n(v, { children: [
+        a && /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: a }),
+        /* @__PURE__ */ e(
           "input",
           {
-            ...restProps,
-            ref,
-            className: clsx(
+            ...i,
+            ref: u,
+            className: g(
               "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
-              dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
-              placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
+              r === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+              p === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
               {
-                ss02: restProps.type != "password"
+                ss02: i.type != "password"
               },
-              props.className
+              l.className
             ),
-            ...dir === "ltr" ? { style: { direction: "ltr" } } : {},
-            value,
-            onChange: handleChangeField,
-            type
+            ...r === "ltr" ? { style: { direction: "ltr" } } : {},
+            value: s,
+            onChange: x,
+            type: h
           }
         ),
-        isClearOption && value && value.length > 0 && /* @__PURE__ */ jsx(
+        f && s && s.length > 0 && /* @__PURE__ */ e(
           "button",
           {
             onClick: () => {
-              setValue("");
-              if (typeof onClear === "function") onClear();
+              k(""), typeof c == "function" && c();
             },
-            children: /* @__PURE__ */ jsx(
-              CloseSquareIcon,
+            children: /* @__PURE__ */ e(
+              I,
               {
                 className: "dgs-ui-kit-text-gray-600",
                 width: 20,
@@ -150,21 +141,21 @@ const Input = forwardRef(function Input2(props, ref) {
             )
           }
         ),
-        postfix && /* @__PURE__ */ jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: postfix }),
-        leftIcon && /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-600", children: leftIcon }),
-        restProps.type === "password" && /* @__PURE__ */ jsx(
+        d && /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: d }),
+        o && /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600", children: o }),
+        i.type === "password" && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => setType((prv) => prv === "text" ? "password" : "text"),
+            onClick: () => w((C) => C === "text" ? "password" : "text"),
             className: "dgs-ui-kit-text-gray-600",
-            children: type === "password" ? /* @__PURE__ */ jsx(
-              EyeIcon,
+            children: h === "password" ? /* @__PURE__ */ e(
+              M,
               {
                 width: 20,
                 height: 20
               }
-            ) : /* @__PURE__ */ jsx(
-              HideIcon,
+            ) : /* @__PURE__ */ e(
+              z,
               {
                 width: 20,
                 height: 20
@@ -176,5 +167,6 @@ const Input = forwardRef(function Input2(props, ref) {
     }
   );
 });
-
-export { Input as default };
+export {
+  T as default
+};

package/dist/Form/RadioButton/index.cjs

@@ -1,22 +1 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../../clsx-BtxeOLZW.cjs');
-const SelectableInputWrapper = require('../../SelectableInputWrapper-g7YtIiBW.cjs');
-
-const RadioButton = (props) => {
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectableInputWrapper.SelectableInputWrapper, { ...rest, children: ({ inputClassName, checkedInputClassName }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "radio",
-        className: clsx.clsx("dgs-ui-kit-rounded-full", inputClassName, className),
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2" }) })
-  ] }) });
-};
-
-module.exports = RadioButton;
+"use strict";const e=require("react/jsx-runtime"),c=require("../../clsx-C11secjj.cjs"),l=require("../../SelectableInputWrapper-C9x3IShC.cjs"),n=t=>{const{className:i,...s}=t;return e.jsx(l.SelectableInputWrapper,{...s,children:({inputClassName:r,checkedInputClassName:u})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"radio",className:c.clsx("dgs-ui-kit-rounded-full",r,i),...s}),e.jsx("div",{className:u,children:e.jsx("div",{className:"dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2"})})]})})};module.exports=n;

package/dist/Form/RadioButton/index.js

@@ -1,20 +1,20 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as clsx } from '../../clsx-ChV9xqsO.js';
-import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-BIBVazbq.js';
-
-const RadioButton = (props) => {
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(SelectableInputWrapper, { ...rest, children: ({ inputClassName, checkedInputClassName }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+import { jsx as s, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import { S as u } from "../../SelectableInputWrapper-B3ylMTsl.js";
+const p = (t) => {
+  const { className: e, ...i } = t;
+  return /* @__PURE__ */ s(u, { ...i, children: ({ inputClassName: r, checkedInputClassName: a }) => /* @__PURE__ */ d(l, { children: [
+    /* @__PURE__ */ s(
       "input",
       {
         type: "radio",
-        className: clsx("dgs-ui-kit-rounded-full", inputClassName, className),
-        ...rest
+        className: o("dgs-ui-kit-rounded-full", r, e),
+        ...i
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: checkedInputClassName, children: /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2" }) })
+    /* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2" }) })
   ] }) });
 };
-
-export { RadioButton as default };
+export {
+  p as default
+};

package/dist/Form/Textarea/index.cjs

@@ -1,27 +1 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../../clsx-BtxeOLZW.cjs');
-const react = require('react');
-const TextFieldWrapper = require('../../TextFieldWrapper-D-DH5_DG.cjs');
-
-const Textarea = react.forwardRef(function Textarea2(props, ref) {
-  const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(TextFieldWrapper.TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsxRuntime.jsx(
-    "textarea",
-    {
-      ...restProps,
-      ref,
-      className: clsx.clsx(
-        "dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
-        dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
-        placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
-        restProps.className
-      ),
-      onChange: handleChangeField,
-      rows: restProps.rows ?? 5
-    }
-  ) });
-});
-
-module.exports = Textarea;
+"use strict";const i=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("react"),d=require("../../TextFieldWrapper-DYgcloS_.cjs"),o=n.forwardRef(function(t,s){const{dir:r="rtl",placeholderDir:l=r,...e}=t;return i.jsx(d.TextFieldWrapper,{...t,children:({handleChangeField:u})=>i.jsx("textarea",{...e,ref:s,className:a.clsx("dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",r==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",e.className),onChange:u,rows:e.rows??5})})});module.exports=o;

package/dist/Form/Textarea/index.js

@@ -1,25 +1,25 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as clsx } from '../../clsx-ChV9xqsO.js';
-import { forwardRef } from 'react';
-import { T as TextFieldWrapper } from '../../TextFieldWrapper-BkoKcbvs.js';
-
-const Textarea = forwardRef(function Textarea2(props, ref) {
-  const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
-  return /* @__PURE__ */ jsx(TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsx(
+import { jsx as i } from "react/jsx-runtime";
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import { forwardRef as d } from "react";
+import { T as u } from "../../TextFieldWrapper-XM7qL1e2.js";
+const k = d(function(e, s) {
+  const { dir: r = "rtl", placeholderDir: a = r, ...t } = e;
+  return /* @__PURE__ */ i(u, { ...e, children: ({ handleChangeField: l }) => /* @__PURE__ */ i(
     "textarea",
     {
-      ...restProps,
-      ref,
-      className: clsx(
+      ...t,
+      ref: s,
+      className: o(
         "dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
-        dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
-        placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
-        restProps.className
+        r === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+        a === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
+        t.className
       ),
-      onChange: handleChangeField,
-      rows: restProps.rows ?? 5
+      onChange: l,
+      rows: t.rows ?? 5
     }
   ) });
 });
-
-export { Textarea as default };
+export {
+  k as default
+};

package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts

@@ -3,6 +3,6 @@ interface FieldBottomInfoProps extends Pick<TextFieldBaseProps, 'errorMessage' |
     maxLength?: number;
     value?: string;
 }
-declare const FieldBottomInfo: (props: FieldBottomInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const FieldBottomInfo: (props: FieldBottomInfoProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldBottomInfo;
 //# sourceMappingURL=FieldBottomInfo.d.ts.map

package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBottomInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,aAAa,CAAC;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,mDAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FieldBottomInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,aAAa,CAAC;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,4CA8BnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts

@@ -2,6 +2,6 @@ import { TextFieldBaseProps } from './TextFieldWrapper';
 interface FieldLabelProps extends Pick<TextFieldBaseProps, 'link' | 'labelContent'> {
     required?: boolean;
 }
-declare const FieldLabel: (props: FieldLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const FieldLabel: (props: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldLabel;
 //# sourceMappingURL=FieldLabel.d.ts.map

package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA+BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,4CA2BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ChangeEvent, ChangeEventHandler, Dispatch, SetStateAction } from 'react';
+import { ChangeEvent, ChangeEventHandler, Dispatch, ReactNode, SetStateAction } from 'react';
 export interface TextFieldBaseProps {
     labelContent?: string;
     link?: {
@@ -12,6 +12,7 @@ export interface TextFieldBaseProps {
     isError?: boolean;
     errorMessage?: string;
     hintMessage?: string;
+    wrapperClassName?: string;
 }
 interface TextFieldFunctionArgumants<T> {
     handleChangeField: (e: ChangeEvent<T>) => void;
@@ -23,7 +24,7 @@ interface TextFieldWrapperProps<T> extends TextFieldBaseProps {
     required?: boolean;
     maxLength?: number;
     value?: string | number | readonly string[];
-    children: (argumants: TextFieldFunctionArgumants<T>) => React.JSX.Element;
+    children: (argumants: TextFieldFunctionArgumants<T>) => ReactNode;
 }
 declare const TextFieldWrapper: <T extends HTMLTextAreaElement | HTMLInputElement>(props: TextFieldWrapperProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TextFieldWrapper;

package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGZ,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,iBAAiB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACxD;AAED,UAAU,qBAAqB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,GAAG,gBAAgB,SACjE,qBAAqB,CAAC,CAAC,CAAC,4CAyDhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AACA,OAAc,EAGZ,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,iBAAiB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACxD;AAED,UAAU,qBAAqB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACnE;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,GAAG,gBAAgB,SACjE,qBAAqB,CAAC,CAAC,CAAC,4CAoEhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}