@snksergio/design-system 0.48.0 → 0.49.0
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-lib/chunks/{toggle-group-CnAN6ZnT.mjs → toggle-group-C3srOzNZ.mjs} +201 -94
- package/dist-lib/chunks/toggle-group-C3srOzNZ.mjs.map +1 -0
- package/dist-lib/chunks/{toggle-group-DYGba7RP.cjs → toggle-group-DkCrzjfE.cjs} +122 -15
- package/dist-lib/chunks/toggle-group-DkCrzjfE.cjs.map +1 -0
- package/dist-lib/index.cjs +6 -1
- package/dist-lib/index.cjs.map +1 -1
- package/dist-lib/index.mjs +8 -3
- package/dist-lib/index.mjs.map +1 -1
- package/dist-lib/shadcn.cjs +2 -1
- package/dist-lib/shadcn.cjs.map +1 -1
- package/dist-lib/shadcn.mjs +81 -80
- package/dist-lib/src/components/shadcn/carousel.d.ts +28 -1
- package/dist-lib/src/components/shadcn/carousel.d.ts.map +1 -1
- package/dist-lib/src/components/ui/ColorPicker/color-picker.styles.d.ts +18 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.styles.d.ts.map +1 -1
- package/dist-lib/src/components/ui/ColorPicker/color-picker.types.d.ts +4 -1
- package/dist-lib/src/components/ui/ColorPicker/color-picker.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist-lib/chunks/toggle-group-CnAN6ZnT.mjs.map +0 -1
- package/dist-lib/chunks/toggle-group-DYGba7RP.cjs.map +0 -1
package/dist-lib/shadcn.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const toggleGroup = require("./chunks/toggle-group-
|
|
3
|
+
const toggleGroup = require("./chunks/toggle-group-DkCrzjfE.cjs");
|
|
4
4
|
const sheet = require("./chunks/sheet-BZlQ0gKA.cjs");
|
|
5
5
|
const AspectRatioPrimitive = require("@radix-ui/react-aspect-ratio");
|
|
6
6
|
const avatar = require("./chunks/avatar-DAmZ7fBZ.cjs");
|
|
@@ -87,6 +87,7 @@ exports.CardHeader = toggleGroup.CardHeader;
|
|
|
87
87
|
exports.CardTitle = toggleGroup.CardTitle;
|
|
88
88
|
exports.Carousel = toggleGroup.Carousel;
|
|
89
89
|
exports.CarouselContent = toggleGroup.CarouselContent;
|
|
90
|
+
exports.CarouselDots = toggleGroup.CarouselDots;
|
|
90
91
|
exports.CarouselItem = toggleGroup.CarouselItem;
|
|
91
92
|
exports.CarouselNext = toggleGroup.CarouselNext;
|
|
92
93
|
exports.CarouselPrevious = toggleGroup.CarouselPrevious;
|
package/dist-lib/shadcn.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadcn.cjs","sources":["../src/components/shadcn/aspect-ratio.tsx","../src/components/shadcn/sonner.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\r\n\r\nconst AspectRatio = AspectRatioPrimitive.Root\r\n\r\nexport { AspectRatio }\r\n","import * as React from \"react\";\r\nimport {\r\n CircleCheck,\r\n Info,\r\n LoaderCircle,\r\n OctagonX,\r\n TriangleAlert,\r\n} from \"lucide-react\";\r\nimport { Toaster as Sonner } from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\n/**\r\n * Toaster (Sonner) — notificações/toasts. Tokenizado iGreen: surface +\r\n * border-default + shadow-lg, texto via tokens fg, ícones por status.\r\n * Self-contained: segue o tema observando a classe `.dark` no <html>\r\n * (não depende de next-themes nem de hook externo — portável no copy-in).\r\n *\r\n * Monte UMA vez no root da app (`<Toaster />`) e dispare com\r\n * `toast.success(\"...\")` / `toast.error(...)` etc. do pacote `sonner`.\r\n */\r\nconst Toaster = ({ ...props }: ToasterProps) => {\r\n const [isDark, setIsDark] = React.useState(\r\n () =>\r\n typeof document !== \"undefined\" &&\r\n document.documentElement.classList.contains(\"dark\"),\r\n );\r\n\r\n React.useEffect(() => {\r\n const root = document.documentElement;\r\n const sync = () => setIsDark(root.classList.contains(\"dark\"));\r\n sync();\r\n const observer = new MutationObserver(sync);\r\n observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\r\n return () => observer.disconnect();\r\n }, []);\r\n\r\n return (\r\n <Sonner\r\n theme={isDark ? \"dark\" : \"light\"}\r\n className=\"toaster group\"\r\n icons={{\r\n success: <CircleCheck className=\"size-icon-sm\" />,\r\n info: <Info className=\"size-icon-sm\" />,\r\n warning: <TriangleAlert className=\"size-icon-sm\" />,\r\n error: <OctagonX className=\"size-icon-sm\" />,\r\n loading: <LoaderCircle className=\"size-icon-sm animate-spin\" />,\r\n }}\r\n toastOptions={{\r\n classNames: {\r\n toast:\r\n \"group toast group-[.toaster]:bg-bg-surface group-[.toaster]:text-fg-default group-[.toaster]:border-border-default group-[.toaster]:shadow-sh-lg\",\r\n description: \"group-[.toast]:text-fg-muted\",\r\n actionButton:\r\n \"group-[.toast]:bg-bg-brand group-[.toast]:text-fg-on-brand\",\r\n cancelButton:\r\n \"group-[.toast]:bg-bg-muted group-[.toast]:text-fg-muted\",\r\n },\r\n }}\r\n {...props}\r\n />\r\n );\r\n};\r\n\r\nexport { Toaster };\r\n"],"names":["AspectRatioPrimitive","React","jsx","Sonner","CircleCheck","Info","TriangleAlert","OctagonX","LoaderCircle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,cAAcA,gCAAqB;ACmBzC,MAAM,UAAU,CAAC,EAAE,GAAG,YAA0B;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAIC,iBAAM;AAAA,IAChC,MACE,OAAO,aAAa,eACpB,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,EAAA;AAGtDA,mBAAM,UAAU,MAAM;AACpB,UAAM,OAAO,SAAS;AACtB,UAAM,OAAO,MAAM,UAAU,KAAK,UAAU,SAAS,MAAM,CAAC;AAC5D,SAAA;AACA,UAAM,WAAW,IAAI,iBAAiB,IAAI;AAC1C,aAAS,QAAQ,MAAM,EAAE,YAAY,MAAM,iBAAiB,CAAC,OAAO,GAAG;AACvE,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE;AAEL,SACEC,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC,OAAO,SAAS,SAAS;AAAA,MACzB,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAASD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,WAAU,eAAA,CAAe;AAAA,QAC/C,MAAMF,2BAAAA,IAACG,YAAAA,MAAA,EAAK,WAAU,eAAA,CAAe;AAAA,QACrC,SAASH,2BAAAA,IAACI,YAAAA,eAAA,EAAc,WAAU,eAAA,CAAe;AAAA,QACjD,OAAOJ,2BAAAA,IAACK,YAAAA,UAAA,EAAS,WAAU,eAAA,CAAe;AAAA,QAC1C,SAASL,2BAAAA,IAACM,YAAAA,cAAA,EAAa,WAAU,4BAAA,CAA4B;AAAA,MAAA;AAAA,MAE/D,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QAAA;AAAA,MACJ;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV
|
|
1
|
+
{"version":3,"file":"shadcn.cjs","sources":["../src/components/shadcn/aspect-ratio.tsx","../src/components/shadcn/sonner.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\r\n\r\nconst AspectRatio = AspectRatioPrimitive.Root\r\n\r\nexport { AspectRatio }\r\n","import * as React from \"react\";\r\nimport {\r\n CircleCheck,\r\n Info,\r\n LoaderCircle,\r\n OctagonX,\r\n TriangleAlert,\r\n} from \"lucide-react\";\r\nimport { Toaster as Sonner } from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\n/**\r\n * Toaster (Sonner) — notificações/toasts. Tokenizado iGreen: surface +\r\n * border-default + shadow-lg, texto via tokens fg, ícones por status.\r\n * Self-contained: segue o tema observando a classe `.dark` no <html>\r\n * (não depende de next-themes nem de hook externo — portável no copy-in).\r\n *\r\n * Monte UMA vez no root da app (`<Toaster />`) e dispare com\r\n * `toast.success(\"...\")` / `toast.error(...)` etc. do pacote `sonner`.\r\n */\r\nconst Toaster = ({ ...props }: ToasterProps) => {\r\n const [isDark, setIsDark] = React.useState(\r\n () =>\r\n typeof document !== \"undefined\" &&\r\n document.documentElement.classList.contains(\"dark\"),\r\n );\r\n\r\n React.useEffect(() => {\r\n const root = document.documentElement;\r\n const sync = () => setIsDark(root.classList.contains(\"dark\"));\r\n sync();\r\n const observer = new MutationObserver(sync);\r\n observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\r\n return () => observer.disconnect();\r\n }, []);\r\n\r\n return (\r\n <Sonner\r\n theme={isDark ? \"dark\" : \"light\"}\r\n className=\"toaster group\"\r\n icons={{\r\n success: <CircleCheck className=\"size-icon-sm\" />,\r\n info: <Info className=\"size-icon-sm\" />,\r\n warning: <TriangleAlert className=\"size-icon-sm\" />,\r\n error: <OctagonX className=\"size-icon-sm\" />,\r\n loading: <LoaderCircle className=\"size-icon-sm animate-spin\" />,\r\n }}\r\n toastOptions={{\r\n classNames: {\r\n toast:\r\n \"group toast group-[.toaster]:bg-bg-surface group-[.toaster]:text-fg-default group-[.toaster]:border-border-default group-[.toaster]:shadow-sh-lg\",\r\n description: \"group-[.toast]:text-fg-muted\",\r\n actionButton:\r\n \"group-[.toast]:bg-bg-brand group-[.toast]:text-fg-on-brand\",\r\n cancelButton:\r\n \"group-[.toast]:bg-bg-muted group-[.toast]:text-fg-muted\",\r\n },\r\n }}\r\n {...props}\r\n />\r\n );\r\n};\r\n\r\nexport { Toaster };\r\n"],"names":["AspectRatioPrimitive","React","jsx","Sonner","CircleCheck","Info","TriangleAlert","OctagonX","LoaderCircle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,cAAcA,gCAAqB;ACmBzC,MAAM,UAAU,CAAC,EAAE,GAAG,YAA0B;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAIC,iBAAM;AAAA,IAChC,MACE,OAAO,aAAa,eACpB,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,EAAA;AAGtDA,mBAAM,UAAU,MAAM;AACpB,UAAM,OAAO,SAAS;AACtB,UAAM,OAAO,MAAM,UAAU,KAAK,UAAU,SAAS,MAAM,CAAC;AAC5D,SAAA;AACA,UAAM,WAAW,IAAI,iBAAiB,IAAI;AAC1C,aAAS,QAAQ,MAAM,EAAE,YAAY,MAAM,iBAAiB,CAAC,OAAO,GAAG;AACvE,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE;AAEL,SACEC,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC,OAAO,SAAS,SAAS;AAAA,MACzB,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAASD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,WAAU,eAAA,CAAe;AAAA,QAC/C,MAAMF,2BAAAA,IAACG,YAAAA,MAAA,EAAK,WAAU,eAAA,CAAe;AAAA,QACrC,SAASH,2BAAAA,IAACI,YAAAA,eAAA,EAAc,WAAU,eAAA,CAAe;AAAA,QACjD,OAAOJ,2BAAAA,IAACK,YAAAA,UAAA,EAAS,WAAU,eAAA,CAAe;AAAA,QAC1C,SAASL,2BAAAA,IAACM,YAAAA,cAAA,EAAa,WAAU,4BAAA,CAA4B;AAAA,MAAA;AAAA,MAE/D,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QAAA;AAAA,MACJ;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist-lib/shadcn.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL } from "./chunks/toggle-group-
|
|
1
|
+
import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM } from "./chunks/toggle-group-C3srOzNZ.mjs";
|
|
2
2
|
import { A as A2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, C as C2, k as k2, l as l2, P as P2, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t as t2, S as S2, u as u2, v as v2, w as w2, x as x2, y as y2, z as z2, B as B2, D as D2, E as E2, F as F2, G as G2, H as H2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, T as T2, R as R2, U as U2, V as V2, W as W2 } from "./chunks/sheet-7v5vamnP.mjs";
|
|
3
3
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
4
4
|
import { A as A3, a as a11, b as b3, C as C3, d as d3, e as e3, f as f3, g as g3, h as h3, i as i3, j as j3, k as k3, l as l3, m as m3, n as n3, D as D3, o as o3, p as p3, q as q3, r as r3, s as s3, t as t3, u as u3, v as v3, w as w3, x as x3, y as y3, z as z3, B as B3, E as E3, F as F3, G as G3, H as H3, I as I3, J as J3, K as K3, L as L3, M as M3, N as N3, O as O3, P as P3, Q as Q3, R as R3, S as S3, T as T3, U as U3, V as V3, W as W3, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62 } from "./chunks/avatar-FPbG1TRy.mjs";
|
|
@@ -85,9 +85,10 @@ export {
|
|
|
85
85
|
r as CardTitle,
|
|
86
86
|
s as Carousel,
|
|
87
87
|
t as CarouselContent,
|
|
88
|
-
u as
|
|
89
|
-
v as
|
|
90
|
-
w as
|
|
88
|
+
u as CarouselDots,
|
|
89
|
+
v as CarouselItem,
|
|
90
|
+
w as CarouselNext,
|
|
91
|
+
x as CarouselPrevious,
|
|
91
92
|
l2 as Checkbox,
|
|
92
93
|
C3 as Collapsible,
|
|
93
94
|
d3 as CollapsibleContent,
|
|
@@ -101,21 +102,21 @@ export {
|
|
|
101
102
|
l3 as CommandList,
|
|
102
103
|
m3 as CommandSeparator,
|
|
103
104
|
n3 as CommandShortcut,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
105
|
+
y as ContextMenu,
|
|
106
|
+
z as ContextMenuCheckboxItem,
|
|
107
|
+
D as ContextMenuContent,
|
|
108
|
+
E as ContextMenuGroup,
|
|
109
|
+
F as ContextMenuItem,
|
|
110
|
+
G as ContextMenuLabel,
|
|
111
|
+
H as ContextMenuPortal,
|
|
112
|
+
I as ContextMenuRadioGroup,
|
|
113
|
+
J as ContextMenuRadioItem,
|
|
114
|
+
K as ContextMenuSeparator,
|
|
115
|
+
L as ContextMenuShortcut,
|
|
116
|
+
M as ContextMenuSub,
|
|
117
|
+
N as ContextMenuSubContent,
|
|
118
|
+
O as ContextMenuSubTrigger,
|
|
119
|
+
P as ContextMenuTrigger,
|
|
119
120
|
D3 as Dialog,
|
|
120
121
|
o3 as DialogClose,
|
|
121
122
|
p3 as DialogContent,
|
|
@@ -126,16 +127,16 @@ export {
|
|
|
126
127
|
u3 as DialogPortal,
|
|
127
128
|
v3 as DialogTitle,
|
|
128
129
|
w3 as DialogTrigger,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
130
|
+
Q as Drawer,
|
|
131
|
+
R as DrawerClose,
|
|
132
|
+
S as DrawerContent,
|
|
133
|
+
T as DrawerDescription,
|
|
134
|
+
U as DrawerFooter,
|
|
135
|
+
V as DrawerHeader,
|
|
136
|
+
W as DrawerOverlay,
|
|
137
|
+
X as DrawerPortal,
|
|
138
|
+
Y as DrawerTitle,
|
|
139
|
+
Z as DrawerTrigger,
|
|
139
140
|
x3 as DropdownMenu,
|
|
140
141
|
y3 as DropdownMenuCheckboxItem,
|
|
141
142
|
z3 as DropdownMenuContent,
|
|
@@ -151,9 +152,9 @@ export {
|
|
|
151
152
|
M3 as DropdownMenuSubContent,
|
|
152
153
|
N3 as DropdownMenuSubTrigger,
|
|
153
154
|
O3 as DropdownMenuTrigger,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
155
|
+
_ as HoverCard,
|
|
156
|
+
$ as HoverCardContent,
|
|
157
|
+
a0 as HoverCardTrigger,
|
|
157
158
|
I4 as Input,
|
|
158
159
|
P3 as InputGroup,
|
|
159
160
|
Q3 as InputGroupAddon,
|
|
@@ -161,35 +162,35 @@ export {
|
|
|
161
162
|
S3 as InputGroupInput,
|
|
162
163
|
T3 as InputGroupText,
|
|
163
164
|
U3 as InputGroupTextarea,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
165
|
+
a1 as InputOTP,
|
|
166
|
+
a2 as InputOTPGroup,
|
|
167
|
+
a3 as InputOTPSeparator,
|
|
168
|
+
a4 as InputOTPSlot,
|
|
169
|
+
a5 as Label,
|
|
170
|
+
a6 as Menubar,
|
|
171
|
+
a7 as MenubarCheckboxItem,
|
|
172
|
+
a8 as MenubarContent,
|
|
173
|
+
a9 as MenubarGroup,
|
|
174
|
+
aa as MenubarItem,
|
|
175
|
+
ab as MenubarLabel,
|
|
176
|
+
ac as MenubarMenu,
|
|
177
|
+
ad as MenubarPortal,
|
|
178
|
+
ae as MenubarRadioGroup,
|
|
179
|
+
af as MenubarRadioItem,
|
|
180
|
+
ag as MenubarSeparator,
|
|
181
|
+
ah as MenubarShortcut,
|
|
182
|
+
ai as MenubarSub,
|
|
183
|
+
aj as MenubarSubContent,
|
|
184
|
+
ak as MenubarSubTrigger,
|
|
185
|
+
al as MenubarTrigger,
|
|
186
|
+
am as NavigationMenu,
|
|
187
|
+
an as NavigationMenuContent,
|
|
188
|
+
ao as NavigationMenuIndicator,
|
|
189
|
+
ap as NavigationMenuItem,
|
|
190
|
+
aq as NavigationMenuLink,
|
|
191
|
+
ar as NavigationMenuList,
|
|
192
|
+
as as NavigationMenuTrigger,
|
|
193
|
+
at as NavigationMenuViewport,
|
|
193
194
|
P2 as Pagination,
|
|
194
195
|
m2 as PaginationContent,
|
|
195
196
|
n2 as PaginationEllipsis,
|
|
@@ -204,11 +205,11 @@ export {
|
|
|
204
205
|
X2 as PopoverClose,
|
|
205
206
|
Y2 as PopoverContent,
|
|
206
207
|
Z2 as PopoverTrigger,
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
208
|
+
au as Progress,
|
|
209
|
+
av as RadioGroup,
|
|
210
|
+
aw as RadioGroupItem,
|
|
211
|
+
ax as ScrollArea,
|
|
212
|
+
ay as ScrollBar,
|
|
212
213
|
S2 as Select,
|
|
213
214
|
u2 as SelectContent,
|
|
214
215
|
v2 as SelectGroup,
|
|
@@ -219,7 +220,7 @@ export {
|
|
|
219
220
|
B2 as SelectSeparator,
|
|
220
221
|
D2 as SelectTrigger,
|
|
221
222
|
E2 as SelectValue,
|
|
222
|
-
|
|
223
|
+
az as Separator,
|
|
223
224
|
F2 as Sheet,
|
|
224
225
|
G2 as SheetClose,
|
|
225
226
|
H2 as SheetContent,
|
|
@@ -230,23 +231,23 @@ export {
|
|
|
230
231
|
M2 as SheetPortal,
|
|
231
232
|
N2 as SheetTitle,
|
|
232
233
|
O2 as SheetTrigger,
|
|
233
|
-
|
|
234
|
-
|
|
234
|
+
aA as Skeleton,
|
|
235
|
+
aB as Slider,
|
|
235
236
|
Q2 as Switch,
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
237
|
+
aC as Tabs,
|
|
238
|
+
aD as TabsContent,
|
|
239
|
+
aE as TabsList,
|
|
240
|
+
aF as TabsTrigger,
|
|
240
241
|
T2 as Textarea,
|
|
241
242
|
Toaster,
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
aG as Toggle,
|
|
244
|
+
aH as ToggleGroup,
|
|
245
|
+
aI as ToggleGroupItem,
|
|
245
246
|
_2 as Tooltip,
|
|
246
247
|
$2 as TooltipContent,
|
|
247
248
|
a02 as TooltipProvider,
|
|
248
249
|
a12 as TooltipTrigger,
|
|
249
|
-
|
|
250
|
+
aJ as badgeVariants,
|
|
250
251
|
R2 as getPaginationRange,
|
|
251
252
|
a22 as inputGroupAddonVariants,
|
|
252
253
|
a32 as inputGroupButtonVariants,
|
|
@@ -254,11 +255,11 @@ export {
|
|
|
254
255
|
a52 as inputGroupTextareaVariants,
|
|
255
256
|
a62 as inputGroupVariants,
|
|
256
257
|
i4 as inputVariants,
|
|
257
|
-
|
|
258
|
+
aK as navigationMenuTriggerStyle,
|
|
258
259
|
U2 as paginationLinkVariants,
|
|
259
260
|
V2 as paginationNavVariants,
|
|
260
|
-
|
|
261
|
+
aL as slotVariants,
|
|
261
262
|
W2 as textareaVariants,
|
|
262
|
-
|
|
263
|
+
aM as toggleVariants
|
|
263
264
|
};
|
|
264
265
|
//# sourceMappingURL=shadcn.mjs.map
|
|
@@ -15,5 +15,32 @@ declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttribu
|
|
|
15
15
|
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('../ui/Button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
17
|
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('../ui/Button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
|
|
18
|
+
/**
|
|
19
|
+
* `CarouselDots` — indicador de posição, clicável.
|
|
20
|
+
*
|
|
21
|
+
* Decisões que não são óbvias no código:
|
|
22
|
+
*
|
|
23
|
+
* - **Um ponto por PARADA, não por slide** (`scrollSnapList()`). Com vários slides
|
|
24
|
+
* visíveis por vez ou `slidesToScroll`, contar `CarouselItem` daria bolinhas que não
|
|
25
|
+
* levam a lugar nenhum.
|
|
26
|
+
* - **Some com 1 parada só.** Indicador de posição única não informa nada e ainda ocupa
|
|
27
|
+
* linha — o `return null` é o comportamento certo, não um caso não tratado.
|
|
28
|
+
* - **Alvo de 16px com bolinha de 8px dentro.** A bolinha sozinha seria um alvo de toque
|
|
29
|
+
* de 8px; o botão amplia sem crescer o ponto (`place-items-center`). Os 8px seguem a
|
|
30
|
+
* receita do `groupDot` da `List` — não há token de size abaixo de 16px.
|
|
31
|
+
*
|
|
32
|
+
* ⚠️ **Era 24px, e o espaçamento medido explicou a troca.** Com alvo de 24px e
|
|
33
|
+
* `gap-gp-xs`, o espaço VISÍVEL entre pontos era **20px** — e só 4px vinham do gap: os
|
|
34
|
+
* outros 16 eram sobra dos dois alvos. Baixar só o gap levaria a 18px, quase nada. Com
|
|
35
|
+
* 16px de alvo e `gap-gp-2xs`, o espaço visível cai pra **10px**, metade.
|
|
36
|
+
*
|
|
37
|
+
* O custo é real e a escolha é deliberada: 16px fica abaixo dos 24px do WCAG 2.5.8.
|
|
38
|
+
* Aceitável AQUI porque é indicador de posição, não ação destrutiva — errar o toque leva
|
|
39
|
+
* ao slide vizinho e se desfaz com um toque. Não use este raciocínio pra encolher alvo de
|
|
40
|
+
* ação com consequência.
|
|
41
|
+
* - **`aria-current`, não `role="tab"`.** Tab implica `tabpanel` associado por id, o que
|
|
42
|
+
* este carrossel não tem — declarar a relação sem ela é pior que não declarar.
|
|
43
|
+
*/
|
|
44
|
+
declare const CarouselDots: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
export { type CarouselApi, Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
19
46
|
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAM7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAM7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;AAmCD,QAAA,MAAM,QAAQ,6HA2Ib,CAAA;AAGD,QAAA,MAAM,eAAe,6GAkDnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,8KA2BpB,CAAA;AAGF,QAAA,MAAM,YAAY,8KA2BhB,CAAA;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY,6GAiDhB,CAAA;AAGF,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAA"}
|
|
@@ -21,6 +21,12 @@ import { VariantProps } from '../../../utils/tv';
|
|
|
21
21
|
*/
|
|
22
22
|
export declare const colorPickerStyles: import('tailwind-variants').TVReturnType<{
|
|
23
23
|
size: {
|
|
24
|
+
xxs: {
|
|
25
|
+
swatch: string;
|
|
26
|
+
};
|
|
27
|
+
xs: {
|
|
28
|
+
swatch: string;
|
|
29
|
+
};
|
|
24
30
|
sm: {
|
|
25
31
|
swatch: string;
|
|
26
32
|
};
|
|
@@ -58,6 +64,12 @@ export declare const colorPickerStyles: import('tailwind-variants').TVReturnType
|
|
|
58
64
|
customRow: string;
|
|
59
65
|
}, undefined, {
|
|
60
66
|
size: {
|
|
67
|
+
xxs: {
|
|
68
|
+
swatch: string;
|
|
69
|
+
};
|
|
70
|
+
xs: {
|
|
71
|
+
swatch: string;
|
|
72
|
+
};
|
|
61
73
|
sm: {
|
|
62
74
|
swatch: string;
|
|
63
75
|
};
|
|
@@ -95,6 +107,12 @@ export declare const colorPickerStyles: import('tailwind-variants').TVReturnType
|
|
|
95
107
|
customRow: string;
|
|
96
108
|
}, import('tailwind-variants').TVReturnType<{
|
|
97
109
|
size: {
|
|
110
|
+
xxs: {
|
|
111
|
+
swatch: string;
|
|
112
|
+
};
|
|
113
|
+
xs: {
|
|
114
|
+
swatch: string;
|
|
115
|
+
};
|
|
98
116
|
sm: {
|
|
99
117
|
swatch: string;
|
|
100
118
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ColorPicker/color-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"color-picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ColorPicker/color-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwD5B,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
|
@@ -17,7 +17,10 @@ export interface ColorPickerProps {
|
|
|
17
17
|
id?: string;
|
|
18
18
|
/** Estado semântico — colore SÓ a borda do trigger swatch. Default `"default"`. */
|
|
19
19
|
state?: ColorPickerState;
|
|
20
|
-
/**
|
|
20
|
+
/**
|
|
21
|
+
* Tamanho do trigger — **mesma escala do `Input`**, e repassado a ele:
|
|
22
|
+
* `xxs` 28px · `xs` 32px · `sm` 36px · `md` 40px (default).
|
|
23
|
+
*/
|
|
21
24
|
size?: ColorPickerSize;
|
|
22
25
|
/** Desabilita o seletor inteiro. */
|
|
23
26
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ColorPicker/color-picker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,+DAA+D;AAC/D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE7E,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mFAAmF;IACnF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB
|
|
1
|
+
{"version":3,"file":"color-picker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ColorPicker/color-picker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,+DAA+D;AAC/D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE7E,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mFAAmF;IACnF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snksergio/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.49.0",
|
|
4
4
|
"//distribuicao": "Canal PRIMARIO = registry shadcn (copy-in) + CLI @snksergio/create-design-system; sobe sozinho no merge (Vercel). Canal SECUNDARIO = este pacote npm (@snksergio/design-system), publicado por passo MANUAL do mantenedor, entao costuma ficar atras do registry. SECUNDARIO descreve a ORDEM DE PUBLICACAO, nao o nivel de suporte: NAO e depreciado, e desde a 0.37.0 entrega 41 dos 42 componentes ui/ no barrel raiz + os 41 primitivos shadcn no subpath ./shadcn (so TabelaTeste, demo interno, fica de fora). Publish so pelo Passo 7 do .claude/skills/ds-dev/release.md (valida com `npm run lib:verify`, pede o token, publica, revoga). Ver DISTRIBUICAO.md.",
|
|
5
5
|
"description": "iGreen Design System — internal library for SaaS CRM, admin panels and dashboards. React 19 + Tailwind v4 + Shadcn + Radix.",
|
|
6
6
|
"license": "UNLICENSED",
|