@dgshahr/ui-kit 0.0.6 → 0.0.8

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: "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"
-  }
-};
-const sizeStyle = {
-  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"
-};
-const iconOnlyButtonSizeStyle = {
-  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"
-};
-
-const REMOVE_OPACITY_CLASS = "opacity-0";
-function styleButton({
-  variant = "primary",
-  color = "primary",
-  isFullWidth,
-  className,
-  size = "medium",
-  children
-}) {
-  const defaultClassName = "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";
-  return [
-    defaultClassName,
-    isFullWidth ? "dgs-ui-kit-w-full dgs-ui-kit-justify-center" : "dgs-ui-kit-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
-      }),
-      ...props,
-      children: [
-        rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(
-              "dgs-ui-kit-block icon-button",
-              { "dgs-ui-kit-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: "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__ */ jsxRuntime.jsx("div", { className: "dot-flashing" }) }),
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(
-              "dgs-ui-kit-block icon-button",
-              { "dgs-ui-kit-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.js

@@ -1,7 +1,6 @@
-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: "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",
@@ -30,88 +29,82 @@ import '../assets/Button.css';const variantStyle = {
     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 = {
+}, 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"
-};
-const iconOnlyButtonSizeStyle = {
+}, 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"
-};
-
-const REMOVE_OPACITY_CLASS = "opacity-0";
-function styleButton({
-  variant = "primary",
-  color = "primary",
-  isFullWidth,
-  className,
-  size = "medium",
-  children
+}, n = "opacity-0";
+function x({
+  variant: d = "primary",
+  color: u = "primary",
+  isFullWidth: a,
+  className: r,
+  size: s = "medium",
+  children: e
 }) {
-  const defaultClassName = "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";
   return [
-    defaultClassName,
-    isFullWidth ? "dgs-ui-kit-w-full dgs-ui-kit-justify-center" : "dgs-ui-kit-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
-      }),
-      ...props,
-      children: [
-        rightIcon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              "dgs-ui-kit-block icon-button",
-              { "dgs-ui-kit-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: "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__ */ jsx("div", { className: "dot-flashing" }) }),
-        leftIcon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              "dgs-ui-kit-block icon-button",
-              { "dgs-ui-kit-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/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" ? "dgs-ui-kit-w-full" : "dgs-ui-kit-h-full";
-  const sizeClassName = {
-    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"
-    }
-  };
-  const colorClassName = color === "gray" ? "dgs-ui-kit-bg-gray-200" : "dgs-ui-kit-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,9 +1,7 @@
-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" ? "dgs-ui-kit-w-full" : "dgs-ui-kit-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: "dgs-ui-kit-h-[1px]",
       thick: "dgs-ui-kit-h-1"
@@ -12,12 +10,10 @@ function styleDivider({ type, size = "thin", color = "gray", className }) {
       thin: "dgs-ui-kit-w-[1px]",
       thick: "dgs-ui-kit-w-1"
     }
-  };
-  const colorClassName = color === "gray" ? "dgs-ui-kit-bg-gray-200" : "dgs-ui-kit-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-g7YtIiBW.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("dgs-ui-kit-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;

package/dist/Form/Checkbox/index.js

@@ -1,8 +1,7 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as clsx } from '../../clsx-ChV9xqsO.js';
-import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-BIBVazbq.js';
-
-const CheckmarkIcon = (props) => /* @__PURE__ */ jsx(
+import { jsx as e, jsxs as o, Fragment as h } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { S as c } from "../../SelectableInputWrapper-B3ylMTsl.js";
+const m = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10,8 +9,8 @@ const CheckmarkIcon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ e(
       "path",
       {
         fill: "currentColor",
@@ -19,9 +18,7 @@ const CheckmarkIcon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const Minus4Icon = (props) => /* @__PURE__ */ jsx(
+), d = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -29,8 +26,8 @@ const Minus4Icon = (props) => /* @__PURE__ */ jsx(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
+    ...t,
+    children: /* @__PURE__ */ e(
       "path",
       {
         fill: "currentColor",
@@ -38,27 +35,25 @@ const Minus4Icon = (props) => /* @__PURE__ */ jsx(
       }
     )
   }
-);
-
-const Checkbox = (props) => {
-  const { className, isIndeterminate, ...rest } = props;
-  return /* @__PURE__ */ jsx(SelectableInputWrapper, { ...rest, children: ({ inputClassName, checkedInputClassName }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+), x = (t) => {
+  const { className: r, isIndeterminate: l, ...i } = t;
+  return /* @__PURE__ */ e(c, { ...i, children: ({ inputClassName: n, checkedInputClassName: s }) => /* @__PURE__ */ o(h, { children: [
+    /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
-        className: clsx("dgs-ui-kit-rounded", inputClassName, className),
-        ...rest
+        className: a("dgs-ui-kit-rounded", n, r),
+        ...i
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: checkedInputClassName, children: isIndeterminate ? /* @__PURE__ */ jsx(
-      Minus4Icon,
+    /* @__PURE__ */ e("div", { className: s, children: l ? /* @__PURE__ */ e(
+      d,
       {
         width: 16,
         height: 16
       }
-    ) : /* @__PURE__ */ jsx(
-      CheckmarkIcon,
+    ) : /* @__PURE__ */ e(
+      m,
       {
         width: 16,
         height: 16
@@ -66,5 +61,6 @@ const Checkbox = (props) => {
     ) })
   ] }) });
 };
-
-export { Checkbox as default };
+export {
+  x as default
+};