@dgshahr/ui-kit 1.8.1 → 1.9.1

package/dist/Badge/index.cjs

@@ -1 +1 @@
-"use strict";require('../assets/styles.css');const d=require("react/jsx-runtime");;/* empty css                   */function n(i){const e="dgsuikit:inline-flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:rounded-[20px]",g={twoTone:{primary:"dgsuikit:bg-primary-50 dgsuikit:text-primary-600",secondary:"dgsuikit:bg-secondary-100 dgsuikit:text-secondary-700",gray:"dgsuikit:bg-gray-100 dgsuikit:text-gray-600",success:"dgsuikit:bg-success-50 dgsuikit:text-success-800",error:"dgsuikit:bg-error-50 dgsuikit:text-error-600",warning:"dgsuikit:bg-warning-50 dgsuikit:text-warning-700",sky:"dgsuikit:bg-sky-50 dgsuikit:text-sky-700",violet:"dgsuikit:bg-violet-50 dgsuikit:text-violet-800",flamingo:"dgsuikit:bg-flamingo-50 dgsuikit:text-flamingo-700"},solid:{primary:"dgsuikit:bg-primary-500 dgsuikit:text-white",secondary:"dgsuikit:bg-secondary-600 dgsuikit:text-white",gray:"dgsuikit:bg-gray-600 dgsuikit:text-white",success:"dgsuikit:bg-success-600 dgsuikit:text-white",error:"dgsuikit:bg-error-500 dgsuikit:text-white",warning:"dgsuikit:bg-warning-500 dgsuikit:text-black",sky:"dgsuikit:bg-sky-600 dgsuikit:text-white",violet:"dgsuikit:bg-violet-500 dgsuikit:text-white",flamingo:"dgsuikit:bg-flamingo-500 dgsuikit:text-white"}},t={small:"dgsuikit:font-oveline-demibold dgsuikit:py-1 dgsuikit:px-2 dgsuikit:gap-[2px]",medium:"dgsuikit:font-caption-demibold dgsuikit:py-1 dgsuikit:px-[10px] dgsuikit:gap-1",large:"dgsuikit:font-button-small dgsuikit:py-2 dgsuikit:px-4 dgsuikit:gap-[6px]"},s={small:"dgsuikit:font-caption-demibold dgsuikit:py-[2px] dgsuikit:px-[6px] dgsuikit:min-w-5",medium:"dgsuikit:font-p3-medium dgsuikit:px-[6px] dgsuikit:min-w-6",large:"dgsuikit:font-h5-bold dgsuikit:py-[2px] dgsuikit:px-2 dgsuikit:min-w-8"};return[e,g[i.type][i.color],i.valueType==="text"?t[i.size]:s[i.size]+" dgsuikit:ss02",i.className.length>0?i.className:""].slice().join(" ")}function l(i){return i==="small"?"dgsuikit:w-3 dgsuikit:h-3":i==="medium"?"dgsuikit:w-[14px] dgsuikit:h-[14px]":"dgsuikit:w-4 dgsuikit:h-4"}const o=i=>{const{type:e="solid",color:g="primary",size:t="medium",valueType:s="text",value:k,width:r,className:a=""}=i,u=i.icon;return d.jsxs("div",{className:n({type:e,color:g,size:t,valueType:s,className:a}),style:{width:r??"auto"},children:[u&&s==="text"&&d.jsx("span",{className:l(t),children:u}),k]})};module.exports=o;
+"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime");;/* empty css                   */function c(i){const g="dgsuikit:inline-flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:rounded-[20px]",d={twoTone:{primary:"dgsuikit:bg-primary-50 dgsuikit:text-primary-600",secondary:"dgsuikit:bg-secondary-100 dgsuikit:text-secondary-700",gray:"dgsuikit:bg-gray-100 dgsuikit:text-gray-600",success:"dgsuikit:bg-success-50 dgsuikit:text-success-800",error:"dgsuikit:bg-error-50 dgsuikit:text-error-600",warning:"dgsuikit:bg-warning-50 dgsuikit:text-warning-700",sky:"dgsuikit:bg-sky-50 dgsuikit:text-sky-700",violet:"dgsuikit:bg-violet-50 dgsuikit:text-violet-800",flamingo:"dgsuikit:bg-flamingo-50 dgsuikit:text-flamingo-700"},solid:{primary:"dgsuikit:bg-primary-500 dgsuikit:text-white",secondary:"dgsuikit:bg-secondary-600 dgsuikit:text-white",gray:"dgsuikit:bg-gray-600 dgsuikit:text-white",success:"dgsuikit:bg-success-600 dgsuikit:text-white",error:"dgsuikit:bg-error-500 dgsuikit:text-white",warning:"dgsuikit:bg-warning-500 dgsuikit:text-black",sky:"dgsuikit:bg-sky-600 dgsuikit:text-white",violet:"dgsuikit:bg-violet-500 dgsuikit:text-white",flamingo:"dgsuikit:bg-flamingo-500 dgsuikit:text-white"}},t={small:"dgsuikit:font-oveline-demibold dgsuikit:py-1 dgsuikit:px-2 dgsuikit:gap-[2px]",medium:"dgsuikit:font-caption-demibold dgsuikit:py-1 dgsuikit:px-[10px] dgsuikit:gap-1",large:"dgsuikit:font-button-small dgsuikit:py-2 dgsuikit:px-4 dgsuikit:gap-[6px]"},s={small:"dgsuikit:font-caption-demibold dgsuikit:py-[2px] dgsuikit:px-[6px] dgsuikit:min-w-5",medium:"dgsuikit:font-p3-medium dgsuikit:px-[6px] dgsuikit:min-w-6",large:"dgsuikit:font-h5-bold dgsuikit:py-[2px] dgsuikit:px-2 dgsuikit:min-w-8"};return[g,d[i.type][i.color],i.valueType==="text"?t[i.size]:s[i.size]+" dgsuikit:ss02",i.className.length>0?i.className:""].slice().join(" ")}function r(i){return i==="small"?"dgsuikit:w-3 dgsuikit:h-3":i==="medium"?"dgsuikit:w-[14px] dgsuikit:h-[14px]":"dgsuikit:w-4 dgsuikit:h-4"}const x=i=>{const{type:g="solid",color:d="primary",size:t="medium",valueType:s="text",value:n,width:l,className:o=""}=i,{icon:u,leftIcon:a,rightIcon:k}=i;return u&&console.error('[Deprecated Prop Warning] ❗ The "icon" prop in <Badge /> is deprecated and will be removed in a future update. Please use "leftIcon" or "rightIcon" instead.'),e.jsxs("div",{className:c({type:g,color:d,size:t,valueType:s,className:o}),style:{width:l??"auto"},children:[a&&s==="text"&&e.jsx("span",{className:r(t),children:a}),u&&s==="text"&&e.jsx("span",{className:r(t),children:u}),n,k&&s==="text"&&e.jsx("span",{className:r(t),children:k})]})};module.exports=x;

package/dist/Badge/index.mjs

@@ -1,6 +1,6 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
 import '../assets/styles.css';/* empty css                 */
-function l(i) {
+function m(i) {
   const e = "dgsuikit:inline-flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:rounded-[20px]", g = {
     twoTone: {
       primary: "dgsuikit:bg-primary-50 dgsuikit:text-primary-600",
@@ -40,31 +40,35 @@ function l(i) {
     i.className.length > 0 ? i.className : ""
   ].slice().join(" ");
 }
-function o(i) {
+function a(i) {
   return i === "small" ? "dgsuikit:w-3 dgsuikit:h-3" : i === "medium" ? "dgsuikit:w-[14px] dgsuikit:h-[14px]" : "dgsuikit:w-4 dgsuikit:h-4";
 }
-const x = (i) => {
+const y = (i) => {
   const {
     type: e = "solid",
     color: g = "primary",
     size: t = "medium",
     valueType: s = "text",
-    value: u,
-    width: k,
-    className: a = ""
-  } = i, d = i.icon;
-  return /* @__PURE__ */ r(
+    value: n,
+    width: l,
+    className: o = ""
+  } = i, { icon: d, leftIcon: r, rightIcon: k } = i;
+  return d && console.error(
+    '[Deprecated Prop Warning] ❗ The "icon" prop in <Badge /> is deprecated and will be removed in a future update. Please use "leftIcon" or "rightIcon" instead.'
+  ), /* @__PURE__ */ c(
     "div",
     {
-      className: l({ type: e, color: g, size: t, valueType: s, className: a }),
-      style: { width: k ?? "auto" },
+      className: m({ type: e, color: g, size: t, valueType: s, className: o }),
+      style: { width: l ?? "auto" },
       children: [
-        d && s === "text" && /* @__PURE__ */ n("span", { className: o(t), children: d }),
-        u
+        r && s === "text" && /* @__PURE__ */ u("span", { className: a(t), children: r }),
+        d && s === "text" && /* @__PURE__ */ u("span", { className: a(t), children: d }),
+        n,
+        k && s === "text" && /* @__PURE__ */ u("span", { className: a(t), children: k })
       ]
     }
   );
 };
 export {
-  x as default
+  y as default
 };

package/dist/Breadcrumb/index.cjs

@@ -1 +1 @@
-"use strict";require('../assets/styles.css');const s=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),u=require("../IconArrowLeft2-CNA3H0xY.cjs");;/* empty css                   */const k=l=>{const{items:t,pageTitle:n,className:g}=l;return s.jsx("div",{className:r.clsx("dgsuikit:bg-gray-100 dgsuikit:w-full",g),children:s.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container",children:[t.map((i,e)=>{const o="link"in i?"a":"button";return s.jsxs(o,{..."link"in i?{href:i.link}:{onClick:i.onClick},className:"dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",children:[i.icon&&i.icon,s.jsx("div",{className:"dgsuikit:font-caption-demibold",children:i.title}),e!==t.length-1||e===t.length-1&&n?s.jsx(u.IconArrowLeft2,{width:16,height:16}):null]},i.title)}),n?s.jsx("div",{className:"dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0",children:n}):null]})})};module.exports=k;
+"use strict";require('../assets/styles.css');const s=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),u=require("../IconArrowLeft2-CNA3H0xY.cjs");;/* empty css                   */const k=l=>{const{items:t,pageTitle:n,className:g}=l;return s.jsx("div",{className:r.clsx("dgsuikit:bg-gray-100 dgsuikit:w-full",g),children:s.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-1 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container",children:[t.map((i,e)=>{const o="link"in i?"a":"button";return s.jsxs(o,{..."link"in i?{href:i.link}:{onClick:i.onClick},className:"dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",children:[i.icon&&i.icon,s.jsx("div",{className:"dgsuikit:font-caption-regular",children:i.title}),e!==t.length-1||e===t.length-1&&n?s.jsx(u.IconArrowLeft2,{width:16,height:16}):null]},i.title)}),n?s.jsx("div",{className:"dgsuikit:text-gray-500 dgsuikit:font-caption-demibold dgsuikit:shrink-0",children:n}):null]})})};module.exports=k;

package/dist/Breadcrumb/index.mjs

@@ -4,7 +4,7 @@ import { I as d } from "../IconArrowLeft2-cxcPyDqS.js";
 import '../assets/styles.css';/* empty css                 */
 const p = (o) => {
   const { items: s, pageTitle: n, className: e } = o;
-  return /* @__PURE__ */ t("div", { className: a("dgsuikit:bg-gray-100 dgsuikit:w-full", e), children: /* @__PURE__ */ g("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container", children: [
+  return /* @__PURE__ */ t("div", { className: a("dgsuikit:bg-gray-100 dgsuikit:w-full", e), children: /* @__PURE__ */ g("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-1 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container", children: [
     s.map((i, l) => {
       const k = "link" in i ? "a" : "button";
       return /* @__PURE__ */ g(
@@ -14,7 +14,7 @@ const p = (o) => {
           className: "dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",
           children: [
             i.icon && i.icon,
-            /* @__PURE__ */ t("div", { className: "dgsuikit:font-caption-demibold", children: i.title }),
+            /* @__PURE__ */ t("div", { className: "dgsuikit:font-caption-regular", children: i.title }),
             l !== s.length - 1 || l === s.length - 1 && n ? /* @__PURE__ */ t(
               d,
               {
@@ -27,7 +27,7 @@ const p = (o) => {
         i.title
       );
     }),
-    n ? /* @__PURE__ */ t("div", { className: "dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0", children: n }) : null
+    n ? /* @__PURE__ */ t("div", { className: "dgsuikit:text-gray-500 dgsuikit:font-caption-demibold dgsuikit:shrink-0", children: n }) : null
   ] }) });
 };
 export {

package/dist/Chip/index.cjs

@@ -1 +1 @@
-"use strict";require('../assets/styles.css');const a=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),n=require("../omitObjects-CtiYo0hv.cjs"),c=require("../Badge/index.cjs");;/* empty css                   */function k({size:i="small",filled:t,className:e,disabled:r,isActive:s}){const d="dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-full dgsuikit:transition dgsuikit:hover:ring-4 dgsuikit:ring-gray-100 dgsuikit:flex dgsuikit:items-center",u={small:"dgsuikit:gap-1 dgsuikit:py-1 dgsuikit:px-3 dgsuikit:font-p2-medium dgsuikit:[&_svg]:size-4",large:"dgsuikit:gap-2 dgsuikit:py-2.5 dgsuikit:px-5 dgsuikit:font-p1-medium dgsuikit:[&_svg]:size-5"},g={default:"dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",filled:"dgsuikit:bg-primary-50 dgsuikit:text-primary-500 dgsuikit:border-primary-100"};return o.clsx(d,u[i],g[t?"filled":"default"],r&&"dgsuikit:opacity-40 dgsuikit:cursor-not-allowed",s&&"dgsuikit:!border-primary-500 dgsuikit:!text-primary-500",e)}const p=i=>{const{label:t,rightIcon:e=null,leftIcon:r=null,badgeNumber:s,clickable:d,...u}=i,g=d?"button":"div",l=n.omitObject(u,["filled","size","isActive"]);return a.jsxs(g,{...l,className:k(i),children:[e,t,s&&a.jsx(c,{value:s,valueType:"number"}),r]})};module.exports=p;
+"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),n=require("../omitObjects-CtiYo0hv.cjs"),c=require("../Badge/index.cjs");;/* empty css                   */const l={primary:{filled:"dgsuikit:text-primary-500 dgsuikit:hover:text-primary-500 dgsuikit:border-primary-100 dgsuikit:bg-primary-50",base:"dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",active:"dgsuikit:!border-primary-500 dgsuikit:!text-primary-500"},gray:{filled:"dgsuikit:text-gray-600 dgsuikit:hover:text-gray-600 dgsuikit:border-gray-200 dgsuikit:bg-gray-50",base:"dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-gray-600 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",active:"dgsuikit:!border-gray-500 dgsuikit:!text-gray-600"}},m="dgsuikit:opacity-40 dgsuikit:cursor-not-allowed",y={xsmall:"small",small:"small",large:"medium"};function b({size:i="small",filled:e,color:t="primary",className:r,disabled:s,isActive:g}){const d="dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-full dgsuikit:transition dgsuikit:hover:ring-4 dgsuikit:ring-gray-100 dgsuikit:flex dgsuikit:items-center",u={xsmall:"dgsuikit:gap-0.5 dgsuikit:py-0.5 dgsuikit:px-2 dgsuikit:font-p3-medium dgsuikit:[&_svg]:size-4",small:"dgsuikit:gap-1 dgsuikit:py-1 dgsuikit:px-3 dgsuikit:font-p2-medium dgsuikit:[&_svg]:size-4",large:"dgsuikit:gap-2 dgsuikit:py-2.5 dgsuikit:px-5 dgsuikit:font-p1-medium dgsuikit:[&_svg]:size-5"},a=e?l[t].filled:l[t].base;return k.clsx(d,u[i],a,s&&m,g&&l[t].active,r)}const p=i=>{const{label:e,rightIcon:t=null,leftIcon:r=null,badgeNumber:s,clickable:g,...d}=i,u=g?"button":"div",a=n.omitObject(d,["filled","size","isActive","color"]);return o.jsxs(u,{...a,className:k.clsx(b(i),""),children:[t,e,s&&o.jsx(c,{value:s,valueType:"number",color:i.color,size:y[i.size||"small"]}),r]})};module.exports=p;

package/dist/Chip/index.mjs

@@ -1,40 +1,63 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../clsx-OuTLNxxd.js";
-import { o as k } from "../omitObjects-CxFrrlkX.js";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import { c as o } from "../clsx-OuTLNxxd.js";
+import { o as n } from "../omitObjects-CxFrrlkX.js";
 import c from "../Badge/index.mjs";
 import '../assets/styles.css';/* empty css                 */
-function m({ size: i = "small", filled: s, className: r, disabled: e, isActive: t }) {
-  const d = "dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-full dgsuikit:transition dgsuikit:hover:ring-4 dgsuikit:ring-gray-100 dgsuikit:flex dgsuikit:items-center", u = {
+const l = {
+  primary: {
+    filled: "dgsuikit:text-primary-500 dgsuikit:hover:text-primary-500 dgsuikit:border-primary-100 dgsuikit:bg-primary-50",
+    base: "dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",
+    active: "dgsuikit:!border-primary-500 dgsuikit:!text-primary-500"
+  },
+  gray: {
+    filled: "dgsuikit:text-gray-600 dgsuikit:hover:text-gray-600 dgsuikit:border-gray-200 dgsuikit:bg-gray-50",
+    base: "dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-gray-600 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",
+    active: "dgsuikit:!border-gray-500 dgsuikit:!text-gray-600"
+  }
+}, y = "dgsuikit:opacity-40 dgsuikit:cursor-not-allowed", p = {
+  xsmall: "small",
+  small: "small",
+  large: "medium"
+};
+function b({
+  size: i = "small",
+  filled: r,
+  color: t = "primary",
+  className: e,
+  disabled: s,
+  isActive: g
+}) {
+  const d = "dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-full dgsuikit:transition dgsuikit:hover:ring-4 dgsuikit:ring-gray-100 dgsuikit:flex dgsuikit:items-center", a = {
+    xsmall: "dgsuikit:gap-0.5 dgsuikit:py-0.5 dgsuikit:px-2 dgsuikit:font-p3-medium dgsuikit:[&_svg]:size-4",
     small: "dgsuikit:gap-1 dgsuikit:py-1 dgsuikit:px-3 dgsuikit:font-p2-medium dgsuikit:[&_svg]:size-4",
     large: "dgsuikit:gap-2 dgsuikit:py-2.5 dgsuikit:px-5 dgsuikit:font-p1-medium dgsuikit:[&_svg]:size-5"
-  }, a = {
-    default: "dgsuikit:bg-white dgsuikit:text-gray-700 dgsuikit:hover:text-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:border-gray-300",
-    filled: "dgsuikit:bg-primary-50 dgsuikit:text-primary-500 dgsuikit:border-primary-100"
-  };
-  return n(
+  }, u = r ? l[t].filled : l[t].base;
+  return o(
     d,
-    u[i],
-    a[s ? "filled" : "default"],
-    e && "dgsuikit:opacity-40 dgsuikit:cursor-not-allowed",
-    t && "dgsuikit:!border-primary-500 dgsuikit:!text-primary-500",
-    r
+    a[i],
+    u,
+    s && y,
+    g && l[t].active,
+    e
   );
 }
 const C = (i) => {
-  const { label: s, rightIcon: r = null, leftIcon: e = null, badgeNumber: t, clickable: d, ...u } = i, a = d ? "button" : "div", g = k(u, ["filled", "size", "isActive"]);
-  return /* @__PURE__ */ l(
+  const { label: r, rightIcon: t = null, leftIcon: e = null, badgeNumber: s, clickable: g, ...d } = i, a = g ? "button" : "div", u = n(d, ["filled", "size", "isActive", "color"]);
+  return /* @__PURE__ */ k(
     a,
     {
-      ...g,
-      className: m(i),
+      ...u,
+      className: o(b(i), ""),
       children: [
+        t,
         r,
-        s,
-        t && /* @__PURE__ */ o(
+        s && /* @__PURE__ */ m(
           c,
           {
-            value: t,
-            valueType: "number"
+            value: s,
+            valueType: "number",
+            color: i.color,
+            size: p[i.size || "small"]
           }
         ),
         e

package/dist/{DateAndTimePickerFooter-Dikf0ZUx.cjs → DateAndTimePickerFooter-DVZyqJ2K.cjs}

@@ -1 +1 @@
-"use strict";const p=require("./clsx-C11secjj.cjs"),d=require("./PickerWrapper-BcOkTb3G.cjs"),l=require("react/jsx-runtime"),u=require("./Button/index.cjs");function m({props:s,standaloneMode:r,formatValue:i}){const{value:n,wrapperClassName:o}=s,e={...s};s?.mode!==r&&(e.dropdownType==="drawer"?e.drawerProps={...e.drawerProps,containerClassName:p.clsx("dgsuikit:!p-0",e.drawerProps?.containerClassName)}:e.popoverClassName=p.clsx("dgsuikit:!p-0 dgsuikit:max-h-max",e.popoverClassName),e.customInput||(e.inputProps={...e.inputProps,value:e.inputProps?.value??i(n)}));const t=s?.mode===r?"div":d.PickerWrapper,a=s?.mode!==r?e:{className:o};return{Wrapper:t,wrapperProps:a}}const P=s=>{const{primaryButton:r,secondaryButton:i,className:n}=s,{toggleWrapperVisibility:o}=d.usePickerWrapperContext(),e=!!r,t=!!i,a=c=>{r&&typeof r.onClick=="function"&&r.onClick(c),o()},k=c=>{i&&typeof i.onClick=="function"&&i.onClick(c)};return l.jsxs("div",{className:p.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:border-t dgsuikit:border-gray-200 dgsuikit:gap-4",t?"dgsuikit:justify-between":"dgsuikit:justify-end",n),children:[t&&l.jsx(u,{type:"button",variant:"text",size:"small",isFullWidth:e,...i,onClick:k,children:i?.children??"اعمال"}),e&&l.jsx(u,{type:"button",size:"small",isFullWidth:t,...r,onClick:a,children:r?.children??"اعمال"})]})};exports.DateAndTimePickerFooter=P;exports.useDateAndTimePickerWrapper=m;
+"use strict";const p=require("./clsx-C11secjj.cjs"),d=require("./PickerWrapper-mCAghdQ5.cjs"),l=require("react/jsx-runtime"),u=require("./Button/index.cjs");function m({props:s,standaloneMode:r,formatValue:i}){const{value:n,wrapperClassName:o}=s,e={...s};s?.mode!==r&&(e.dropdownType==="drawer"?e.drawerProps={...e.drawerProps,containerClassName:p.clsx("dgsuikit:!p-0",e.drawerProps?.containerClassName)}:e.popoverClassName=p.clsx("dgsuikit:!p-0 dgsuikit:max-h-max",e.popoverClassName),e.customInput||(e.inputProps={...e.inputProps,value:e.inputProps?.value??i(n)}));const t=s?.mode===r?"div":d.PickerWrapper,a=s?.mode!==r?e:{className:o};return{Wrapper:t,wrapperProps:a}}const P=s=>{const{primaryButton:r,secondaryButton:i,className:n}=s,{toggleWrapperVisibility:o}=d.usePickerWrapperContext(),e=!!r,t=!!i,a=c=>{r&&typeof r.onClick=="function"&&r.onClick(c),o()},k=c=>{i&&typeof i.onClick=="function"&&i.onClick(c)};return l.jsxs("div",{className:p.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:border-t dgsuikit:border-gray-200 dgsuikit:gap-4",t?"dgsuikit:justify-between":"dgsuikit:justify-end",n),children:[t&&l.jsx(u,{type:"button",variant:"text",size:"small",isFullWidth:e,...i,onClick:k,children:i?.children??"اعمال"}),e&&l.jsx(u,{type:"button",size:"small",isFullWidth:t,...r,onClick:a,children:r?.children??"اعمال"})]})};exports.DateAndTimePickerFooter=P;exports.useDateAndTimePickerWrapper=m;

package/dist/{DateAndTimePickerFooter-ClSJWVd3.js → DateAndTimePickerFooter-NWsDe_w1.js}

@@ -1,5 +1,5 @@
 import { c as p } from "./clsx-OuTLNxxd.js";
-import { P as m, u as k } from "./PickerWrapper-CZPsW03T.js";
+import { P as m, u as k } from "./PickerWrapper-C382nk_V.js";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import u from "./Button/index.mjs";
 function h({

package/dist/Drawer/index.cjs

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

package/dist/Drawer/index.mjs

@@ -1,12 +1,13 @@
 "use client";
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { c as o } from "../clsx-OuTLNxxd.js";
 import { useState as P, useEffect as y } from "react";
 import '../assets/styles.css';/* empty css                 */
 import { createPortal as R } from "react-dom";
 import { I as z } from "../IconCloseRemove-BPEWBqGA.js";
+import { i as A } from "../isBrowser-Bkqg1t1y.js";
 const m = 150;
-let n = 0, h;
+let g = 0, h;
 function b({
   position: e,
   padding: u = 0,
@@ -14,7 +15,7 @@ function b({
 }) {
   return e === "center" ? "auto" : s === "width" ? e === "bottom" || e === "top" ? `calc(100% - ${u * 2}px)` : "auto" : e === "bottom" || e === "top" ? "auto" : `calc(100% - ${u * 2}px)`;
 }
-function A({
+function B({
   position: e,
   padding: u = 0
 }) {
@@ -33,7 +34,7 @@ function A({
       return s;
   }
 }
-const U = (e) => {
+const q = (e) => {
   const {
     open: u,
     onClose: s,
@@ -43,41 +44,41 @@ const U = (e) => {
     className: $,
     maskClassName: T,
     containerClassName: D,
-    padding: d = 8,
+    padding: a = 8,
     width: I,
     header: i,
-    footer: c,
+    footer: k,
     containerElement: p,
     havePopover: v
-  } = e, [l, x] = P(!1), k = p ?? document?.body;
+  } = e, [l, x] = P(!1), r = p ?? (A() ? document?.body : null);
   function w() {
-    h && clearTimeout(h), h = setTimeout(() => {
-      n > 0 ? k.classList.add("dgsuikit:overflow-hidden", "dgsuikit:relative") : k.classList.remove("dgsuikit:overflow-hidden", "dgsuikit:relative");
-    }, m);
+    r && (h && clearTimeout(h), h = setTimeout(() => {
+      g > 0 ? r.classList.add("dgsuikit:overflow-hidden", "dgsuikit:relative") : r.classList.remove("dgsuikit:overflow-hidden", "dgsuikit:relative");
+    }, m));
   }
   function j() {
-    n === 0 && w(), n++, setTimeout(() => {
+    g === 0 && w(), g++, setTimeout(() => {
       x(!0);
     }, m);
   }
-  function g(r = !0) {
+  function c(n = !0) {
     x(!1), setTimeout(() => {
-      n = Math.max(0, n - 1), w(), r && s();
+      g = Math.max(0, g - 1), w(), n && s();
     }, m);
   }
   if (y(() => {
-    u ? j() : l && g(!1);
+    u ? j() : l && c(!1);
   }, [u]), y(() => () => {
-    g(!1);
-  }, []), !u) return;
-  const E = i ? Object.values(i).some((r) => !!r) : !1, O = t === "center" ? { top: "50%", left: "50%", transform: "translate(-50%, -50%)" } : {
-    top: t !== "bottom" ? d ?? 0 : "unset",
-    bottom: t !== "top" ? d ?? 0 : "unset",
-    left: t !== "right" ? d ?? 0 : "unset",
-    right: t !== "left" ? d ?? 0 : "unset"
+    c(!1);
+  }, []), !u || !r) return;
+  const E = i ? Object.values(i).some((n) => !!n) : !1, O = t === "center" ? { top: "50%", left: "50%", transform: "translate(-50%, -50%)" } : {
+    top: t !== "bottom" ? a ?? 0 : "unset",
+    bottom: t !== "top" ? a ?? 0 : "unset",
+    left: t !== "right" ? a ?? 0 : "unset",
+    right: t !== "left" ? a ?? 0 : "unset"
   };
   return R(
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ d(
       "div",
       {
         className: o(
@@ -86,8 +87,8 @@ const U = (e) => {
           p ? "dgsuikit:absolute" : "dgsuikit:fixed",
           T
         ),
-        onClick: () => N ? null : g(),
-        children: /* @__PURE__ */ a(
+        onClick: () => N ? null : c(),
+        children: /* @__PURE__ */ d(
           "div",
           {
             className: o(
@@ -103,10 +104,10 @@ const U = (e) => {
             ),
             style: {
               ...O,
-              maxHeight: `calc(100svh - ${d * 2}px)`,
-              maxWidth: `calc(100vw - ${d * 2}px)`,
-              width: b({ position: t, padding: d, item: "width" }),
-              height: b({ position: t, padding: d, item: "height" })
+              maxHeight: `calc(100svh - ${a * 2}px)`,
+              maxWidth: `calc(100vw - ${a * 2}px)`,
+              width: b({ position: t, padding: a, item: "width" }),
+              height: b({ position: t, padding: a, item: "height" })
             },
             children: /* @__PURE__ */ f(
               "div",
@@ -114,10 +115,10 @@ const U = (e) => {
                 className: o(
                   "dgsuikit:flex dgsuikit:flex-col dgsuikit:bg-white dgsuikit:divide-y dgsuikit:divide-gray-200 dgsuikit:divide-solid",
                   !v && "dgsuikit:overflow-x-hidden",
-                  A({ position: t, padding: d })
+                  B({ position: t, padding: a })
                 ),
                 style: { width: I ?? "100%" },
-                onClick: (r) => r.stopPropagation(),
+                onClick: (n) => n.stopPropagation(),
                 children: [
                   i && E && /* @__PURE__ */ f(
                     "div",
@@ -127,17 +128,17 @@ const U = (e) => {
                         i?.containerClassName
                       ),
                       children: [
-                        i.actionElement ? /* @__PURE__ */ a("div", { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-4 dgsuikit:[&>svg]:w-6 dgsuikit:[&_svg]:h-6 dgsuikit:text-gray-600", children: i.actionElement }) : null,
+                        i.actionElement ? /* @__PURE__ */ d("div", { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-4 dgsuikit:[&>svg]:w-6 dgsuikit:[&_svg]:h-6 dgsuikit:text-gray-600", children: i.actionElement }) : null,
                         i.title ? /* @__PURE__ */ f("div", { className: "dgsuikit:flex dgsuikit:flex-col dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:right-1/2 dgsuikit:-translate-y-1/2 dgsuikit:translate-x-1/2 dgsuikit:text-center", children: [
-                          /* @__PURE__ */ a("span", { className: "dgsuikit:font-h6-bold dgsuikit:text-gray-800", children: i.title }),
-                          i.description ? /* @__PURE__ */ a("span", { className: "dgsuikit:font-caption-regular dgsuikit:text-gray-500", children: i.description }) : null
+                          /* @__PURE__ */ d("span", { className: "dgsuikit:font-h6-bold dgsuikit:text-gray-800", children: i.title }),
+                          i.description ? /* @__PURE__ */ d("span", { className: "dgsuikit:font-caption-regular dgsuikit:text-gray-500", children: i.description }) : null
                         ] }) : null,
-                        i.haveCloseIcon && /* @__PURE__ */ a(
+                        i.haveCloseIcon && /* @__PURE__ */ d(
                           "button",
                           {
-                            onClick: () => g(),
+                            onClick: () => c(),
                             className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-4",
-                            children: /* @__PURE__ */ a(
+                            children: /* @__PURE__ */ d(
                               z,
                               {
                                 width: 24,
@@ -150,7 +151,7 @@ const U = (e) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ d(
                     "div",
                     {
                       className: o(
@@ -161,7 +162,7 @@ const U = (e) => {
                       children: C
                     }
                   ),
-                  c?.element ? /* @__PURE__ */ a("div", { className: o("dgsuikit:p-4 dgsuikit:mt-auto", c.containerClassName), children: c.element }) : null
+                  k?.element ? /* @__PURE__ */ d("div", { className: o("dgsuikit:p-4 dgsuikit:mt-auto", k.containerClassName), children: k.element }) : null
                 ]
               }
             )
@@ -169,9 +170,9 @@ const U = (e) => {
         )
       }
     ),
-    k
+    r
   );
 };
 export {
-  U as default
+  q as default
 };

package/dist/{FieldBottomInfo-C_QkvgNP.js → FieldBottomInfo-Bb3s_zkd.js}

@@ -14,7 +14,7 @@ const k = (a) => {
           "dgsuikit:justify-end": !(i ?? t) && s,
           "dgsuikit:text-gray-400": e
         },
-        i ? "dgsuikit:text-error-500" : "dgsuikit:text-gray-500",
+        i ? "dgsuikit:text-error-500" : "dgsuikit:text-primary-500",
         u
       ),
       children: [

package/dist/{FieldBottomInfo-CSd_EdIe.cjs → FieldBottomInfo-CwNgNyMP.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),g=require("./IconInfoCircleOutline-0ef3qbeI.cjs"),l=u=>{const{errorMessage:i,hintMessage:t,extraHelper:s,disabled:r,className:d}=u;return e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:font-p3-regular",{"dgsuikit:justify-between":(i??t)&&s,"dgsuikit:justify-start":(i??t)&&!s,"dgsuikit:justify-end":!(i??t)&&s,"dgsuikit:text-gray-400":r},i?"dgsuikit:text-error-500":"dgsuikit:text-gray-500",d),children:[(i||t)&&e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:font-light",{"dgsuikit:text-gray-400":r}),children:[e.jsx(g.IconInfoCircleOutline,{width:16,height:16}),e.jsx("span",{children:i??t})]}),s]})};exports.FieldBottomInfo=l;
+"use strict";const e=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),g=require("./IconInfoCircleOutline-0ef3qbeI.cjs"),l=u=>{const{errorMessage:i,hintMessage:t,extraHelper:s,disabled:r,className:d}=u;return e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:font-p3-regular",{"dgsuikit:justify-between":(i??t)&&s,"dgsuikit:justify-start":(i??t)&&!s,"dgsuikit:justify-end":!(i??t)&&s,"dgsuikit:text-gray-400":r},i?"dgsuikit:text-error-500":"dgsuikit:text-primary-500",d),children:[(i||t)&&e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:font-light",{"dgsuikit:text-gray-400":r}),children:[e.jsx(g.IconInfoCircleOutline,{width:16,height:16}),e.jsx("span",{children:i??t})]}),s]})};exports.FieldBottomInfo=l;