npm - @yusufalperendumlu/component-library - Versions diffs - 0.0.3 → 0.0.5 - Mend

@yusufalperendumlu/component-library 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/.storybook/main.ts +13 -27
package/.storybook/preview.ts +15 -28
package/dist/cjs/index.css +1 -1
package/dist/cjs/index.css.map +1 -1
package/dist/cjs/index.js +1 -1
package/dist/cjs/index.js.map +1 -1
package/dist/esm/index.css +1 -1
package/dist/esm/index.css.map +1 -1
package/dist/esm/index.js +1 -1
package/dist/esm/index.js.map +1 -1
package/dist/index.d.ts +6 -4
package/dist/tailwind.css +1 -1
package/jest.config.ts +14 -0
package/package.json +68 -80
package/src/components/Button/{Button.stories.ts → Button.stories.tsx} +19 -8
package/src/components/Button/Button.tsx +23 -10
package/src/components/Button/Button.types.ts +7 -0
package/src/styles/tailwind.css +121 -0
package/src/tests/Button.test.tsx +36 -25
package/tailwind.config.js +11 -12
package/tsconfig.json +5 -2

package/.storybook/main.ts CHANGED Viewed

@@ -1,27 +1,13 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import path from 'path';
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(ts|tsx)'],
-  addons: ['@storybook/addon-essentials'],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  webpackFinal: async (config) => {
-    config.module?.rules?.push({
-      test: /\.(ts|tsx)$/,
-      use: [
-        {
-          loader: require.resolve('ts-loader'),
-        },
-      ],
-      exclude: /node_modules/,
-    });
-    return config;
-  },
-};
-export default config;
+// .storybook/main.ts
+import type { StorybookConfig } from '@storybook/react-vite';
+const config: StorybookConfig = {
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  },
+  stories: ['../src/**/*.stories.@(ts|tsx|js|jsx|mdx)'],
+  addons: ['@storybook/addon-docs'],
+};
+export default config;

package/.storybook/preview.ts CHANGED Viewed

@@ -1,29 +1,16 @@
-import '../src/styles/tailwind.css';
-import type { Preview } from '@storybook/react-webpack5'
-import { withThemeByClassName } from "@storybook/addon-themes";
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
-      },
-    },
-  },
-  decorators: [withThemeByClassName({
-      themes: {
-          // nameOfTheme: 'classNameForTheme',
-          light: '',
-          dark: 'dark',
-      },
-      defaultTheme: 'light',
-  })]
-};
+import "../src/styles/tailwind.css";
+import type { Preview } from '@storybook/react';
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
 export default preview;

package/dist/cjs/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mt-4{margin-top:1rem}.w-1\/2{width:50%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[70px\]{min-width:70px}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[\#424242\]{--tw-border-opacity:1;border-color:rgb(66 66 66/var(--tw-border-opacity))}.border-\[\#5876EE\]{--tw-border-opacity:1;border-color:rgb(88 118 238/var(--tw-border-opacity))}.border-\[\#BDC311\]{--tw-border-opacity:1;border-color:rgb(189 195 17/var(--tw-border-opacity))}.border-\[\#FF0000\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.bg-\[\#5876EE\]{--tw-bg-opacity:1;background-color:rgb(88 118 238/var(--tw-bg-opacity))}.bg-\[\#BDC311\]{--tw-bg-opacity:1;background-color:rgb(189 195 17/var(--tw-bg-opacity))}.bg-\[\#FF0000\]{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.font-inter{font-family:Inter,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-\[12px\]{font-weight:12px}.text-\[\#424242\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-\[\#4a66d9\]:hover{--tw-bg-opacity:1;background-color:rgb(74 102 217/var(--tw-bg-opacity))}.hover\:bg-\[\#FF0000\]:hover{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#a8b00e\]:hover{--tw-bg-opacity:1;background-color:rgb(168 176 14/var(--tw-bg-opacity))}.hover\:bg-\[\#d40000\]:hover{--tw-bg-opacity:1;background-color:rgb(212 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#f5f5f5\]:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:hover\:text-inherit:hover:disabled{color:inherit}
 /*# sourceMappingURL=index.css.map */

package/dist/cjs/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["tailwind.css"],"names":[],"mappings":"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~~mBAAmB~~,CAAnB,~~UAAA~~,gBAAmB,CAAnB,~~aAAA~~,iBAAmB,CAAnB,qDAAmB,CAAnB,~~aAAA~~,iBAAmB,CAAnB,~~sDAAmB~~,CAAnB,MAAA,mBAAmB,CAAnB,oBAAmB,CAAnB,MAAA,~~qBAAA~~,CAAA,kBAAmB,CAAnB,SAAA,kBAAmB,CAAnB,mBAAmB,CAAnB,eAAA,mBAAmB,CAAnB,0CAAmB,CAAnB,YAAA,mBAAmB,CAAnB,6CAAmB,CAAnB,gBAAA,wBAAA,CAAA,uBAAmB,CAAnB,kDAAmB,CAAnB,cAAA,uBAAmB,CAAnB,aAAA,kDAAmB","file":"index.css","sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n"]}
1	+ {"version":3,"sources":["tailwind.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n/* \r\n@custom-variant dark (&:is(.dark ));\r\n\r\n:root {\r\n --background: oklch(1 0 0);\r\n --foreground: oklch(0.145 0 0);\r\n --card: oklch(1 0 0);\r\n --card-foreground: oklch(0.145 0 0);\r\n --popover: oklch(1 0 0);\r\n --popover-foreground: oklch(0.145 0 0);\r\n --primary: oklch(0.205 0 0);\r\n --primary-foreground: oklch(0.985 0 0);\r\n --secondary: oklch(0.97 0 0);\r\n --secondary-foreground: oklch(0.205 0 0);\r\n --muted: oklch(0.97 0 0);\r\n --muted-foreground: oklch(0.556 0 0);\r\n --accent: oklch(0.97 0 0);\r\n --accent-foreground: oklch(0.205 0 0);\r\n --destructive: oklch(0.577 0.245 27.325);\r\n --destructive-foreground: oklch(0.577 0.245 27.325);\r\n --border: oklch(0.922 0 0);\r\n --input: oklch(0.922 0 0);\r\n --ring: oklch(0.708 0 0);\r\n --chart-1: oklch(0.646 0.222 41.116);\r\n --chart-2: oklch(0.6 0.118 184.704);\r\n --chart-3: oklch(0.398 0.07 227.392);\r\n --chart-4: oklch(0.828 0.189 84.429);\r\n --chart-5: oklch(0.769 0.188 70.08);\r\n --radius: 0.625rem;\r\n --sidebar: oklch(0.985 0 0);\r\n --sidebar-foreground: oklch(0.145 0 0);\r\n --sidebar-primary: oklch(0.205 0 0);\r\n --sidebar-primary-foreground: oklch(0.985 0 0);\r\n --sidebar-accent: oklch(0.97 0 0);\r\n --sidebar-accent-foreground: oklch(0.205 0 0);\r\n --sidebar-border: oklch(0.922 0 0);\r\n --sidebar-ring: oklch(0.708 0 0);\r\n}\r\n\r\n.dark {\r\n --background: oklch(0.145 0 0);\r\n --foreground: oklch(0.985 0 0);\r\n --card: oklch(0.145 0 0);\r\n --card-foreground: oklch(0.985 0 0);\r\n --popover: oklch(0.145 0 0);\r\n --popover-foreground: oklch(0.985 0 0);\r\n --primary: oklch(0.985 0 0);\r\n --primary-foreground: oklch(0.205 0 0);\r\n --secondary: oklch(0.269 0 0);\r\n --secondary-foreground: oklch(0.985 0 0);\r\n --muted: oklch(0.269 0 0);\r\n --muted-foreground: oklch(0.708 0 0);\r\n --accent: oklch(0.269 0 0);\r\n --accent-foreground: oklch(0.985 0 0);\r\n --destructive: oklch(0.396 0.141 25.723);\r\n --destructive-foreground: oklch(0.637 0.237 25.331);\r\n --border: oklch(0.269 0 0);\r\n --input: oklch(0.269 0 0);\r\n --ring: oklch(0.556 0 0);\r\n --chart-1: oklch(0.488 0.243 264.376);\r\n --chart-2: oklch(0.696 0.17 162.48);\r\n --chart-3: oklch(0.769 0.188 70.08);\r\n --chart-4: oklch(0.627 0.265 303.9);\r\n --chart-5: oklch(0.645 0.246 16.439);\r\n --sidebar: oklch(0.205 0 0);\r\n --sidebar-foreground: oklch(0.985 0 0);\r\n --sidebar-primary: oklch(0.488 0.243 264.376);\r\n --sidebar-primary-foreground: oklch(0.985 0 0);\r\n --sidebar-accent: oklch(0.269 0 0);\r\n --sidebar-accent-foreground: oklch(0.985 0 0);\r\n --sidebar-border: oklch(0.269 0 0);\r\n --sidebar-ring: oklch(0.439 0 0);\r\n}\r\n\r\n@theme inline {\r\n --color-background: var(--background);\r\n --color-foreground: var(--foreground);\r\n --color-card: var(--card);\r\n --color-card-foreground: var(--card-foreground);\r\n --color-popover: var(--popover);\r\n --color-popover-foreground: var(--popover-foreground);\r\n --color-primary: var(--primary);\r\n --color-primary-foreground: var(--primary-foreground);\r\n --color-secondary: var(--secondary);\r\n --color-secondary-foreground: var(--secondary-foreground);\r\n --color-muted: var(--muted);\r\n --color-muted-foreground: var(--muted-foreground);\r\n --color-accent: var(--accent);\r\n --color-accent-foreground: var(--accent-foreground);\r\n --color-destructive: var(--destructive);\r\n --color-destructive-foreground: var(--destructive-foreground);\r\n --color-border: var(--border);\r\n --color-input: var(--input);\r\n --color-ring: var(--ring);\r\n --color-chart-1: var(--chart-1);\r\n --color-chart-2: var(--chart-2);\r\n --color-chart-3: var(--chart-3);\r\n --color-chart-4: var(--chart-4);\r\n --color-chart-5: var(--chart-5);\r\n --radius-sm: calc(var(--radius) - 4px);\r\n --radius-md: calc(var(--radius) - 2px);\r\n --radius-lg: var(--radius);\r\n --radius-xl: calc(var(--radius) + 4px);\r\n --color-sidebar: var(--sidebar);\r\n --color-sidebar-foreground: var(--sidebar-foreground);\r\n --color-sidebar-primary: var(--sidebar-primary);\r\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\r\n --color-sidebar-accent: var(--sidebar-accent);\r\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\r\n --color-sidebar-border: var(--sidebar-border);\r\n --color-sidebar-ring: var(--sidebar-ring);\r\n}\r\n\r\n@layer base {\r\n {\r\n @apply border-border outline-ring/50;\r\n }\r\n body {\r\n @apply bg-background text-foreground;\r\n }\r\n} */\r\n"]}

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime");function e(r){var t,n,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r)){var l=r.length;for(t=0;t<l;t++)r[t]&&(n=e(r[t]))&&(a&&(a+=" "),a+=n)}else for(n in r)r[n]&&(a&&(a+=" "),a+=n);return a}function t(){for(var r,t,n=0,a="",l=arguments.length;n<l;n++)(r=arguments[n])&&(t=e(r))&&(a&&(a+=" "),a+=t);return a}const n=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,a=t,l=(i="border-2 rounded-lg transition-all duration-300 ease-in-out",s={variants:{variant:{primary:"bg-blue-500 text-white",secondary:"bg-gray-200 text-gray-800"}},defaultVariants:{variant:"primary"}},r=>{var e;if(null==(null==s?void 0:s.variants))return a(i,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:t,defaultVariants:l}=s,u=Object.keys(t).map(e=>{const a=null==r?void 0:r[e],i=null==l?void 0:l[e];if(null===a)return null;const s=n(a)||n(i);return t[e][s]}),o=r&&Object.entries(r).reduce((r,e)=>{let[t,n]=e;return void 0===n||(r[t]=n),r},{}),c=null==s||null===(e=s.compoundVariants)||void 0===e?void 0:e.reduce((r,e)=>{let{class:t,className:n,...a}=e;return Object.entries(a).every(r=>{let[e,t]=r;return Array.isArray(t)?t.includes({...l,...o}[e]):{...l,...o}[e]===t})?[...r,t,n]:r},[]);return a(i,u,c,null==r?void 0:r.class,null==r?void 0:r.className)});var i,s;exports.Button=({variant:e,title:n,...a})=>r.jsx("button",{className:t(l({variant:e}),a.className),...a,children:n}),exports.Input=({placeholder:e})=>r.jsx("input",{placeholder:e,children:"Input"});
+"use strict";var e=require("react/jsx-runtime");function r(e){var t,a,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(a=r(e[t]))&&(n&&(n+=" "),n+=a)}else for(a in e)e[a]&&(n&&(n+=" "),n+=a);return n}function t(){for(var e,t,a=0,n="",o=arguments.length;a<o;a++)(e=arguments[a])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}const a=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,n=t,o=(i="outline-none min-w-[70px] font-inter transition-all font-[12px] px-4 py-2 gap-2 rounded-md duration-300 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-inherit",s={variants:{variant:{primary:"bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",secondary:"bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",outline:"bg-transparent shadow-xs hover:bg-[#f5f5f5]",danger:"bg-[#FF0000] text-white shadow-xs hover:bg-[#d40000]"},size:{small:"w-fit px-3 text-sm",medium:"w-1/2 px-4 text-base",large:"w-full px-5 text-lg"},border:{primary:"border border-[#5876EE]  hover:bg-[#4a66d9]",secondary:"border border-[#BDC311]  hover:bg-[#a8b00e]",outline:"border border-[#424242]  hover:bg-[#f5f5f5]",danger:"border border-[#FF0000] text-[#FF0000]  hover:bg-[#FF0000]"}},defaultVariants:{variant:"primary",size:"medium"}},e=>{var r;if(null==(null==s?void 0:s.variants))return n(i,null==e?void 0:e.class,null==e?void 0:e.className);const{variants:t,defaultVariants:o}=s,l=Object.keys(t).map(r=>{const n=null==e?void 0:e[r],i=null==o?void 0:o[r];if(null===n)return null;const s=a(n)||a(i);return t[r][s]}),d=e&&Object.entries(e).reduce((e,r)=>{let[t,a]=r;return void 0===a||(e[t]=a),e},{}),u=null==s||null===(r=s.compoundVariants)||void 0===r?void 0:r.reduce((e,r)=>{let{class:t,className:a,...n}=r;return Object.entries(n).every(e=>{let[r,t]=e;return Array.isArray(t)?t.includes({...o,...d}[r]):{...o,...d}[r]===t})?[...e,t,a]:e},[]);return n(i,l,u,null==e?void 0:e.class,null==e?void 0:e.className)});var i,s;exports.Button=({variant:r,size:a,border:n,title:i,...s})=>e.jsx("button",{className:t(o({variant:r,size:a,border:n}),s.className),...s,children:i}),exports.Input=({placeholder:r})=>e.jsx("input",{placeholder:r,children:"Input"});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../node_modules/clsx/dist/clsx.mjs","../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null \|\| config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null \|\| props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null \|\| defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) \|\| falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null \|\| config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null \|\| _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments","falsyToString","value","cx","buttonVariants","base","config","variants","variant","primary","secondary","defaultVariants","props","_config_compoundVariants","class","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","title","_jsx","children","placeholder"],"mappings":"gDAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CCe/W,MAAMO,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGA,IAAoB,IAAVA,EAAc,IAAMA,EAChFC,EAAKJ,~~ECNZK~~,~~GDOcC~~,~~ECNlB~~,~~8DDMwBC~~,~~ECLxB~~,CACEC,SAAU,CACRC,QAAS,CACPC,QAAS,~~yBACTC~~,UAAW,~~8BAGfC~~,gBAAiB,~~CACfH~~,QAAS,~~YDHqBI~~,IAC5B,IAAIC,EACJ,GAAyE,~~OAApEP~~,aAAuC,EAASA,EAAOC,UAAmB,OAAOJ,EAAGE,~~EAAMO~~,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,WAC9M,~~MAAMR~~,SAAEA,~~EAAQI~~,gBAAEA,~~GAAoBL~~,~~EAChCU~~,EAAuBC,OAAOC,~~KAAKX~~,~~GAAUY~~,~~IAAKX~~,IACpD,~~MAAMY~~,EAAcR,aAAqC,EAASA,~~EAAMJ~~,~~GAClEa~~,EAAqBV,aAAyD,EAASA,~~EAAgBH~~,GAC7G,GAAoB,~~OAAhBY~~,EAAsB,OAAO,KACjC,MAAME,~~EAAarB~~,~~EAAcmB~~,~~IAAgBnB~~,~~EAAcoB~~,GAC/D,~~OAAOd~~,EAASC,~~GAASc~~,KAEvBC,EAAwBX,GAASK,OAAOO,QAAQZ,GAAOa,OAAO,CAACC,EAAKC,KACtE,IAAKC,~~EAAK1B~~,~~GAASyB~~,EACnB,YAAcE,~~IAAV3B~~,~~IAGJwB~~,EAAIE,~~GAAO1B~~,~~GAFAwB~~,GAIZ,CAAA,GACGI,EAA+~~BxB~~,SAAyG,~~QAAxDO~~,~~EAA2BP~~,~~EAAOyB~~,wBAA2D,IAA7BlB,OAA1E,EAAyHA,EAAyBY,OAAO,CAACC,EAAKC,KACvO,IAAMb,MAAOkB,EAASjB,UAAWkB,KAAgBC,GAA2BP,EAC5E,OAAOV,OAAOO,QAAQU,GAAwBC,MAAOR,IACjD,IAAKC,~~EAAK1B~~,~~GAASyB~~,EACnB,~~OAAOhC~~,MAAMC,QAAQM,GAASA,~~EAAMkC~~,SAAS,IACtCzB,KACAY,GACLK,IAAQ,IACHjB,KACAY,GACJK,~~KAAS1B~~,IACX,~~IACEwB~~,EACHM,EACAC,GACAP,GACL,IACH,~~OAAOvB~~,EAAGE,~~EAAMW~~,EAAsBc,EAA8BlB,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,aApCxK,~~IAACV~~,EAAMC,~~iBCQX~~,EAAGE,~~UAAS6B~~,WAAUzB,~~KAEjC0B~~,EAAAA,~~cACEvB~~,~~UAAWhB~~,~~EAAKK~~,EAAe,CAAEI,~~YAAYI~~,EAAMG,~~cAC/CH~~,EAAK2B,SAERF,~~kBC3B6B~~,EAAGG,iBAC9BF,EAAAA,IAAA,QAAA,CAAOE,YAAaA","x_google_ignoreList":[0,1]}
1	+ {"version":3,"file":"index.js","sources":["../../node_modules/clsx/dist/clsx.mjs","../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null \|\| config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null \|\| props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null \|\| defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) \|\| falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null \|\| config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null \|\| _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments","falsyToString","value","cx","buttonVariants","base","config","variants","variant","primary","secondary","outline","danger","size","small","medium","large","border","defaultVariants","props","_config_compoundVariants","class","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","title","_jsx","children","placeholder"],"mappings":"gDAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CCe/W,MAAMO,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGA,IAAoB,IAAVA,EAAc,IAAMA,EAChFC,EAAKJ,ECVZK,GDWcC,ECVlB,gODUwBC,ECTxB,CACEC,SAAU,CACRC,QAAS,CACPC,QAAS,uDACTC,UAAW,2DACXC,QAAS,8CACTC,OAAQ,wDAEVC,KAAM,CACJC,MAAO,qBACPC,OAAQ,uBACRC,MAAO,uBAETC,OAAQ,CACNR,QAAS,8CACTC,UAAW,8CACXC,QAAS,8CACTC,OAAQ,+DAGZM,gBAAiB,CACfV,QAAS,UACTK,KAAM,WDbwBM,IAC5B,IAAIC,EACJ,GAAyE,OAApEd,aAAuC,EAASA,EAAOC,UAAmB,OAAOJ,EAAGE,EAAMc,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,WAC9M,MAAMf,SAAEA,EAAQW,gBAAEA,GAAoBZ,EAChCiB,EAAuBC,OAAOC,KAAKlB,GAAUmB,IAAKlB,IACpD,MAAMmB,EAAcR,aAAqC,EAASA,EAAMX,GAClEoB,EAAqBV,aAAyD,EAASA,EAAgBV,GAC7G,GAAoB,OAAhBmB,EAAsB,OAAO,KACjC,MAAME,EAAa5B,EAAc0B,IAAgB1B,EAAc2B,GAC/D,OAAOrB,EAASC,GAASqB,KAEvBC,EAAwBX,GAASK,OAAOO,QAAQZ,GAAOa,OAAO,CAACC,EAAKC,KACtE,IAAKC,EAAKjC,GAASgC,EACnB,YAAcE,IAAVlC,IAGJ+B,EAAIE,GAAOjC,GAFA+B,GAIZ,CAAA,GACGI,EAA+B/B,SAAyG,QAAxDc,EAA2Bd,EAAOgC,wBAA2D,IAA7BlB,OAA1E,EAAyHA,EAAyBY,OAAO,CAACC,EAAKC,KACvO,IAAMb,MAAOkB,EAASjB,UAAWkB,KAAgBC,GAA2BP,EAC5E,OAAOV,OAAOO,QAAQU,GAAwBC,MAAOR,IACjD,IAAKC,EAAKjC,GAASgC,EACnB,OAAOvC,MAAMC,QAAQM,GAASA,EAAMyC,SAAS,IACtCzB,KACAY,GACLK,IAAQ,IACHjB,KACAY,GACJK,KAASjC,IACX,IACE+B,EACHM,EACAC,GACAP,GACL,IACH,OAAO9B,EAAGE,EAAMkB,EAAsBc,EAA8BlB,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,aApCxK,IAACjB,EAAMC,iBCkBX,EAAGE,UAASK,OAAMI,SAAQ2B,WAAUzB,KAE/C0B,EAAAA,IAAA,SAAA,CACEvB,UAAWvB,EACTK,EAAe,CAAEI,UAASK,OAAMI,WAChCE,EAAMG,cAEJH,EAAK2B,SAERF,kBCxC6B,EAAGG,iBAC9BF,EAAAA,IAAA,QAAA,CAAOE,YAAaA","x_google_ignoreList":[0,1]}

package/dist/esm/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mt-4{margin-top:1rem}.w-1\/2{width:50%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[70px\]{min-width:70px}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[\#424242\]{--tw-border-opacity:1;border-color:rgb(66 66 66/var(--tw-border-opacity))}.border-\[\#5876EE\]{--tw-border-opacity:1;border-color:rgb(88 118 238/var(--tw-border-opacity))}.border-\[\#BDC311\]{--tw-border-opacity:1;border-color:rgb(189 195 17/var(--tw-border-opacity))}.border-\[\#FF0000\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.bg-\[\#5876EE\]{--tw-bg-opacity:1;background-color:rgb(88 118 238/var(--tw-bg-opacity))}.bg-\[\#BDC311\]{--tw-bg-opacity:1;background-color:rgb(189 195 17/var(--tw-bg-opacity))}.bg-\[\#FF0000\]{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.font-inter{font-family:Inter,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-\[12px\]{font-weight:12px}.text-\[\#424242\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-\[\#4a66d9\]:hover{--tw-bg-opacity:1;background-color:rgb(74 102 217/var(--tw-bg-opacity))}.hover\:bg-\[\#FF0000\]:hover{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#a8b00e\]:hover{--tw-bg-opacity:1;background-color:rgb(168 176 14/var(--tw-bg-opacity))}.hover\:bg-\[\#d40000\]:hover{--tw-bg-opacity:1;background-color:rgb(212 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#f5f5f5\]:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:hover\:text-inherit:hover:disabled{color:inherit}
 /*# sourceMappingURL=index.css.map */

package/dist/esm/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["tailwind.css"],"names":[],"mappings":"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~~mBAAmB~~,CAAnB,~~UAAA~~,gBAAmB,CAAnB,~~aAAA~~,iBAAmB,CAAnB,qDAAmB,CAAnB,~~aAAA~~,iBAAmB,CAAnB,~~sDAAmB~~,CAAnB,MAAA,mBAAmB,CAAnB,oBAAmB,CAAnB,MAAA,~~qBAAA~~,CAAA,kBAAmB,CAAnB,SAAA,kBAAmB,CAAnB,mBAAmB,CAAnB,eAAA,mBAAmB,CAAnB,0CAAmB,CAAnB,YAAA,mBAAmB,CAAnB,6CAAmB,CAAnB,gBAAA,wBAAA,CAAA,uBAAmB,CAAnB,kDAAmB,CAAnB,cAAA,uBAAmB,CAAnB,aAAA,kDAAmB","file":"index.css","sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n"]}
1	+ {"version":3,"sources":["tailwind.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n/* \r\n@custom-variant dark (&:is(.dark ));\r\n\r\n:root {\r\n --background: oklch(1 0 0);\r\n --foreground: oklch(0.145 0 0);\r\n --card: oklch(1 0 0);\r\n --card-foreground: oklch(0.145 0 0);\r\n --popover: oklch(1 0 0);\r\n --popover-foreground: oklch(0.145 0 0);\r\n --primary: oklch(0.205 0 0);\r\n --primary-foreground: oklch(0.985 0 0);\r\n --secondary: oklch(0.97 0 0);\r\n --secondary-foreground: oklch(0.205 0 0);\r\n --muted: oklch(0.97 0 0);\r\n --muted-foreground: oklch(0.556 0 0);\r\n --accent: oklch(0.97 0 0);\r\n --accent-foreground: oklch(0.205 0 0);\r\n --destructive: oklch(0.577 0.245 27.325);\r\n --destructive-foreground: oklch(0.577 0.245 27.325);\r\n --border: oklch(0.922 0 0);\r\n --input: oklch(0.922 0 0);\r\n --ring: oklch(0.708 0 0);\r\n --chart-1: oklch(0.646 0.222 41.116);\r\n --chart-2: oklch(0.6 0.118 184.704);\r\n --chart-3: oklch(0.398 0.07 227.392);\r\n --chart-4: oklch(0.828 0.189 84.429);\r\n --chart-5: oklch(0.769 0.188 70.08);\r\n --radius: 0.625rem;\r\n --sidebar: oklch(0.985 0 0);\r\n --sidebar-foreground: oklch(0.145 0 0);\r\n --sidebar-primary: oklch(0.205 0 0);\r\n --sidebar-primary-foreground: oklch(0.985 0 0);\r\n --sidebar-accent: oklch(0.97 0 0);\r\n --sidebar-accent-foreground: oklch(0.205 0 0);\r\n --sidebar-border: oklch(0.922 0 0);\r\n --sidebar-ring: oklch(0.708 0 0);\r\n}\r\n\r\n.dark {\r\n --background: oklch(0.145 0 0);\r\n --foreground: oklch(0.985 0 0);\r\n --card: oklch(0.145 0 0);\r\n --card-foreground: oklch(0.985 0 0);\r\n --popover: oklch(0.145 0 0);\r\n --popover-foreground: oklch(0.985 0 0);\r\n --primary: oklch(0.985 0 0);\r\n --primary-foreground: oklch(0.205 0 0);\r\n --secondary: oklch(0.269 0 0);\r\n --secondary-foreground: oklch(0.985 0 0);\r\n --muted: oklch(0.269 0 0);\r\n --muted-foreground: oklch(0.708 0 0);\r\n --accent: oklch(0.269 0 0);\r\n --accent-foreground: oklch(0.985 0 0);\r\n --destructive: oklch(0.396 0.141 25.723);\r\n --destructive-foreground: oklch(0.637 0.237 25.331);\r\n --border: oklch(0.269 0 0);\r\n --input: oklch(0.269 0 0);\r\n --ring: oklch(0.556 0 0);\r\n --chart-1: oklch(0.488 0.243 264.376);\r\n --chart-2: oklch(0.696 0.17 162.48);\r\n --chart-3: oklch(0.769 0.188 70.08);\r\n --chart-4: oklch(0.627 0.265 303.9);\r\n --chart-5: oklch(0.645 0.246 16.439);\r\n --sidebar: oklch(0.205 0 0);\r\n --sidebar-foreground: oklch(0.985 0 0);\r\n --sidebar-primary: oklch(0.488 0.243 264.376);\r\n --sidebar-primary-foreground: oklch(0.985 0 0);\r\n --sidebar-accent: oklch(0.269 0 0);\r\n --sidebar-accent-foreground: oklch(0.985 0 0);\r\n --sidebar-border: oklch(0.269 0 0);\r\n --sidebar-ring: oklch(0.439 0 0);\r\n}\r\n\r\n@theme inline {\r\n --color-background: var(--background);\r\n --color-foreground: var(--foreground);\r\n --color-card: var(--card);\r\n --color-card-foreground: var(--card-foreground);\r\n --color-popover: var(--popover);\r\n --color-popover-foreground: var(--popover-foreground);\r\n --color-primary: var(--primary);\r\n --color-primary-foreground: var(--primary-foreground);\r\n --color-secondary: var(--secondary);\r\n --color-secondary-foreground: var(--secondary-foreground);\r\n --color-muted: var(--muted);\r\n --color-muted-foreground: var(--muted-foreground);\r\n --color-accent: var(--accent);\r\n --color-accent-foreground: var(--accent-foreground);\r\n --color-destructive: var(--destructive);\r\n --color-destructive-foreground: var(--destructive-foreground);\r\n --color-border: var(--border);\r\n --color-input: var(--input);\r\n --color-ring: var(--ring);\r\n --color-chart-1: var(--chart-1);\r\n --color-chart-2: var(--chart-2);\r\n --color-chart-3: var(--chart-3);\r\n --color-chart-4: var(--chart-4);\r\n --color-chart-5: var(--chart-5);\r\n --radius-sm: calc(var(--radius) - 4px);\r\n --radius-md: calc(var(--radius) - 2px);\r\n --radius-lg: var(--radius);\r\n --radius-xl: calc(var(--radius) + 4px);\r\n --color-sidebar: var(--sidebar);\r\n --color-sidebar-foreground: var(--sidebar-foreground);\r\n --color-sidebar-primary: var(--sidebar-primary);\r\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\r\n --color-sidebar-accent: var(--sidebar-accent);\r\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\r\n --color-sidebar-border: var(--sidebar-border);\r\n --color-sidebar-ring: var(--sidebar-ring);\r\n}\r\n\r\n@layer base {\r\n {\r\n @apply border-border outline-ring/50;\r\n }\r\n body {\r\n @apply bg-background text-foreground;\r\n }\r\n} */\r\n"]}

package/dist/esm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";function e(r){var t,n,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r)){var l=r.length;for(t=0;t<l;t++)r[t]&&(n=e(r[t]))&&(a&&(a+=" "),a+=n)}else for(n in r)r[n]&&(a&&(a+=" "),a+=n);return a}function t(){for(var r,t,n=0,a="",l=arguments.length;n<l;n++)(r=arguments[n])&&(t=e(r))&&(a&&(a+=" "),a+=t);return a}const n=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,a=t,l=(i="border-2 rounded-lg transition-all duration-300 ease-in-out",o={variants:{variant:{primary:"bg-blue-500 text-white",secondary:"bg-gray-200 text-gray-800"}},defaultVariants:{variant:"primary"}},r=>{var e;if(null==(null==o?void 0:o.variants))return a(i,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:t,defaultVariants:l}=o,s=Object.keys(t).map(e=>{const a=null==r?void 0:r[e],i=null==l?void 0:l[e];if(null===a)return null;const o=n(a)||n(i);return t[e][o]}),u=r&&Object.entries(r).reduce((r,e)=>{let[t,n]=e;return void 0===n||(r[t]=n),r},{}),c=null==o||null===(e=o.compoundVariants)||void 0===e?void 0:e.reduce((r,e)=>{let{class:t,className:n,...a}=e;return Object.entries(a).every(r=>{let[e,t]=r;return Array.isArray(t)?t.includes({...l,...u}[e]):{...l,...u}[e]===t})?[...r,t,n]:r},[]);return a(i,s,c,null==r?void 0:r.class,null==r?void 0:r.className)});var i,o;const s=({variant:e,title:n,...a})=>r("button",{className:t(l({variant:e}),a.className),...a,children:n}),u=({placeholder:e})=>r("input",{placeholder:e,children:"Input"});export{s as Button,u as Input};
+import{jsx as e}from"react/jsx-runtime";function r(e){var t,a,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(a=r(e[t]))&&(n&&(n+=" "),n+=a)}else for(a in e)e[a]&&(n&&(n+=" "),n+=a);return n}function t(){for(var e,t,a=0,n="",o=arguments.length;a<o;a++)(e=arguments[a])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}const a=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,n=t,o=(i="outline-none min-w-[70px] font-inter transition-all font-[12px] px-4 py-2 gap-2 rounded-md duration-300 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-inherit",l={variants:{variant:{primary:"bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",secondary:"bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",outline:"bg-transparent shadow-xs hover:bg-[#f5f5f5]",danger:"bg-[#FF0000] text-white shadow-xs hover:bg-[#d40000]"},size:{small:"w-fit px-3 text-sm",medium:"w-1/2 px-4 text-base",large:"w-full px-5 text-lg"},border:{primary:"border border-[#5876EE]  hover:bg-[#4a66d9]",secondary:"border border-[#BDC311]  hover:bg-[#a8b00e]",outline:"border border-[#424242]  hover:bg-[#f5f5f5]",danger:"border border-[#FF0000] text-[#FF0000]  hover:bg-[#FF0000]"}},defaultVariants:{variant:"primary",size:"medium"}},e=>{var r;if(null==(null==l?void 0:l.variants))return n(i,null==e?void 0:e.class,null==e?void 0:e.className);const{variants:t,defaultVariants:o}=l,s=Object.keys(t).map(r=>{const n=null==e?void 0:e[r],i=null==o?void 0:o[r];if(null===n)return null;const l=a(n)||a(i);return t[r][l]}),d=e&&Object.entries(e).reduce((e,r)=>{let[t,a]=r;return void 0===a||(e[t]=a),e},{}),u=null==l||null===(r=l.compoundVariants)||void 0===r?void 0:r.reduce((e,r)=>{let{class:t,className:a,...n}=r;return Object.entries(n).every(e=>{let[r,t]=e;return Array.isArray(t)?t.includes({...o,...d}[r]):{...o,...d}[r]===t})?[...e,t,a]:e},[]);return n(i,s,u,null==e?void 0:e.class,null==e?void 0:e.className)});var i,l;const s=({variant:r,size:a,border:n,title:i,...l})=>e("button",{className:t(o({variant:r,size:a,border:n}),l.className),...l,children:i}),d=({placeholder:r})=>e("input",{placeholder:r,children:"Input"});export{s as Button,d as Input};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../node_modules/clsx/dist/clsx.mjs","../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null \|\| config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null \|\| props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null \|\| defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) \|\| falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null \|\| config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null \|\| _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments","falsyToString","value","cx","buttonVariants","base","config","variants","variant","primary","secondary","defaultVariants","props","_config_compoundVariants","class","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","Button","title","_jsx","children","Input","placeholder"],"mappings":"wCAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CCe/W,MAAMO,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGA,IAAoB,IAAVA,EAAc,IAAMA,EAChFC,EAAKJ,~~ECNZK~~,~~GDOcC~~,~~ECNlB~~,~~8DDMwBC~~,~~ECLxB~~,CACEC,SAAU,CACRC,QAAS,CACPC,QAAS,~~yBACTC~~,UAAW,~~8BAGfC~~,gBAAiB,~~CACfH~~,QAAS,~~YDHqBI~~,IAC5B,IAAIC,EACJ,GAAyE,~~OAApEP~~,aAAuC,EAASA,EAAOC,UAAmB,OAAOJ,EAAGE,~~EAAMO~~,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,WAC9M,~~MAAMR~~,SAAEA,~~EAAQI~~,gBAAEA,~~GAAoBL~~,~~EAChCU~~,EAAuBC,OAAOC,~~KAAKX~~,~~GAAUY~~,~~IAAKX~~,IACpD,~~MAAMY~~,EAAcR,aAAqC,EAASA,~~EAAMJ~~,~~GAClEa~~,EAAqBV,aAAyD,EAASA,~~EAAgBH~~,GAC7G,GAAoB,~~OAAhBY~~,EAAsB,OAAO,KACjC,MAAME,~~EAAarB~~,~~EAAcmB~~,~~IAAgBnB~~,~~EAAcoB~~,GAC/D,~~OAAOd~~,EAASC,~~GAASc~~,KAEvBC,EAAwBX,GAASK,OAAOO,QAAQZ,GAAOa,OAAO,CAACC,EAAKC,KACtE,IAAKC,~~EAAK1B~~,~~GAASyB~~,EACnB,YAAcE,~~IAAV3B~~,~~IAGJwB~~,EAAIE,~~GAAO1B~~,~~GAFAwB~~,GAIZ,CAAA,GACGI,EAA+~~BxB~~,SAAyG,~~QAAxDO~~,~~EAA2BP~~,~~EAAOyB~~,wBAA2D,IAA7BlB,OAA1E,EAAyHA,EAAyBY,OAAO,CAACC,EAAKC,KACvO,IAAMb,MAAOkB,EAASjB,UAAWkB,KAAgBC,GAA2BP,EAC5E,OAAOV,OAAOO,QAAQU,GAAwBC,MAAOR,IACjD,IAAKC,~~EAAK1B~~,~~GAASyB~~,EACnB,~~OAAOhC~~,MAAMC,QAAQM,GAASA,~~EAAMkC~~,SAAS,IACtCzB,KACAY,GACLK,IAAQ,IACHjB,KACAY,GACJK,~~KAAS1B~~,IACX,~~IACEwB~~,EACHM,EACAC,GACAP,GACL,IACH,~~OAAOvB~~,EAAGE,~~EAAMW~~,EAAsBc,EAA8BlB,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,aApCxK,~~IAACV~~,EAAMC,~~ECQ1B~~,~~MAAM+B~~,EAAS,~~EAAG7B~~,~~UAAS8B~~,WAAU1B,~~KAEjC2B~~,~~YACExB~~,~~UAAWhB~~,~~EAAKK~~,EAAe,CAAEI,~~YAAYI~~,EAAMG,~~cAC/CH~~,EAAK4B,SAERF,~~IC3BDG~~,EAA8B,EAAGC,iBAC9BH,EAAA,QAAA,CAAOG,YAAaA","x_google_ignoreList":[0,1]}
1	+ {"version":3,"file":"index.js","sources":["../../node_modules/clsx/dist/clsx.mjs","../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null \|\| config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null \|\| props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null \|\| defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) \|\| falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null \|\| config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null \|\| _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null \|\| props === void 0 ? void 0 : props.class, props === null \|\| props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments","falsyToString","value","cx","buttonVariants","base","config","variants","variant","primary","secondary","outline","danger","size","small","medium","large","border","defaultVariants","props","_config_compoundVariants","class","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","Button","title","_jsx","children","Input","placeholder"],"mappings":"wCAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CCe/W,MAAMO,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGA,IAAoB,IAAVA,EAAc,IAAMA,EAChFC,EAAKJ,ECVZK,GDWcC,ECVlB,gODUwBC,ECTxB,CACEC,SAAU,CACRC,QAAS,CACPC,QAAS,uDACTC,UAAW,2DACXC,QAAS,8CACTC,OAAQ,wDAEVC,KAAM,CACJC,MAAO,qBACPC,OAAQ,uBACRC,MAAO,uBAETC,OAAQ,CACNR,QAAS,8CACTC,UAAW,8CACXC,QAAS,8CACTC,OAAQ,+DAGZM,gBAAiB,CACfV,QAAS,UACTK,KAAM,WDbwBM,IAC5B,IAAIC,EACJ,GAAyE,OAApEd,aAAuC,EAASA,EAAOC,UAAmB,OAAOJ,EAAGE,EAAMc,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,WAC9M,MAAMf,SAAEA,EAAQW,gBAAEA,GAAoBZ,EAChCiB,EAAuBC,OAAOC,KAAKlB,GAAUmB,IAAKlB,IACpD,MAAMmB,EAAcR,aAAqC,EAASA,EAAMX,GAClEoB,EAAqBV,aAAyD,EAASA,EAAgBV,GAC7G,GAAoB,OAAhBmB,EAAsB,OAAO,KACjC,MAAME,EAAa5B,EAAc0B,IAAgB1B,EAAc2B,GAC/D,OAAOrB,EAASC,GAASqB,KAEvBC,EAAwBX,GAASK,OAAOO,QAAQZ,GAAOa,OAAO,CAACC,EAAKC,KACtE,IAAKC,EAAKjC,GAASgC,EACnB,YAAcE,IAAVlC,IAGJ+B,EAAIE,GAAOjC,GAFA+B,GAIZ,CAAA,GACGI,EAA+B/B,SAAyG,QAAxDc,EAA2Bd,EAAOgC,wBAA2D,IAA7BlB,OAA1E,EAAyHA,EAAyBY,OAAO,CAACC,EAAKC,KACvO,IAAMb,MAAOkB,EAASjB,UAAWkB,KAAgBC,GAA2BP,EAC5E,OAAOV,OAAOO,QAAQU,GAAwBC,MAAOR,IACjD,IAAKC,EAAKjC,GAASgC,EACnB,OAAOvC,MAAMC,QAAQM,GAASA,EAAMyC,SAAS,IACtCzB,KACAY,GACLK,IAAQ,IACHjB,KACAY,GACJK,KAASjC,IACX,IACE+B,EACHM,EACAC,GACAP,GACL,IACH,OAAO9B,EAAGE,EAAMkB,EAAsBc,EAA8BlB,aAAqC,EAASA,EAAME,MAAOF,aAAqC,EAASA,EAAMG,aApCxK,IAACjB,EAAMC,ECkB1B,MAAMsC,EAAS,EAAGpC,UAASK,OAAMI,SAAQ4B,WAAU1B,KAE/C2B,EAAA,SAAA,CACExB,UAAWvB,EACTK,EAAe,CAAEI,UAASK,OAAMI,WAChCE,EAAMG,cAEJH,EAAK4B,SAERF,ICxCDG,EAA8B,EAAGC,iBAC9BH,EAAA,QAAA,CAAOG,YAAaA","x_google_ignoreList":[0,1]}

package/dist/index.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
-type IButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
-    variant?: "primary" | "secondary";
+    variant: "primary" | "secondary" | "outline" | "danger";
+    size?: "small" | "medium" | "large";
+    border?: "primary" | "secondary" | "outline" | "danger";
     title: string;
 };
-declare const Button: ({ variant, title, ...props }: IButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, border, title, ...props }: IButtonProps) => react_jsx_runtime.JSX.Element;
 type InputProps = {
     placeholder?: string;

package/dist/tailwind.css CHANGED Viewed

@@ -1,3 +1,3 @@
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mt-4{margin-top:1rem}.w-1\/2{width:50%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[70px\]{min-width:70px}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[\#424242\]{--tw-border-opacity:1;border-color:rgb(66 66 66/var(--tw-border-opacity))}.border-\[\#5876EE\]{--tw-border-opacity:1;border-color:rgb(88 118 238/var(--tw-border-opacity))}.border-\[\#BDC311\]{--tw-border-opacity:1;border-color:rgb(189 195 17/var(--tw-border-opacity))}.border-\[\#FF0000\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.bg-\[\#5876EE\]{--tw-bg-opacity:1;background-color:rgb(88 118 238/var(--tw-bg-opacity))}.bg-\[\#BDC311\]{--tw-bg-opacity:1;background-color:rgb(189 195 17/var(--tw-bg-opacity))}.bg-\[\#FF0000\]{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.font-inter{font-family:Inter,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-\[12px\]{font-weight:12px}.text-\[\#424242\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-\[\#4a66d9\]:hover{--tw-bg-opacity:1;background-color:rgb(74 102 217/var(--tw-bg-opacity))}.hover\:bg-\[\#FF0000\]:hover{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#a8b00e\]:hover{--tw-bg-opacity:1;background-color:rgb(168 176 14/var(--tw-bg-opacity))}.hover\:bg-\[\#d40000\]:hover{--tw-bg-opacity:1;background-color:rgb(212 0 0/var(--tw-bg-opacity))}.hover\:bg-\[\#f5f5f5\]:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:hover\:text-inherit:hover:disabled{color:inherit}

package/jest.config.ts ADDED Viewed

@@ -0,0 +1,14 @@
+// jest.config.ts
+import type { Config } from "jest";
+const config: Config = {
+  testEnvironment: "jsdom",
+  transform: {
+    "^.+\\.tsx?$": "ts-jest",
+  },
+  moduleNameMapper: {
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+  },
+};
+export default config;

package/package.json CHANGED Viewed

@@ -1,80 +1,68 @@
-{
-  "name": "@yusufalperendumlu/component-library",
-  "version": "0.0.3",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "rollup -c --watch",
-    "build": "rollup -c",
-    "test": "jest --watchAll --verbose",
-    "clean": "rm -rf dist",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "preset": "ts-jest",
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/tests/styleMock.ts"
-    ],
-    "moduleNameMapper": {
-      "\\.(css|less|scss|sass)$": "/src/tests/styleMock.ts"
-    }
-  },
-  "author": "",
-  "license": "MIT",
-  "description": "A collection of reusable React components for building user interfaces.",
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "tailwindcss": ">=3.0.0"
-  },
-  "devDependencies": {
-    "@babel/preset-typescript": "^7.27.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-docs": "9.0.17",
-    "@storybook/addon-essentials": "^9.0.0-alpha.12",
-    "@storybook/addon-styling-webpack": "2.0.0",
-    "@storybook/addon-themes": "9.0.18",
-    "@storybook/addon-webpack5-compiler-swc": "3.0.0",
-    "@storybook/react-webpack5": "^9",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^18.0.0",
-    "autoprefixer": "^10.4.21",
-    "babel-loader": "^10.0.0",
-    "jest": "^30.0.5",
-    "jest-environment-jsdom": "^30.0.5",
-    "postcss": "^8.5.6",
-    "postcss-loader": "^8.1.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "storybook": "^9",
-    "tailwindcss": "3.4.1",
-    "ts-jest": "^29.4.0",
-    "ts-loader": "^9.5.2",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
-  },
-  "dependencies": {
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "rollup": "^4.45.1",
-    "rollup-plugin-dts": "^6.2.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2"
-  }
-}
+{
+  "name": "@yusufalperendumlu/component-library",
+  "version": "0.0.5",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "rollup -c --watch",
+    "build": "rollup -c",
+    "test": "jest --watchAll --verbose",
+    "clean": "rm -rf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "author": "",
+  "license": "MIT",
+  "description": "A collection of reusable React components for building user interfaces.",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-typescript": "^7.27.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-docs": "8.0.0",
+    "@storybook/builder-vite": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.7",
+    "autoprefixer": "10.4.15",
+    "babel-loader": "^10.0.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.0.5",
+    "jest-environment-jsdom": "^30.0.5",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.1.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "storybook": "9.0.18",
+    "tailwindcss": "3.4.1",
+    "ts-jest": "^29.4.0",
+    "ts-loader": "^9.5.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.3",
+    "vite": "5.2.10"
+  },
+  "dependencies": {
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "rollup": "^4.45.1",
+    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2"
+  }
+}

package/src/components/Button/{Button.stories.ts → Button.stories.tsx} RENAMED Viewed

@@ -1,41 +1,52 @@
+import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import "../../styles/tailwind.css";
 import Button from "./Button";
 const meta: Meta<typeof Button> = {
   title: "Components/Button",
   component: Button,
+  tags: ["autodocs"],
   argTypes: {
     variant: {
-      control: "select",
+      control: "radio",
       options: ["primary", "secondary"],
     },
     onClick: { action: "clicked" },
   },
-  tags: ["autodocs"],
 };
 export default meta;
 type Story = StoryObj<typeof Button>;
 export const Primary: Story = {
   args: {
-    title: "Primary Button",
+    title: "Login",
     variant: "primary",
+    size: "small",
   },
 };
 export const Secondary: Story = {
   args: {
-    title: "Secondary Button",
+    title: "Show history",
     variant: "secondary",
+    size: "small",
+  },
+};
+export const Outline: Story = {
+  args: {
+    title: "Cancel",
+    variant: "danger",
+    size: "small",
   },
 };
-export const CustomClassName: Story = {
+export const CustomClass: Story = {
   args: {
-    title: "Custom Class",
+    title: "Custom Class Button",
     variant: "primary",
-    className: "text-lg px-6 py-3",
+    className: "mt-4 bg-green-500 text-white hover:bg-green-600",
   },
 };

package/src/components/Button/Button.tsx CHANGED Viewed

@@ -2,31 +2,44 @@ import React from "react";
 import { cva } from "class-variance-authority";
 import clsx from "clsx";
-type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-  className?: string;
-  variant?: "primary" | "secondary";
-  title: string;
-};
+import { IButtonProps } from "./Button.types";
 const buttonVariants = cva(
-  "border-2 rounded-lg transition-all duration-300 ease-in-out",
+  "outline-none min-w-[70px] font-inter transition-all font-[12px] px-4 py-2 gap-2 rounded-md duration-300 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-inherit",
   {
     variants: {
       variant: {
-        primary: "bg-blue-500 text-white",
-        secondary: "bg-gray-200 text-gray-800",
+        primary: "bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",
+        secondary: "bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",
+        outline: "bg-transparent shadow-xs hover:bg-[#f5f5f5]",
+        danger: "bg-[#FF0000] text-white shadow-xs hover:bg-[#d40000]",
+      },
+      size: {
+        small: "w-fit px-3 text-sm",
+        medium: "w-1/2 px-4 text-base",
+        large: "w-full px-5 text-lg",
+      },
+      border: {
+        primary: "border border-[#5876EE]  hover:bg-[#4a66d9]",
+        secondary: "border border-[#BDC311]  hover:bg-[#a8b00e]",
+        outline: "border border-[#424242]  hover:bg-[#f5f5f5]",
+        danger: "border border-[#FF0000] text-[#FF0000]  hover:bg-[#FF0000]",
       },
     },
     defaultVariants: {
       variant: "primary",
+      size: "medium",
     },
   }
 );
-const Button = ({ variant, title, ...props }: IButtonProps) => {
+const Button = ({ variant, size, border, title, ...props }: IButtonProps) => {
   return (
     <button
-      className={clsx(buttonVariants({ variant }), props.className)}
+      className={clsx(
+        buttonVariants({ variant, size, border }),
+        props.className
+      )}
       {...props}
     >
       {title}

package/src/components/Button/Button.types.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  className?: string;
+  variant: "primary" | "secondary" | "outline" | "danger";
+  size?: "small" | "medium" | "large";
+  border?: "primary" | "secondary" | "outline" | "danger";
+  title: string;
+};

package/src/styles/tailwind.css CHANGED Viewed

@@ -1,3 +1,124 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+/*
+@custom-variant dark (&:is(.dark *));
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+} */

package/src/tests/Button.test.tsx CHANGED Viewed

@@ -1,37 +1,48 @@
-// src/tests/Button.test.tsx
-import React from "react";
 import "@testing-library/jest-dom";
-import { render, screen } from "@testing-library/react";
+import { render, screen, fireEvent } from "@testing-library/react";
 import Button from "../components/Button";
+import type { IButtonProps } from "../components/Button/Button.types";
-describe("Button", () => {
-  test("renders with default styles when no variant is provided", () => {
-    render(<Button title="Default Button" />);
-    const buttonElement = screen.getByRole("button", {
-      name: /default button/i,
-    });
+describe("Button component", () => {
+  it("renders with given title", () => {
+    render(<Button variant="outline" title="Click Me" />);
+    expect(screen.getByText("Click Me")).toBeInTheDocument();
+  });
-    expect(buttonElement.style.borderColor).toBe("");
-    expect(buttonElement.style.color).toBe("");
-    expect(buttonElement.style.backgroundColor).toBe("");
+  it("calls onClick when clicked", () => {
+    const handleClick = jest.fn();
+    render(<Button variant="outline" title="Click Me" onClick={handleClick} />);
+    fireEvent.click(screen.getByText("Click Me"));
+    expect(handleClick).toHaveBeenCalledTimes(1);
   });
-  test("renders with custom style prop", () => {
-    render(<Button title="Custom Button" style={{ padding: "10px" }} />);
-    const buttonElement = screen.getByRole("button", {
-      name: /custom button/i,
-    });
+  it("is disabled when disabled prop is true", () => {
+    render(<Button variant="danger" title="Disabled" disabled />);
+    const button = screen.getByText("Disabled") as HTMLButtonElement;
+    expect(button).toBeDisabled();
+  });
-    expect(buttonElement).toHaveStyle("padding: 10px");
+  it('applies the correct class for variant "primary"', () => {
+    render(<Button title="Primary" variant="primary" />);
+    const button = screen.getByText("Primary");
+    expect(button.className).toMatch(/bg-\[#5876EE\]/); // Tailwind class match
   });
-  test("button click event works", () => {
-    const handleClick = jest.fn();
-    render(<Button title="Click Me" onClick={handleClick} />);
-    const buttonElement = screen.getByRole("button", { name: /click me/i });
+  it('applies the correct class for size "large"', () => {
+    render(<Button variant="primary" title="Large Button" size="large" />);
+    const button = screen.getByText("Large Button");
+    expect(button.className).toMatch(/w-full/);
+  });
-    buttonElement.click();
-    expect(handleClick).toHaveBeenCalledTimes(1);
+  it("allows custom className via props", () => {
+    render(
+      <Button
+        variant="secondary"
+        title="Custom Class"
+        className="custom-class"
+      />
+    );
+    const button = screen.getByText("Custom Class");
+    expect(button.className).toMatch(/custom-class/);
   });
 });

package/tailwind.config.js CHANGED Viewed

@@ -1,12 +1,11 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./.storybook/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  darkMode: ["class", '[data-theme="dark"]'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        inter: ["Inter", "sans-serif"],
+      },
+    },
+  },
+  plugins: [],
+};

package/tsconfig.json CHANGED Viewed

@@ -12,11 +12,14 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "types": ["node", "jest"]
   },
   "include": [
     "src/**/*",
-    ".storybook",
+    "tests",
+    "**/*.test.ts",
+    "**/*.test.tsx",
   ],
   "exclude": [
     "node_modules",