@dgshahr/ui-kit 0.0.6 → 0.0.8

package/dist/clsx-C11secjj.cjs

@@ -0,0 +1 @@
+"use strict";function i(r){var f,n,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var s=r.length;for(f=0;f<s;f++)r[f]&&(n=i(r[f]))&&(t&&(t+=" "),t+=n)}else for(n in r)r[n]&&(t&&(t+=" "),t+=n);return t}function o(){for(var r,f,n=0,t="",s=arguments.length;n<s;n++)(r=arguments[n])&&(f=i(r))&&(t&&(t+=" "),t+=f);return t}exports.clsx=o;

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/index.cjs

@@ -1,34 +1 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('./assets/styles.css');;/* empty css                  */
-const AccordionItem = require('./AccordionItem-C3MiOBH7.cjs');
-const Alert = require('./Alert/index.cjs');
-const Badge = require('./Badge/index.cjs');
-const Breadcrumb = require('./Breadcrumb/index.cjs');
-const Button = require('./Button/index.cjs');
-const Divider = require('./Divider/index.cjs');
-const Form_Checkbox = require('./Form/Checkbox/index.cjs');
-const Form_Input = require('./Form/Input/index.cjs');
-const Form_RadioButton = require('./Form/RadioButton/index.cjs');
-const Form_Textarea = require('./Form/Textarea/index.cjs');
-const Pagination = require('./Pagination/index.cjs');
-const Slide = require('./Slide-BzXDEkqH.cjs');
-
-
-
-exports.AccordionGroup = AccordionItem.AccordionGroup;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.Alert = Alert;
-exports.Badge = Badge;
-exports.Breadcrumb = Breadcrumb;
-exports.Button = Button;
-exports.Divider = Divider;
-exports.Checkbox = Form_Checkbox;
-exports.Input = Form_Input;
-exports.RadioButton = Form_RadioButton;
-exports.Textarea = Form_Textarea;
-exports.Pagination = Pagination;
-exports.Slide = Slide.Slide;
-exports.Slider = Slide.Slider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-eMnIUJ1V.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Form/Checkbox/index.cjs"),d=require("./Form/Input/index.cjs"),a=require("./Form/RadioButton/index.cjs"),s=require("./Form/Textarea/index.cjs"),q=require("./Pagination/index.cjs"),r=require("./Slide-Zmb0vKbn.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Checkbox=u;exports.Input=d;exports.RadioButton=a;exports.Textarea=s;exports.Pagination=q;exports.Slide=r.Slide;exports.Slider=r.Slider;

package/dist/index.js

@@ -1,13 +1,29 @@
 import './assets/styles.css';/* empty css                */
-export { A as AccordionGroup, a as AccordionItem } from './AccordionItem-BFDuboYi.js';
-export { default as Alert } from './Alert/index.js';
-export { default as Badge } from './Badge/index.js';
-export { default as Breadcrumb } from './Breadcrumb/index.js';
-export { default as Button } from './Button/index.js';
-export { default as Divider } from './Divider/index.js';
-export { default as Checkbox } from './Form/Checkbox/index.js';
-export { default as Input } from './Form/Input/index.js';
-export { default as RadioButton } from './Form/RadioButton/index.js';
-export { default as Textarea } from './Form/Textarea/index.js';
-export { default as Pagination } from './Pagination/index.js';
-export { a as Slide, S as Slider } from './Slide-BhWFQV8r.js';
+import { A as e, a as t } from "./AccordionItem-tKSPLNKs.js";
+import { default as d } from "./Alert/index.js";
+import { default as p } from "./Badge/index.js";
+import { default as s } from "./Breadcrumb/index.js";
+import { default as l } from "./Button/index.js";
+import { default as n } from "./Divider/index.js";
+import { default as A } from "./Form/Checkbox/index.js";
+import { default as S } from "./Form/Input/index.js";
+import { default as g } from "./Form/RadioButton/index.js";
+import { default as h } from "./Form/Textarea/index.js";
+import { default as v } from "./Pagination/index.js";
+import { a as D, S as G } from "./Slide-C506y48c.js";
+export {
+  e as AccordionGroup,
+  t as AccordionItem,
+  d as Alert,
+  p as Badge,
+  s as Breadcrumb,
+  l as Button,
+  A as Checkbox,
+  n as Divider,
+  S as Input,
+  v as Pagination,
+  g as RadioButton,
+  D as Slide,
+  G as Slider,
+  h as Textarea
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",
@@ -147,6 +147,16 @@
         "types": "./dist/Slider/index.d.ts",
         "default": "./dist/Slider/index.cjs"
       }
+    },
+    "./Tabs": {
+      "import": {
+        "types": "./dist/Tabs/index.d.ts",
+        "default": "./dist/Tabs/index.js"
+      },
+      "require": {
+        "types": "./dist/Tabs/index.d.ts",
+        "default": "./dist/Tabs/index.cjs"
+      }
     }
   },
   "scripts": {

package/dist/AccordionItem-BFDuboYi.js

@@ -1,103 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as clsx } from './clsx-ChV9xqsO.js';
-import { createContext, useContext, useState, useId } from 'react';
-import Divider from './Divider/index.js';
-
-const accordionContext = createContext({
-  activeKey: null,
-  setActiveKey: () => {
-  }
-});
-const useAccordionData = () => useContext(accordionContext);
-
-const AccordionGroup = (props) => {
-  const { defaultActiveKey = null, className, children } = props;
-  const [activeKey, setActiveKey] = useState(defaultActiveKey);
-  return /* @__PURE__ */ jsx("div", { className: clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col", className), children: /* @__PURE__ */ jsx(
-    accordionContext.Provider,
-    {
-      value: {
-        activeKey,
-        setActiveKey
-      },
-      children
-    }
-  ) });
-};
-
-const ArrowDown2Icon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
-      }
-    )
-  }
-);
-
-const AccordionItem = (props) => {
-  const { children, title, accordionKey, className, contentClassName } = props;
-  const { activeKey, setActiveKey } = useAccordionData();
-  const reactUseId = useId();
-  const accordionItemKey = accordionKey ?? reactUseId;
-  const isItemActive = accordionItemKey === activeKey;
-  return /* @__PURE__ */ jsxs("div", { className: clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", className), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        className: clsx(
-          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
-          isItemActive ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
-        ),
-        onClick: () => {
-          if (isItemActive) setActiveKey(null);
-          else setActiveKey(accordionItemKey);
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: isItemActive ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: title }),
-          /* @__PURE__ */ jsx(
-            ArrowDown2Icon,
-            {
-              className: clsx(
-                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
-                isItemActive && "dgs-ui-kit-rotate-180"
-              ),
-              width: 20,
-              height: 20
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
-          isItemActive ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
-          contentClassName
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-overflow-hidden", children })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Divider,
-      {
-        type: "horizontal",
-        color: "white",
-        className: "dgs-ui-kit-mt-4"
-      }
-    )
-  ] });
-};
-
-export { AccordionGroup as A, AccordionItem as a };

package/dist/AccordionItem-C3MiOBH7.cjs

@@ -1,106 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('./clsx-BtxeOLZW.cjs');
-const react = require('react');
-const Divider = require('./Divider/index.cjs');
-
-const accordionContext = react.createContext({
-  activeKey: null,
-  setActiveKey: () => {
-  }
-});
-const useAccordionData = () => react.useContext(accordionContext);
-
-const AccordionGroup = (props) => {
-  const { defaultActiveKey = null, className, children } = props;
-  const [activeKey, setActiveKey] = react.useState(defaultActiveKey);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col", className), children: /* @__PURE__ */ jsxRuntime.jsx(
-    accordionContext.Provider,
-    {
-      value: {
-        activeKey,
-        setActiveKey
-      },
-      children
-    }
-  ) });
-};
-
-const ArrowDown2Icon = (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: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
-      }
-    )
-  }
-);
-
-const AccordionItem = (props) => {
-  const { children, title, accordionKey, className, contentClassName } = props;
-  const { activeKey, setActiveKey } = useAccordionData();
-  const reactUseId = react.useId();
-  const accordionItemKey = accordionKey ?? reactUseId;
-  const isItemActive = accordionItemKey === activeKey;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        className: clsx.clsx(
-          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
-          isItemActive ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
-        ),
-        onClick: () => {
-          if (isItemActive) setActiveKey(null);
-          else setActiveKey(accordionItemKey);
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: isItemActive ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ArrowDown2Icon,
-            {
-              className: clsx.clsx(
-                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
-                isItemActive && "dgs-ui-kit-rotate-180"
-              ),
-              width: 20,
-              height: 20
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: clsx.clsx(
-          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
-          isItemActive ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
-          contentClassName
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-overflow-hidden", children })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Divider,
-      {
-        type: "horizontal",
-        color: "white",
-        className: "dgs-ui-kit-mt-4"
-      }
-    )
-  ] });
-};
-
-exports.AccordionGroup = AccordionGroup;
-exports.AccordionItem = AccordionItem;

package/dist/ArrowLeft2-iZ0Au6Fn.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-const ArrowLeft2Icon = (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: "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 = ArrowLeft2Icon;

package/dist/ArrowRight2-DTuru_sP.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-const ArrowRight2Icon = (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",
-      {
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "m8.5 5 7 7-7 7"
-      }
-    )
-  }
-);
-
-exports.ArrowRight2Icon = ArrowRight2Icon;

package/dist/SelectableInputWrapper-g7YtIiBW.cjs

@@ -1,79 +0,0 @@
-'use strict';
-
-require('./assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('./clsx-BtxeOLZW.cjs');
-;/* empty css                  */
-
-const SelectableInputWrapper = (props) => {
-  const {
-    children,
-    containerClassName,
-    errorMessage,
-    helperMessage,
-    isError,
-    label,
-    variant = "default"
-  } = props;
-  const icon = props.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      className: clsx.clsx(
-        "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
-        {
-          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": variant === "bordered",
-          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && !isError,
-          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && isError
-        },
-        containerClassName
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: clsx.clsx(
-              "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
-              errorMessage ?? helperMessage ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: clsx.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
-                    "dgs-ui-kit-mt-1": label
-                  }),
-                  children: children({
-                    inputClassName: clsx.clsx(
-                      "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
-                      {
-                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && !isError,
-                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && isError
-                      }
-                    ),
-                    checkedInputClassName: "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 dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
-                  })
-                }
-              ),
-              Boolean(label) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-space-y-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: label }),
-                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: clsx.clsx(
-                      "dgs-ui-kit-font-p3-regular",
-                      errorMessage && isError ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
-                    ),
-                    children: isError && errorMessage ? errorMessage : helperMessage
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        variant === "bordered" && icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: icon }) : null
-      ]
-    }
-  );
-};
-
-exports.SelectableInputWrapper = SelectableInputWrapper;