@dgshahr/ui-kit 0.0.5 → 0.0.7

package/dist/Breadcrumb/index.cjs

@@ -1,34 +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("bg-gray-100 overflow-x-hidden w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-1 w-full py-3 container", children: [
-    items.map((breadcrumbItem) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "a",
-      {
-        href: breadcrumbItem.link,
-        className: "transition flex items-center gap-x-1 text-gray-500 hover:text-primary-500",
-        children: [
-          breadcrumbItem.icon && breadcrumbItem.icon,
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-caption-demibold", children: breadcrumbItem.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ArrowLeft2.ArrowLeft2Icon,
-            {
-              width: 16,
-              height: 16
-            }
-          )
-        ]
-      },
-      breadcrumbItem.link
-    )),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,4CAwBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,4CA6BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Breadcrumb/index.js

@@ -1,32 +1,41 @@
-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("div", { className: clsx("bg-gray-100 overflow-x-hidden w-full", className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1 w-full py-3 container", children: [
-    items.map((breadcrumbItem) => /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href: breadcrumbItem.link,
-        className: "transition flex items-center gap-x-1 text-gray-500 hover:text-primary-500",
-        children: [
-          breadcrumbItem.icon && breadcrumbItem.icon,
-          /* @__PURE__ */ jsx("div", { className: "font-caption-demibold", children: breadcrumbItem.title }),
-          /* @__PURE__ */ jsx(
-            ArrowLeft2Icon,
-            {
-              width: 16,
-              height: 16
-            }
-          )
-        ]
-      },
-      breadcrumbItem.link
-    )),
-    /* @__PURE__ */ jsx("div", { className: "text-gray-500 font-caption-regular", children: pageTitle })
-  ] }) });
+const u = (e) => {
+  const { items: d, pageTitle: a, className: g } = e;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: l(
+        "dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",
+        g
+      ),
+      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: 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: [
+              i.icon && i.icon,
+              /* @__PURE__ */ t("div", { className: "dgs-ui-kit-font-caption-demibold", children: i.title }),
+              /* @__PURE__ */ t(
+                r,
+                {
+                  width: 16,
+                  height: 16
+                }
+              )
+            ]
+          },
+          i.link
+        )),
+        /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: a })
+      ] })
+    }
+  );
+};
+export {
+  u as default
 };
-
-export { Breadcrumb as default };

package/dist/Button/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0BD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAwD9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0BD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAsD9C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Button/index.js

@@ -1,117 +1,110 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as clsx } from '../clsx-ChV9xqsO.js';
-
-import '../assets/Button.css';const variantStyle = {
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { c as o } from "../clsx-OuTLNxxd.js";
+import '../assets/Button.css';const y = {
   primary: {
-    primary: "bg-primary-500 active:bg-primary-600 hover:bg-primary-300 text-white border-transparent",
-    success: "bg-success-500 active:bg-success-600 hover:bg-success-300 text-white border-transparent",
-    error: "bg-error-500 active:bg-error-600 hover:bg-error-300 text-white border-transparent",
-    warning: "bg-warning-500 active:bg-warning-600 hover:bg-warning-300 text-gray-900 border-transparent",
-    gray: "bg-gray-500 active:bg-gray-600 hover:bg-gray-300 text-white border-transparent"
+    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: "text-primary-500 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent",
-    success: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-success-100 active:bg-success-200 hover:bg-success-50 disabled:bg-success-100 border-transparent",
-    error: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-error-100 active:bg-error-200 hover:bg-error-50 disabled:bg-error-100 border-transparent",
-    warning: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-warning-100 active:bg-warning-200 hover:bg-warning-50 disabled:bg-warning-100 border-transparent",
-    gray: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent"
+    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: "text-primary-500 border-primary-300 hover:border-primary-200 active:border-primary-600 active:text-primary-600",
-    success: "text-success-600 hover:text-success-400 border-success-500 hover:border-success-400 active:border-success-600 active:text-success-800",
-    error: "text-error-600 hover:text-error-400 border-error-500 hover:border-error-400 active:border-error-600 active:text-error-800",
-    warning: "text-warning-600 hover:text-warning-400 border-warning-500 hover:border-warning-400 active:border-warning-600 active:text-warning-800",
-    gray: "text-gray-600 hover:text-gray-400 border-gray-500 hover:border-gray-400 active:border-gray-600 active:text-gray-800"
+    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: "text-primary-500 hover:text-primary-300 border-transparent active:text-primary-700",
-    success: "text-success-700 hover:text-success-600 border-transparent active:text-success-800",
-    error: "text-error-700 hover:text-error-600 border-transparent active:text-error-800",
-    warning: "text-warning-700 hover:text-warning-600 border-transparent active:text-warning-800",
-    gray: "text-gray-700 hover:text-gray-600 border-transparent active:text-gray-800"
+    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"
   }
-};
-const sizeStyle = {
-  small: "button-small-icon py-2.5 px-4 font-button-small",
-  medium: "button-medium-icon py-3 px-5 font-button-medium",
-  large: "button-large-icon py-3 px-6 font-button-large"
-};
-const iconOnlyButtonSizeStyle = {
-  small: "button-small-icon p-[10px]",
-  medium: "button-medium-icon p-3",
-  large: "button-large-icon p-3"
-};
-
-const REMOVE_OPACITY_CLASS = "opacity-0";
-function styleButton({
-  variant = "primary",
-  color = "primary",
-  isFullWidth,
-  className,
-  size = "medium",
-  children
+}, v = {
+  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"
+}, 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 = "opacity-0";
+function x({
+  variant: d = "primary",
+  color: u = "primary",
+  isFullWidth: a,
+  className: r,
+  size: s = "medium",
+  children: e
 }) {
-  const defaultClassName = "border relative rounded-lg min-w-max h-fit disabled:cursor-not-allowed transition-all duration-300 flex items-center disabled:opacity-40";
   return [
-    defaultClassName,
-    isFullWidth ? "w-full justify-center" : "w-fit",
-    variantStyle[variant][color],
-    children ? sizeStyle[size] : iconOnlyButtonSizeStyle[size],
-    Number(className?.length) > 0 && className
+    "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 ? v[s] : l[s],
+    Number(r?.length) > 0 && r
   ].slice().join(" ");
 }
-const Button = ({
-  variant = "primary",
-  color = "primary",
-  isFullWidth,
-  className,
-  size,
-  leftIcon,
-  rightIcon,
-  isLoading,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: styleButton({
-        variant,
-        color,
-        isFullWidth,
-        className,
-        size,
-        children
-      }) + " rounded-lg",
-      ...props,
-      children: [
-        rightIcon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              "block icon-button",
-              { "ml-2": children },
-              { [REMOVE_OPACITY_CLASS]: isLoading }
-            ),
-            children: rightIcon
-          }
-        ),
-        children && /* @__PURE__ */ jsx("div", { className: clsx({ [REMOVE_OPACITY_CLASS]: isLoading }), children }),
-        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "dot-flashing" }) }),
-        leftIcon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              "block icon-button",
-              { "mr-2": children },
-              { [REMOVE_OPACITY_CLASS]: isLoading }
-            ),
-            children: leftIcon
-          }
-        )
-      ]
-    }
-  );
+const h = ({
+  variant: d = "primary",
+  color: u = "primary",
+  isFullWidth: a,
+  className: r,
+  size: s,
+  leftIcon: e,
+  rightIcon: k,
+  isLoading: g,
+  children: i,
+  ...c
+}) => /* @__PURE__ */ b(
+  "button",
+  {
+    className: x({
+      variant: d,
+      color: u,
+      isFullWidth: a,
+      className: r,
+      size: s,
+      children: i
+    }),
+    ...c,
+    children: [
+      k && /* @__PURE__ */ t(
+        "span",
+        {
+          className: o(
+            "dgs-ui-kit-block icon-button",
+            { "dgs-ui-kit-ml-2": i },
+            { [n]: g }
+          ),
+          children: k
+        }
+      ),
+      i && /* @__PURE__ */ t("div", { className: o({ [n]: g }), children: i }),
+      g && /* @__PURE__ */ t("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: /* @__PURE__ */ t("div", { className: "dot-flashing" }) }),
+      e && /* @__PURE__ */ t(
+        "span",
+        {
+          className: o(
+            "dgs-ui-kit-block icon-button",
+            { "dgs-ui-kit-mr-2": i },
+            { [n]: g }
+          ),
+          children: e
+        }
+      )
+    ]
+  }
+);
+export {
+  h as default
 };
-
-export { Button as default };

package/dist/Button/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Button/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,MAAM,CAC/B,QAAQ,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAChC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAyC/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAIjF,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Button/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,MAAM,CAC/B,QAAQ,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAChC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CA8C/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAIjF,CAAC"}

package/dist/Divider/index.cjs

@@ -1,25 +1 @@
-'use strict';
-
-require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-;/* empty css                   */
-
-function styleDivider({ type, size = "thin", color = "gray", className }) {
-  const typeClassName = type === "horizontal" ? "w-full" : "h-full";
-  const sizeClassName = {
-    horizontal: {
-      thin: "h-[1px]",
-      thick: "h-1"
-    },
-    vertical: {
-      thin: "w-[1px]",
-      thick: "w-1"
-    }
-  };
-  const colorClassName = color === "gray" ? "bg-gray-200" : "bg-gray-100";
-  return [typeClassName, sizeClassName[type][size], colorClassName, className ?? ""].slice().join(" ");
-}
-const Divider = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styleDivider(props) });
-};
-
-module.exports = Divider;
+"use strict";require('../assets/styles.css');const a=require("react/jsx-runtime");;/* empty css                   */function g({type:i,size:s="thin",color:t="gray",className:r}){const e=i==="horizontal"?"dgs-ui-kit-w-full":"dgs-ui-kit-h-full",u={horizontal:{thin:"dgs-ui-kit-h-[1px]",thick:"dgs-ui-kit-h-1"},vertical:{thin:"dgs-ui-kit-w-[1px]",thick:"dgs-ui-kit-w-1"}},n=t==="gray"?"dgs-ui-kit-bg-gray-200":"dgs-ui-kit-bg-gray-100";return[e,u[i][s],n,r??""].slice().join(" ")}const l=i=>a.jsx("div",{className:g(i)});module.exports=l;

package/dist/Divider/index.js

@@ -1,23 +1,19 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx as e } from "react/jsx-runtime";
 import '../assets/styles.css';/* empty css                 */
-
-function styleDivider({ type, size = "thin", color = "gray", className }) {
-  const typeClassName = type === "horizontal" ? "w-full" : "h-full";
-  const sizeClassName = {
+function g({ type: i, size: t = "thin", color: s = "gray", className: r }) {
+  const a = i === "horizontal" ? "dgs-ui-kit-w-full" : "dgs-ui-kit-h-full", o = {
     horizontal: {
-      thin: "h-[1px]",
-      thick: "h-1"
+      thin: "dgs-ui-kit-h-[1px]",
+      thick: "dgs-ui-kit-h-1"
     },
     vertical: {
-      thin: "w-[1px]",
-      thick: "w-1"
+      thin: "dgs-ui-kit-w-[1px]",
+      thick: "dgs-ui-kit-w-1"
     }
-  };
-  const colorClassName = color === "gray" ? "bg-gray-200" : "bg-gray-100";
-  return [typeClassName, sizeClassName[type][size], colorClassName, className ?? ""].slice().join(" ");
+  }, l = s === "gray" ? "dgs-ui-kit-bg-gray-200" : "dgs-ui-kit-bg-gray-100";
+  return [a, o[i][t], l, r ?? ""].slice().join(" ");
 }
-const Divider = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: styleDivider(props) });
+const d = (i) => /* @__PURE__ */ e("div", { className: g(i) });
+export {
+  d as default
 };
-
-export { Divider as default };

package/dist/Form/Checkbox/index.cjs

@@ -1,72 +1 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../../clsx-BtxeOLZW.cjs');
-const SelectableInputWrapper = require('../../SelectableInputWrapper-D2aYQb9J.cjs');
-
-const CheckmarkIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M9.613 17.57a.75.75 0 0 1-.53-.22l-4.375-4.376a.75.75 0 0 1 1.06-1.06l3.845 3.844 9.1-9.1a.75.75 0 1 1 1.06 1.061l-9.635 9.63a.75.75 0 0 1-.525.22"
-      }
-    )
-  }
-);
-
-const Minus4Icon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"
-      }
-    )
-  }
-);
-
-const Checkbox = (props) => {
-  const { className, isIndeterminate, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectableInputWrapper.SelectableInputWrapper, { ...rest, children: ({ inputClassName, checkedInputClassName }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "checkbox",
-        className: clsx.clsx("rounded", inputClassName, className),
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: checkedInputClassName, children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
-      Minus4Icon,
-      {
-        width: 16,
-        height: 16
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      CheckmarkIcon,
-      {
-        width: 16,
-        height: 16
-      }
-    ) })
-  ] }) });
-};
-
-module.exports = Checkbox;
+"use strict";const e=require("react/jsx-runtime"),c=require("../../clsx-C11secjj.cjs"),h=require("../../SelectableInputWrapper-C9x3IShC.cjs"),o=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",d:"M9.613 17.57a.75.75 0 0 1-.53-.22l-4.375-4.376a.75.75 0 0 1 1.06-1.06l3.845 3.844 9.1-9.1a.75.75 0 1 1 1.06 1.061l-9.635 9.63a.75.75 0 0 1-.525.22"})}),a=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",d:"M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"})}),x=s=>{const{className:n,isIndeterminate:r,...t}=s;return e.jsx(h.SelectableInputWrapper,{...t,children:({inputClassName:i,checkedInputClassName:l})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"checkbox",className:c.clsx("dgs-ui-kit-rounded",i,n),...t}),e.jsx("div",{className:l,children:r?e.jsx(a,{width:16,height:16}):e.jsx(o,{width:16,height:16})})]})})};module.exports=x;