@dust-tt/sparkle 0.2.613 → 0.2.615
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/cjs/index.js +1 -1
- package/dist/esm/components/Avatar.d.ts +1 -1
- package/dist/esm/components/Avatar.js +4 -4
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/NavigationList.d.ts +4 -1
- package/dist/esm/components/NavigationList.d.ts.map +1 -1
- package/dist/esm/components/NavigationList.js +2 -2
- package/dist/esm/components/NavigationList.js.map +1 -1
- package/dist/esm/components/ScrollArea.d.ts +1 -0
- package/dist/esm/components/ScrollArea.d.ts.map +1 -1
- package/dist/esm/components/ScrollArea.js +7 -4
- package/dist/esm/components/ScrollArea.js.map +1 -1
- package/dist/esm/components/Spinner.d.ts +1 -1
- package/dist/esm/components/Spinner.js +7 -7
- package/dist/esm/components/Spinner.js.map +1 -1
- package/dist/esm/components/WindowUtility.d.ts +3 -2
- package/dist/esm/components/WindowUtility.d.ts.map +1 -1
- package/dist/esm/components/WindowUtility.js +25 -17
- package/dist/esm/components/WindowUtility.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/stories/Avatar.stories.js +4 -4
- package/dist/esm/stories/Spinner.stories.js +3 -3
- package/package.json +1 -1
- package/src/components/Avatar.tsx +4 -4
- package/src/components/NavigationList.tsx +7 -2
- package/src/components/ScrollArea.tsx +9 -3
- package/src/components/Spinner.tsx +7 -7
- package/src/components/WindowUtility.tsx +11 -18
- package/src/index.ts +1 -0
- package/src/stories/Avatar.stories.tsx +4 -4
- package/src/stories/Spinner.stories.tsx +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "
|
|
2
|
+
declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
3
3
|
type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
4
4
|
interface AvatarProps {
|
|
5
5
|
size?: AvatarSizeType;
|
|
@@ -5,7 +5,7 @@ import { Tooltip } from "../components";
|
|
|
5
5
|
import { UserIcon } from "../icons/app";
|
|
6
6
|
import { getEmojiAndBackgroundFromUrl } from "../lib/avatar/utils";
|
|
7
7
|
import { cn } from "../lib/utils";
|
|
8
|
-
var AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
8
|
+
var AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
9
9
|
var AVATAR_VARIANTS = ["default", "clickable", "disabled"];
|
|
10
10
|
var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", {
|
|
11
11
|
variants: {
|
|
@@ -15,7 +15,7 @@ var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center
|
|
|
15
15
|
md: "s-h-10 s-w-10",
|
|
16
16
|
lg: "s-h-16 s-w-16",
|
|
17
17
|
xl: "s-h-20 s-w-20",
|
|
18
|
-
|
|
18
|
+
"2xl": "s-h-36 s-w-36",
|
|
19
19
|
auto: "s-w-full s-relative",
|
|
20
20
|
},
|
|
21
21
|
variant: {
|
|
@@ -56,7 +56,7 @@ var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center
|
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
rounded: false,
|
|
59
|
-
size: "
|
|
59
|
+
size: "2xl",
|
|
60
60
|
className: "s-rounded-[38px]",
|
|
61
61
|
},
|
|
62
62
|
{
|
|
@@ -79,7 +79,7 @@ var textVariants = cva("s-select-none s-font-semibold", {
|
|
|
79
79
|
md: "s-text-base",
|
|
80
80
|
lg: "s-text-3xl",
|
|
81
81
|
xl: "s-text-5xl",
|
|
82
|
-
|
|
82
|
+
"2xl": "s-text-7xl",
|
|
83
83
|
auto: "s-text-xl",
|
|
84
84
|
},
|
|
85
85
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAG5E,IAAM,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAU,CAAC;AAGtE,IAAM,cAAc,GAAG,GAAG,CACxB,0EAA0E,EAC1E;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,10 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { LinkWrapperProps } from "../components";
|
|
5
|
-
|
|
5
|
+
interface NavigationListProps {
|
|
6
|
+
viewportRef?: React.RefObject<HTMLDivElement>;
|
|
7
|
+
}
|
|
8
|
+
declare const NavigationList: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & NavigationListProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
9
|
interface NavigationListItemProps extends React.HTMLAttributes<HTMLDivElement>, Omit<LinkWrapperProps, "children" | "className"> {
|
|
7
10
|
selected?: boolean;
|
|
8
11
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAiC9B,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"NavigationList.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAiC9B,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C;AACD,QAAA,MAAM,cAAc,qLAgBlB,CAAC;AAGH,UAAU,uBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,gGAwEvB,CAAC;AAGF,UAAU,6BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,wBAAwB,sGAkB5B,CAAC;AAGH,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAMH,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,mBAAmB,iGAevB,CAAC;AAIH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,GACpB,CAAC"}
|
|
@@ -18,8 +18,8 @@ var NavigationListItemStyles = cva(cn("s-box-border s-flex s-items-center s-w-fu
|
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
var NavigationList = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
22
|
-
return (React.createElement(ScrollArea, __assign({ ref: ref, className: cn(className, "s-transition-all s-duration-300") }, props),
|
|
21
|
+
var className = _a.className, children = _a.children, viewportRef = _a.viewportRef, props = __rest(_a, ["className", "children", "viewportRef"]);
|
|
22
|
+
return (React.createElement(ScrollArea, __assign({ ref: ref, viewportRef: viewportRef, className: cn(className, "s-transition-all s-duration-300") }, props),
|
|
23
23
|
React.createElement("div", { className: "s-flex s-flex-col s-gap-0.5" }, children),
|
|
24
24
|
React.createElement(ScrollBar, null)));
|
|
25
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,IAAI,EACJ,WAAW,EAEX,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,wBAAwB,GAAG,GAAG,CAClC,EAAE,CACA,sFAAsF,EACtF,uGAAuG,EACvG,uCAAuC,EACvC,4FAA4F,EAC5F,4DAA4D,EAC5D,0DAA0D,CAC3D,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,4DAA4D;YACpE,QAAQ,EAAE,EAAE,CACV,gDAAgD,EAChD,eAAe,EACf,8CAA8C,CAC/C;YACD,UAAU,EACR,4DAA4D;SAC/D;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,YAAY;KACpB;CACF,CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,IAAI,EACJ,WAAW,EAEX,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,wBAAwB,GAAG,GAAG,CAClC,EAAE,CACA,sFAAsF,EACtF,uGAAuG,EACvG,uCAAuC,EACvC,4FAA4F,EAC5F,4DAA4D,EAC5D,0DAA0D,CAC3D,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,4DAA4D;YACpE,QAAQ,EAAE,EAAE,CACV,gDAAgD,EAChD,eAAe,EACf,8CAA8C,CAC/C;YACD,UAAU,EACR,4DAA4D;SAC/D;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,YAAY;KACpB;CACF,CACF,CAAC;AAKF,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAIrC,UAAC,EAA8C,EAAE,GAAG;IAAjD,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAA5C,wCAA8C,CAAF;IAC7C,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,iCAAiC,CAAC,IACvD,KAAK;QAET,6BAAK,SAAS,EAAC,6BAA6B,IAAE,QAAQ,CAAO;QAC7D,oBAAC,SAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAW9C,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAIzC,UACE,EAYC,EACD,GAAG;IAZD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACH,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,KAAK,cAXV,qGAYC,CADS;IAIJ,IAAA,KAAA,OAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IAExD,IAAM,eAAe,GAAG,UAAC,KAAuB;QAC9C,IAAI,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;YAC5D,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,GAAG,EAAE,GAAG,cACC,aAAa,mBACP,QAAQ,IACnB,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO;YAEhB,6BACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,wBAAwB,CAAC;oBACvB,KAAK,EAAE,QAAQ;wBACb,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS;4BACT,CAAC,CAAC,QAAQ;4BACV,CAAC,CAAC,YAAY;iBACnB,CAAC,CACH,EACD,YAAY,EAAE;oBACZ,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,EACD,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB;gBAEnC,IAAI,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;gBACxC,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,uIAAuI,IACpJ,KAAK,CACD,CACR,CACG,CACM;QACb,QAAQ,IAAI,0CAAG,QAAQ,CAAI,CACxB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAOtD,IAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAG/C,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IACtB,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,kBACK,aAAa,EAC1B,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,+IAA+I,EAC/I,SAAS,CACV,IACG,KAAK;QAET,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,OAAO,GAAG,CAClD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,IAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gDAAgD;YACzD,SAAS,EAAE,4DAA4D;SACxE;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,CACN,+EAA+E,EAC/E,4CAA4C,CAC7C;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,GAAG,CACrB,+FAA+F,CAChG,CAAC;AAQF,IAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,UAAC,EAAiD,EAAE,GAAG;IAApD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,6CAAiD,CAAF;IAAY,OAAA,CAC5D,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,WAAW,EAAE,EACb,aAAa,CAAC,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,EACpC,SAAS,CACV,IACG,KAAK,GAER,KAAK,CACF,CACP,CAAA;CAAA,CAAC,CAAC;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,GACpB,CAAC"}
|
|
@@ -9,6 +9,7 @@ interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAr
|
|
|
9
9
|
active?: string;
|
|
10
10
|
inactive?: string;
|
|
11
11
|
};
|
|
12
|
+
viewportRef?: React.RefObject<HTMLDivElement>;
|
|
12
13
|
}
|
|
13
14
|
declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
15
|
declare const scrollBarSizes: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,QAAA,MAAM,UAAU,wFAuEf,CAAC;AAGF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAEX,KAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CACpC,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;IACD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,uFAuCd,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjC,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -4,8 +4,8 @@ import * as React from "react";
|
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { cn } from "../lib/utils";
|
|
6
6
|
var ScrollArea = React.forwardRef(function (_a, ref) {
|
|
7
|
-
var className = _a.className, children = _a.children, _b = _a.hideScrollBar, hideScrollBar = _b === void 0 ? false : _b, _c = _a.orientation, orientation = _c === void 0 ? "vertical" : _c, scrollBarClassName = _a.scrollBarClassName, viewportClassName = _a.viewportClassName, scrollStyles = _a.scrollStyles, props = __rest(_a, ["className", "children", "hideScrollBar", "orientation", "scrollBarClassName", "viewportClassName", "scrollStyles"]);
|
|
8
|
-
var
|
|
7
|
+
var className = _a.className, children = _a.children, _b = _a.hideScrollBar, hideScrollBar = _b === void 0 ? false : _b, _c = _a.orientation, orientation = _c === void 0 ? "vertical" : _c, scrollBarClassName = _a.scrollBarClassName, viewportClassName = _a.viewportClassName, scrollStyles = _a.scrollStyles, viewportRef = _a.viewportRef, props = __rest(_a, ["className", "children", "hideScrollBar", "orientation", "scrollBarClassName", "viewportClassName", "scrollStyles", "viewportRef"]);
|
|
8
|
+
var localViewportRef = React.useRef(null);
|
|
9
9
|
var _d = __read(React.useState(false), 2), isScrolled = _d[0], setIsScrolled = _d[1];
|
|
10
10
|
var hasCustomScrollBar = useMemo(function () {
|
|
11
11
|
return React.Children.toArray(children).some(function (child) {
|
|
@@ -16,12 +16,15 @@ var ScrollArea = React.forwardRef(function (_a, ref) {
|
|
|
16
16
|
}, [children]);
|
|
17
17
|
var shouldHideDefaultScrollBar = hideScrollBar || hasCustomScrollBar;
|
|
18
18
|
var handleScroll = React.useCallback(function () {
|
|
19
|
-
if (viewportRef.current) {
|
|
19
|
+
if (viewportRef && viewportRef.current) {
|
|
20
20
|
setIsScrolled(viewportRef.current.scrollTop > 0);
|
|
21
21
|
}
|
|
22
|
+
if (localViewportRef.current) {
|
|
23
|
+
setIsScrolled(localViewportRef.current.scrollTop > 0);
|
|
24
|
+
}
|
|
22
25
|
}, []);
|
|
23
26
|
return (React.createElement(ScrollAreaPrimitive.Root, __assign({ ref: ref, className: cn("s-relative s-z-20 s-overflow-hidden s-transition-all s-duration-200", isScrolled ? scrollStyles === null || scrollStyles === void 0 ? void 0 : scrollStyles.active : scrollStyles === null || scrollStyles === void 0 ? void 0 : scrollStyles.inactive, className) }, props),
|
|
24
|
-
React.createElement(ScrollAreaPrimitive.Viewport, { ref: viewportRef, onScroll: handleScroll, className: cn("s-h-full s-w-full s-rounded-[inherit]", viewportClassName) }, children),
|
|
27
|
+
React.createElement(ScrollAreaPrimitive.Viewport, { ref: viewportRef || localViewportRef, onScroll: handleScroll, className: cn("s-h-full s-w-full s-rounded-[inherit]", viewportClassName) }, children),
|
|
25
28
|
!shouldHideDefaultScrollBar && (React.createElement(ScrollBar, { orientation: orientation, className: scrollBarClassName })),
|
|
26
29
|
React.createElement(ScrollAreaPrimitive.Corner, null)));
|
|
27
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../src/components/ScrollArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../src/components/ScrollArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type SpinnerSizeType = (typeof SPINNER_SIZES)[number];
|
|
3
|
-
declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "
|
|
3
|
+
declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
|
|
4
4
|
type SpinnerVariant = "mono" | "revert" | "light" | "dark" | "color" | SpinnerVariantType;
|
|
5
5
|
export interface SpinnerProps {
|
|
6
6
|
size?: SpinnerSizeType;
|
|
@@ -11,7 +11,7 @@ import animDarkXS from "../lottie/spinnerDarkXS";
|
|
|
11
11
|
import animLight from "../lottie/spinnerLight";
|
|
12
12
|
import animLightLG from "../lottie/spinnerLightLG";
|
|
13
13
|
import animLightXS from "../lottie/spinnerLightXS";
|
|
14
|
-
var SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
14
|
+
var SPINNER_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl"];
|
|
15
15
|
// Generate all possible color-shade combinations
|
|
16
16
|
var colorVariants = Object.entries(customColors).flatMap(function (_a) {
|
|
17
17
|
var _b = __read(_a, 2), color = _b[0], shades = _b[1];
|
|
@@ -24,7 +24,7 @@ var pxSizeClasses = {
|
|
|
24
24
|
md: "24",
|
|
25
25
|
lg: "32",
|
|
26
26
|
xl: "128",
|
|
27
|
-
|
|
27
|
+
"2xl": "192",
|
|
28
28
|
};
|
|
29
29
|
// Convert hex to RGB array [r, g, b, a]
|
|
30
30
|
var hexToRgba = function (hex) {
|
|
@@ -78,7 +78,7 @@ var Spinner = function (_a) {
|
|
|
78
78
|
anim = animLightXS;
|
|
79
79
|
break;
|
|
80
80
|
case "xl":
|
|
81
|
-
case "
|
|
81
|
+
case "2xl":
|
|
82
82
|
anim = animLightLG;
|
|
83
83
|
break;
|
|
84
84
|
default:
|
|
@@ -95,7 +95,7 @@ var Spinner = function (_a) {
|
|
|
95
95
|
anim = animColorXS;
|
|
96
96
|
break;
|
|
97
97
|
case "xl":
|
|
98
|
-
case "
|
|
98
|
+
case "2xl":
|
|
99
99
|
anim = animColorLG;
|
|
100
100
|
break;
|
|
101
101
|
default:
|
|
@@ -110,7 +110,7 @@ var Spinner = function (_a) {
|
|
|
110
110
|
anim = animLightXS;
|
|
111
111
|
break;
|
|
112
112
|
case "xl":
|
|
113
|
-
case "
|
|
113
|
+
case "2xl":
|
|
114
114
|
anim = animLightLG;
|
|
115
115
|
break;
|
|
116
116
|
default:
|
|
@@ -125,7 +125,7 @@ var Spinner = function (_a) {
|
|
|
125
125
|
anim = animDarkXS;
|
|
126
126
|
break;
|
|
127
127
|
case "xl":
|
|
128
|
-
case "
|
|
128
|
+
case "2xl":
|
|
129
129
|
anim = animDarkLG;
|
|
130
130
|
break;
|
|
131
131
|
default:
|
|
@@ -142,7 +142,7 @@ var Spinner = function (_a) {
|
|
|
142
142
|
darkAnim = animDarkXS;
|
|
143
143
|
break;
|
|
144
144
|
case "xl":
|
|
145
|
-
case "
|
|
145
|
+
case "2xl":
|
|
146
146
|
lightAnim = animLightLG;
|
|
147
147
|
darkAnim = animDarkLG;
|
|
148
148
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAO,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAGzD,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAerE,iDAAiD;AACjD,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,EAAe;QAAf,KAAA,aAAe,EAAd,KAAK,QAAA,EAAE,MAAM,QAAA;IACxE,OAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,UAAG,KAAK,SAAG,KAAK,CAAW,EAA3B,CAA2B,CAAC;AAA/D,CAA+D,CAChE,CAAC;AAEF,IAAM,gBAAgB,GAAG,eAAC,OAAO,UAAK,aAAa,SAAU,CAAC;AAI9D,IAAM,aAAa,GAAoC;IACrD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,KAAK;IACT,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export declare const breakpoints: {
|
|
2
|
+
xxs: number;
|
|
2
3
|
xs: number;
|
|
3
4
|
sm: number;
|
|
4
5
|
md: number;
|
|
5
6
|
lg: number;
|
|
6
7
|
xl: number;
|
|
7
|
-
|
|
8
|
+
"2xl": number;
|
|
8
9
|
};
|
|
9
10
|
interface WindowSizeState {
|
|
10
11
|
width: number | undefined;
|
|
@@ -12,5 +13,5 @@ interface WindowSizeState {
|
|
|
12
13
|
activeBreakpoint: keyof typeof breakpoints;
|
|
13
14
|
}
|
|
14
15
|
export declare function useWindowSize(): WindowSizeState;
|
|
15
|
-
export
|
|
16
|
+
export {};
|
|
16
17
|
//# sourceMappingURL=WindowUtility.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowUtility.d.ts","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"WindowUtility.d.ts","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC;AAgBF,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,WAAW,CAAC;CAC5C;AAGD,wBAAgB,aAAa,oBAwB5B"}
|
|
@@ -1,30 +1,39 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
1
|
+
import { __read, __values } from "tslib";
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
// Define breakpoints
|
|
4
4
|
export var breakpoints = {
|
|
5
|
-
|
|
5
|
+
xxs: 0,
|
|
6
|
+
xs: 512,
|
|
6
7
|
sm: 640,
|
|
7
8
|
md: 768,
|
|
8
9
|
lg: 1024,
|
|
9
10
|
xl: 1280,
|
|
10
|
-
|
|
11
|
+
"2xl": 1536,
|
|
11
12
|
};
|
|
12
13
|
// Helper function to determine active breakpoint
|
|
13
14
|
function getActiveBreakpoint(width) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
var e_1, _a;
|
|
16
|
+
var breakpointEntries = Object.entries(breakpoints);
|
|
17
|
+
// Sort breakpoints from largest to smallest
|
|
18
|
+
var sortedBreakpoints = breakpointEntries.sort(function (_a, _b) {
|
|
19
|
+
var _c = __read(_a, 2), a = _c[1];
|
|
20
|
+
var _d = __read(_b, 2), b = _d[1];
|
|
21
|
+
return b - a;
|
|
22
|
+
});
|
|
23
|
+
try {
|
|
24
|
+
for (var sortedBreakpoints_1 = __values(sortedBreakpoints), sortedBreakpoints_1_1 = sortedBreakpoints_1.next(); !sortedBreakpoints_1_1.done; sortedBreakpoints_1_1 = sortedBreakpoints_1.next()) {
|
|
25
|
+
var _b = __read(sortedBreakpoints_1_1.value, 2), breakpoint = _b[0], minWidth = _b[1];
|
|
26
|
+
if (width >= minWidth) {
|
|
27
|
+
return breakpoint;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
25
30
|
}
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
32
|
+
finally {
|
|
33
|
+
try {
|
|
34
|
+
if (sortedBreakpoints_1_1 && !sortedBreakpoints_1_1.done && (_a = sortedBreakpoints_1.return)) _a.call(sortedBreakpoints_1);
|
|
35
|
+
}
|
|
36
|
+
finally { if (e_1) throw e_1.error; }
|
|
28
37
|
}
|
|
29
38
|
return "xs";
|
|
30
39
|
}
|
|
@@ -50,5 +59,4 @@ export function useWindowSize() {
|
|
|
50
59
|
}, []);
|
|
51
60
|
return windowSize;
|
|
52
61
|
}
|
|
53
|
-
export default useWindowSize;
|
|
54
62
|
//# sourceMappingURL=WindowUtility.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowUtility.js","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,qBAAqB;AACrB,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,
|
|
1
|
+
{"version":3,"file":"WindowUtility.js","sourceRoot":"","sources":["../../../src/components/WindowUtility.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,qBAAqB;AACrB,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,GAAG,EAAE,CAAC;IACN,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,iDAAiD;AACjD,SAAS,mBAAmB,CAAC,KAAa;;IACxC,IAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAyC,CAAC;IAC9F,4CAA4C;IAC5C,IAAM,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAC,EAAK,EAAE,EAAK;YAAZ,KAAA,aAAK,EAAF,CAAC,QAAA;YAAG,KAAA,aAAK,EAAF,CAAC,QAAA;QAAM,OAAA,CAAC,GAAG,CAAC;IAAL,CAAK,CAAC,CAAC;;QAE1E,KAAqC,IAAA,sBAAA,SAAA,iBAAiB,CAAA,oDAAA,mFAAE,CAAC;YAA9C,IAAA,KAAA,sCAAsB,EAArB,UAAU,QAAA,EAAE,QAAQ,QAAA;YAC9B,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;gBACtB,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;;;;;;;;;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,uDAAuD;AACvD,MAAM,UAAU,aAAa;IACrB,IAAA,KAAA,OAA8B,QAAQ,CAAkB;QAC5D,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,gBAAgB,EAAE,IAAI;KACvB,CAAC,IAAA,EAJK,UAAU,QAAA,EAAE,aAAa,QAI9B,CAAC;IAEH,SAAS,CAAC;QACR,SAAS,YAAY;YACnB,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;YAChC,aAAa,CAAC;gBACZ,KAAK,OAAA;gBACL,MAAM,EAAE,MAAM,CAAC,WAAW;gBAC1B,gBAAgB,EAAE,mBAAmB,CAAC,KAAK,CAAC;aAC7C,CAAC,CAAC;QACL,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QAEf,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAlD,CAAkD,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
@@ -21,7 +21,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
21
21
|
React.createElement(Avatar, { size: "md" }),
|
|
22
22
|
React.createElement(Avatar, { size: "lg" }),
|
|
23
23
|
React.createElement(Avatar, { size: "xl" }),
|
|
24
|
-
React.createElement(Avatar, { size: "
|
|
24
|
+
React.createElement(Avatar, { size: "2xl" })),
|
|
25
25
|
React.createElement("div", null, "With name"),
|
|
26
26
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
27
27
|
React.createElement(Avatar, { size: "xs", name: "Isabelle Doe" }),
|
|
@@ -29,7 +29,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
29
29
|
React.createElement(Avatar, { size: "md", name: "Aria Doe" }),
|
|
30
30
|
React.createElement(Avatar, { size: "lg", name: "Omar Doe" }),
|
|
31
31
|
React.createElement(Avatar, { size: "xl", name: "Omar Doe" }),
|
|
32
|
-
React.createElement(Avatar, { size: "
|
|
32
|
+
React.createElement(Avatar, { size: "2xl", name: "Omar Doe" })),
|
|
33
33
|
React.createElement("div", null, "With emoji url"),
|
|
34
34
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
35
35
|
React.createElement(Avatar, { size: "xs", visual: "https://dust.tt/static/emojis/bg-cyan-100/lotus/1fab7" })),
|
|
@@ -40,7 +40,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
40
40
|
React.createElement(Avatar, { size: "md", emoji: "\uD83D\uDE02", backgroundColor: "s-bg-info-200" }),
|
|
41
41
|
React.createElement(Avatar, { size: "lg", emoji: "\uD83E\uDDD1\u200D\uD83D\uDE80", backgroundColor: "s-bg-gray-200" }),
|
|
42
42
|
React.createElement(Avatar, { size: "xl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-blue-200" }),
|
|
43
|
-
React.createElement(Avatar, { size: "
|
|
43
|
+
React.createElement(Avatar, { size: "2xl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-blue-200" })),
|
|
44
44
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
45
45
|
React.createElement(Avatar, { size: "sm", name: "Eleanor Wright" }),
|
|
46
46
|
React.createElement(Avatar, { size: "sm", name: "Mason Johnson" }),
|
|
@@ -78,7 +78,7 @@ export var AvatarExample = function () { return (React.createElement("div", { cl
|
|
|
78
78
|
React.createElement(Avatar, { size: "lg", icon: ActionFlagIcon }),
|
|
79
79
|
React.createElement(Avatar, { size: "lg", icon: SlackLogo, hexBgColor: "#421D51" }),
|
|
80
80
|
React.createElement(Avatar, { size: "xl", icon: ActionShirtIcon }),
|
|
81
|
-
React.createElement(Avatar, { size: "
|
|
81
|
+
React.createElement(Avatar, { size: "2xl", icon: StarStrokeIcon })),
|
|
82
82
|
React.createElement("div", { className: "heading-2xl" }, "Tools example"),
|
|
83
83
|
React.createElement("div", null, "Remote MCP Servers"),
|
|
84
84
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
@@ -50,11 +50,11 @@ export var SpinnerExample = function () {
|
|
|
50
50
|
React.createElement("div", { className: "s-heading-base s-text-foreground dark:s-text-white" }, "Size = XXL"),
|
|
51
51
|
React.createElement("div", { className: "s-flex s-gap-4" },
|
|
52
52
|
React.createElement("div", { className: "s-p-20" },
|
|
53
|
-
React.createElement(Spinner, { variant: "color", size: "
|
|
53
|
+
React.createElement(Spinner, { variant: "color", size: "2xl" })),
|
|
54
54
|
React.createElement("div", { className: "s-p-20" },
|
|
55
|
-
React.createElement(Spinner, { variant: "mono", size: "
|
|
55
|
+
React.createElement(Spinner, { variant: "mono", size: "2xl" })),
|
|
56
56
|
React.createElement("div", { className: "s-p-20" },
|
|
57
|
-
React.createElement(Spinner, { variant: "rose300", size: "
|
|
57
|
+
React.createElement(Spinner, { variant: "rose300", size: "2xl" })))));
|
|
58
58
|
};
|
|
59
59
|
export var BasicSpinner = {
|
|
60
60
|
args: {
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ import { UserIcon } from "@sparkle/icons/app";
|
|
|
6
6
|
import { getEmojiAndBackgroundFromUrl } from "@sparkle/lib/avatar/utils";
|
|
7
7
|
import { cn } from "@sparkle/lib/utils";
|
|
8
8
|
|
|
9
|
-
const AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "
|
|
9
|
+
const AVATAR_SIZES = ["xs", "sm", "md", "lg", "xl", "2xl", "auto"] as const;
|
|
10
10
|
type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
11
11
|
|
|
12
12
|
const AVATAR_VARIANTS = ["default", "clickable", "disabled"] as const;
|
|
@@ -22,7 +22,7 @@ const avatarVariants = cva(
|
|
|
22
22
|
md: "s-h-10 s-w-10",
|
|
23
23
|
lg: "s-h-16 s-w-16",
|
|
24
24
|
xl: "s-h-20 s-w-20",
|
|
25
|
-
|
|
25
|
+
"2xl": "s-h-36 s-w-36",
|
|
26
26
|
auto: "s-w-full s-relative",
|
|
27
27
|
},
|
|
28
28
|
variant: {
|
|
@@ -64,7 +64,7 @@ const avatarVariants = cva(
|
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
66
|
rounded: false,
|
|
67
|
-
size: "
|
|
67
|
+
size: "2xl",
|
|
68
68
|
className: "s-rounded-[38px]",
|
|
69
69
|
},
|
|
70
70
|
{
|
|
@@ -89,7 +89,7 @@ const textVariants = cva("s-select-none s-font-semibold", {
|
|
|
89
89
|
md: "s-text-base",
|
|
90
90
|
lg: "s-text-3xl",
|
|
91
91
|
xl: "s-text-5xl",
|
|
92
|
-
|
|
92
|
+
"2xl": "s-text-7xl",
|
|
93
93
|
auto: "s-text-xl",
|
|
94
94
|
},
|
|
95
95
|
},
|
|
@@ -41,13 +41,18 @@ const NavigationListItemStyles = cva(
|
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
43
|
|
|
44
|
+
interface NavigationListProps {
|
|
45
|
+
viewportRef?: React.RefObject<HTMLDivElement>;
|
|
46
|
+
}
|
|
44
47
|
const NavigationList = React.forwardRef<
|
|
45
48
|
React.ElementRef<typeof ScrollAreaPrimitive.Root>,
|
|
46
|
-
React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
|
|
47
|
-
|
|
49
|
+
React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> &
|
|
50
|
+
NavigationListProps
|
|
51
|
+
>(({ className, children, viewportRef, ...props }, ref) => {
|
|
48
52
|
return (
|
|
49
53
|
<ScrollArea
|
|
50
54
|
ref={ref}
|
|
55
|
+
viewportRef={viewportRef}
|
|
51
56
|
className={cn(className, "s-transition-all s-duration-300")}
|
|
52
57
|
{...props}
|
|
53
58
|
>
|
|
@@ -14,6 +14,7 @@ interface ScrollAreaProps
|
|
|
14
14
|
active?: string;
|
|
15
15
|
inactive?: string;
|
|
16
16
|
};
|
|
17
|
+
viewportRef?: React.RefObject<HTMLDivElement>;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
const ScrollArea = React.forwardRef<
|
|
@@ -29,11 +30,12 @@ const ScrollArea = React.forwardRef<
|
|
|
29
30
|
scrollBarClassName,
|
|
30
31
|
viewportClassName,
|
|
31
32
|
scrollStyles,
|
|
33
|
+
viewportRef,
|
|
32
34
|
...props
|
|
33
35
|
},
|
|
34
36
|
ref
|
|
35
37
|
) => {
|
|
36
|
-
const
|
|
38
|
+
const localViewportRef = React.useRef<HTMLDivElement>(null);
|
|
37
39
|
const [isScrolled, setIsScrolled] = React.useState(false);
|
|
38
40
|
|
|
39
41
|
const hasCustomScrollBar = useMemo(
|
|
@@ -50,9 +52,13 @@ const ScrollArea = React.forwardRef<
|
|
|
50
52
|
const shouldHideDefaultScrollBar = hideScrollBar || hasCustomScrollBar;
|
|
51
53
|
|
|
52
54
|
const handleScroll = React.useCallback(() => {
|
|
53
|
-
if (viewportRef.current) {
|
|
55
|
+
if (viewportRef && viewportRef.current) {
|
|
54
56
|
setIsScrolled(viewportRef.current.scrollTop > 0);
|
|
55
57
|
}
|
|
58
|
+
|
|
59
|
+
if (localViewportRef.current) {
|
|
60
|
+
setIsScrolled(localViewportRef.current.scrollTop > 0);
|
|
61
|
+
}
|
|
56
62
|
}, []);
|
|
57
63
|
|
|
58
64
|
return (
|
|
@@ -66,7 +72,7 @@ const ScrollArea = React.forwardRef<
|
|
|
66
72
|
{...props}
|
|
67
73
|
>
|
|
68
74
|
<ScrollAreaPrimitive.Viewport
|
|
69
|
-
ref={viewportRef}
|
|
75
|
+
ref={viewportRef || localViewportRef}
|
|
70
76
|
onScroll={handleScroll}
|
|
71
77
|
className={cn(
|
|
72
78
|
"s-h-full s-w-full s-rounded-[inherit]",
|