@yusufalperendumlu/component-library 0.0.19 → 0.1.1

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.
package/dist/index.d.ts DELETED
@@ -1,97 +0,0 @@
1
- import React$1 from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
-
4
- type Option = {
5
- id: number;
6
- name: string;
7
- };
8
- interface AutocompleteProps {
9
- options: Option[];
10
- selected: Option[];
11
- setSelected: (options: Option[]) => void;
12
- placeholder?: string;
13
- showChosen?: boolean;
14
- label?: string;
15
- className?: string;
16
- }
17
-
18
- declare const Autocomplete: React$1.FC<AutocompleteProps>;
19
-
20
- type BadgeProps = {
21
- children: React.ReactNode;
22
- variant?: 'default' | 'success' | 'error' | 'warning' | 'info' | 'outline';
23
- size?: 'sm' | 'md' | 'lg';
24
- className?: string;
25
- };
26
-
27
- declare const Badge: React$1.FC<BadgeProps>;
28
-
29
- type IButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
30
- className?: string;
31
- variant: 'primary' | 'secondary' | 'outline' | 'danger';
32
- size?: 'small' | 'medium' | 'large';
33
- border?: 'primary' | 'secondary' | 'outline' | 'danger';
34
- title: React$1.ReactNode;
35
- };
36
-
37
- declare const Button: ({ variant, size, border, title, className, ...props }: IButtonProps) => react_jsx_runtime.JSX.Element;
38
-
39
- type DialogProps = {
40
- isOpen: boolean;
41
- onClose: () => void;
42
- children: React.ReactNode;
43
- className?: string;
44
- showCloseIcon?: boolean;
45
- };
46
-
47
- declare const Dialog: React$1.FC<DialogProps> & {
48
- Header: React$1.FC<{
49
- children: React$1.ReactNode;
50
- }>;
51
- Body: React$1.FC<{
52
- children: React$1.ReactNode;
53
- }>;
54
- Footer: React$1.FC<{
55
- children: React$1.ReactNode;
56
- }>;
57
- };
58
-
59
- type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
60
- className?: string;
61
- placeholder?: string;
62
- type: string;
63
- label?: string;
64
- };
65
-
66
- declare const Input: React$1.FC<InputProps>;
67
-
68
- interface TableProps<T> {
69
- columns: {
70
- key: keyof T;
71
- label: string;
72
- sortable: boolean;
73
- render?: (value: any, row: T) => React.ReactNode;
74
- }[];
75
- data: T[];
76
- onRowClick?: (row: T) => void;
77
- className?: string;
78
- selectedRowId?: string | number | null;
79
- rowIdKey?: keyof T;
80
- }
81
-
82
- declare function Table<T extends Record<string, any>>({ columns, data, onRowClick, className, selectedRowId, rowIdKey, }: TableProps<T>): react_jsx_runtime.JSX.Element;
83
-
84
- type ToastProps = {
85
- title: string;
86
- description?: string;
87
- duration?: number;
88
- type: 'success' | 'error';
89
- position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
90
- };
91
-
92
- declare const Toastr: {
93
- success: (title: string, description?: string, duration?: number, position?: ToastProps["position"]) => void;
94
- error: (title: string, description?: string, duration?: number) => void;
95
- };
96
-
97
- export { Autocomplete, Badge, Button, Dialog, Input, Table, Toastr };
@@ -1,43 +0,0 @@
1
- import React from "react";
2
- type IButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
3
- className?: string;
4
- variant?: "primary" | "secondary";
5
- title: string;
6
- };
7
- declare const Button: {
8
- ({ variant, title, ...props }: IButtonProps): import("react/jsx-runtime").JSX.Element;
9
- __docgenInfo: {
10
- description: string;
11
- methods: never[];
12
- displayName: string;
13
- props: {
14
- className: {
15
- required: boolean;
16
- tsType: {
17
- name: string;
18
- };
19
- description: string;
20
- };
21
- variant: {
22
- required: boolean;
23
- tsType: {
24
- name: string;
25
- raw: string;
26
- elements: {
27
- name: string;
28
- value: string;
29
- }[];
30
- };
31
- description: string;
32
- };
33
- title: {
34
- required: boolean;
35
- tsType: {
36
- name: string;
37
- };
38
- description: string;
39
- };
40
- };
41
- };
42
- };
43
- export default Button;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import "../../styles/tailwind.css";
3
- import Button from "./Button";
4
- declare const meta: Meta<typeof Button>;
5
- export default meta;
6
- type Story = StoryObj<typeof Button>;
7
- export declare const Primary: Story;
8
- export declare const Secondary: Story;
9
- export declare const CustomClassName: Story;
@@ -1,2 +0,0 @@
1
- import Button from "./Button";
2
- export default Button;
@@ -1,5 +0,0 @@
1
- type InputProps = {
2
- placeholder?: string;
3
- };
4
- declare const Input: React.FC<InputProps>;
5
- export default Input;
@@ -1,2 +0,0 @@
1
- import Input from "./Input";
2
- export default Input;
@@ -1,2 +0,0 @@
1
- export { default as Button } from "./Button";
2
- export { default as Input } from "./Input";
@@ -1,2 +0,0 @@
1
- import "./styles/tailwind.css";
2
- export * from "./components";
File without changes
package/dist/tailwind.css DELETED
@@ -1,3 +0,0 @@
1
- /*
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: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-60{max-height:15rem}.min-h-\[42px\]{min-height:42px}.w-1\/2{width:50%}.w-1\/5{width:20%}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[160px\]{min-width:160px}.min-w-\[70px\]{min-width:70px}.min-w-full{min-width:100%}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.table-fixed{table-layout:fixed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.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))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.bg-\[\#171215\]{--tw-bg-opacity:1;background-color:rgb(23 18 21/var(--tw-bg-opacity))}.bg-\[\#1D1B1D\]{--tw-bg-opacity:1;background-color:rgb(29 27 29/var(--tw-bg-opacity))}.bg-\[\#424242\]{--tw-bg-opacity:1;background-color:rgb(66 66 66/var(--tw-bg-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-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.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}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.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}.text-xs{font-size:.75rem;line-height:1rem}.font-\[12px\]{font-weight:12px}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#424242\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity))}.text-\[\#5876EE\]{--tw-text-opacity:1;color:rgb(88 118 238/var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-\[\#5876EE\]{--tw-ring-opacity:1;--tw-ring-color:rgb(88 118 238/var(--tw-ring-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:4px}.placeholder\:text-\[\#3f3f3f\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(63 63 63/var(--tw-text-opacity))}.placeholder\:text-\[\#3f3f3f\]::placeholder{--tw-text-opacity:1;color:rgb(63 63 63/var(--tw-text-opacity))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:bg-\[\#4a66d9\]:hover{--tw-bg-opacity:1;background-color:rgb(74 102 217/var(--tw-bg-opacity))}.hover\:bg-\[\#E2E2E2\]:hover{--tw-bg-opacity:1;background-color:rgb(226 226 226/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-\[\#f0f0f0f0\]:hover{background-color:#f0f0f0f0}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.hover\:opacity-80:hover{opacity:.8}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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}:is(.dark .dark\:border-zinc-700){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity))}:is(.dark .dark\:bg-\[\#424242\]){--tw-bg-opacity:1;background-color:rgb(66 66 66/var(--tw-bg-opacity))}:is(.dark .dark\:bg-zinc-800){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-zinc-400){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
package/eslint.config.js DELETED
@@ -1,23 +0,0 @@
1
- import js from '@eslint/js';
2
- import globals from 'globals';
3
- import reactHooks from 'eslint-plugin-react-hooks';
4
- import reactRefresh from 'eslint-plugin-react-refresh';
5
- import tseslint from 'typescript-eslint';
6
- import { globalIgnores } from 'eslint/config';
7
-
8
- export default tseslint.config([
9
- globalIgnores(['dist']),
10
- {
11
- files: ['**/*.{ts,tsx}'],
12
- extends: [
13
- js.configs.recommended,
14
- tseslint.configs.recommended,
15
- reactHooks.configs['recommended-latest'],
16
- reactRefresh.configs.vite,
17
- ],
18
- languageOptions: {
19
- ecmaVersion: 2020,
20
- globals: globals.browser,
21
- },
22
- },
23
- ]);
package/jest.config.ts DELETED
@@ -1,13 +0,0 @@
1
- import type { Config } from 'jest';
2
-
3
- const config: Config = {
4
- testEnvironment: 'jsdom',
5
- transform: {
6
- '^.+\\.tsx?$': 'ts-jest',
7
- },
8
- moduleNameMapper: {
9
- '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
10
- },
11
- };
12
-
13
- export default config;
package/postcss.config.js DELETED
@@ -1,6 +0,0 @@
1
- module.exports = {
2
- plugins: {
3
- tailwindcss: {},
4
- autoprefixer: {},
5
- },
6
- };
@@ -1,84 +0,0 @@
1
- export default {
2
- // Print width
3
- printWidth: 80,
4
-
5
- // Tab width
6
- tabWidth: 2,
7
-
8
- // Use spaces instead of tabs
9
- useTabs: false,
10
-
11
- // Add semicolons at the end of statements
12
- semi: true,
13
-
14
- // Use single quotes instead of double quotes
15
- singleQuote: true,
16
-
17
- // Use single quotes in JSX
18
- jsxSingleQuote: true,
19
-
20
- // Add trailing commas where valid in ES5
21
- trailingComma: 'es5',
22
-
23
- // Add spaces between brackets in object literals
24
- bracketSpacing: true,
25
-
26
- // Put the > of a multi-line JSX element at the end of the last line
27
- bracketSameLine: false,
28
-
29
- // Include parentheses around a sole arrow function parameter
30
- arrowParens: 'avoid',
31
-
32
- // End of line character
33
- endOfLine: 'lf',
34
-
35
- // Format embedded code if Prettier can identify it
36
- embeddedLanguageFormatting: 'auto',
37
-
38
- // Respect existing line breaks
39
- htmlWhitespaceSensitivity: 'css',
40
-
41
- // Insert Pragma
42
- insertPragma: false,
43
-
44
- // Require pragma
45
- requirePragma: false,
46
-
47
- // Use single quotes in JSX
48
- jsxSingleQuote: true,
49
-
50
- // Quote props only when necessary
51
- quoteProps: 'as-needed',
52
-
53
- // Prose wrap
54
- proseWrap: 'preserve',
55
-
56
- // Range start
57
- rangeStart: 0,
58
-
59
- // Range end
60
- rangeEnd: Infinity,
61
-
62
- // Overrides for specific file types
63
- overrides: [
64
- {
65
- files: '*.json',
66
- options: {
67
- printWidth: 100,
68
- },
69
- },
70
- {
71
- files: '*.md',
72
- options: {
73
- printWidth: 100,
74
- proseWrap: 'always',
75
- },
76
- },
77
- {
78
- files: '*.yml',
79
- options: {
80
- singleQuote: false,
81
- },
82
- },
83
- ],
84
- };
package/rollup.config.mjs DELETED
@@ -1,77 +0,0 @@
1
- import commonjs from "@rollup/plugin-commonjs";
2
- import resolve from "@rollup/plugin-node-resolve";
3
- import terser from "@rollup/plugin-terser";
4
- import typescript from "@rollup/plugin-typescript";
5
- import postcss from "rollup-plugin-postcss";
6
- import dts from "rollup-plugin-dts";
7
- import peerDepsExternal from "rollup-plugin-peer-deps-external";
8
- import { readFileSync } from "fs";
9
-
10
- // Read package.json using ES modules syntax
11
- const packageJson = JSON.parse(readFileSync("./package.json", "utf8"));
12
-
13
- export default [
14
- // Main build configuration
15
- {
16
- input: "src/index.ts",
17
- output: [
18
- {
19
- file: packageJson.main,
20
- format: "cjs",
21
- sourcemap: true,
22
- exports: "auto",
23
- },
24
- {
25
- file: packageJson.module,
26
- format: "esm",
27
- sourcemap: true,
28
- },
29
- ],
30
- plugins: [
31
- peerDepsExternal(),
32
- resolve({
33
- browser: true,
34
- preferBuiltins: false,
35
- }),
36
- commonjs(),
37
- typescript({
38
- tsconfig: "./tsconfig.json",
39
- declaration: false,
40
- declarationMap: false,
41
- }),
42
- postcss({
43
- extensions: [".css"],
44
- extract: true,
45
- minimize: true,
46
- sourceMap: true,
47
- modules: false,
48
- }),
49
- terser(),
50
- ],
51
- external: ["react", "react-dom"],
52
- },
53
-
54
- // Type definitions build
55
- {
56
- input: "src/index.ts",
57
- output: {
58
- file: packageJson.types,
59
- format: "esm",
60
- },
61
- plugins: [dts()],
62
- external: [/\.css$/],
63
- },
64
- {
65
- input: "src/styles/tailwind.css",
66
- output: {
67
- file: "dist/tailwind.css",
68
- format: "esm",
69
- },
70
- plugins: [
71
- postcss({
72
- extract: true,
73
- minimize: true,
74
- }),
75
- ],
76
- },
77
- ];
@@ -1,12 +0,0 @@
1
- module.exports = {
2
- content: ['./src/**/*.{js,ts,jsx,tsx}'],
3
- darkMode: 'class',
4
- theme: {
5
- extend: {
6
- fontFamily: {
7
- inter: ['Inter', 'sans-serif'],
8
- },
9
- },
10
- },
11
- plugins: [],
12
- };
package/tsconfig.json DELETED
@@ -1,20 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "esnext",
4
- "jsx": "react-jsx",
5
- "module": "ESNext",
6
- "moduleResolution": "Node",
7
- "declaration": true,
8
- "emitDeclarationOnly": false,
9
- "sourceMap": true,
10
- "outDir": "dist",
11
- "allowSyntheticDefaultImports": true,
12
- "esModuleInterop": true,
13
- "forceConsistentCasingInFileNames": true,
14
- "strict": true,
15
- "skipLibCheck": true,
16
- "types": ["node", "jest"]
17
- },
18
- "include": ["src/**/*", "tests", "**/*.test.ts", "**/*.test.tsx"],
19
- "exclude": ["node_modules", "dist", "**/*.test.*", "**/*.stories.*"]
20
- }