@ayasofyazilim/ui 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/tooltip.js +4 -12
  2. package/dist/components/tooltip.js.map +1 -1
  3. package/dist/custom/email-input/domains.json +159 -0
  4. package/dist/styles/core.css +57 -0
  5. package/dist/styles/globals.css +130 -0
  6. package/package.json +1 -1
  7. package/src/components/tooltip.tsx +57 -66
package/dist/components/tooltip.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
+ import { Tooltip as TooltipPrimitive } from "radix-ui";
4
4
  import { cn } from "@ayasofyazilim/ui/lib/utils";
5
5
  function TooltipProvider({
6
6
  delayDuration = 0,
@@ -18,7 +18,7 @@ function TooltipProvider({
18
18
  function Tooltip({
19
19
  ...props
20
20
  }) {
21
- return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
21
+ return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
22
22
  }
23
23
  function TooltipTrigger({
24
24
  ...props
@@ -37,21 +37,13 @@ function TooltipContent({
37
37
  "data-slot": "tooltip-content",
38
38
  sideOffset,
39
39
  className: cn(
40
- "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
40
+ "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
41
41
  className
42
42
  ),
43
43
  ...props,
44
44
  children: [
45
45
  children,
46
- /* @__PURE__ */ jsx(
47
- TooltipPrimitive.Arrow,
48
- {
49
- className: "-my-px border-none fill-(--tooltip-color) ",
50
- width: 12,
51
- height: 7,
52
- "aria-hidden": "true"
53
- }
54
- )
46
+ /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
55
47
  ]
56
48
  }
57
49
  ) });
package/dist/components/tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction TooltipProvider({\r\n delayDuration = 0,\r\n ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\r\n return (\r\n <TooltipPrimitive.Provider\r\n data-slot=\"tooltip-provider\"\r\n delayDuration={delayDuration}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction Tooltip({\r\n ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\r\n return (\r\n <TooltipProvider>\r\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\r\n </TooltipProvider>\r\n );\r\n}\r\n\r\nfunction TooltipTrigger({\r\n ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\r\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\r\n}\r\n\r\nfunction TooltipContent({\r\n className,\r\n sideOffset = 0,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\r\n return (\r\n <TooltipPrimitive.Portal>\r\n <TooltipPrimitive.Content\r\n data-slot=\"tooltip-content\"\r\n sideOffset={sideOffset}\r\n className={cn(\r\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <TooltipPrimitive.Arrow\r\n className=\"-my-px border-none fill-(--tooltip-color) \"\r\n width={12}\r\n height={7}\r\n aria-hidden=\"true\"\r\n />\r\n </TooltipPrimitive.Content>\r\n </TooltipPrimitive.Portal>\r\n );\r\n}\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"],"mappings":";AAYI,cAgCE,YAhCF;AATJ,YAAY,sBAAsB;AAElC,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf,GAAG;AACL,GAAuD;AACrD,SACE,oBAAC,mBACC,8BAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO,GACxD;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB,GAAG;AACL,GAA0D;AACxD,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n );\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n className,\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";AAYI,cA4BE,YA5BF;AATJ,SAAS,WAAW,wBAAwB;AAE5C,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf,GAAG;AACL,GAAuD;AACrD,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe;AAAA,EACtB,GAAG;AACL,GAA0D;AACxD,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,oGAAmG;AAAA;AAAA;AAAA,EACvI,GACF;AAEJ;","names":[]}
package/dist/custom/email-input/domains.json ADDED
@@ -0,0 +1,159 @@
1
+ [
2
+ "gmail.com",
3
+ "outlook.com",
4
+ "hotmail.com",
5
+ "icloud.com",
6
+ "yahoo.com",
7
+ "aol.com",
8
+ "att.net",
9
+ "comcast.net",
10
+ "facebook.com",
11
+ "gmx.com",
12
+ "googlemail.com",
13
+ "google.com",
14
+ "hotmail.co.uk",
15
+ "mac.com",
16
+ "me.com",
17
+ "mail.com",
18
+ "msn.com",
19
+ "live.com",
20
+ "sbcglobal.net",
21
+ "verizon.net",
22
+ "yahoo.co.uk",
23
+ "email.com",
24
+ "fastmail.fm",
25
+ "games.com",
26
+ "gmx.net",
27
+ "hush.com",
28
+ "hushmail.com",
29
+ "iname.com",
30
+ "inbox.com",
31
+ "lavabit.com",
32
+ "love.com",
33
+ "pobox.com",
34
+ "protonmail.ch",
35
+ "protonmail.com",
36
+ "tutanota.de",
37
+ "tutanota.com",
38
+ "tutamail.com",
39
+ "tuta.io",
40
+ "keemail.me",
41
+ "rocketmail.com",
42
+ "safe-mail.net",
43
+ "wow.com",
44
+ "ygm.com",
45
+ "ymail.com",
46
+ "zoho.com",
47
+ "bellsouth.net",
48
+ "charter.net",
49
+ "cox.net",
50
+ "earthlink.net",
51
+ "juno.com",
52
+ "btinternet.com",
53
+ "virginmedia.com",
54
+ "blueyonder.co.uk",
55
+ "live.co.uk",
56
+ "ntlworld.com",
57
+ "orange.net",
58
+ "sky.com",
59
+ "talktalk.co.uk",
60
+ "tiscali.co.uk",
61
+ "virgin.net",
62
+ "bt.com",
63
+ "sina.com",
64
+ "sina.cn",
65
+ "qq.com",
66
+ "naver.com",
67
+ "hanmail.net",
68
+ "daum.net",
69
+ "nate.com",
70
+ "yahoo.co.jp",
71
+ "yahoo.co.kr",
72
+ "yahoo.co.id",
73
+ "yahoo.co.in",
74
+ "yahoo.com.sg",
75
+ "yahoo.com.ph",
76
+ "163.com",
77
+ "yeah.net",
78
+ "126.com",
79
+ "21cn.com",
80
+ "aliyun.com",
81
+ "foxmail.com",
82
+ "hotmail.fr",
83
+ "live.fr",
84
+ "laposte.net",
85
+ "yahoo.fr",
86
+ "wanadoo.fr",
87
+ "orange.fr",
88
+ "gmx.fr",
89
+ "sfr.fr",
90
+ "neuf.fr",
91
+ "free.fr",
92
+ "gmx.de",
93
+ "hotmail.de",
94
+ "live.de",
95
+ "online.de",
96
+ "t-online.de",
97
+ "web.de",
98
+ "yahoo.de",
99
+ "libero.it",
100
+ "virgilio.it",
101
+ "hotmail.it",
102
+ "aol.it",
103
+ "tiscali.it",
104
+ "alice.it",
105
+ "live.it",
106
+ "yahoo.it",
107
+ "email.it",
108
+ "tin.it",
109
+ "poste.it",
110
+ "teletu.it",
111
+ "bk.ru",
112
+ "inbox.ru",
113
+ "list.ru",
114
+ "mail.ru",
115
+ "rambler.ru",
116
+ "yandex.by",
117
+ "yandex.com",
118
+ "yandex.kz",
119
+ "yandex.ru",
120
+ "yandex.ua",
121
+ "ya.ru",
122
+ "hotmail.be",
123
+ "live.be",
124
+ "skynet.be",
125
+ "voo.be",
126
+ "tvcablenet.be",
127
+ "telenet.be",
128
+ "hotmail.com.ar",
129
+ "live.com.ar",
130
+ "yahoo.com.ar",
131
+ "fibertel.com.ar",
132
+ "speedy.com.ar",
133
+ "arnet.com.ar",
134
+ "yahoo.com.mx",
135
+ "live.com.mx",
136
+ "hotmail.es",
137
+ "hotmail.com.mx",
138
+ "prodigy.net.mx",
139
+ "yahoo.ca",
140
+ "hotmail.ca",
141
+ "bell.net",
142
+ "shaw.ca",
143
+ "sympatico.ca",
144
+ "rogers.com",
145
+ "yahoo.com.br",
146
+ "hotmail.com.br",
147
+ "outlook.com.br",
148
+ "uol.com.br",
149
+ "bol.com.br",
150
+ "terra.com.br",
151
+ "ig.com.br",
152
+ "r7.com",
153
+ "zipmail.com.br",
154
+ "globo.com",
155
+ "globomail.com",
156
+ "oi.com.br",
157
+ "unirefund.com",
158
+ "clomerce.com"
159
+ ]
package/dist/styles/core.css ADDED
@@ -0,0 +1,57 @@
1
+ * {
2
+ scroll-behavior: smooth;
3
+ }
4
+
5
+ .no-visible-scrollbar {
6
+ scrollbar-width: none;
7
+ -ms-overflow-style: none;
8
+ -webkit-overflow-scrolling: touch;
9
+ }
10
+
11
+ .no-visible-scrollbar::-webkit-scrollbar {
12
+ display: none;
13
+ }
14
+ body {
15
+ height: 100%;
16
+ }
17
+
18
+ *:has(> .form-ready-component) {
19
+ overflow: hidden;
20
+ }
21
+ .hide-password-toggle::-ms-reveal,
22
+ .hide-password-toggle::-ms-clear {
23
+ visibility: hidden;
24
+ pointer-events: none;
25
+ display: none;
26
+ }
27
+
28
+ .loading-stroke path {
29
+ stroke-width: 1;
30
+ animation: loadingStroke 4s infinite;
31
+ }
32
+
33
+ @keyframes loadingStroke {
34
+ 0% {
35
+ stroke-dasharray: 360px, 0px;
36
+ stroke-dashoffset: 460px;
37
+ }
38
+
39
+ 50% {
40
+ stroke-dasharray: 360px, 100px;
41
+ }
42
+
43
+ 100% {
44
+ stroke-dasharray: 360px, 0px;
45
+ }
46
+ }
47
+ .loading-text {
48
+ --ch-size: 1ch;
49
+ clip-path: inset(0 var(--ch-size) 0 0);
50
+ animation: l 2s steps(4, jump-none) infinite;
51
+ }
52
+
53
+ @keyframes l {
54
+ to {
55
+ clip-path: inset(0);
56
+ }
57
+ }
package/dist/styles/globals.css ADDED
@@ -0,0 +1,130 @@
1
+ @import "tailwindcss";
2
+ @import "./core.css";
3
+ @source "../../../../packages/ui/**/*.{ts,tsx}";
4
+ @source "../**/*.{ts,tsx}";
5
+
6
+ @import "tw-animate-css";
7
+
8
+ @custom-variant dark (&:is(.dark *));
9
+
10
+ :root {
11
+ --radius: 0.65rem;
12
+ --background: oklch(1 0 0);
13
+ --foreground: oklch(0.145 0 0);
14
+ --card: oklch(1 0 0);
15
+ --card-foreground: oklch(0.145 0 0);
16
+ --popover: oklch(1 0 0);
17
+ --popover-foreground: oklch(0.145 0 0);
18
+ --primary: oklch(0.205 0 0);
19
+ --primary-foreground: oklch(0.985 0 0);
20
+ --secondary: oklch(0.97 0 0);
21
+ --secondary-foreground: oklch(0.205 0 0);
22
+ --muted: oklch(0.97 0 0);
23
+ --muted-foreground: oklch(0.556 0 0);
24
+ --accent: oklch(0.97 0 0);
25
+ --accent-foreground: oklch(0.205 0 0);
26
+ --destructive: oklch(0.577 0.245 27.325);
27
+ --border: oklch(0.922 0 0);
28
+ --input: oklch(0.922 0 0);
29
+ --ring: oklch(0.708 0 0);
30
+ --chart-1: oklch(0.646 0.222 41.116);
31
+ --chart-2: oklch(0.6 0.118 184.704);
32
+ --chart-3: oklch(0.398 0.07 227.392);
33
+ --chart-4: oklch(0.828 0.189 84.429);
34
+ --chart-5: oklch(0.769 0.188 70.08);
35
+ --radius: 0.625rem;
36
+ --sidebar: oklch(0.985 0 0);
37
+ --sidebar-foreground: oklch(0.145 0 0);
38
+ --sidebar-primary: oklch(0.205 0 0);
39
+ --sidebar-primary-foreground: oklch(0.985 0 0);
40
+ --sidebar-accent: oklch(0.97 0 0);
41
+ --sidebar-accent-foreground: oklch(0.205 0 0);
42
+ --sidebar-border: oklch(0.922 0 0);
43
+ --sidebar-ring: oklch(0.708 0 0);
44
+ }
45
+
46
+ .dark {
47
+ --background: oklch(0.145 0 0);
48
+ --foreground: oklch(0.985 0 0);
49
+ --card: oklch(0.205 0 0);
50
+ --card-foreground: oklch(0.985 0 0);
51
+ --popover: oklch(0.205 0 0);
52
+ --popover-foreground: oklch(0.985 0 0);
53
+ --primary: oklch(0.922 0 0);
54
+ --primary-foreground: oklch(0.205 0 0);
55
+ --secondary: oklch(0.269 0 0);
56
+ --secondary-foreground: oklch(0.985 0 0);
57
+ --muted: oklch(0.269 0 0);
58
+ --muted-foreground: oklch(0.708 0 0);
59
+ --accent: oklch(0.269 0 0);
60
+ --accent-foreground: oklch(0.985 0 0);
61
+ --destructive: oklch(0.704 0.191 22.216);
62
+ --border: oklch(1 0 0 / 10%);
63
+ --input: oklch(1 0 0 / 15%);
64
+ --ring: oklch(0.556 0 0);
65
+ --chart-1: oklch(0.488 0.243 264.376);
66
+ --chart-2: oklch(0.696 0.17 162.48);
67
+ --chart-3: oklch(0.769 0.188 70.08);
68
+ --chart-4: oklch(0.627 0.265 303.9);
69
+ --chart-5: oklch(0.645 0.246 16.439);
70
+ --sidebar: oklch(0.205 0 0);
71
+ --sidebar-foreground: oklch(0.985 0 0);
72
+ --sidebar-primary: oklch(0.488 0.243 264.376);
73
+ --sidebar-primary-foreground: oklch(0.985 0 0);
74
+ --sidebar-accent: oklch(0.269 0 0);
75
+ --sidebar-accent-foreground: oklch(0.985 0 0);
76
+ --sidebar-border: oklch(1 0 0 / 10%);
77
+ --sidebar-ring: oklch(0.556 0 0);
78
+ }
79
+
80
+ @theme inline {
81
+ --color-background: var(--background);
82
+ --color-foreground: var(--foreground);
83
+ --color-card: var(--card);
84
+ --color-card-foreground: var(--card-foreground);
85
+ --color-popover: var(--popover);
86
+ --color-popover-foreground: var(--popover-foreground);
87
+ --color-primary: var(--primary);
88
+ --color-primary-foreground: var(--primary-foreground);
89
+ --color-secondary: var(--secondary);
90
+ --color-secondary-foreground: var(--secondary-foreground);
91
+ --color-muted: var(--muted);
92
+ --color-muted-foreground: var(--muted-foreground);
93
+ --color-accent: var(--accent);
94
+ --color-accent-foreground: var(--accent-foreground);
95
+ --color-destructive: var(--destructive);
96
+ --color-destructive-foreground: var(--destructive-foreground);
97
+ --color-border: var(--border);
98
+ --color-input: var(--input);
99
+ --color-ring: var(--ring);
100
+ --color-chart-1: var(--chart-1);
101
+ --color-chart-2: var(--chart-2);
102
+ --color-chart-3: var(--chart-3);
103
+ --color-chart-4: var(--chart-4);
104
+ --color-chart-5: var(--chart-5);
105
+ --radius-sm: calc(var(--radius) - 4px);
106
+ --radius-md: calc(var(--radius) - 2px);
107
+ --radius-lg: var(--radius);
108
+ --radius-xl: calc(var(--radius) + 4px);
109
+ --color-sidebar: var(--sidebar);
110
+ --color-sidebar-foreground: var(--sidebar-foreground);
111
+ --color-sidebar-primary: var(--sidebar-primary);
112
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
113
+ --color-sidebar-accent: var(--sidebar-accent);
114
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
115
+ --color-sidebar-border: var(--sidebar-border);
116
+ --color-sidebar-ring: var(--sidebar-ring);
117
+ }
118
+
119
+ @layer base {
120
+ * {
121
+ @apply border-border outline-ring/50;
122
+ }
123
+ body {
124
+ @apply bg-background text-foreground;
125
+ }
126
+
127
+ :where(button, [role="button"]):not([disabled]) {
128
+ cursor: pointer;
129
+ }
130
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ayasofyazilim/ui",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
package/src/components/tooltip.tsx CHANGED
@@ -1,66 +1,57 @@
1
- "use client";
2
-
3
- import * as React from "react";
4
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
5
-
6
- import { cn } from "@ayasofyazilim/ui/lib/utils";
7
-
8
- function TooltipProvider({
9
- delayDuration = 0,
10
- ...props
11
- }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
12
- return (
13
- <TooltipPrimitive.Provider
14
- data-slot="tooltip-provider"
15
- delayDuration={delayDuration}
16
- {...props}
17
- />
18
- );
19
- }
20
-
21
- function Tooltip({
22
- ...props
23
- }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
24
- return (
25
- <TooltipProvider>
26
- <TooltipPrimitive.Root data-slot="tooltip" {...props} />
27
- </TooltipProvider>
28
- );
29
- }
30
-
31
- function TooltipTrigger({
32
- ...props
33
- }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
34
- return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
35
- }
36
-
37
- function TooltipContent({
38
- className,
39
- sideOffset = 0,
40
- children,
41
- ...props
42
- }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
43
- return (
44
- <TooltipPrimitive.Portal>
45
- <TooltipPrimitive.Content
46
- data-slot="tooltip-content"
47
- sideOffset={sideOffset}
48
- className={cn(
49
- "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
50
- className,
51
- )}
52
- {...props}
53
- >
54
- {children}
55
- <TooltipPrimitive.Arrow
56
- className="-my-px border-none fill-(--tooltip-color) "
57
- width={12}
58
- height={7}
59
- aria-hidden="true"
60
- />
61
- </TooltipPrimitive.Content>
62
- </TooltipPrimitive.Portal>
63
- );
64
- }
65
-
66
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
1
+ "use client";
2
+
3
+ import * as React from "react";
4
+ import { Tooltip as TooltipPrimitive } from "radix-ui";
5
+
6
+ import { cn } from "@ayasofyazilim/ui/lib/utils";
7
+
8
+ function TooltipProvider({
9
+ delayDuration = 0,
10
+ ...props
11
+ }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
12
+ return (
13
+ <TooltipPrimitive.Provider
14
+ data-slot="tooltip-provider"
15
+ delayDuration={delayDuration}
16
+ {...props}
17
+ />
18
+ );
19
+ }
20
+
21
+ function Tooltip({
22
+ ...props
23
+ }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
24
+ return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
25
+ }
26
+
27
+ function TooltipTrigger({
28
+ ...props
29
+ }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
30
+ return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
31
+ }
32
+
33
+ function TooltipContent({
34
+ className,
35
+ sideOffset = 0,
36
+ children,
37
+ ...props
38
+ }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
39
+ return (
40
+ <TooltipPrimitive.Portal>
41
+ <TooltipPrimitive.Content
42
+ data-slot="tooltip-content"
43
+ sideOffset={sideOffset}
44
+ className={cn(
45
+ "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
46
+ className,
47
+ )}
48
+ {...props}
49
+ >
50
+ {children}
51
+ <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
52
+ </TooltipPrimitive.Content>
53
+ </TooltipPrimitive.Portal>
54
+ );
55
+ }
56
+
57
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };