@abumble/design-system 0.0.35 → 0.0.38
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/components/BackLink/BackLink.d.ts.map +1 -1
- package/dist/components/Banner/Banner.d.ts +9 -11
- package/dist/components/Banner/Banner.d.ts.map +1 -1
- package/dist/components/Banner/bannerType.d.ts +9 -0
- package/dist/components/Banner/bannerType.d.ts.map +1 -0
- package/dist/components/Banner/index.d.ts +2 -1
- package/dist/components/Banner/index.d.ts.map +1 -1
- package/dist/components/Banner.js +35 -25
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/BannerHeader.js +1 -1
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +36 -36
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/PageHeader.js +1 -1
- package/dist/components/Sheet.js +1 -1
- package/dist/components/Sidebar/Sidebar.d.ts +32 -32
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar.js +109 -92
- package/dist/components/Sidebar.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/UnderConstruction.js +1 -1
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/shared/BackLink.js +25 -19
- package/dist/shared/BackLink.js.map +1 -1
- package/dist/shared/Dialog.js +2 -2
- package/dist/shared/Empty.js +1 -1
- package/dist/shared/Empty.js.map +1 -1
- package/dist/shared/PageHeader.js +2 -2
- package/dist/shared/Sheet.js +11 -11
- package/dist/shared/Sheet.js.map +1 -1
- package/dist/shared/Skeleton.js +7 -7
- package/dist/shared/Skeleton.js.map +1 -1
- package/dist/shared/Tooltip.js +12 -12
- package/dist/shared/Tooltip.js.map +1 -1
- package/dist/shared/use-mobile.js +6 -4
- package/dist/shared/use-mobile.js.map +1 -1
- package/package.json +14 -11
- package/src/styles.css +14 -152
- package/src/themes/linen.css +261 -0
- package/src/themes/steel.css +261 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { c as t } from "../shared/utils.js";
|
|
3
3
|
const s = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='800'%20height='800'%20viewBox='0%200%20512%20512'%3e%3cdefs%3e%3cfilter%20id='a'%3e%3cfeTurbulence%20baseFrequency='0.05%200.05'%20numOctaves='2'%20result='noise'%3e%3canimate%20attributeName='baseFrequency'%20dur='0.5s'%20repeatCount='indefinite'%20values='0.05%200.05;%200.055%200.05;%200.05%200.05'/%3e%3c/feTurbulence%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='noise'%20scale='1'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23a)'%3e%3cpath%20d='M439.242%20503.916H51.2c-11.906%200-21.558-9.651-21.558-21.558V83.537c0-23.812%2019.304-43.116%2043.116-43.116h366.484c23.812%200%2043.116%2019.304%2043.116%2043.116V460.8c0%2023.812-19.304%2043.116-43.116%2043.116'%20style='fill:%23eaffff'/%3e%3cpath%20d='M40.421%20202.105H18.863c-5.953%200-10.779-4.826-10.779-10.779v-64.674H51.2v64.674c0%205.954-4.826%2010.779-10.779%2010.779'%20style='fill:%23b9baa6'/%3e%3cpath%20d='M148.211%20460.8H94.316V126.653h53.895z'%20style='fill:%23ddb900'/%3e%3cpath%20d='M212.884%20460.8v43.116H18.863V460.8c0-5.953%204.826-10.779%2010.779-10.779h172.463c5.954%200%2010.779%204.826%2010.779%2010.779'%20style='fill:%23b9baa6'/%3e%3cpath%20d='M503.916%20353.011v32.337c0%205.953-4.826%2010.779-10.779%2010.779h-53.895v53.895h32.337c5.953%200%2010.779%204.826%2010.779%2010.779v43.116h-204.8v-97.011c0-5.953%204.826-10.779%2010.779-10.779h75.453v-43.116c0-5.953%204.826-10.779%2010.779-10.779h118.568c5.953%200%2010.779%204.825%2010.779%2010.779'%20style='fill:%23e7e8d4'/%3e%3cpath%20d='M503.916%20353.011v32.337c0%205.953-4.826%2010.779-10.779%2010.779h-53.895v53.895H277.558v-43.116c0-5.953%204.826-10.779%2010.779-10.779h75.453v-43.116c0-5.953%204.826-10.779%2010.779-10.779h118.568c5.953%200%2010.779%204.825%2010.779%2010.779'%20style='fill:%23d3d5bb'/%3e%3cpath%20d='M503.916%20353.011v32.337c0%205.953-4.826%2010.779-10.779%2010.779H363.789v-43.116c0-5.953%204.826-10.779%2010.779-10.779h118.568c5.954%200%2010.78%204.825%2010.78%2010.779'%20style='fill:%23b9baa6'/%3e%3cpath%20d='M503.916%2029.642c0%2011.906-9.651%2021.558-21.558%2021.558H382.44a21.43%2021.43%200%200%201%202.907%2010.779c0%2011.906-9.651%2021.558-21.558%2021.558H202.105c-11.906%200-21.558-9.651-21.558-21.558s9.651-21.558%2021.558-21.558H323.58a21.43%2021.43%200%200%201-2.907-10.779c0-11.906%209.651-21.558%2021.558-21.558h140.126c11.907%200%2021.559%209.652%2021.559%2021.558'%20style='fill:%23c5ead4'/%3e%3cpath%20d='M129.835%2037.658a8.085%208.085%200%200%201%2010.36-4.834l21.558%207.84a8.083%208.083%200%200%201%204.834%2010.36%208.09%208.09%200%200%201-7.598%205.324%208.1%208.1%200%200%201-2.763-.489l-21.558-7.84a8.084%208.084%200%200%201-4.833-10.361m72.27%2053.963h161.684c16.344%200%2029.642-13.297%2029.642-29.642a29.63%2029.63%200%200%200-3.996-14.83%208.084%208.084%200%201%200-13.991%208.102%2013.27%2013.27%200%200%201%201.819%206.728c0%207.43-6.044%2013.474-13.474%2013.474H202.106c-7.43%200-13.474-6.044-13.474-13.474s6.043-13.475%2013.473-13.475H323.58a8.083%208.083%200%200%200%206.995-12.135%2013.27%2013.27%200%200%201-1.818-6.728c0-7.43%206.044-13.474%2013.474-13.474h140.126c7.43%200%2013.474%206.044%2013.474%2013.474s-6.044%2013.474-13.474%2013.474h-68.985c-4.466%200-8.084%203.62-8.084%208.084s3.618%208.084%208.084%208.084h68.985c16.344%200%2029.642-13.297%2029.642-29.642S498.702%200%20482.358%200H342.232c-16.344%200-29.642%2013.297-29.642%2029.642q0%201.352.124%202.695H202.105c-16.344%200-29.642%2013.297-29.642%2029.642s13.298%2029.642%2029.642%2029.642M512%20353.011v32.337c0%2010.401-8.463%2018.863-18.863%2018.863h-45.811v22.366c0%204.465-3.618%208.084-8.084%208.084s-8.084-3.62-8.084-8.084v-22.366H288.337a2.7%202.7%200%200%200-2.695%202.695v35.032h57.398c4.466%200%208.084%203.62%208.084%208.084s-3.618%208.084-8.084%208.084h-57.398v37.726h188.632V460.8a2.7%202.7%200%200%200-2.695-2.695h-96.741c-4.466%200-8.084-3.62-8.084-8.084s3.618-8.084%208.084-8.084h96.741c10.401%200%2018.863%208.463%2018.863%2018.863v35.032h13.474a8.084%208.084%200%200%201%208.084%208.084%208.083%208.083%200%200%201-8.084%208.084H180.547a8.084%208.084%200%200%201%200-16.168H204.8V460.8a2.7%202.7%200%200%200-2.695-2.695H29.642a2.7%202.7%200%200%200-2.695%202.695v35.032H148.21a8.084%208.084%200%200%201%200%2016.168H8.084a8.085%208.085%200%200%201%200-16.168h2.695V460.8c0-10.401%208.463-18.863%2018.863-18.863h56.589v-34.844a8%208%200%200%201%200-.377v-44.894a8%208%200%200%201%200-.377V316.55a8%208%200%200%201%200-.377v-44.894a8%208%200%200%201%200-.377v-44.894a8%208%200%200%201%200-.377v-44.894a8%208%200%200%201%200-.377v-45.621H59.284v56.589c0%2010.401-8.463%2018.863-18.863%2018.863H18.863C8.463%20210.189%200%20201.727%200%20191.326v-64.637c-.001-.304%200-3.101%202.029-5.393l75.424-86.199a8.085%208.085%200%200%201%2012.168%2010.646L25.9%20118.568h76.5V8.084a8.085%208.085%200%200%201%2016.168%200v110.484H328.68l-11.81-4.294a8.084%208.084%200%201%201%205.527-15.194l53.596%2019.488h52.471a8.084%208.084%200%200%201%208.084%208.084%208.083%208.083%200%200%201-8.084%208.084h-2.695V256a8.083%208.083%200%200%201-8.084%208.084c-7.43%200-13.474%206.044-13.474%2013.474s6.044%2013.474%2013.474%2013.474%2013.474-6.044%2013.474-13.474c0-4.465%203.618-8.084%208.084-8.084s8.084%203.62%208.084%208.084c0%2016.345-13.298%2029.642-29.642%2029.642s-29.642-13.297-29.642-29.642c0-13.544%209.13-24.994%2021.558-28.521v-114.3h-34.844a8%208%200%200%201-.376%200H156.295v307.2h45.811c10.401%200%2018.863%208.463%2018.863%2018.863v35.032h48.505v-88.926c0-10.401%208.463-18.863%2018.863-18.863h204.8a2.7%202.7%200%200%200%202.695-2.695v-32.337a2.7%202.7%200%200%200-2.695-2.695H374.568a2.7%202.7%200%200%200-2.695%202.695v19.402a8.083%208.083%200%200%201-8.084%208.084%208.084%208.084%200%200%201-8.084-8.084v-19.402c0-10.401%208.463-18.863%2018.863-18.863h118.568c10.401-.001%2018.864%208.462%2018.864%2018.863M43.116%20134.737H16.168v56.589a2.7%202.7%200%200%200%202.695%202.695h21.558a2.7%202.7%200%200%200%202.695-2.695zm97.01%200H102.4v34.594l21.696-7.232a8.085%208.085%200%200%201%205.112%2015.34l-26.808%208.936v28.228l21.696-7.232a8.084%208.084%200%200%201%2010.226%205.114%208.084%208.084%200%200%201-5.114%2010.226l-26.808%208.936v28.228l21.696-7.232a8.085%208.085%200%200%201%205.112%2015.34l-26.808%208.936v28.228l21.696-7.232a8.085%208.085%200%201%201%205.112%2015.34l-26.808%208.936v28.228l21.696-7.232a8.085%208.085%200%201%201%205.112%2015.34l-26.808%208.936v28.228l21.696-7.232a8.085%208.085%200%201%201%205.112%2015.339l-26.808%208.936v29.204h37.726z'/%3e%3c/g%3e%3c/svg%3e";
|
|
4
4
|
function h() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAgB1B"}
|
package/dist/main.d.ts
CHANGED
package/dist/main.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,oBAAoB,CAAC"}
|
package/dist/shared/BackLink.js
CHANGED
|
@@ -1,38 +1,44 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as t, jsxs as d, Fragment as h } from "react/jsx-runtime";
|
|
2
|
+
import { c as f } from "./utils.js";
|
|
3
3
|
import { ChevronLeft as k } from "lucide-react";
|
|
4
|
-
import * as
|
|
5
|
-
const
|
|
4
|
+
import * as o from "react";
|
|
5
|
+
const s = (e) => /* @__PURE__ */ d(h, { children: [
|
|
6
6
|
/* @__PURE__ */ t(k, { className: "size-4 shrink-0", "aria-hidden": !0 }),
|
|
7
7
|
/* @__PURE__ */ t("span", { children: e })
|
|
8
8
|
] });
|
|
9
9
|
function g({
|
|
10
10
|
label: e,
|
|
11
|
-
asChild:
|
|
12
|
-
className:
|
|
13
|
-
children:
|
|
14
|
-
...
|
|
11
|
+
asChild: i = !1,
|
|
12
|
+
className: c,
|
|
13
|
+
children: l,
|
|
14
|
+
...r
|
|
15
15
|
}) {
|
|
16
|
-
const
|
|
16
|
+
const n = f(
|
|
17
17
|
"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
|
|
18
|
-
|
|
18
|
+
c
|
|
19
19
|
);
|
|
20
|
-
if (
|
|
21
|
-
|
|
20
|
+
if (i) {
|
|
21
|
+
let a;
|
|
22
|
+
try {
|
|
23
|
+
a = o.Children.only(l);
|
|
24
|
+
} catch {
|
|
25
|
+
throw new Error("BackLink with asChild requires exactly one child element.");
|
|
26
|
+
}
|
|
27
|
+
const m = {
|
|
22
28
|
"data-slot": "back-link",
|
|
23
|
-
className:
|
|
24
|
-
...
|
|
25
|
-
children:
|
|
29
|
+
className: n,
|
|
30
|
+
...r,
|
|
31
|
+
children: s(e)
|
|
26
32
|
};
|
|
27
|
-
return
|
|
33
|
+
return o.cloneElement(a, m);
|
|
28
34
|
}
|
|
29
35
|
return /* @__PURE__ */ t(
|
|
30
36
|
"a",
|
|
31
37
|
{
|
|
32
38
|
"data-slot": "back-link",
|
|
33
|
-
className:
|
|
34
|
-
...
|
|
35
|
-
children:
|
|
39
|
+
className: n,
|
|
40
|
+
...r,
|
|
41
|
+
children: s(e)
|
|
36
42
|
}
|
|
37
43
|
);
|
|
38
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackLink.js","sources":["../../src/components/BackLink/BackLink.tsx"],"sourcesContent":["import { cn } from '@/utils'\nimport { ChevronLeft } from 'lucide-react'\nimport * as React from 'react'\n\nexport interface BackLinkProps extends React.ComponentProps<'a'> {\n\t/** Link text, e.g. \"Back to properties\". */\n\tlabel: string\n\t/** If true, renders the provided child element as the link. Use with router Link components. */\n\tasChild?: boolean\n}\n\nconst slotContent = (label: string) => (\n\t<>\n\t\t<ChevronLeft className=\"size-4 shrink-0\" aria-hidden />\n\t\t<span>{label}</span>\n\t</>\n)\n\n/**\n * Back link with chevron icon. Router-agnostic via asChild pattern.\n *\n * @example\n * // With TanStack Router:\n * <BackLink asChild label=\"Back to properties\">\n * <Link to=\"..\" replace />\n * </BackLink>\n *\n * @example\n * // Plain link:\n * <BackLink href=\"/properties\" label=\"Back to properties\" />\n */\nexport function BackLink({\n\tlabel,\n\tasChild = false,\n\tclassName,\n\tchildren,\n\t...props\n}: BackLinkProps) {\n\tconst slotClassName = cn(\n\t\t'inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground',\n\t\tclassName,\n\t)\n\n\tif (asChild) {\n\t\
|
|
1
|
+
{"version":3,"file":"BackLink.js","sources":["../../src/components/BackLink/BackLink.tsx"],"sourcesContent":["import { cn } from '@/utils'\nimport { ChevronLeft } from 'lucide-react'\nimport * as React from 'react'\n\nexport interface BackLinkProps extends React.ComponentProps<'a'> {\n\t/** Link text, e.g. \"Back to properties\". */\n\tlabel: string\n\t/** If true, renders the provided child element as the link. Use with router Link components. */\n\tasChild?: boolean\n}\n\nconst slotContent = (label: string) => (\n\t<>\n\t\t<ChevronLeft className=\"size-4 shrink-0\" aria-hidden />\n\t\t<span>{label}</span>\n\t</>\n)\n\n/**\n * Back link with chevron icon. Router-agnostic via asChild pattern.\n *\n * @example\n * // With TanStack Router:\n * <BackLink asChild label=\"Back to properties\">\n * <Link to=\"..\" replace />\n * </BackLink>\n *\n * @example\n * // Plain link:\n * <BackLink href=\"/properties\" label=\"Back to properties\" />\n */\nexport function BackLink({\n\tlabel,\n\tasChild = false,\n\tclassName,\n\tchildren,\n\t...props\n}: BackLinkProps) {\n\tconst slotClassName = cn(\n\t\t'inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground',\n\t\tclassName,\n\t)\n\n\tif (asChild) {\n\t\tlet child: React.ReactElement\n\t\ttry {\n\t\t\tchild = React.Children.only(children) as React.ReactElement\n\t\t} catch {\n\t\t\tthrow new Error('BackLink with asChild requires exactly one child element.')\n\t\t}\n\t\tconst mergedProps = {\n\t\t\t'data-slot': 'back-link',\n\t\t\tclassName: slotClassName,\n\t\t\t...props,\n\t\t\tchildren: slotContent(label),\n\t\t}\n\t\treturn React.cloneElement(child, mergedProps)\n\t}\n\n\treturn (\n\t\t<a\n\t\t\tdata-slot=\"back-link\"\n\t\t\tclassName={slotClassName}\n\t\t\t{...props}\n\t\t>\n\t\t\t{slotContent(label)}\n\t\t</a>\n\t)\n}\n"],"names":["slotContent","label","jsxs","Fragment","jsx","ChevronLeft","BackLink","asChild","className","children","props","slotClassName","cn","child","React","mergedProps"],"mappings":";;;;AAWA,MAAMA,IAAc,CAACC,MACpB,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,WAAU,mBAAkB,eAAW,IAAC;AAAA,EACrD,gBAAAD,EAAC,UAAM,UAAAH,EAAA,CAAM;AAAA,GACd;AAgBM,SAASK,EAAS;AAAA,EACxB,OAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAkB;AACjB,QAAMC,IAAgBC;AAAA,IACrB;AAAA,IACAJ;AAAA,EAAA;AAGD,MAAID,GAAS;AACZ,QAAIM;AACJ,QAAI;AACH,MAAAA,IAAQC,EAAM,SAAS,KAAKL,CAAQ;AAAA,IACrC,QAAQ;AACP,YAAM,IAAI,MAAM,2DAA2D;AAAA,IAC5E;AACA,UAAMM,IAAc;AAAA,MACnB,aAAa;AAAA,MACb,WAAWJ;AAAA,MACX,GAAGD;AAAA,MACH,UAAUV,EAAYC,CAAK;AAAA,IAAA;AAE5B,WAAOa,EAAM,aAAaD,GAAOE,CAAW;AAAA,EAC7C;AAEA,SACC,gBAAAX;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWO;AAAA,MACV,GAAGD;AAAA,MAEH,YAAYT,CAAK;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
|
package/dist/shared/Dialog.js
CHANGED
|
@@ -209,7 +209,7 @@ function j({
|
|
|
209
209
|
}
|
|
210
210
|
export {
|
|
211
211
|
h as D,
|
|
212
|
-
|
|
212
|
+
p as F,
|
|
213
213
|
y as W,
|
|
214
214
|
F as a,
|
|
215
215
|
v as b,
|
|
@@ -220,6 +220,6 @@ export {
|
|
|
220
220
|
x as g,
|
|
221
221
|
N as h,
|
|
222
222
|
z as i,
|
|
223
|
-
|
|
223
|
+
j
|
|
224
224
|
};
|
|
225
225
|
//# sourceMappingURL=Dialog.js.map
|
package/dist/shared/Empty.js
CHANGED
package/dist/shared/Empty.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Empty.js","sources":["../../src/components/Empty/Empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex max-w-sm flex-col items-center gap-2 text-center\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nconst emptyMediaVariants = cva(\n\t\"flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n)\n\nfunction EmptyMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-icon\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(emptyMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-title\"\n\t\t\tclassName={cn(\"text-lg font-medium tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<
|
|
1
|
+
{"version":3,"file":"Empty.js","sources":["../../src/components/Empty/Empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex max-w-sm flex-col items-center gap-2 text-center\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nconst emptyMediaVariants = cva(\n\t\"flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n)\n\nfunction EmptyMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-icon\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(emptyMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-title\"\n\t\t\tclassName={cn(\"text-lg font-medium tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"empty-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"empty-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tEmpty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle\n}\n\n"],"names":["Empty","className","props","jsx","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACpE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAMI,IAAqBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,EACV;AAEF;AAEA,SAASC,EAAW;AAAA,EACnB,WAAAP;AAAA,EACA,SAAAQ,IAAU;AAAA,EACV,GAAGP;AACJ,GAA0E;AACzE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAR,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACzE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAiB,EAAE,WAAAV,GAAW,GAAGC,KAAoC;AAC7E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAC3E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/shared/Sheet.js
CHANGED
|
@@ -60,7 +60,7 @@ function x({
|
|
|
60
60
|
...i,
|
|
61
61
|
children: [
|
|
62
62
|
a,
|
|
63
|
-
/* @__PURE__ */ r(o.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
|
|
63
|
+
/* @__PURE__ */ r(o.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none", children: [
|
|
64
64
|
/* @__PURE__ */ e(l, { className: "size-4" }),
|
|
65
65
|
/* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
|
|
66
66
|
] })
|
|
@@ -79,7 +79,7 @@ function S({ className: t, ...a }) {
|
|
|
79
79
|
}
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function v({ className: t, ...a }) {
|
|
83
83
|
return /* @__PURE__ */ e(
|
|
84
84
|
"div",
|
|
85
85
|
{
|
|
@@ -89,7 +89,7 @@ function y({ className: t, ...a }) {
|
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
91
|
}
|
|
92
|
-
function
|
|
92
|
+
function y({
|
|
93
93
|
className: t,
|
|
94
94
|
...a
|
|
95
95
|
}) {
|
|
@@ -102,7 +102,7 @@ function N({
|
|
|
102
102
|
}
|
|
103
103
|
);
|
|
104
104
|
}
|
|
105
|
-
function
|
|
105
|
+
function N({
|
|
106
106
|
className: t,
|
|
107
107
|
...a
|
|
108
108
|
}) {
|
|
@@ -117,12 +117,12 @@ function v({
|
|
|
117
117
|
}
|
|
118
118
|
export {
|
|
119
119
|
p as S,
|
|
120
|
-
|
|
121
|
-
b,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
120
|
+
b as a,
|
|
121
|
+
x as b,
|
|
122
|
+
N as c,
|
|
123
|
+
v as d,
|
|
124
|
+
S as e,
|
|
125
|
+
y as f,
|
|
126
|
+
g
|
|
127
127
|
};
|
|
128
128
|
//# sourceMappingURL=Sheet.js.map
|
package/dist/shared/Sheet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t)\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-1.5 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AAQA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC9E,2BAAQC,EAAe,MAAf,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC1D;AAEA,SAASE,EAAa;AAAA,EACrB,GAAGF;AACJ,GAAwD;AACvD,2BAAQC,EAAe,SAAf,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACrE;AAEA,SAASG,EAAW;AAAA,EACnB,GAAGH;AACJ,GAAsD;AACrD,2BAAQC,EAAe,OAAf,EAAqB,aAAU,eAAe,GAAGD,GAAO;AACjE;AAEA,SAASI,EAAY;AAAA,EACpB,GAAGJ;AACJ,GAAuD;AACtD,2BAAQC,EAAe,QAAf,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACnE;AAEA,SAASK,EAAa;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGN;AACJ,GAAwD;AACvD,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO;AAAA,QACV;AAAA,QACAF;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAa;AAAA,EACrB,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGX;AACJ,GAEG;AACF,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAa;AAAA,IACd,gBAAAO;AAAA,MAACX,EAAe;AAAA,MAAf;AAAA,QACA,aAAU;AAAA,QACV,WAAWO;AAAA,UACV;AAAA,UACAG,MAAS,WACT;AAAA,UACAA,MAAS,UACT;AAAA,UACAA,MAAS,SACT;AAAA,UACAA,MAAS,YACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAEA,GAAGN;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACD,gBAAAE,EAACX,EAAe,OAAf,EAAqB,WAAU,
|
|
1
|
+
{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t)\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-1.5 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AAQA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC9E,2BAAQC,EAAe,MAAf,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC1D;AAEA,SAASE,EAAa;AAAA,EACrB,GAAGF;AACJ,GAAwD;AACvD,2BAAQC,EAAe,SAAf,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACrE;AAEA,SAASG,EAAW;AAAA,EACnB,GAAGH;AACJ,GAAsD;AACrD,2BAAQC,EAAe,OAAf,EAAqB,aAAU,eAAe,GAAGD,GAAO;AACjE;AAEA,SAASI,EAAY;AAAA,EACpB,GAAGJ;AACJ,GAAuD;AACtD,2BAAQC,EAAe,QAAf,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACnE;AAEA,SAASK,EAAa;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGN;AACJ,GAAwD;AACvD,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO;AAAA,QACV;AAAA,QACAF;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAa;AAAA,EACrB,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGX;AACJ,GAEG;AACF,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAa;AAAA,IACd,gBAAAO;AAAA,MAACX,EAAe;AAAA,MAAf;AAAA,QACA,aAAU;AAAA,QACV,WAAWO;AAAA,UACV;AAAA,UACAG,MAAS,WACT;AAAA,UACAA,MAAS,UACT;AAAA,UACAA,MAAS,SACT;AAAA,UACAA,MAAS,YACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAEA,GAAGN;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACD,gBAAAE,EAACX,EAAe,OAAf,EAAqB,WAAU,0QAC/B,UAAA;AAAA,YAAA,gBAAAM,EAACM,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAC1B,gBAAAN,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGN,KAAsC;AAC1E,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,6BAA6BF,CAAS;AAAA,MACnD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASe,EAAY,EAAE,WAAAT,GAAW,GAAGN,KAAsC;AAC1E,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,MACzD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASgB,EAAW;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGN;AACJ,GAAsD;AACrD,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASiB,EAAiB;AAAA,EACzB,WAAAX;AAAA,EACA,GAAGN;AACJ,GAA4D;AAC3D,SACC,gBAAAO;AAAA,IAACN,EAAe;AAAA,IAAf;AAAA,MACA,aAAU;AAAA,MACV,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/shared/Skeleton.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { cva as
|
|
4
|
-
const s =
|
|
5
|
-
"bg-
|
|
2
|
+
import { c as r } from "./utils.js";
|
|
3
|
+
import { cva as o } from "class-variance-authority";
|
|
4
|
+
const s = o(
|
|
5
|
+
"bg-muted rounded",
|
|
6
6
|
{
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
@@ -15,17 +15,17 @@ const s = r(
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
);
|
|
18
|
-
function
|
|
18
|
+
function l({ className: a, variant: t, ...n }) {
|
|
19
19
|
return /* @__PURE__ */ e(
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
22
|
"data-slot": "skeleton",
|
|
23
|
-
className:
|
|
23
|
+
className: r(s({ variant: t, className: a })),
|
|
24
24
|
...n
|
|
25
25
|
}
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
l as S
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n\nconst variants = cva(\n\t\"bg-
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n\nconst variants = cva(\n\t\"bg-muted rounded\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"animate-pulse\",\n\t\t\t\tnone: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\"\n\t\t},\n\t}\n)\n\nfunction Skeleton({ className, variant, ...props }: React.ComponentProps<\"div\"> & VariantProps<typeof variants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"skeleton\"\n\t\t\tclassName={cn(variants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Skeleton };\n"],"names":["variants","cva","Skeleton","className","variant","props","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAWC;AAAA,EAChB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,EACV;AAEF;AAEA,SAASC,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAsE;AAChH,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAGP,EAAS,EAAE,SAAAI,GAAS,WAAAD,EAAA,CAAW,CAAC;AAAA,MAC7C,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/shared/Tooltip.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as i, jsxs as n } from "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import * as o from "@radix-ui/react-tooltip";
|
|
4
4
|
import { c as d } from "./utils.js";
|
|
5
|
-
function
|
|
5
|
+
function f({
|
|
6
6
|
delayDuration: t = 0,
|
|
7
7
|
...r
|
|
8
8
|
}) {
|
|
@@ -15,12 +15,12 @@ function s({
|
|
|
15
15
|
}
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function m({
|
|
19
19
|
...t
|
|
20
20
|
}) {
|
|
21
|
-
return /* @__PURE__ */ i(
|
|
21
|
+
return /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t });
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function c({
|
|
24
24
|
...t
|
|
25
25
|
}) {
|
|
26
26
|
return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
|
|
@@ -28,8 +28,8 @@ function m({
|
|
|
28
28
|
function u({
|
|
29
29
|
className: t,
|
|
30
30
|
sideOffset: r = 0,
|
|
31
|
-
children:
|
|
32
|
-
...
|
|
31
|
+
children: a,
|
|
32
|
+
...e
|
|
33
33
|
}) {
|
|
34
34
|
return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
|
|
35
35
|
o.Content,
|
|
@@ -40,18 +40,18 @@ function u({
|
|
|
40
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 px-3 py-1.5 text-xs text-balance",
|
|
41
41
|
t
|
|
42
42
|
),
|
|
43
|
-
...
|
|
43
|
+
...e,
|
|
44
44
|
children: [
|
|
45
|
-
|
|
45
|
+
a,
|
|
46
46
|
/* @__PURE__ */ i(o.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
) });
|
|
50
50
|
}
|
|
51
51
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
m as T,
|
|
53
|
+
u as a,
|
|
54
|
+
f as b,
|
|
55
|
+
c
|
|
56
56
|
};
|
|
57
57
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils\"\n\nfunction TooltipProvider({\n\tdelayDuration = 0,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n\treturn (\n\t\t<TooltipPrimitive.Provider\n\t\t\tdata-slot=\"tooltip-provider\"\n\t\t\tdelayDuration={delayDuration}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction Tooltip({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils\"\n\nfunction TooltipProvider({\n\tdelayDuration = 0,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n\treturn (\n\t\t<TooltipPrimitive.Provider\n\t\t\tdata-slot=\"tooltip-provider\"\n\t\t\tdelayDuration={delayDuration}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction Tooltip({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n\tclassName,\n\tsideOffset = 0,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n\treturn (\n\t\t<TooltipPrimitive.Portal>\n\t\t\t<TooltipPrimitive.Content\n\t\t\t\tdata-slot=\"tooltip-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"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 px-3 py-1.5 text-xs text-balance\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n\t\t\t</TooltipPrimitive.Content>\n\t\t</TooltipPrimitive.Portal>\n\t)\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;;AAKA,SAASA,EAAgB;AAAA,EACxB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACJ,GAA2D;AAC1D,SACC,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAQ;AAAA,EAChB,GAAGH;AACJ,GAAuD;AACtD,2BAAQE,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,GAAO;AAC9D;AAEA,SAASI,EAAe;AAAA,EACvB,GAAGJ;AACJ,GAA0D;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AACzE;AAEA,SAASK,EAAe;AAAA,EACvB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACJ,GAA0D;AACzD,SACC,gBAAAC,EAACC,EAAiB,QAAjB,EACA,UAAA,gBAAAO;AAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzI;AAEF;"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
2
|
const e = 768;
|
|
3
|
-
function
|
|
4
|
-
const [s, n] = o.useState(
|
|
3
|
+
function d() {
|
|
4
|
+
const [s, n] = o.useState(
|
|
5
|
+
typeof window < "u" ? window.innerWidth < e : !1
|
|
6
|
+
);
|
|
5
7
|
return o.useEffect(() => {
|
|
6
8
|
const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
|
|
7
9
|
n(window.innerWidth < e);
|
|
8
10
|
};
|
|
9
11
|
return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
|
|
10
|
-
}, []),
|
|
12
|
+
}, []), s;
|
|
11
13
|
}
|
|
12
14
|
export {
|
|
13
|
-
|
|
15
|
+
d as u
|
|
14
16
|
};
|
|
15
17
|
//# sourceMappingURL=use-mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mobile.js","sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n const [isMobile, setIsMobile] = React.useState<boolean
|
|
1
|
+
{"version":3,"file":"use-mobile.js","sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n const [isMobile, setIsMobile] = React.useState<boolean>(\n typeof window !== 'undefined' ? window.innerWidth < MOBILE_BREAKPOINT : false\n )\n\n React.useEffect(() => {\n const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n const onChange = () => {\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n }\n mql.addEventListener(\"change\", onChange)\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n return () => mql.removeEventListener(\"change\", onChange)\n }, [])\n\n return isMobile\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM;AAAA,IACpC,OAAO,SAAW,MAAc,OAAO,aAAaJ,IAAoB;AAAA,EAAA;AAG1E,SAAAI,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACrB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IACnD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAAA,CAAE,GAEEJ;AACT;"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abumble/design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.38",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
|
-
"src/styles.css"
|
|
6
|
+
"src/styles.css",
|
|
7
|
+
"src/themes"
|
|
7
8
|
],
|
|
8
9
|
"exports": {
|
|
9
10
|
".": {
|
|
@@ -166,7 +167,9 @@
|
|
|
166
167
|
"import": "./dist/use-mobile.js",
|
|
167
168
|
"types": "./dist/hooks/use-mobile.d.ts"
|
|
168
169
|
},
|
|
169
|
-
"./styles.css": "./src/styles.css"
|
|
170
|
+
"./styles.css": "./src/styles.css",
|
|
171
|
+
"./themes/linen.css": "./src/themes/linen.css",
|
|
172
|
+
"./themes/steel.css": "./src/themes/steel.css"
|
|
170
173
|
},
|
|
171
174
|
"scripts": {
|
|
172
175
|
"version": "npm run build",
|
|
@@ -184,7 +187,7 @@
|
|
|
184
187
|
"tw-animate-css": "^1.3.6"
|
|
185
188
|
},
|
|
186
189
|
"devDependencies": {
|
|
187
|
-
"@chromatic-com/storybook": "^
|
|
190
|
+
"@chromatic-com/storybook": "^5.0.1",
|
|
188
191
|
"@eslint/js": "^9.39.1",
|
|
189
192
|
"@radix-ui/react-collapsible": "^1.1.12",
|
|
190
193
|
"@radix-ui/react-context-menu": "^2.2.16",
|
|
@@ -193,11 +196,11 @@
|
|
|
193
196
|
"@radix-ui/react-separator": "^1.1.7",
|
|
194
197
|
"@radix-ui/react-slot": "^1.2.3",
|
|
195
198
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
196
|
-
"@storybook/addon-a11y": "10.2.
|
|
197
|
-
"@storybook/addon-docs": "10.2.
|
|
198
|
-
"@storybook/addon-onboarding": "10.2.
|
|
199
|
-
"@storybook/addon-vitest": "10.2.
|
|
200
|
-
"@storybook/react-vite": "10.2.
|
|
199
|
+
"@storybook/addon-a11y": "10.2.17",
|
|
200
|
+
"@storybook/addon-docs": "10.2.17",
|
|
201
|
+
"@storybook/addon-onboarding": "10.2.17",
|
|
202
|
+
"@storybook/addon-vitest": "10.2.17",
|
|
203
|
+
"@storybook/react-vite": "10.2.17",
|
|
201
204
|
"@tailwindcss/vite": "^4.0.6",
|
|
202
205
|
"@types/node": "^24.10.0",
|
|
203
206
|
"@types/react": "^19.2.2",
|
|
@@ -213,7 +216,7 @@
|
|
|
213
216
|
"eslint": "^9.39.1",
|
|
214
217
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
215
218
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
216
|
-
"eslint-plugin-storybook": "10.2.
|
|
219
|
+
"eslint-plugin-storybook": "10.2.17",
|
|
217
220
|
"globals": "^16.5.0",
|
|
218
221
|
"lucide-react": "^0.544.0",
|
|
219
222
|
"playwright": "^1.56.1",
|
|
@@ -222,7 +225,7 @@
|
|
|
222
225
|
"react": "^19.2.0",
|
|
223
226
|
"react-dom": "^19.2.0",
|
|
224
227
|
"rimraf": "^6.1.2",
|
|
225
|
-
"storybook": "10.2.
|
|
228
|
+
"storybook": "10.2.17",
|
|
226
229
|
"tailwind-merge": "^3.0.2",
|
|
227
230
|
"tailwindcss": "^4.1.17",
|
|
228
231
|
"typescript": "~5.9.3",
|