@dgshahr/ui-kit 0.0.6 → 0.0.7

package/dist/Alert/index.js

@@ -1,10 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as clsx } from '../clsx-ChV9xqsO.js';
-import { useState } from 'react';
-import Button from '../Button/index.js';
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as l } from "../clsx-OuTLNxxd.js";
+import { useState as p } from "react";
+import c from "../Button/index.js";
 import '../assets/styles.css';/* empty css                 */
-
-const CheckCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
+const w = (t) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12,8 +11,8 @@ const CheckCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ i(
       "path",
       {
         fill: "currentColor",
@@ -23,9 +22,7 @@ const CheckCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const CloseRemoveIcon = (props) => /* @__PURE__ */ jsx(
+), f = (t) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -33,8 +30,8 @@ const CloseRemoveIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ i(
       "path",
       {
         fill: "currentColor",
@@ -42,9 +39,7 @@ const CloseRemoveIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const DangerBoldIcon = (props) => /* @__PURE__ */ jsx(
+), y = (t) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -52,8 +47,8 @@ const DangerBoldIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ i(
       "path",
       {
         fill: "currentColor",
@@ -61,9 +56,7 @@ const DangerBoldIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
+), v = (t) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -71,8 +64,8 @@ const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ i(
       "path",
       {
         fill: "currentColor",
@@ -82,9 +75,7 @@ const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const alertVariantClassNames = {
+), o = {
   container: {
     warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",
     primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",
@@ -120,8 +111,7 @@ const alertVariantClassNames = {
     success: "dgs-ui-kit-text-success-800",
     gray: "dgs-ui-kit-text-gray-700"
   }
-};
-const alertSizeClassNames = {
+}, s = {
   container: {
     large: "dgs-ui-kit-p-4",
     small: "dgs-ui-kit-p-3"
@@ -143,110 +133,105 @@ const alertSizeClassNames = {
     small: "dgs-ui-kit-font-p3-regular"
   }
 };
-
-function getAlertIcon(variant, size) {
-  let IconComponent = InfoCircleBoldIcon;
-  if (variant === "error") IconComponent = DangerBoldIcon;
-  else if (variant === "success") IconComponent = CheckCircleBoldIcon;
-  return /* @__PURE__ */ jsx(
-    IconComponent,
+function b(t, r) {
+  let e = v;
+  return t === "error" ? e = y : t === "success" && (e = w), /* @__PURE__ */ i(
+    e,
     {
-      className: clsx(
+      className: l(
         "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",
-        alertVariantClassNames.icon[variant]
+        o.icon[t]
       ),
-      width: alertSizeClassNames.icon[size],
-      height: alertSizeClassNames.icon[size]
+      width: s.icon[r],
+      height: s.icon[r]
     }
   );
 }
-const Alert = (props) => {
+const M = (t) => {
   const {
-    variant = "primary",
-    size = "small",
-    title,
-    text,
-    primaryButton,
-    outlineButton,
-    closable,
-    className
-  } = props;
-  const [show, setShow] = useState(true);
-  if (show)
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(
-          "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
-          alertVariantClassNames.container[variant],
-          alertSizeClassNames.container[size],
-          className
-        ),
-        children: [
-          getAlertIcon(variant, size),
-          /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
-            Boolean(title) && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: clsx(
-                  alertVariantClassNames.title[variant],
-                  alertSizeClassNames.title[size]
+    variant: r = "primary",
+    size: e = "small",
+    title: d,
+    text: u,
+    primaryButton: a,
+    outlineButton: n,
+    closable: m,
+    className: k
+  } = t, [x, h] = p(!0);
+  return x ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: l(
+        "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
+        o.container[r],
+        s.container[e],
+        k
+      ),
+      children: [
+        b(r, e),
+        /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
+          !!d && /* @__PURE__ */ i(
+            "div",
+            {
+              className: l(
+                o.title[r],
+                s.title[e]
+              ),
+              children: d
+            }
+          ),
+          /* @__PURE__ */ i("p", { className: l(o.text[r], s.text[e]), children: u }),
+          (!!a?.text || !!n?.text) && /* @__PURE__ */ g(
+            "div",
+            {
+              className: l(
+                "dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",
+                e === "large" ? "dgs-ui-kit-mt-4" : "dgs-ui-kit-mt-3"
+              ),
+              children: [
+                !!a?.text && /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "primary",
+                    color: r,
+                    size: "small",
+                    ...a,
+                    children: a?.text
+                  }
                 ),
-                children: title
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: clsx(alertVariantClassNames.text[variant], alertSizeClassNames.text[size]), children: text }),
-            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxs(
-              "div",
+                !!n?.text && /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "outline",
+                    color: r,
+                    size: "small",
+                    ...n,
+                    children: n?.text
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ i(
+          "button",
+          {
+            className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
+            onClick: () => h(!1),
+            children: /* @__PURE__ */ i(
+              f,
               {
-                className: clsx(
-                  "dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",
-                  size === "large" ? "dgs-ui-kit-mt-4" : "dgs-ui-kit-mt-3"
-                ),
-                children: [
-                  Boolean(primaryButton?.text) && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "primary",
-                      color: variant,
-                      size: "small",
-                      ...primaryButton,
-                      children: primaryButton?.text
-                    }
-                  ),
-                  Boolean(outlineButton?.text) && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      color: variant,
-                      size: "small",
-                      ...outlineButton,
-                      children: outlineButton?.text
-                    }
-                  )
-                ]
+                className: l(o.close[r]),
+                width: s.close[e],
+                height: s.close[e]
               }
             )
-          ] }),
-          closable && /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
-              onClick: () => setShow(false),
-              children: /* @__PURE__ */ jsx(
-                CloseRemoveIcon,
-                {
-                  className: clsx(alertVariantClassNames.close[variant]),
-                  width: alertSizeClassNames.close[size],
-                  height: alertSizeClassNames.close[size]
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  return null;
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+export {
+  M as default
 };
-
-export { Alert as default };

package/dist/ArrowLeft2-B76dkC-C.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=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",d:"M16.28 4.47a.75.75 0 0 1 .073.976l-.073.084L9.811 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1-.073-.976l.073-.084 7-7a.75.75 0 0 1 1.06 0"})});exports.ArrowLeft2Icon=l;

package/dist/{ArrowLeft2-BURhvXT2.js → ArrowLeft2-jP2w1vwt.js}

@@ -1,6 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-
-const ArrowLeft2Icon = (props) => /* @__PURE__ */ jsx(
+import { jsx as l } from "react/jsx-runtime";
+const t = (o) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8,8 +7,8 @@ const ArrowLeft2Icon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...o,
+    children: /* @__PURE__ */ l(
       "path",
       {
         fill: "currentColor",
@@ -18,5 +17,6 @@ const ArrowLeft2Icon = (props) => /* @__PURE__ */ jsx(
     )
   }
 );
-
-export { ArrowLeft2Icon as A };
+export {
+  t as A
+};

package/dist/ArrowRight2-CYowPzS8.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),t=r=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:o.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m8.5 5 7 7-7 7"})});exports.ArrowRight2Icon=t;

package/dist/{ArrowRight2-DCxJPvNC.js → ArrowRight2-CcHdxGRE.js}

@@ -1,6 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-
-const ArrowRight2Icon = (props) => /* @__PURE__ */ jsx(
+import { jsx as o } from "react/jsx-runtime";
+const e = (r) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8,8 +7,8 @@ const ArrowRight2Icon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...r,
+    children: /* @__PURE__ */ o(
       "path",
       {
         stroke: "currentColor",
@@ -21,5 +20,6 @@ const ArrowRight2Icon = (props) => /* @__PURE__ */ jsx(
     )
   }
 );
-
-export { ArrowRight2Icon as A };
+export {
+  e as A
+};

package/dist/Badge/index.cjs

@@ -1,72 +1 @@
-'use strict';
-
-require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-;/* empty css                   */
-
-function styleBadge(options) {
-  const defaultClassName = "dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]";
-  const typeClassName = {
-    twoTone: {
-      primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",
-      secondary: "dgs-ui-kit-bg-secondary-100 dgs-ui-kit-text-secondary-700",
-      gray: "dgs-ui-kit-bg-gray-100 dgs-ui-kit-text-gray-600",
-      success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-text-success-800",
-      error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-600",
-      warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"
-    },
-    solid: {
-      primary: "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white",
-      secondary: "dgs-ui-kit-bg-secondary-600 dgs-ui-kit-text-white",
-      gray: "dgs-ui-kit-bg-gray-600 dgs-ui-kit-text-white",
-      success: "dgs-ui-kit-bg-success-600 dgs-ui-kit-text-white",
-      error: "dgs-ui-kit-bg-error-500 dgs-ui-kit-text-white",
-      warning: "dgs-ui-kit-bg-warning-500 dgs-ui-kit-text-black"
-    }
-  };
-  const textSizeClassName = {
-    small: "dgs-ui-kit-font-oveline-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-2 dgs-ui-kit-gap-[2px]",
-    medium: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-[10px] dgs-ui-kit-gap-1",
-    large: "dgs-ui-kit-font-button-small dgs-ui-kit-py-2 dgs-ui-kit-px-4 dgs-ui-kit-gap-[6px]"
-  };
-  const numberSizeClassName = {
-    small: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-[2px] dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-5",
-    medium: "dgs-ui-kit-font-p3-medium dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-6",
-    large: "dgs-ui-kit-font-h5-bold dgs-ui-kit-py-[2px] dgs-ui-kit-px-2 dgs-ui-kit-min-w-8"
-  };
-  return [
-    defaultClassName,
-    typeClassName[options.type][options.color],
-    options.valueType === "text" ? textSizeClassName[options.size] : numberSizeClassName[options.size],
-    options.className.length > 0 ? options.className : ""
-  ].slice().join(" ");
-}
-function getIconSize(badgSize) {
-  if (badgSize === "small") return "dgs-ui-kit-w-3 dgs-ui-kit-h-3";
-  if (badgSize === "medium") return "dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]";
-  return "dgs-ui-kit-w-4 dgs-ui-kit-h-4";
-}
-const Badge = (props) => {
-  const {
-    type = "solid",
-    color = "primary",
-    size = "medium",
-    valueType = "text",
-    value,
-    width,
-    className = ""
-  } = props;
-  const icon = props.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: styleBadge({ type, color, size, valueType, className }),
-      style: { width: width ?? "auto" },
-      children: [
-        icon && valueType === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: getIconSize(size), children: icon }),
-        value
-      ]
-    }
-  );
-};
-
-module.exports = Badge;
+"use strict";require('../assets/styles.css');const d=require("react/jsx-runtime");;/* empty css                   */function n(i){const e="dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]",g={twoTone:{primary:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",secondary:"dgs-ui-kit-bg-secondary-100 dgs-ui-kit-text-secondary-700",gray:"dgs-ui-kit-bg-gray-100 dgs-ui-kit-text-gray-600",success:"dgs-ui-kit-bg-success-50 dgs-ui-kit-text-success-800",error:"dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-600",warning:"dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"},solid:{primary:"dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white",secondary:"dgs-ui-kit-bg-secondary-600 dgs-ui-kit-text-white",gray:"dgs-ui-kit-bg-gray-600 dgs-ui-kit-text-white",success:"dgs-ui-kit-bg-success-600 dgs-ui-kit-text-white",error:"dgs-ui-kit-bg-error-500 dgs-ui-kit-text-white",warning:"dgs-ui-kit-bg-warning-500 dgs-ui-kit-text-black"}},t={small:"dgs-ui-kit-font-oveline-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-2 dgs-ui-kit-gap-[2px]",medium:"dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-[10px] dgs-ui-kit-gap-1",large:"dgs-ui-kit-font-button-small dgs-ui-kit-py-2 dgs-ui-kit-px-4 dgs-ui-kit-gap-[6px]"},s={small:"dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-[2px] dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-5",medium:"dgs-ui-kit-font-p3-medium dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-6",large:"dgs-ui-kit-font-h5-bold dgs-ui-kit-py-[2px] dgs-ui-kit-px-2 dgs-ui-kit-min-w-8"};return[e,g[i.type][i.color],i.valueType==="text"?t[i.size]:s[i.size],i.className.length>0?i.className:""].slice().join(" ")}function c(i){return i==="small"?"dgs-ui-kit-w-3 dgs-ui-kit-h-3":i==="medium"?"dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]":"dgs-ui-kit-w-4 dgs-ui-kit-h-4"}const l=i=>{const{type:e="solid",color:g="primary",size:t="medium",valueType:s="text",value:r,width:a,className:k=""}=i,u=i.icon;return d.jsxs("div",{className:n({type:e,color:g,size:t,valueType:s,className:k}),style:{width:a??"auto"},children:[u&&s==="text"&&d.jsx("span",{className:c(t),children:u}),r]})};module.exports=l;

package/dist/Badge/index.js

@@ -1,9 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
 import '../assets/styles.css';/* empty css                 */
-
-function styleBadge(options) {
-  const defaultClassName = "dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]";
-  const typeClassName = {
+function c(i) {
+  const e = "dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]", g = {
     twoTone: {
       primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",
       secondary: "dgs-ui-kit-bg-secondary-100 dgs-ui-kit-text-secondary-700",
@@ -20,51 +18,47 @@ function styleBadge(options) {
       error: "dgs-ui-kit-bg-error-500 dgs-ui-kit-text-white",
       warning: "dgs-ui-kit-bg-warning-500 dgs-ui-kit-text-black"
     }
-  };
-  const textSizeClassName = {
+  }, t = {
     small: "dgs-ui-kit-font-oveline-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-2 dgs-ui-kit-gap-[2px]",
     medium: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-[10px] dgs-ui-kit-gap-1",
     large: "dgs-ui-kit-font-button-small dgs-ui-kit-py-2 dgs-ui-kit-px-4 dgs-ui-kit-gap-[6px]"
-  };
-  const numberSizeClassName = {
+  }, s = {
     small: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-[2px] dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-5",
     medium: "dgs-ui-kit-font-p3-medium dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-6",
     large: "dgs-ui-kit-font-h5-bold dgs-ui-kit-py-[2px] dgs-ui-kit-px-2 dgs-ui-kit-min-w-8"
   };
   return [
-    defaultClassName,
-    typeClassName[options.type][options.color],
-    options.valueType === "text" ? textSizeClassName[options.size] : numberSizeClassName[options.size],
-    options.className.length > 0 ? options.className : ""
+    e,
+    g[i.type][i.color],
+    i.valueType === "text" ? t[i.size] : s[i.size],
+    i.className.length > 0 ? i.className : ""
   ].slice().join(" ");
 }
-function getIconSize(badgSize) {
-  if (badgSize === "small") return "dgs-ui-kit-w-3 dgs-ui-kit-h-3";
-  if (badgSize === "medium") return "dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]";
-  return "dgs-ui-kit-w-4 dgs-ui-kit-h-4";
+function l(i) {
+  return i === "small" ? "dgs-ui-kit-w-3 dgs-ui-kit-h-3" : i === "medium" ? "dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]" : "dgs-ui-kit-w-4 dgs-ui-kit-h-4";
 }
-const Badge = (props) => {
+const x = (i) => {
   const {
-    type = "solid",
-    color = "primary",
-    size = "medium",
-    valueType = "text",
-    value,
-    width,
-    className = ""
-  } = props;
-  const icon = props.icon;
-  return /* @__PURE__ */ jsxs(
+    type: e = "solid",
+    color: g = "primary",
+    size: t = "medium",
+    valueType: s = "text",
+    value: u,
+    width: r,
+    className: a = ""
+  } = i, d = i.icon;
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: styleBadge({ type, color, size, valueType, className }),
-      style: { width: width ?? "auto" },
+      className: c({ type: e, color: g, size: t, valueType: s, className: a }),
+      style: { width: r ?? "auto" },
       children: [
-        icon && valueType === "text" && /* @__PURE__ */ jsx("span", { className: getIconSize(size), children: icon }),
-        value
+        d && s === "text" && /* @__PURE__ */ n("span", { className: l(t), children: d }),
+        u
       ]
     }
   );
 };
-
-export { Badge as default };
+export {
+  x as default
+};

package/dist/Breadcrumb/index.cjs

@@ -1,43 +1 @@
-'use strict';
-
-require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../clsx-BtxeOLZW.cjs');
-const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
-;/* empty css                   */
-
-const Breadcrumb = (props) => {
-  const { items, pageTitle, className } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(
-        "dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container", children: [
-        items.map((breadcrumbItem) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "a",
-          {
-            href: breadcrumbItem.link,
-            className: "dgs-ui-kit-transition dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-text-gray-500 hover:dgs-ui-kit-text-primary-500",
-            children: [
-              breadcrumbItem.icon && breadcrumbItem.icon,
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-font-caption-demibold", children: breadcrumbItem.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ArrowLeft2.ArrowLeft2Icon,
-                {
-                  width: 16,
-                  height: 16
-                }
-              )
-            ]
-          },
-          breadcrumbItem.link
-        )),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: pageTitle })
-      ] })
-    }
-  );
-};
-
-module.exports = Breadcrumb;
+"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),n=require("../clsx-C11secjj.cjs"),g=require("../ArrowLeft2-B76dkC-C.cjs");;/* empty css                   */const l=t=>{const{items:e,pageTitle:d,className:r}=t;return i.jsx("div",{className:n.clsx("dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",r),children:i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container",children:[e.map(s=>i.jsxs("a",{href:s.link,className:"dgs-ui-kit-transition dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-text-gray-500 hover:dgs-ui-kit-text-primary-500",children:[s.icon&&s.icon,i.jsx("div",{className:"dgs-ui-kit-font-caption-demibold",children:s.title}),i.jsx(g.ArrowLeft2Icon,{width:16,height:16})]},s.link)),i.jsx("div",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular",children:d})]})})};module.exports=l;

package/dist/Breadcrumb/index.js

@@ -1,28 +1,27 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as clsx } from '../clsx-ChV9xqsO.js';
-import { A as ArrowLeft2Icon } from '../ArrowLeft2-BURhvXT2.js';
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { c as l } from "../clsx-OuTLNxxd.js";
+import { A as r } from "../ArrowLeft2-jP2w1vwt.js";
 import '../assets/styles.css';/* empty css                 */
-
-const Breadcrumb = (props) => {
-  const { items, pageTitle, className } = props;
-  return /* @__PURE__ */ jsx(
+const u = (e) => {
+  const { items: d, pageTitle: a, className: g } = e;
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: clsx(
+      className: l(
         "dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",
-        className
+        g
       ),
-      children: /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container", children: [
-        items.map((breadcrumbItem) => /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container", children: [
+        d.map((i) => /* @__PURE__ */ s(
           "a",
           {
-            href: breadcrumbItem.link,
+            href: i.link,
             className: "dgs-ui-kit-transition dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-text-gray-500 hover:dgs-ui-kit-text-primary-500",
             children: [
-              breadcrumbItem.icon && breadcrumbItem.icon,
-              /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-font-caption-demibold", children: breadcrumbItem.title }),
-              /* @__PURE__ */ jsx(
-                ArrowLeft2Icon,
+              i.icon && i.icon,
+              /* @__PURE__ */ t("div", { className: "dgs-ui-kit-font-caption-demibold", children: i.title }),
+              /* @__PURE__ */ t(
+                r,
                 {
                   width: 16,
                   height: 16
@@ -30,12 +29,13 @@ const Breadcrumb = (props) => {
               )
             ]
           },
-          breadcrumbItem.link
+          i.link
         )),
-        /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: pageTitle })
+        /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: a })
       ] })
     }
   );
 };
-
-export { Breadcrumb as default };
+export {
+  u as default
+};