@dgshahr/ui-kit 0.0.5 → 0.0.6

package/dist/index.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('./assets/styles.css');;/* empty css                  */
-const AccordionItem = require('./AccordionItem-lq6ehxKe.cjs');
+const AccordionItem = require('./AccordionItem-C3MiOBH7.cjs');
 const Alert = require('./Alert/index.cjs');
 const Badge = require('./Badge/index.cjs');
 const Breadcrumb = require('./Breadcrumb/index.cjs');
@@ -14,7 +14,7 @@ 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-Q5_7SCZR.cjs');
+const Slide = require('./Slide-BzXDEkqH.cjs');
 
 
 

package/dist/index.js

@@ -1,5 +1,5 @@
 import './assets/styles.css';/* empty css                */
-export { A as AccordionGroup, a as AccordionItem } from './AccordionItem-DN7bi5kw.js';
+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';
@@ -10,4 +10,4 @@ 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-BDD1_RXD.js';
+export { a as Slide, S as Slider } from './Slide-BhWFQV8r.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",
@@ -151,9 +151,10 @@
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "tsc && vite build && node scripts/generate-exports.js",
+    "build": "rm -rf dist && tsc && vite build && node scripts/generate-exports.js",
     "build:story": "storybook build",
-    "lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0 -f codeframe",
+    "start:story": "npx http-server storybook-static",
+    "lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0 --no-warn-ignored -f codeframe",
     "format": "prettier src/**/* --write --ignore-unknown",
     "prepublishOnly": "npm run build",
     "prepare": "husky",
@@ -217,4 +218,4 @@
       "yarn format"
     ]
   }
-}
+}

package/dist/SelectableInputWrapper-D2aYQb9J.cjs

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

package/dist/SelectableInputWrapper-DAj8v1nv.js

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