@dgshahr/ui-kit 0.0.5 → 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,159 +75,163 @@ const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const alertVariantClassNames = {
+), o = {
   container: {
-    warning: "bg-warning-50 border-warning-200",
-    primary: "bg-primary-50 border-primary-100",
-    error: "bg-error-50 border-error-200",
-    success: "bg-success-50 border-success-200",
-    gray: "bg-gray-50 border-gray-200"
+    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",
+    error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",
+    success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",
+    gray: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"
   },
   icon: {
-    warning: "text-warning-700",
-    primary: "text-primary-400",
-    error: "text-error-600",
-    success: "text-success-600",
-    gray: "text-gray-600"
+    warning: "dgs-ui-kit-text-warning-700",
+    primary: "dgs-ui-kit-text-primary-400",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-600",
+    gray: "dgs-ui-kit-text-gray-600"
   },
   title: {
-    warning: "text-warning-800",
-    primary: "text-primary-700",
-    error: "text-error-700",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-700",
+    error: "dgs-ui-kit-text-error-700",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   close: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-800"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-800"
   },
   text: {
-    warning: "text-warning-800",
-    primary: "text-primary-600",
-    error: "text-error-600",
-    success: "text-success-800",
-    gray: "text-gray-700"
+    warning: "dgs-ui-kit-text-warning-800",
+    primary: "dgs-ui-kit-text-primary-600",
+    error: "dgs-ui-kit-text-error-600",
+    success: "dgs-ui-kit-text-success-800",
+    gray: "dgs-ui-kit-text-gray-700"
   }
-};
-const alertSizeClassNames = {
+}, s = {
   container: {
-    large: "p-4",
-    small: "p-3"
+    large: "dgs-ui-kit-p-4",
+    small: "dgs-ui-kit-p-3"
   },
   icon: {
     large: 24,
     small: 20
   },
   title: {
-    large: "font-h5-bold mb-2",
-    small: "font-h6-bold mb-1"
+    large: "dgs-ui-kit-font-h5-bold mb-2",
+    small: "dgs-ui-kit-font-h6-bold mb-1"
   },
   close: {
     large: 20,
     small: 20
   },
   text: {
-    large: "font-p2-regular",
-    small: "font-p3-regular"
+    large: "dgs-ui-kit-font-p2-regular",
+    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("shrink-0 my-[2px]", alertVariantClassNames.icon[variant]),
-      width: alertSizeClassNames.icon[size],
-      height: alertSizeClassNames.icon[size]
+      className: l(
+        "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",
+        o.icon[t]
+      ),
+      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(
-          "w-full flex gap-x-3 rounded-xl border border-solid",
-          alertVariantClassNames.container[variant],
-          alertSizeClassNames.container[size],
-          className
-        ),
-        children: [
-          getAlertIcon(variant, size),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1", children: [
-            Boolean(title) && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: clsx(
-                  alertVariantClassNames.title[variant],
-                  alertSizeClassNames.title[size]
-                ),
-                children: title
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: clsx(alertVariantClassNames.text[variant], alertSizeClassNames.text[size]), children: text }),
-            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxs("div", { className: clsx("flex gap-x-2 items-center", size === "large" ? "mt-4" : "mt-3"), children: [
-              Boolean(primaryButton?.text) && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "primary",
-                  color: variant,
-                  size: "small",
-                  ...primaryButton,
-                  children: primaryButton?.text
-                }
+    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]
               ),
-              Boolean(outlineButton?.text) && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  color: variant,
-                  size: "small",
-                  ...outlineButton,
-                  children: outlineButton?.text
-                }
-              )
-            ] })
-          ] }),
-          closable && /* @__PURE__ */ jsx(
-            "button",
+              children: d
+            }
+          ),
+          /* @__PURE__ */ i("p", { className: l(o.text[r], s.text[e]), children: u }),
+          (!!a?.text || !!n?.text) && /* @__PURE__ */ g(
+            "div",
             {
-              className: "shrink-0 my-[2px] h-fit",
-              onClick: () => setShow(false),
-              children: /* @__PURE__ */ jsx(
-                CloseRemoveIcon,
-                {
-                  className: clsx(alertVariantClassNames.close[variant]),
-                  width: alertSizeClassNames.close[size],
-                  height: alertSizeClassNames.close[size]
-                }
-              )
+              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
+                  }
+                ),
+                !!n?.text && /* @__PURE__ */ i(
+                  c,
+                  {
+                    variant: "outline",
+                    color: r,
+                    size: "small",
+                    ...n,
+                    children: n?.text
+                  }
+                )
+              ]
             }
           )
-        ]
-      }
-    );
-  return null;
+        ] }),
+        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: l(o.close[r]),
+                width: s.close[e],
+                height: s.close[e]
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) : 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 = "inline-flex items-center justify-center rounded-[20px]";
-  const typeClassName = {
-    twoTone: {
-      primary: "bg-primary-50 text-primary-600",
-      secondary: "bg-secondary-100 text-secondary-700",
-      gray: "bg-gray-100 text-gray-600",
-      success: "bg-success-50 text-success-800",
-      error: "bg-error-50 text-error-600",
-      warning: "bg-warning-50 text-warning-700"
-    },
-    solid: {
-      primary: "bg-primary-500 text-white",
-      secondary: "bg-secondary-600 text-white",
-      gray: "bg-gray-600 text-white",
-      success: "bg-success-600 text-white",
-      error: "bg-error-500 text-white",
-      warning: "bg-warning-500 text-black"
-    }
-  };
-  const textSizeClassName = {
-    small: "font-oveline-demibold py-1 px-2 gap-[2px]",
-    medium: "font-caption-demibold py-1 px-[10px] gap-1",
-    large: "font-button-small py-2 px-4 gap-[6px]"
-  };
-  const numberSizeClassName = {
-    small: "font-caption-demibold py-[2px] px-[6px] min-w-5",
-    medium: "font-p3-medium px-[6px] min-w-6",
-    large: "font-h5-bold py-[2px] px-2 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 "w-3 h-3";
-  if (badgSize === "medium") return "w-[14px] h-[14px]";
-  return "w-4 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,KAAK,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAyD7D,QAAA,MAAM,KAAK,UAAW,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,KAAK,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AA4D7D,QAAA,MAAM,KAAK,UAAW,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Badge/index.js

@@ -1,70 +1,64 @@
-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 = "inline-flex items-center justify-center 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: "bg-primary-50 text-primary-600",
-      secondary: "bg-secondary-100 text-secondary-700",
-      gray: "bg-gray-100 text-gray-600",
-      success: "bg-success-50 text-success-800",
-      error: "bg-error-50 text-error-600",
-      warning: "bg-warning-50 text-warning-700"
+      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: "bg-primary-500 text-white",
-      secondary: "bg-secondary-600 text-white",
-      gray: "bg-gray-600 text-white",
-      success: "bg-success-600 text-white",
-      error: "bg-error-500 text-white",
-      warning: "bg-warning-500 text-black"
+      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: "font-oveline-demibold py-1 px-2 gap-[2px]",
-    medium: "font-caption-demibold py-1 px-[10px] gap-1",
-    large: "font-button-small py-2 px-4 gap-[6px]"
-  };
-  const numberSizeClassName = {
-    small: "font-caption-demibold py-[2px] px-[6px] min-w-5",
-    medium: "font-p3-medium px-[6px] min-w-6",
-    large: "font-h5-bold py-[2px] px-2 min-w-8"
+  }, 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 [
-    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 "w-3 h-3";
-  if (badgSize === "medium") return "w-[14px] h-[14px]";
-  return "w-4 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
+};