@yusufalperendumlu/component-library 0.0.4 → 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.
@@ -1,4 +1,4 @@
1
1
  /*
2
2
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- */*,: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}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.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))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}
3
+ */*,: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}
4
4
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
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"]}
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
@@ -1,2 +1,2 @@
1
- "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 border-blue-600 hover:bg-blue-600 py-2 px-4",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"});
1
+ "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"});
2
2
  //# sourceMappingURL=index.js.map
@@ -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,QACE,qEACFC,UAAW,8BAGfC,gBAAiB,CACfH,QAAS,YDJqBI,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,iBCSX,EAAGE,UAAS6B,WAAUzB,KAEjC0B,EAAAA,cACEvB,UAAWhB,EAAKK,EAAe,CAAEI,YAAYI,EAAMG,cAC/CH,EAAK2B,SAERF,kBC5B6B,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]}
@@ -1,4 +1,4 @@
1
1
  /*
2
2
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- */*,: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}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.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))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}
3
+ */*,: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}
4
4
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
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"]}
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
@@ -1,2 +1,2 @@
1
- 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 border-blue-600 hover:bg-blue-600 py-2 px-4",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};
1
+ 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};
2
2
  //# sourceMappingURL=index.js.map
@@ -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,QACE,qEACFC,UAAW,8BAGfC,gBAAiB,CACfH,QAAS,YDJqBI,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,ECS1B,MAAM+B,EAAS,EAAG7B,UAAS8B,WAAU1B,KAEjC2B,YACExB,UAAWhB,EAAKK,EAAe,CAAEI,YAAYI,EAAMG,cAC/CH,EAAK4B,SAERF,IC5BDG,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
@@ -1,12 +1,14 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React$1 from 'react';
3
2
 
4
- type IButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
3
+ type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
5
4
  className?: string;
6
- variant?: "primary" | "secondary";
5
+ variant: "primary" | "secondary" | "outline" | "danger";
6
+ size?: "small" | "medium" | "large";
7
+ border?: "primary" | "secondary" | "outline" | "danger";
7
8
  title: string;
8
9
  };
9
- declare const Button: ({ variant, title, ...props }: IButtonProps) => react_jsx_runtime.JSX.Element;
10
+
11
+ declare const Button: ({ variant, size, border, title, ...props }: IButtonProps) => react_jsx_runtime.JSX.Element;
10
12
 
11
13
  type InputProps = {
12
14
  placeholder?: string;
package/dist/tailwind.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*
2
2
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- */*,: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}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.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))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}
3
+ */*,: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
@@ -0,0 +1,14 @@
1
+ // jest.config.ts
2
+ import type { Config } from "jest";
3
+
4
+ const config: Config = {
5
+ testEnvironment: "jsdom",
6
+ transform: {
7
+ "^.+\\.tsx?$": "ts-jest",
8
+ },
9
+ moduleNameMapper: {
10
+ "\\.(css|less|scss|sass)$": "identity-obj-proxy",
11
+ },
12
+ };
13
+
14
+ export default config;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yusufalperendumlu/component-library",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -16,16 +16,6 @@
16
16
  "storybook": "storybook dev -p 6006",
17
17
  "build-storybook": "storybook build"
18
18
  },
19
- "jest": {
20
- "testEnvironment": "jsdom",
21
- "preset": "ts-jest",
22
- "setupFilesAfterEnv": [
23
- "<rootDir>/src/tests/styleMock.ts"
24
- ],
25
- "moduleNameMapper": {
26
- "\\.(css|less|scss|sass)$": "/src/tests/styleMock.ts"
27
- }
28
- },
29
19
  "author": "",
30
20
  "license": "MIT",
31
21
  "description": "A collection of reusable React components for building user interfaces.",
@@ -41,7 +31,6 @@
41
31
  "@storybook/addon-docs": "8.0.0",
42
32
  "@storybook/builder-vite": "^9.0.18",
43
33
  "@storybook/react-vite": "^9.0.18",
44
- "@tailwindcss/postcss": "^4.11.1",
45
34
  "@testing-library/dom": "^10.4.0",
46
35
  "@testing-library/jest-dom": "^6.6.3",
47
36
  "@testing-library/react": "^16.3.0",
@@ -51,9 +40,10 @@
51
40
  "@types/react-dom": "18.2.7",
52
41
  "autoprefixer": "10.4.15",
53
42
  "babel-loader": "^10.0.0",
43
+ "identity-obj-proxy": "^3.0.0",
54
44
  "jest": "^30.0.5",
55
45
  "jest-environment-jsdom": "^30.0.5",
56
- "postcss": "8.4.21",
46
+ "postcss": "^8.5.6",
57
47
  "postcss-loader": "^8.1.1",
58
48
  "react": "18.2.0",
59
49
  "react-dom": "18.2.0",
@@ -21,15 +21,25 @@ type Story = StoryObj<typeof Button>;
21
21
 
22
22
  export const Primary: Story = {
23
23
  args: {
24
- title: "Primary Button",
24
+ title: "Login",
25
25
  variant: "primary",
26
+ size: "small",
26
27
  },
27
28
  };
28
29
 
29
30
  export const Secondary: Story = {
30
31
  args: {
31
- title: "Secondary Button",
32
+ title: "Show history",
32
33
  variant: "secondary",
34
+ size: "small",
35
+ },
36
+ };
37
+
38
+ export const Outline: Story = {
39
+ args: {
40
+ title: "Cancel",
41
+ variant: "danger",
42
+ size: "small",
33
43
  },
34
44
  };
35
45
 
@@ -2,32 +2,44 @@ import React from "react";
2
2
  import { cva } from "class-variance-authority";
3
3
  import clsx from "clsx";
4
4
 
5
- type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
6
- className?: string;
7
- variant?: "primary" | "secondary";
8
- title: string;
9
- };
5
+ import { IButtonProps } from "./Button.types";
10
6
 
11
7
  const buttonVariants = cva(
12
- "border-2 rounded-lg transition-all duration-300 ease-in-out",
8
+ "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",
13
9
  {
14
10
  variants: {
15
11
  variant: {
16
- primary:
17
- "bg-blue-500 text-white border-blue-600 hover:bg-blue-600 py-2 px-4",
18
- secondary: "bg-gray-200 text-gray-800",
12
+ primary: "bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",
13
+ secondary: "bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",
14
+ outline: "bg-transparent shadow-xs hover:bg-[#f5f5f5]",
15
+ danger: "bg-[#FF0000] text-white shadow-xs hover:bg-[#d40000]",
16
+ },
17
+ size: {
18
+ small: "w-fit px-3 text-sm",
19
+ medium: "w-1/2 px-4 text-base",
20
+ large: "w-full px-5 text-lg",
21
+ },
22
+ border: {
23
+ primary: "border border-[#5876EE] hover:bg-[#4a66d9]",
24
+ secondary: "border border-[#BDC311] hover:bg-[#a8b00e]",
25
+ outline: "border border-[#424242] hover:bg-[#f5f5f5]",
26
+ danger: "border border-[#FF0000] text-[#FF0000] hover:bg-[#FF0000]",
19
27
  },
20
28
  },
21
29
  defaultVariants: {
22
30
  variant: "primary",
31
+ size: "medium",
23
32
  },
24
33
  }
25
34
  );
26
35
 
27
- const Button = ({ variant, title, ...props }: IButtonProps) => {
36
+ const Button = ({ variant, size, border, title, ...props }: IButtonProps) => {
28
37
  return (
29
38
  <button
30
- className={clsx(buttonVariants({ variant }), props.className)}
39
+ className={clsx(
40
+ buttonVariants({ variant, size, border }),
41
+ props.className
42
+ )}
31
43
  {...props}
32
44
  >
33
45
  {title}
@@ -0,0 +1,7 @@
1
+ export type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
2
+ className?: string;
3
+ variant: "primary" | "secondary" | "outline" | "danger";
4
+ size?: "small" | "medium" | "large";
5
+ border?: "primary" | "secondary" | "outline" | "danger";
6
+ title: string;
7
+ };
@@ -1,37 +1,48 @@
1
- // src/tests/Button.test.tsx
2
-
3
- import React from "react";
4
1
  import "@testing-library/jest-dom";
5
- import { render, screen } from "@testing-library/react";
2
+ import { render, screen, fireEvent } from "@testing-library/react";
6
3
  import Button from "../components/Button";
4
+ import type { IButtonProps } from "../components/Button/Button.types";
7
5
 
8
- describe("Button", () => {
9
- test("renders with default styles when no variant is provided", () => {
10
- render(<Button title="Default Button" />);
11
- const buttonElement = screen.getByRole("button", {
12
- name: /default button/i,
13
- });
6
+ describe("Button component", () => {
7
+ it("renders with given title", () => {
8
+ render(<Button variant="outline" title="Click Me" />);
9
+ expect(screen.getByText("Click Me")).toBeInTheDocument();
10
+ });
14
11
 
15
- expect(buttonElement.style.borderColor).toBe("");
16
- expect(buttonElement.style.color).toBe("");
17
- expect(buttonElement.style.backgroundColor).toBe("");
12
+ it("calls onClick when clicked", () => {
13
+ const handleClick = jest.fn();
14
+ render(<Button variant="outline" title="Click Me" onClick={handleClick} />);
15
+ fireEvent.click(screen.getByText("Click Me"));
16
+ expect(handleClick).toHaveBeenCalledTimes(1);
18
17
  });
19
18
 
20
- test("renders with custom style prop", () => {
21
- render(<Button title="Custom Button" style={{ padding: "10px" }} />);
22
- const buttonElement = screen.getByRole("button", {
23
- name: /custom button/i,
24
- });
19
+ it("is disabled when disabled prop is true", () => {
20
+ render(<Button variant="danger" title="Disabled" disabled />);
21
+ const button = screen.getByText("Disabled") as HTMLButtonElement;
22
+ expect(button).toBeDisabled();
23
+ });
25
24
 
26
- expect(buttonElement).toHaveStyle("padding: 10px");
25
+ it('applies the correct class for variant "primary"', () => {
26
+ render(<Button title="Primary" variant="primary" />);
27
+ const button = screen.getByText("Primary");
28
+ expect(button.className).toMatch(/bg-\[#5876EE\]/); // Tailwind class match
27
29
  });
28
30
 
29
- test("button click event works", () => {
30
- const handleClick = jest.fn();
31
- render(<Button title="Click Me" onClick={handleClick} />);
32
- const buttonElement = screen.getByRole("button", { name: /click me/i });
31
+ it('applies the correct class for size "large"', () => {
32
+ render(<Button variant="primary" title="Large Button" size="large" />);
33
+ const button = screen.getByText("Large Button");
34
+ expect(button.className).toMatch(/w-full/);
35
+ });
33
36
 
34
- buttonElement.click();
35
- expect(handleClick).toHaveBeenCalledTimes(1);
37
+ it("allows custom className via props", () => {
38
+ render(
39
+ <Button
40
+ variant="secondary"
41
+ title="Custom Class"
42
+ className="custom-class"
43
+ />
44
+ );
45
+ const button = screen.getByText("Custom Class");
46
+ expect(button.className).toMatch(/custom-class/);
36
47
  });
37
48
  });
@@ -1,7 +1,11 @@
1
1
  module.exports = {
2
2
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
3
3
  theme: {
4
- extend: {},
4
+ extend: {
5
+ fontFamily: {
6
+ inter: ["Inter", "sans-serif"],
7
+ },
8
+ },
5
9
  },
6
10
  plugins: [],
7
11
  };
package/tsconfig.json CHANGED
@@ -12,10 +12,14 @@
12
12
  "esModuleInterop": true,
13
13
  "forceConsistentCasingInFileNames": true,
14
14
  "strict": true,
15
- "skipLibCheck": true
15
+ "skipLibCheck": true,
16
+ "types": ["node", "jest"]
16
17
  },
17
18
  "include": [
18
- "src/**/*"
19
+ "src/**/*",
20
+ "tests",
21
+ "**/*.test.ts",
22
+ "**/*.test.tsx",
19
23
  ],
20
24
  "exclude": [
21
25
  "node_modules",