@dgshahr/ui-kit 0.0.24 → 0.0.26

package/dist/Button/index.cjs

@@ -1 +1 @@
-"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs");;/* empty css                   */const b={primary:{primary:"dgs-ui-kit-bg-primary-500 active:dgs-ui-kit-bg-primary-600 hover:dgs-ui-kit-bg-primary-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",success:"dgs-ui-kit-bg-success-500 active:dgs-ui-kit-bg-success-600 hover:dgs-ui-kit-bg-success-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",error:"dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",warning:"dgs-ui-kit-bg-warning-500 active:dgs-ui-kit-bg-warning-600 hover:dgs-ui-kit-bg-warning-300 dgs-ui-kit-text-gray-900 dgs-ui-kit-border-transparent",gray:"dgs-ui-kit-bg-gray-500 active:dgs-ui-kit-bg-gray-600 hover:dgs-ui-kit-bg-gray-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"},secondary:{primary:"dgs-ui-kit-text-primary-500 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent",success:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-success-100 active:dgs-ui-kit-bg-success-200 hover:dgs-ui-kit-bg-success-50 disabled:dgs-ui-kit-bg-success-100 dgs-ui-kit-border-transparent",error:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-error-100 active:dgs-ui-kit-bg-error-200 hover:dgs-ui-kit-bg-error-50 disabled:dgs-ui-kit-bg-error-100 dgs-ui-kit-border-transparent",warning:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-100 active:dgs-ui-kit-bg-warning-200 hover:dgs-ui-kit-bg-warning-50 disabled:dgs-ui-kit-bg-warning-100 dgs-ui-kit-border-transparent",gray:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"},outline:{primary:"dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600 active:dgs-ui-kit-text-primary-600",success:"dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-400 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-600 active:dgs-ui-kit-text-success-800",error:"dgs-ui-kit-text-error-600 hover:dgs-ui-kit-text-error-400 dgs-ui-kit-border-error-500 hover:dgs-ui-kit-border-error-400 active:dgs-ui-kit-border-error-600 active:dgs-ui-kit-text-error-800",warning:"dgs-ui-kit-text-warning-600 hover:dgs-ui-kit-text-warning-400 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600 active:dgs-ui-kit-text-warning-800",gray:"dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-400 dgs-ui-kit-border-gray-500 hover:dgs-ui-kit-border-gray-400 active:dgs-ui-kit-border-gray-600 active:dgs-ui-kit-text-gray-800"},text:{primary:"dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-300 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-primary-700",success:"dgs-ui-kit-text-success-700 hover:dgs-ui-kit-text-success-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-success-800",error:"dgs-ui-kit-text-error-700 hover:dgs-ui-kit-text-error-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-error-800",warning:"dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-warning-800",gray:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-gray-800"}},y={small:"button-small-icon dgs-ui-kit-py-2.5 dgs-ui-kit-px-4 dgs-ui-kit-font-button-small",medium:"button-medium-icon dgs-ui-kit-py-3 dgs-ui-kit-px-5 dgs-ui-kit-font-button-medium",large:"button-large-icon dgs-ui-kit-py-3 dgs-ui-kit-px-6 dgs-ui-kit-font-button-large"},x={small:"button-small-icon dgs-ui-kit-p-[10px]",medium:"button-medium-icon dgs-ui-kit-p-3",large:"button-large-icon dgs-ui-kit-p-3"},n="dgs-ui-kit-opacity-0";function l({variant:u="primary",color:d="primary",isFullWidth:a,className:r,size:s="medium",children:e}){return["dgs-ui-kit-border dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-min-w-max dgs-ui-kit-h-fit disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition-all duration-300 dgs-ui-kit-flex dgs-ui-kit-items-center disabled:dgs-ui-kit-opacity-40",a?"dgs-ui-kit-w-full dgs-ui-kit-justify-center":"dgs-ui-kit-w-fit",b[u][d],e?y[s]:x[s],Number(r?.length)>0&&r].slice().join(" ")}const v=({variant:u="primary",color:d="primary",isFullWidth:a,className:r,size:s,leftIcon:e,rightIcon:k,isLoading:g,children:t,...c})=>i.jsxs("button",{className:l({variant:u,color:d,isFullWidth:a,className:r,size:s,children:t}),...c,children:[k&&i.jsx("span",{className:o.clsx("dgs-ui-kit-block icon-button [&_svg]:dgs-ui-kit-size-full",{"dgs-ui-kit-ml-2":t},{[n]:g}),children:k}),t&&i.jsx("div",{className:o.clsx({[n]:g}),children:t}),g&&i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",children:i.jsx("div",{className:"dot-flashing"})}),e&&i.jsx("span",{className:o.clsx("dgs-ui-kit-block icon-button [&_svg]:dgs-ui-kit-size-full",{"dgs-ui-kit-mr-2":t},{[n]:g}),children:e})]});module.exports=v;
+"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs");;/* empty css                   */const b={primary:{primary:"dgs-ui-kit-bg-primary-500 active:dgs-ui-kit-bg-primary-600 hover:dgs-ui-kit-bg-primary-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",success:"dgs-ui-kit-bg-success-600 active:dgs-ui-kit-bg-success-700 hover:dgs-ui-kit-bg-success-500 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",error:"dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-400 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",warning:"dgs-ui-kit-bg-warning-500 active:dgs-ui-kit-bg-warning-600 hover:dgs-ui-kit-bg-warning-300 dgs-ui-kit-text-gray-900 dgs-ui-kit-border-transparent",gray:"dgs-ui-kit-bg-gray-600 active:dgs-ui-kit-bg-gray-700 hover:dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"},secondary:{primary:"dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-transparent",success:"dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-bg-success-50 active:dgs-ui-kit-bg-success-100 hover:dgs-ui-kit-bg-success-50 dgs-ui-kit-border-transparent",error:"dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-bg-error-50 active:dgs-ui-kit-bg-error-100 hover:dgs-ui-kit-bg-error-50 dgs-ui-kit-border-transparent",warning:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-50 active:dgs-ui-kit-bg-warning-100 hover:dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-transparent",gray:"dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"},outline:{primary:"dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600",success:"dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-700 disabled:active:dgs-ui-kit-border-success-600",error:"dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-border-error-300 hover:dgs-ui-kit-border-error-200 active:dgs-ui-kit-border-error-600 disabled:dgs-ui-kit-border-error-500",warning:"dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 active:dgs-ui-kit-text-warning-800 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600",gray:"dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-border-gray-400 hover:dgs-ui-kit-border-gray-300 active:dgs-ui-kit-border-gray-700 disabled:dgs-ui-kit-border-gray-600"},text:{primary:"dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-border-transparent",success:"dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-border-transparent",error:"dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-border-transparent",warning:"dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 active:dgs-ui-kit-text-warning-800 dgs-ui-kit-border-transparent",gray:"dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-border-transparent"}},x={small:"button-small-icon dgs-ui-kit-py-2.5 dgs-ui-kit-px-4 dgs-ui-kit-font-button-small",medium:"button-medium-icon dgs-ui-kit-py-3 dgs-ui-kit-px-5 dgs-ui-kit-font-button-medium",large:"button-large-icon dgs-ui-kit-py-3 dgs-ui-kit-px-6 dgs-ui-kit-font-button-large"},v={small:"button-small-icon dgs-ui-kit-p-[10px]",medium:"button-medium-icon dgs-ui-kit-p-3",large:"button-large-icon dgs-ui-kit-p-3"},n="dgs-ui-kit-opacity-0";function y({variant:u="primary",color:d="primary",isFullWidth:a,className:r,size:s="medium",children:e}){return["dgs-ui-kit-border dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-min-w-max dgs-ui-kit-h-fit disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition-all duration-300 dgs-ui-kit-flex dgs-ui-kit-items-center disabled:dgs-ui-kit-opacity-40",a?"dgs-ui-kit-w-full dgs-ui-kit-justify-center":"dgs-ui-kit-w-fit",b[u][d],e?x[s]:v[s],Number(r?.length)>0&&r].slice().join(" ")}const l=({variant:u="primary",color:d="primary",isFullWidth:a,className:r,size:s,leftIcon:e,rightIcon:k,isLoading:g,children:t,...c})=>i.jsxs("button",{className:y({variant:u,color:d,isFullWidth:a,className:r,size:s,children:t}),...c,children:[k&&i.jsx("span",{className:o.clsx("dgs-ui-kit-block icon-button [&_svg]:dgs-ui-kit-size-full",{"dgs-ui-kit-ml-2":t},{[n]:g}),children:k}),t&&i.jsx("div",{className:o.clsx({[n]:g}),children:t}),g&&i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",children:i.jsx("div",{className:"dot-flashing"})}),e&&i.jsx("span",{className:o.clsx("dgs-ui-kit-block icon-button [&_svg]:dgs-ui-kit-size-full",{"dgs-ui-kit-mr-2":t},{[n]:g}),children:e})]});module.exports=l;

package/dist/Button/index.js

@@ -1,47 +1,47 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../clsx-OuTLNxxd.js";
 import '../assets/styles.css';/* empty css                 */
-const y = {
+const v = {
   primary: {
     primary: "dgs-ui-kit-bg-primary-500 active:dgs-ui-kit-bg-primary-600 hover:dgs-ui-kit-bg-primary-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
-    success: "dgs-ui-kit-bg-success-500 active:dgs-ui-kit-bg-success-600 hover:dgs-ui-kit-bg-success-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
-    error: "dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
+    success: "dgs-ui-kit-bg-success-600 active:dgs-ui-kit-bg-success-700 hover:dgs-ui-kit-bg-success-500 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
+    error: "dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-400 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
     warning: "dgs-ui-kit-bg-warning-500 active:dgs-ui-kit-bg-warning-600 hover:dgs-ui-kit-bg-warning-300 dgs-ui-kit-text-gray-900 dgs-ui-kit-border-transparent",
-    gray: "dgs-ui-kit-bg-gray-500 active:dgs-ui-kit-bg-gray-600 hover:dgs-ui-kit-bg-gray-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"
+    gray: "dgs-ui-kit-bg-gray-600 active:dgs-ui-kit-bg-gray-700 hover:dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"
   },
   secondary: {
-    primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent",
-    success: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-success-100 active:dgs-ui-kit-bg-success-200 hover:dgs-ui-kit-bg-success-50 disabled:dgs-ui-kit-bg-success-100 dgs-ui-kit-border-transparent",
-    error: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-error-100 active:dgs-ui-kit-bg-error-200 hover:dgs-ui-kit-bg-error-50 disabled:dgs-ui-kit-bg-error-100 dgs-ui-kit-border-transparent",
-    warning: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-100 active:dgs-ui-kit-bg-warning-200 hover:dgs-ui-kit-bg-warning-50 disabled:dgs-ui-kit-bg-warning-100 dgs-ui-kit-border-transparent",
-    gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"
+    primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-transparent",
+    success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-bg-success-50 active:dgs-ui-kit-bg-success-100 hover:dgs-ui-kit-bg-success-50 dgs-ui-kit-border-transparent",
+    error: "dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-bg-error-50 active:dgs-ui-kit-bg-error-100 hover:dgs-ui-kit-bg-error-50 dgs-ui-kit-border-transparent",
+    warning: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-50 active:dgs-ui-kit-bg-warning-100 hover:dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-transparent",
+    gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"
   },
   outline: {
-    primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600 active:dgs-ui-kit-text-primary-600",
-    success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-400 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-600 active:dgs-ui-kit-text-success-800",
-    error: "dgs-ui-kit-text-error-600 hover:dgs-ui-kit-text-error-400 dgs-ui-kit-border-error-500 hover:dgs-ui-kit-border-error-400 active:dgs-ui-kit-border-error-600 active:dgs-ui-kit-text-error-800",
-    warning: "dgs-ui-kit-text-warning-600 hover:dgs-ui-kit-text-warning-400 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600 active:dgs-ui-kit-text-warning-800",
-    gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-400 dgs-ui-kit-border-gray-500 hover:dgs-ui-kit-border-gray-400 active:dgs-ui-kit-border-gray-600 active:dgs-ui-kit-text-gray-800"
+    primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600",
+    success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-700 disabled:active:dgs-ui-kit-border-success-600",
+    error: "dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-border-error-300 hover:dgs-ui-kit-border-error-200 active:dgs-ui-kit-border-error-600 disabled:dgs-ui-kit-border-error-500",
+    warning: "dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 active:dgs-ui-kit-text-warning-800 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600",
+    gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-border-gray-400 hover:dgs-ui-kit-border-gray-300 active:dgs-ui-kit-border-gray-700 disabled:dgs-ui-kit-border-gray-600"
   },
   text: {
-    primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-300 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-primary-700",
-    success: "dgs-ui-kit-text-success-700 hover:dgs-ui-kit-text-success-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-success-800",
-    error: "dgs-ui-kit-text-error-700 hover:dgs-ui-kit-text-error-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-error-800",
-    warning: "dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-warning-800",
-    gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-gray-800"
+    primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-400 active:dgs-ui-kit-text-primary-700 dgs-ui-kit-border-transparent",
+    success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-500 active:dgs-ui-kit-text-success-700 dgs-ui-kit-border-transparent",
+    error: "dgs-ui-kit-text-error-500 hover:dgs-ui-kit-text-error-400 active:dgs-ui-kit-text-error-700 dgs-ui-kit-border-transparent",
+    warning: "dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 active:dgs-ui-kit-text-warning-800 dgs-ui-kit-border-transparent",
+    gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-500 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-border-transparent"
   }
-}, l = {
+}, y = {
   small: "button-small-icon dgs-ui-kit-py-2.5 dgs-ui-kit-px-4 dgs-ui-kit-font-button-small",
   medium: "button-medium-icon dgs-ui-kit-py-3 dgs-ui-kit-px-5 dgs-ui-kit-font-button-medium",
   large: "button-large-icon dgs-ui-kit-py-3 dgs-ui-kit-px-6 dgs-ui-kit-font-button-large"
-}, v = {
+}, l = {
   small: "button-small-icon dgs-ui-kit-p-[10px]",
   medium: "button-medium-icon dgs-ui-kit-p-3",
   large: "button-large-icon dgs-ui-kit-p-3"
 }, n = "dgs-ui-kit-opacity-0";
 function x({
-  variant: d = "primary",
-  color: u = "primary",
+  variant: u = "primary",
+  color: d = "primary",
   isFullWidth: a,
   className: r,
   size: s = "medium",
@@ -50,14 +50,14 @@ function x({
   return [
     "dgs-ui-kit-border dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-min-w-max dgs-ui-kit-h-fit disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition-all duration-300 dgs-ui-kit-flex dgs-ui-kit-items-center disabled:dgs-ui-kit-opacity-40",
     a ? "dgs-ui-kit-w-full dgs-ui-kit-justify-center" : "dgs-ui-kit-w-fit",
-    y[d][u],
-    e ? l[s] : v[s],
+    v[u][d],
+    e ? y[s] : l[s],
     Number(r?.length) > 0 && r
   ].slice().join(" ");
 }
 const w = ({
-  variant: d = "primary",
-  color: u = "primary",
+  variant: u = "primary",
+  color: d = "primary",
   isFullWidth: a,
   className: r,
   size: s,
@@ -70,8 +70,8 @@ const w = ({
   "button",
   {
     className: x({
-      variant: d,
-      color: u,
+      variant: u,
+      color: d,
       isFullWidth: a,
       className: r,
       size: s,

package/dist/Drawer/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),k=require("react");;/* empty css                   */const w=require("../CloseRemove-BUG0Hjfl.cjs"),h=150;function m({position:d,padding:u=0,item:o}){return o==="width"?d==="bottom"||d==="top"?`calc(100% - ${u*2}px)`:"auto":d==="bottom"||d==="top"?"auto":`calc(100% - ${u*2}px)`}const j=d=>{const{open:u,onClose:o,persist:x,position:s="bottom",children:f,className:p,maskClassName:v,containerClassName:b,padding:e=8,header:t,footer:n}=d,[l,g]=k.useState(!1);function N(){document.body.classList.add("dgs-ui-kit-overflow-hidden"),setTimeout(()=>{g(!0)},h)}function c(){x||(g(!1),setTimeout(()=>{document.body.classList.remove("dgs-ui-kit-overflow-hidden"),o()},h))}k.useEffect(()=>{u&&N()},[u]);const y=t?Object.values(t).some(r=>!!r):!1;return i.jsx("button",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":l,"dgs-ui-kit-w-screen dgs-ui-kit-h-screen":u},v),onClick:c,children:i.jsxs("div",{className:a.clsx("dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-absolute dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-z-10 dgs-ui-kit-bg-white dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",{"dgs-ui-kit-opacity-100":l,"dgs-ui-kit-translate-y-full":!l&&s==="bottom","-dgs-ui-kit-translate-y-full":!l&&s==="top","dgs-ui-kit-translate-x-full":!l&&s==="right","-dgs-ui-kit-translate-x-full":!l&&s==="left"},p),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(100vh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:m({position:s,padding:e,item:"width"}),height:m({position:s,padding:e,item:"height"})},onClick:r=>r.stopPropagation(),children:[t&&y&&i.jsxs("div",{className:a.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",t?.containerClassName),children:[t.actionElement?i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:t.actionElement}):null,t.title?i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[i.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:t.title}),t.description?i.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:t.description}):null]}):null,t.haveCloseIcon&&i.jsx("button",{onClick:c,className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:i.jsx(w.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4",b),children:f}),n?.element?i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})};module.exports=j;
+"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),k=require("react");;/* empty css                   */const j=require("../CloseRemove-BUG0Hjfl.cjs"),h=150;function m({position:d,padding:l=0,item:o}){return o==="width"?d==="bottom"||d==="top"?`calc(100% - ${l*2}px)`:"auto":d==="bottom"||d==="top"?"auto":`calc(100% - ${l*2}px)`}const C=d=>{const{open:l,onClose:o,persist:x,position:s="bottom",children:f,className:p,maskClassName:v,containerClassName:y,padding:e=8,width:N,header:i,footer:n}=d,[u,g]=k.useState(!1);function b(){document.body.classList.add("dgs-ui-kit-overflow-hidden"),setTimeout(()=>{g(!0)},h)}function c(){x||(g(!1),setTimeout(()=>{document.body.classList.remove("dgs-ui-kit-overflow-hidden"),o()},h))}k.useEffect(()=>{l&&b()},[l]);const w=i?Object.values(i).some(r=>!!r):!1;return t.jsx("button",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-w-screen dgs-ui-kit-h-screen":l},v),onClick:c,children:t.jsx("div",{className:a.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-translate-y-full":!u&&s==="bottom","-dgs-ui-kit-translate-y-full":!u&&s==="top","dgs-ui-kit-translate-x-full":!u&&s==="right","-dgs-ui-kit-translate-x-full":!u&&s==="left"},p),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(100vh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:m({position:s,padding:e,item:"width"}),height:m({position:s,padding:e,item:"height"})},children:t.jsxs("div",{className:"dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",style:{width:N??"100%"},onClick:r=>r.stopPropagation(),children:[i&&w&&t.jsxs("div",{className:a.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",i?.containerClassName),children:[i.actionElement?t.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:i.actionElement}):null,i.title?t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[t.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:i.title}),i.description?t.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:i.description}):null]}):null,i.haveCloseIcon&&t.jsx("button",{onClick:c,className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:t.jsx(j.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),t.jsx("div",{className:a.clsx("dgs-ui-kit-p-4",y),children:f}),n?.element?t.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})})};module.exports=C;

package/dist/Drawer/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, FC, PropsWithChildren, ReactNode } from 'react';
 interface DrawerProps {
     open: boolean;
     onClose: () => void;
@@ -8,6 +8,7 @@ interface DrawerProps {
     maskClassName?: string;
     containerClassName?: string;
     padding?: number;
+    width?: CSSProperties['width'];
     header?: {
         title?: string;
         description?: string;

package/dist/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,kBAAkB,CAAC;AAK1B,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA0H9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,kBAAkB,CAAC;AAK1B,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAgI9C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Drawer/index.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
 import { c as u } from "../clsx-OuTLNxxd.js";
-import { useState as w, useEffect as C } from "react";
+import { useState as C, useEffect as I } from "react";
 import '../assets/styles.css';/* empty css                 */
-import { C as I } from "../CloseRemove-BzqPxkjk.js";
+import { C as j } from "../CloseRemove-BzqPxkjk.js";
 const m = 150;
 function h({
   position: d,
@@ -12,7 +12,7 @@ function h({
 }) {
   return o === "width" ? d === "bottom" || d === "top" ? `calc(100% - ${a * 2}px)` : "auto" : d === "bottom" || d === "top" ? "auto" : `calc(100% - ${a * 2}px)`;
 }
-const A = (d) => {
+const E = (d) => {
   const {
     open: a,
     onClose: o,
@@ -21,12 +21,13 @@ const A = (d) => {
     children: p,
     className: x,
     maskClassName: v,
-    containerClassName: b,
-    padding: e = 8,
+    containerClassName: y,
+    padding: s = 8,
+    width: N,
     header: t,
     footer: n
-  } = d, [l, c] = w(!1);
-  function N() {
+  } = d, [l, c] = C(!1);
+  function b() {
     document.body.classList.add("dgs-ui-kit-overflow-hidden"), setTimeout(() => {
       c(!0);
     }, m);
@@ -36,11 +37,11 @@ const A = (d) => {
       document.body.classList.remove("dgs-ui-kit-overflow-hidden"), o();
     }, m));
   }
-  C(() => {
-    a && N();
+  I(() => {
+    a && b();
   }, [a]);
-  const y = t ? Object.values(t).some((r) => !!r) : !1;
-  return /* @__PURE__ */ s(
+  const w = t ? Object.values(t).some((r) => !!r) : !1;
+  return /* @__PURE__ */ e(
     "button",
     {
       className: u(
@@ -49,11 +50,11 @@ const A = (d) => {
         v
       ),
       onClick: k,
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ e(
         "div",
         {
           className: u(
-            "dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-absolute dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-z-10 dgs-ui-kit-bg-white dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",
+            "dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",
             {
               "dgs-ui-kit-opacity-100": l,
               "dgs-ui-kit-translate-y-full": !l && i === "bottom",
@@ -64,56 +65,63 @@ const A = (d) => {
             x
           ),
           style: {
-            top: i !== "bottom" ? e ?? 0 : "unset",
-            bottom: i !== "top" ? e ?? 0 : "unset",
-            left: i !== "right" ? e ?? 0 : "unset",
-            right: i !== "left" ? e ?? 0 : "unset",
-            maxHeight: `calc(100vh - ${e * 2}px)`,
-            maxWidth: `calc(100vw - ${e * 2}px)`,
-            width: h({ position: i, padding: e, item: "width" }),
-            height: h({ position: i, padding: e, item: "height" })
+            top: i !== "bottom" ? s ?? 0 : "unset",
+            bottom: i !== "top" ? s ?? 0 : "unset",
+            left: i !== "right" ? s ?? 0 : "unset",
+            right: i !== "left" ? s ?? 0 : "unset",
+            maxHeight: `calc(100vh - ${s * 2}px)`,
+            maxWidth: `calc(100vw - ${s * 2}px)`,
+            width: h({ position: i, padding: s, item: "width" }),
+            height: h({ position: i, padding: s, item: "height" })
           },
-          onClick: (r) => r.stopPropagation(),
-          children: [
-            t && y && /* @__PURE__ */ g(
-              "div",
-              {
-                className: u(
-                  "dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",
-                  t?.containerClassName
-                ),
-                children: [
-                  t.actionElement ? /* @__PURE__ */ s("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600", children: t.actionElement }) : null,
-                  t.title ? /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center", children: [
-                    /* @__PURE__ */ s("span", { className: "dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800", children: t.title }),
-                    t.description ? /* @__PURE__ */ s("span", { className: "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500", children: t.description }) : null
-                  ] }) : null,
-                  t.haveCloseIcon && /* @__PURE__ */ s(
-                    "button",
-                    {
-                      onClick: k,
-                      className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",
-                      children: /* @__PURE__ */ s(
-                        I,
+          children: /* @__PURE__ */ g(
+            "div",
+            {
+              className: "dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",
+              style: { width: N ?? "100%" },
+              onClick: (r) => r.stopPropagation(),
+              children: [
+                t && w && /* @__PURE__ */ g(
+                  "div",
+                  {
+                    className: u(
+                      "dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",
+                      t?.containerClassName
+                    ),
+                    children: [
+                      t.actionElement ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600", children: t.actionElement }) : null,
+                      t.title ? /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center", children: [
+                        /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800", children: t.title }),
+                        t.description ? /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500", children: t.description }) : null
+                      ] }) : null,
+                      t.haveCloseIcon && /* @__PURE__ */ e(
+                        "button",
                         {
-                          width: 24,
-                          height: 24,
-                          className: "dgs-ui-kit-text-gray-600"
+                          onClick: k,
+                          className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",
+                          children: /* @__PURE__ */ e(
+                            j,
+                            {
+                              width: 24,
+                              height: 24,
+                              className: "dgs-ui-kit-text-gray-600"
+                            }
+                          )
                         }
                       )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: u("dgs-ui-kit-p-4", b), children: p }),
-            n?.element ? /* @__PURE__ */ s("div", { className: u("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", n.containerClassName), children: n.element }) : null
-          ]
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: u("dgs-ui-kit-p-4", y), children: p }),
+                n?.element ? /* @__PURE__ */ e("div", { className: u("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", n.containerClassName), children: n.element }) : null
+              ]
+            }
+          )
         }
       )
     }
   );
 };
 export {
-  A as default
+  E as default
 };

package/dist/Form/OtpInput/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),k=require("../../clsx-C11secjj.cjs"),h=require("react"),q=require("../Input/index.cjs"),m=require("../../TextFieldWrapper-51P2QftA.cjs");;/* empty css                      */const V=y=>{const{inputsNumber:a=4,onChange:c,onEnd:p,className:j,inputsContainerClassName:v,labelContent:f,hintMessage:g,errorMessage:l,isError:w,value:d}=y,[o,r]=h.useState([]);h.useEffect(()=>{if(d){const s=d.split("");r(s)}},[]);function u(s){const e=document.getElementById(`dgs-ui-kit-otp-input-${s}`);e?.focus(),e?.select()}function C(s,e){const t=[s.code,s.key];if(t.includes("Backspace")||t.includes("Delete")){const n=[...o];n[e]="",e!==0&&(n[e-1]="",u(e-1)),r(n)}else t.includes("ArrowLeft")?u(e+1):t.includes("ArrowRight")&&u(e-1)}function I(s,e){const t=s.currentTarget.value,n=[...o];n[e]=t,e+1!==a&&t?u(e+1):typeof p=="function"&&n.every(N=>!!N)&&p(n.join("")),r(n),typeof c=="function"&&c(n.join(""))}return i.jsxs("div",{className:k.clsx("dgs-ui-kit-space-y-2",j),children:[f?i.jsx(m.FieldLabel,{labelContent:f}):null,i.jsx("div",{className:k.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",v),children:Array.from(Array(a).keys()).map((s,e)=>i.jsx(q,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",type:"tel",autoFocus:e===0,onChange:t=>I(t,e),onKeyUp:t=>C(t,e),id:`dgs-ui-kit-otp-input-${e}`,maxLength:1,value:o[e],showMaxLength:!1,isError:!!l||w},s))}),l||g?i.jsx(m.FieldBottomInfo,{errorMessage:l,hintMessage:g}):null]})};module.exports=V;
+"use client";"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),k=require("../../clsx-C11secjj.cjs"),h=require("react"),q=require("../Input/index.cjs"),m=require("../../TextFieldWrapper-51P2QftA.cjs");;/* empty css                      */const V=y=>{const{inputsNumber:c=4,onChange:p,onEnd:f,className:j,inputsContainerClassName:v,labelContent:g,hintMessage:d,errorMessage:l,isError:w,value:o}=y,[r,a]=h.useState([]);function u(s){const e=document.getElementById(`dgs-ui-kit-otp-input-${s}`);e?.focus(),e?.select()}function C(s,e){const t=[s.code,s.key];if(t.includes("Backspace")||t.includes("Delete")){const n=[...r];n[e]="",e!==0&&(n[e-1]="",u(e-1)),a(n)}else t.includes("ArrowLeft")?u(e+1):t.includes("ArrowRight")&&u(e-1)}function I(s,e){const t=s.currentTarget.value,n=[...r];n[e]=t,e+1!==c&&t?u(e+1):typeof f=="function"&&n.every(N=>!!N)&&f(n.join("")),a(n),typeof p=="function"&&p(n.join(""))}return h.useEffect(()=>{if(o){const s=o.split("");a(s)}},[o]),i.jsxs("div",{className:k.clsx("dgs-ui-kit-space-y-2",j),children:[g?i.jsx(m.FieldLabel,{labelContent:g}):null,i.jsx("div",{className:k.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",v),children:Array.from(Array(c).keys()).map((s,e)=>i.jsx(q,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",type:"tel",autoFocus:e===0,onChange:t=>I(t,e),onKeyUp:t=>C(t,e),id:`dgs-ui-kit-otp-input-${e}`,maxLength:1,value:r[e],showMaxLength:!1,isError:!!l||w},s))}),l||d?i.jsx(m.FieldBottomInfo,{errorMessage:l,hintMessage:d}):null]})};module.exports=V;

package/dist/Form/OtpInput/index.js

@@ -7,23 +7,17 @@ import { F as j, a as A } from "../../TextFieldWrapper-BNiYlOSW.js";
 import '../../assets/styles.css';/* empty css                    */
 const U = (k) => {
   const {
-    inputsNumber: r = 4,
-    onChange: c,
-    onEnd: p,
+    inputsNumber: c = 4,
+    onChange: p,
+    onEnd: f,
     className: h,
     inputsContainerClassName: y,
-    labelContent: f,
-    hintMessage: m,
+    labelContent: m,
+    hintMessage: g,
     errorMessage: u,
     isError: v,
-    value: g
-  } = k, [a, l] = V([]);
-  B(() => {
-    if (g) {
-      const s = g.split("");
-      l(s);
-    }
-  }, []);
+    value: a
+  } = k, [l, r] = V([]);
   function n(s) {
     const e = document.getElementById(`dgs-ui-kit-otp-input-${s}`);
     e?.focus(), e?.select();
@@ -31,16 +25,21 @@ const U = (k) => {
   function w(s, e) {
     const t = [s.code, s.key];
     if (t.includes("Backspace") || t.includes("Delete")) {
-      const i = [...a];
-      i[e] = "", e !== 0 && (i[e - 1] = "", n(e - 1)), l(i);
+      const i = [...l];
+      i[e] = "", e !== 0 && (i[e - 1] = "", n(e - 1)), r(i);
     } else t.includes("ArrowLeft") ? n(e + 1) : t.includes("ArrowRight") && n(e - 1);
   }
   function C(s, e) {
-    const t = s.currentTarget.value, i = [...a];
-    i[e] = t, e + 1 !== r && t ? n(e + 1) : typeof p == "function" && i.every((I) => !!I) && p(i.join("")), l(i), typeof c == "function" && c(i.join(""));
+    const t = s.currentTarget.value, i = [...l];
+    i[e] = t, e + 1 !== c && t ? n(e + 1) : typeof f == "function" && i.every((I) => !!I) && f(i.join("")), r(i), typeof p == "function" && p(i.join(""));
   }
-  return /* @__PURE__ */ N("div", { className: d("dgs-ui-kit-space-y-2", h), children: [
-    f ? /* @__PURE__ */ o(j, { labelContent: f }) : null,
+  return B(() => {
+    if (a) {
+      const s = a.split("");
+      r(s);
+    }
+  }, [a]), /* @__PURE__ */ N("div", { className: d("dgs-ui-kit-space-y-2", h), children: [
+    m ? /* @__PURE__ */ o(j, { labelContent: m }) : null,
     /* @__PURE__ */ o(
       "div",
       {
@@ -48,7 +47,7 @@ const U = (k) => {
           "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
           y
         ),
-        children: Array.from(Array(r).keys()).map((s, e) => /* @__PURE__ */ o(
+        children: Array.from(Array(c).keys()).map((s, e) => /* @__PURE__ */ o(
           E,
           {
             containerClassName: "dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",
@@ -60,7 +59,7 @@ const U = (k) => {
             onKeyUp: (t) => w(t, e),
             id: `dgs-ui-kit-otp-input-${e}`,
             maxLength: 1,
-            value: a[e],
+            value: l[e],
             showMaxLength: !1,
             isError: !!u || v
           },
@@ -68,11 +67,11 @@ const U = (k) => {
         ))
       }
     ),
-    u || m ? /* @__PURE__ */ o(
+    u || g ? /* @__PURE__ */ o(
       A,
       {
         errorMessage: u,
-        hintMessage: m
+        hintMessage: g
       }
     ) : null
   ] });

package/dist/Slide-Cr0SfMFS.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),r=require("react"),W=require("./ArrowLeft2-B76dkC-C.cjs"),B=require("./ArrowRight2-CYowPzS8.cjs"),T=require("./Button/index.cjs"),P=r.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1}),b=()=>r.useContext(P);function D({active:i,autoplay:s,variant:n="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[n],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const q=i=>{const{active:s,onClick:n,onNavigateToNext:a}=i,{autoplay:t,navigationVariant:l="outside"}=b(),[k,o]=r.useState(0);return r.useEffect(()=>{if(!s||!t)return;const g=typeof t=="boolean"?7e3:t?.delay??7e3;let u=Date.now();const v=setInterval(()=>{const f=Date.now()-u,c=f/g*100;o(Math.min(c,100)),f>=g&&typeof a=="function"&&a()},100);return function(){return o(0),u=Date.now(),clearInterval(v)}},[s,t,a]),e.jsx("button",{className:x.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",D({active:s,autoplay:t,variant:l})),onClick:n,children:s&&e.jsx("div",{className:x.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":l==="inside","dgs-ui-kit-bg-gray-700":l==="outside"}),style:{width:t?`${k}%`:"100%"}})})},O=i=>{const{onNavigate:s,slideIndex:n,slidesCount:a}=i,{navigationButtonsShowType:t="hide",dotsClassName:l,navigationContainerClassName:k,navigationVariant:o="outside",showNavigationDots:g=!0,showPaginationText:u}=b(),v=e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":o==="inside"&&t!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[e.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(n-1),rightIcon:e.jsx(B.ArrowRight2Icon,{})}),e.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(n+1),rightIcon:e.jsx(W.ArrowLeft2Icon,{})})]});return e.jsxs(e.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&v,e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":o==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":o==="inside","dgs-ui-kit-justify-between":o==="outside"&&t!=="hide"&&t!=="onSides","dgs-ui-kit-justify-center":o==="outside"&&(t==="hide"||t==="onSides")},k),children:[t&&t!=="hide"&&t!=="onSides"&&v,(g||u)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[u&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[e.jsx("span",{className:x.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":o==="outside","dgs-ui-kit-text-white":o==="inside"}),children:n+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:a})]}),g&&e.jsx("div",{className:x.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",l),children:Array.from(Array(a).keys()).map((f,c)=>e.jsx(q,{active:n===c,onClick:()=>s(c),onNavigateToNext:()=>s(n+1)},f+a))})]})]})]})},I=r.forwardRef((i,s)=>{const[n,a]=r.useState(i),{className:t="",containerClassName:l="",showNavigationDots:k=!0,slidesPerView:o=1,navigationButtonsShowType:g="hide",spaceBetween:u=0,showPaginationText:v,onSlideIndexChange:f,initialSlide:c}=n,[w,N]=r.useState(0),[R,A]=r.useState(0),L=Object.fromEntries(Object.entries(n).filter(([d])=>d!=="children")),h=r.useRef(null),m=Math.ceil(R/Math.floor(o)),M=(k||g&&g!=="hide"||v)&&m>1;function E(d){if(Math.ceil(Math.abs(d.currentTarget.scrollLeft))+d.currentTarget.clientWidth===d.currentTarget.scrollWidth){N(m-1);return}const p=d.currentTarget.scrollWidth/m,y=(d.currentTarget.scrollWidth-d.currentTarget.scrollLeft)/p;if(y<=m){N(0);return}N(Math.round(y%m))}function j(d){if(!h.current)return;const p=h.current.offsetWidth,S=(w-d)*p;d<0?h.current.scrollTo({behavior:"smooth",left:-(p*m)}):d>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:S})}function C(){const p=Object.keys(i.responsive).sort().findLast(S=>Number(S)<=window.innerWidth),y=p?i.responsive[Number(p)]:null;a(y?{...n,...y}:i)}return r.useImperativeHandle(s,()=>({element:h.current,navigate:d=>j(Math.max(0,d-1))})),r.useEffect(()=>{h.current&&A(h.current.childNodes.length)},[i.children]),r.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)}},[i.responsive]),r.useEffect(()=>{f&&typeof f=="function"&&f(w)},[w]),r.useEffect(()=>{typeof c=="number"&&h.current&&j(Math.max(0,c-1))},[c,h.current]),e.jsx(P.Provider,{value:L,children:e.jsxs("div",{className:x.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",t),style:{direction:"rtl"},children:[e.jsx("div",{className:x.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",l),style:{marginLeft:-u},onScroll:E,ref:h,children:i.children}),M&&e.jsx(O,{onNavigate:j,slideIndex:w,slidesCount:m})]})})});I.displayName="Slider";function V({slidesPerView:i,childIndex:s,centerMode:n,childrenCount:a}){const t=s%Math.floor(i)===0,l=i%1!==0,k=s===0,o=s===a-1;return t?n&&l?k?"start":o?"end":"center":"start":"none"}const F=i=>{const{children:s,className:n,style:a,...t}=i,{slidesPerView:l=1,spaceBetween:k=0,centerMode:o=!1,containerXPadding:g=0}=b(),u=r.useRef(null),[v,f]=r.useState(0),c=u.current?.parentNode?.children.length;return r.useEffect(()=>{u.current&&f(Array.prototype.indexOf.call(u.current.parentNode?.children,u.current))},[u]),e.jsx("div",{...t,ref:u,className:x.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",n),style:{width:100/(l??1)+"%",paddingLeft:c&&v===c-1?g+k:k,paddingRight:v===0?g:0,scrollSnapAlign:V({slidesPerView:l,childIndex:v,centerMode:o,childrenCount:c||0}),...a},children:s})};exports.Slide=F;exports.Slider=I;