@dust-tt/sparkle 0.2.260 → 0.2.261
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 +8058 -343
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/NewDropdown.d.ts +58 -0
- package/dist/esm/components/NewDropdown.d.ts.map +1 -0
- package/dist/esm/components/NewDropdown.js +105 -0
- package/dist/esm/components/NewDropdown.js.map +1 -0
- package/dist/esm/components/Popover.d.ts +15 -0
- package/dist/esm/components/Popover.d.ts.map +1 -0
- package/dist/esm/components/Popover.js +20 -0
- package/dist/esm/components/Popover.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/lib/utils.d.ts +2 -0
- package/dist/esm/lib/utils.d.ts.map +1 -1
- package/dist/esm/lib/utils.js +9 -0
- package/dist/esm/lib/utils.js.map +1 -1
- package/dist/esm/stories/NewDropdown.stories.d.ts +8 -0
- package/dist/esm/stories/NewDropdown.stories.d.ts.map +1 -0
- package/dist/esm/stories/NewDropdown.stories.js +136 -0
- package/dist/esm/stories/NewDropdown.stories.js.map +1 -0
- package/dist/esm/stories/Popover.stories.d.ts +11 -0
- package/dist/esm/stories/Popover.stories.d.ts.map +1 -0
- package/dist/esm/stories/Popover.stories.js +33 -0
- package/dist/esm/stories/Popover.stories.js.map +1 -0
- package/dist/sparkle.css +361 -1
- package/package.json +6 -1
- package/src/components/NewDropdown.tsx +315 -0
- package/src/components/Popover.tsx +67 -0
- package/src/components/index.ts +19 -1
- package/src/lib/utils.ts +7 -0
- package/src/stories/NewDropdown.stories.tsx +282 -0
- package/src/stories/Popover.stories.tsx +102 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export declare const menuStyleClasses: {
|
|
4
|
+
inset: string;
|
|
5
|
+
container: string;
|
|
6
|
+
item: string;
|
|
7
|
+
subTrigger: {
|
|
8
|
+
default: string;
|
|
9
|
+
span: string;
|
|
10
|
+
};
|
|
11
|
+
label: string;
|
|
12
|
+
description: string;
|
|
13
|
+
separator: string;
|
|
14
|
+
shortcut: string;
|
|
15
|
+
};
|
|
16
|
+
declare const NewDropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
17
|
+
declare const NewDropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const NewDropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
19
|
+
declare const NewDropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
20
|
+
declare const NewDropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
declare const NewDropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
interface LabelAndIconProps {
|
|
23
|
+
label: string;
|
|
24
|
+
icon?: React.ComponentType;
|
|
25
|
+
}
|
|
26
|
+
type Simplify<T> = {
|
|
27
|
+
[K in keyof T]: T[K];
|
|
28
|
+
};
|
|
29
|
+
type EitherChildrenOrProps<BaseProps, ExtraProps> = (BaseProps & ExtraProps & {
|
|
30
|
+
children?: never;
|
|
31
|
+
}) | (BaseProps & {
|
|
32
|
+
[K in keyof ExtraProps]?: never;
|
|
33
|
+
});
|
|
34
|
+
type MutuallyExclusiveProps<BaseProps, ExtraProps> = Simplify<EitherChildrenOrProps<BaseProps, ExtraProps>>;
|
|
35
|
+
declare const NewDropdownMenuSubTrigger: React.ForwardRefExoticComponent<(MutuallyExclusiveProps<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref">, LabelAndIconProps> & {
|
|
36
|
+
inset?: boolean | undefined;
|
|
37
|
+
}) & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
declare const NewDropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
declare const NewDropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
declare const NewDropdownMenuItem: React.ForwardRefExoticComponent<MutuallyExclusiveProps<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
41
|
+
inset?: boolean | undefined;
|
|
42
|
+
}, LabelAndIconProps & {
|
|
43
|
+
description?: string | undefined;
|
|
44
|
+
}> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
declare const NewDropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
declare const NewDropdownMenuRadioItem: React.ForwardRefExoticComponent<MutuallyExclusiveProps<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref">, LabelAndIconProps & {
|
|
47
|
+
description?: string | undefined;
|
|
48
|
+
}> & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
declare const NewDropdownMenuLabel: React.ForwardRefExoticComponent<MutuallyExclusiveProps<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
50
|
+
inset?: boolean | undefined;
|
|
51
|
+
}, LabelAndIconProps> & React.RefAttributes<HTMLDivElement>>;
|
|
52
|
+
declare const NewDropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
declare const NewDropdownMenuShortcut: {
|
|
54
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
55
|
+
displayName: string;
|
|
56
|
+
};
|
|
57
|
+
export { NewDropdownMenu, NewDropdownMenuCheckboxItem, NewDropdownMenuContent, NewDropdownMenuGroup, NewDropdownMenuItem, NewDropdownMenuLabel, NewDropdownMenuPortal, NewDropdownMenuRadioGroup, NewDropdownMenuRadioItem, NewDropdownMenuSeparator, NewDropdownMenuShortcut, NewDropdownMenuSub, NewDropdownMenuSubContent, NewDropdownMenuSubTrigger, NewDropdownMenuTrigger, };
|
|
58
|
+
//# sourceMappingURL=NewDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/NewDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAqB5B,CAAC;AAEF,QAAA,MAAM,eAAe,mDAA6B,CAAC;AACnD,QAAA,MAAM,oBAAoB,qHAA8B,CAAC;AACzD,QAAA,MAAM,qBAAqB,yDAA+B,CAAC;AAC3D,QAAA,MAAM,kBAAkB,sDAA4B,CAAC;AACrD,QAAA,MAAM,yBAAyB,0HAAmC,CAAC;AACnE,QAAA,MAAM,sBAAsB,0HAAgC,CAAC;AAE7D,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,KAAK,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE5C,KAAK,qBAAqB,CAAC,SAAS,EAAE,UAAU,IAC5C,CAAC,SAAS,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAC/C,CAAC,SAAS,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC,CAAC;AAEtD,KAAK,sBAAsB,CAAC,SAAS,EAAE,UAAU,IAAI,QAAQ,CAC3D,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,CAC7C,CAAC;AA8CF,QAAA,MAAM,yBAAyB;;yCA6B7B,CAAC;AAIH,QAAA,MAAM,yBAAyB,6KAS7B,CAAC;AAIH,QAAA,MAAM,sBAAsB,0KAY1B,CAAC;AAGH,QAAA,MAAM,mBAAmB;;;;yCA0BvB,CAAC;AAGH,QAAA,MAAM,2BAA2B,+KAqB/B,CAAC;AAIH,QAAA,MAAM,wBAAwB;;yCA6B5B,CAAC;AAIH,QAAA,MAAM,oBAAoB;;4DAqBxB,CAAC;AAGH,QAAA,MAAM,wBAAwB,4KAS5B,CAAC;AAIH,QAAA,MAAM,uBAAuB;8BAG1B,MAAM,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAGF,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,EACzB,sBAAsB,GACvB,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon, Icon, } from "../index_with_tw_base";
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
6
|
+
export var menuStyleClasses = {
|
|
7
|
+
inset: "s-pl-8",
|
|
8
|
+
container: cn("s-rounded-lg s-border s-border-hovering s-bg-white s-p-1 s-text-primary-950", "s-z-50 s-min-w-[8rem] s-overflow-hidden", "data-[state=open]:s-animate-in data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=open]:s-fade-in-0 data-[state=closed]:s-zoom-out-95 data-[state=open]:s-zoom-in-95 data-[side=bottom]:s-slide-in-from-top-2 data-[side=left]:s-slide-in-from-right-2 data-[side=right]:s-slide-in-from-left-2 data-[side=top]:s-slide-in-from-bottom-2"),
|
|
9
|
+
item: cn("s-relative s-flex s-gap-2 s-cursor-pointer s-select-none s-items-center s-outline-none", "s-rounded-md s-text-sm s-font-medium focus:s-text-primary-950 focus:s-bg-primary-100 s-px-2 s-py-2", "s-transition-colors s-duration-300 data-[disabled]:s-pointer-events-none data-[disabled]:s-text-primary-400"),
|
|
10
|
+
subTrigger: {
|
|
11
|
+
default: "s-mr-1 s-ml-auto s-tracking-widest s-text-primary-400",
|
|
12
|
+
span: "s-absolute s-left-2 s-flex s-h-3.5 s-w-3.5 s-items-center s-justify-center",
|
|
13
|
+
},
|
|
14
|
+
label: "s-font-semibold s-px-2 s-py-2 s-text-xs s-text-muted-foreground",
|
|
15
|
+
description: "s-grow s-truncate s-text-sm s-font-regular s-text-element-700 dark:s-text-element-600-dark",
|
|
16
|
+
separator: "-s-mx-1 s-my-1 s-h-px s-bg-separator",
|
|
17
|
+
shortcut: "s-ml-auto s-text-xs s-tracking-widest s-text-primary-400",
|
|
18
|
+
};
|
|
19
|
+
var NewDropdownMenu = DropdownMenuPrimitive.Root;
|
|
20
|
+
var NewDropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
21
|
+
var NewDropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
22
|
+
var NewDropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
23
|
+
var NewDropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
24
|
+
var NewDropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
25
|
+
var ItemWithLabelIconAndDescription = function (_a) {
|
|
26
|
+
var label = _a.label, icon = _a.icon, description = _a.description, children = _a.children;
|
|
27
|
+
return (React.createElement(React.Fragment, null,
|
|
28
|
+
label && (React.createElement("div", { className: "s-grid s-grid-cols-[auto,1fr] s-gap-x-1" },
|
|
29
|
+
icon && (React.createElement("div", { className: cn("s-flex", description ? "s-items-start s-pt-0.5" : "s-items-center") },
|
|
30
|
+
React.createElement(Icon, { size: "xs", visual: icon }))),
|
|
31
|
+
React.createElement("div", { className: "s-flex s-flex-col" },
|
|
32
|
+
React.createElement("span", null, label),
|
|
33
|
+
description && (React.createElement("span", { className: menuStyleClasses.description }, description))))),
|
|
34
|
+
children));
|
|
35
|
+
};
|
|
36
|
+
var NewDropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
|
|
37
|
+
var className = _a.className, label = _a.label, icon = _a.icon, children = _a.children, inset = _a.inset, props = __rest(_a, ["className", "label", "icon", "children", "inset"]);
|
|
38
|
+
return (React.createElement(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
|
|
39
|
+
label && (React.createElement(React.Fragment, null,
|
|
40
|
+
icon && React.createElement(Icon, { size: "xs", visual: icon }),
|
|
41
|
+
label,
|
|
42
|
+
React.createElement("span", { className: menuStyleClasses.subTrigger.default },
|
|
43
|
+
React.createElement(Icon, { size: "xs", visual: ChevronRightIcon })))),
|
|
44
|
+
children));
|
|
45
|
+
});
|
|
46
|
+
NewDropdownMenuSubTrigger.displayName =
|
|
47
|
+
DropdownMenuPrimitive.SubTrigger.displayName;
|
|
48
|
+
var NewDropdownMenuSubContent = React.forwardRef(function (_a, ref) {
|
|
49
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
50
|
+
return (React.createElement(DropdownMenuPrimitive.SubContent, __assign({ ref: ref, className: cn(menuStyleClasses.container, "s-shadow-lg", className || "") }, props)));
|
|
51
|
+
});
|
|
52
|
+
NewDropdownMenuSubContent.displayName =
|
|
53
|
+
DropdownMenuPrimitive.SubContent.displayName;
|
|
54
|
+
var NewDropdownMenuContent = React.forwardRef(function (_a, ref) {
|
|
55
|
+
var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
|
|
56
|
+
return (React.createElement(DropdownMenuPrimitive.Portal, null,
|
|
57
|
+
React.createElement(DropdownMenuPrimitive.Content, __assign({ ref: ref, sideOffset: sideOffset, className: cn(menuStyleClasses.container, "s-shadow-md", className || "") }, props))));
|
|
58
|
+
});
|
|
59
|
+
NewDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
60
|
+
var NewDropdownMenuItem = React.forwardRef(function (_a, ref) {
|
|
61
|
+
var children = _a.children, description = _a.description, className = _a.className, inset = _a.inset, icon = _a.icon, label = _a.label, props = __rest(_a, ["children", "description", "className", "inset", "icon", "label"]);
|
|
62
|
+
return (React.createElement(DropdownMenuPrimitive.Item, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
|
|
63
|
+
React.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children)));
|
|
64
|
+
});
|
|
65
|
+
NewDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
66
|
+
var NewDropdownMenuCheckboxItem = React.forwardRef(function (_a, ref) {
|
|
67
|
+
var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
|
|
68
|
+
return (React.createElement(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: cn(menuStyleClasses.item, menuStyleClasses.inset, className || ""), checked: checked }, props),
|
|
69
|
+
React.createElement("span", { className: menuStyleClasses.subTrigger.span },
|
|
70
|
+
React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
|
|
71
|
+
React.createElement(Icon, { size: "xs", visual: CheckIcon }))),
|
|
72
|
+
children));
|
|
73
|
+
});
|
|
74
|
+
NewDropdownMenuCheckboxItem.displayName =
|
|
75
|
+
DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
76
|
+
var NewDropdownMenuRadioItem = React.forwardRef(function (_a, ref) {
|
|
77
|
+
var className = _a.className, children = _a.children, description = _a.description, label = _a.label, icon = _a.icon, props = __rest(_a, ["className", "children", "description", "label", "icon"]);
|
|
78
|
+
return (React.createElement(DropdownMenuPrimitive.RadioItem, __assign({ ref: ref, className: cn(menuStyleClasses.item, menuStyleClasses.inset, className || "") }, props),
|
|
79
|
+
React.createElement("span", { className: menuStyleClasses.subTrigger.span },
|
|
80
|
+
React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
|
|
81
|
+
React.createElement(Icon, { size: "xs", visual: CircleIcon }))),
|
|
82
|
+
React.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children)));
|
|
83
|
+
});
|
|
84
|
+
NewDropdownMenuRadioItem.displayName =
|
|
85
|
+
DropdownMenuPrimitive.RadioItem.displayName;
|
|
86
|
+
var NewDropdownMenuLabel = React.forwardRef(function (_a, ref) {
|
|
87
|
+
var children = _a.children, className = _a.className, inset = _a.inset, label = _a.label, props = __rest(_a, ["children", "className", "inset", "label"]);
|
|
88
|
+
return (React.createElement(DropdownMenuPrimitive.Label, __assign({ ref: ref, className: cn(menuStyleClasses.label, inset ? menuStyleClasses.inset : "", className || "") }, props),
|
|
89
|
+
label && React.createElement(React.Fragment, null, label),
|
|
90
|
+
children));
|
|
91
|
+
});
|
|
92
|
+
NewDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
93
|
+
var NewDropdownMenuSeparator = React.forwardRef(function (_a, ref) {
|
|
94
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
95
|
+
return (React.createElement(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: cn(menuStyleClasses.separator, className || "") }, props)));
|
|
96
|
+
});
|
|
97
|
+
NewDropdownMenuSeparator.displayName =
|
|
98
|
+
DropdownMenuPrimitive.Separator.displayName;
|
|
99
|
+
var NewDropdownMenuShortcut = function (_a) {
|
|
100
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
101
|
+
return (React.createElement("span", __assign({ className: cn(menuStyleClasses.shortcut, className || "") }, props)));
|
|
102
|
+
};
|
|
103
|
+
NewDropdownMenuShortcut.displayName = "NewDropdownMenuShortcut";
|
|
104
|
+
export { NewDropdownMenu, NewDropdownMenuCheckboxItem, NewDropdownMenuContent, NewDropdownMenuGroup, NewDropdownMenuItem, NewDropdownMenuLabel, NewDropdownMenuPortal, NewDropdownMenuRadioGroup, NewDropdownMenuRadioItem, NewDropdownMenuSeparator, NewDropdownMenuShortcut, NewDropdownMenuSub, NewDropdownMenuSubContent, NewDropdownMenuSubTrigger, NewDropdownMenuTrigger, };
|
|
105
|
+
//# sourceMappingURL=NewDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewDropdown.js","sourceRoot":"","sources":["../../../src/components/NewDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
|
|
4
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
interface PopoverProps extends Omit<PopoverContentProps, "content"> {
|
|
10
|
+
trigger: React.ReactNode;
|
|
11
|
+
content: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare function Popover({ trigger, content, ...props }: PopoverProps): React.JSX.Element;
|
|
14
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger };
|
|
15
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,WAAW,yCAAwB,CAAC;AAE1C,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,4FAkCnB,CAAC;AAEF,UAAU,YAAa,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACjE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAO5D;AAID,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { cn } from "../lib/utils";
|
|
5
|
+
var PopoverRoot = PopoverPrimitive.Root;
|
|
6
|
+
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
7
|
+
var PopoverContent = React.forwardRef(function (_a, ref) {
|
|
8
|
+
var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["className", "align", "sideOffset", "fullWidth"]);
|
|
9
|
+
return (React.createElement(PopoverPrimitive.Portal, null,
|
|
10
|
+
React.createElement(PopoverPrimitive.Content, __assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("data-[state=open]:s-animate-in data-[state=open]:s-fade-in-0 data-[state=open]:s-zoom-in-95", "data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95", "data-[side=bottom]:s-slide-in-from-top-2", "data-[side=left]:s-slide-in-from-right-2", "data-[side=right]:s-slide-in-from-left-2", "data-[side=top]:s-slide-in-from-bottom-2", "s-border-border s-text-primary-950 s-z-50 s-rounded-lg s-border s-bg-background s-shadow-md s-outline-none", fullWidth ? "s-grow" : "s-w-72 s-p-4", className) }, props))));
|
|
11
|
+
});
|
|
12
|
+
function Popover(_a) {
|
|
13
|
+
var trigger = _a.trigger, content = _a.content, props = __rest(_a, ["trigger", "content"]);
|
|
14
|
+
return (React.createElement(PopoverRoot, null,
|
|
15
|
+
React.createElement(PopoverTrigger, null, trigger),
|
|
16
|
+
React.createElement(PopoverContent, __assign({}, props), content)));
|
|
17
|
+
}
|
|
18
|
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
19
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger };
|
|
20
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAE1C,IAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAOhD,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAIrC,UACE,EAMC,EACD,GAAG;IAND,IAAA,SAAS,eAAA,EACT,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cALV,iDAMC,CADS;IAGP,OAAA,CACH,oBAAC,gBAAgB,CAAC,MAAM;QACtB,oBAAC,gBAAgB,CAAC,OAAO,aACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,sGAAsG,EACtG,0CAA0C,EAC1C,0CAA0C,EAC1C,0CAA0C,EAC1C,0CAA0C,EAC1C,4GAA4G,EAC5G,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,EACrC,SAAS,CACV,IACG,KAAK,EACT,CACsB,CAC3B,CAAA;CAAA,CACF,CAAC;AAOF,SAAS,OAAO,CAAC,EAA4C;IAA1C,IAAA,OAAO,aAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA5B,sBAA8B,CAAF;IAC3C,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,cAAc,QAAE,OAAO,CAAkB;QAC1C,oBAAC,cAAc,eAAK,KAAK,GAAG,OAAO,CAAkB,CACzC,CACf,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -31,10 +31,12 @@ export { Input } from "./Input";
|
|
|
31
31
|
export { Item } from "./Item";
|
|
32
32
|
export { Markdown } from "./Markdown";
|
|
33
33
|
export { Modal } from "./Modal";
|
|
34
|
+
export { NewDropdownMenu, NewDropdownMenuCheckboxItem, NewDropdownMenuContent, NewDropdownMenuGroup, NewDropdownMenuItem, NewDropdownMenuLabel, NewDropdownMenuPortal, NewDropdownMenuRadioGroup, NewDropdownMenuRadioItem, NewDropdownMenuSeparator, NewDropdownMenuShortcut, NewDropdownMenuSub, NewDropdownMenuSubContent, NewDropdownMenuSubTrigger, NewDropdownMenuTrigger, } from "./NewDropdown";
|
|
34
35
|
export { Notification } from "./Notification";
|
|
35
36
|
export { Page } from "./Page";
|
|
36
37
|
export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
|
|
37
38
|
export { Pagination } from "./Pagination";
|
|
39
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger } from "./Popover";
|
|
38
40
|
export { Popup } from "./Popup";
|
|
39
41
|
export { PriceTable } from "./PriceTable";
|
|
40
42
|
export { RadioButton } from "./RadioButton";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -31,10 +31,12 @@ export { Input } from "./Input";
|
|
|
31
31
|
export { Item } from "./Item";
|
|
32
32
|
export { Markdown } from "./Markdown";
|
|
33
33
|
export { Modal } from "./Modal";
|
|
34
|
+
export { NewDropdownMenu, NewDropdownMenuCheckboxItem, NewDropdownMenuContent, NewDropdownMenuGroup, NewDropdownMenuItem, NewDropdownMenuLabel, NewDropdownMenuPortal, NewDropdownMenuRadioGroup, NewDropdownMenuRadioItem, NewDropdownMenuSeparator, NewDropdownMenuShortcut, NewDropdownMenuSub, NewDropdownMenuSubContent, NewDropdownMenuSubTrigger, NewDropdownMenuTrigger, } from "./NewDropdown";
|
|
34
35
|
export { Notification } from "./Notification";
|
|
35
36
|
export { Page } from "./Page";
|
|
36
37
|
export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
|
|
37
38
|
export { Pagination } from "./Pagination";
|
|
39
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger } from "./Popover";
|
|
38
40
|
export { Popup } from "./Popup";
|
|
39
41
|
export { PriceTable } from "./PriceTable";
|
|
40
42
|
export { RadioButton } from "./RadioButton";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}
|
package/dist/esm/lib/utils.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import type { ClassValue } from "clsx";
|
|
1
2
|
export declare function classNames(...classes: string[]): string;
|
|
2
3
|
export declare function assertNever(x: never): never;
|
|
3
4
|
export declare function useCopyToClipboard(resetInterval?: number): [isCopied: boolean, copy: (d: ClipboardItem) => Promise<boolean>];
|
|
5
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
4
6
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAKvC,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,UAE9C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAE3C;AAED,wBAAgB,kBAAkB,CAChC,aAAa,SAAO,GACnB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAwBnE;AAED,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
package/dist/esm/lib/utils.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { __awaiter, __generator, __read } from "tslib";
|
|
2
|
+
import { clsx } from "clsx";
|
|
2
3
|
import { useCallback, useState } from "react";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
3
5
|
export function classNames() {
|
|
4
6
|
var classes = [];
|
|
5
7
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -43,4 +45,11 @@ export function useCopyToClipboard(resetInterval) {
|
|
|
43
45
|
}); }, [resetInterval]);
|
|
44
46
|
return [isCopied, copy];
|
|
45
47
|
}
|
|
48
|
+
export function cn() {
|
|
49
|
+
var inputs = [];
|
|
50
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
51
|
+
inputs[_i] = arguments[_i];
|
|
52
|
+
}
|
|
53
|
+
return twMerge(clsx(inputs));
|
|
54
|
+
}
|
|
46
55
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,UAAU;IAAC,iBAAoB;SAApB,UAAoB,EAApB,qBAAoB,EAApB,IAAoB;QAApB,4BAAoB;;IAC7C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,CAAQ;IAClC,MAAM,IAAI,KAAK,CAAC,UAAG,CAAC,qDAAkD,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,aAAoB;IADtB,iBA0BC;IAzBC,8BAAA,EAAA,oBAAoB;IAEd,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,QAAQ,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE9C,IAAM,IAAI,GAAG,WAAW,CACtB,UAAO,CAAgB;;;;;oBACrB,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAA,EAAE,CAAC;wBAC1B,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;wBACxC,sBAAO,KAAK,EAAC;oBACf,CAAC;;;;oBAEC,qBAAM,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAA;;oBAApC,SAAoC,CAAC;oBACrC,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,aAAa,CAAC,CAAC;oBAClD,sBAAO,IAAI,EAAC;;;oBAEZ,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,OAAK,CAAC,CAAC;oBACnC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACjB,sBAAO,KAAK,EAAC;;;;SAEhB,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,EAAE;IAAC,gBAAuB;SAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;QAAvB,2BAAuB;;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const DropdownExamples: () => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=NewDropdown.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/NewDropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,QAAA,MAAM,IAAI;;;CAG8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBAS5B,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { NewDropdownMenu, NewDropdownMenuCheckboxItem, NewDropdownMenuContent, NewDropdownMenuGroup, NewDropdownMenuItem, NewDropdownMenuLabel, NewDropdownMenuPortal, NewDropdownMenuRadioGroup, NewDropdownMenuRadioItem, NewDropdownMenuSeparator, NewDropdownMenuSub, NewDropdownMenuSubContent, NewDropdownMenuSubTrigger, NewDropdownMenuTrigger, } from "../components/NewDropdown";
|
|
4
|
+
import { AnthropicLogo, GithubLogo, MistralLogo, OpenaiLogo, } from "../logo/platforms";
|
|
5
|
+
import { ArrowDownCircleIcon, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon, Cog6ToothIcon, LogoutIcon, MagicIcon, UserGroupIcon, UserIcon, } from "../index_with_tw_base";
|
|
6
|
+
var meta = {
|
|
7
|
+
title: "NewPrimitives/Dropdown",
|
|
8
|
+
component: NewDropdownMenu,
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export var DropdownExamples = function () { return (React.createElement("div", { className: "s-flex s-h-80 s-w-full s-flex-col s-items-center s-justify-center s-gap-4" },
|
|
12
|
+
React.createElement("div", null, SimpleDropdownDemo()),
|
|
13
|
+
React.createElement("div", null, ComplexDropdownDemo()),
|
|
14
|
+
React.createElement("div", null, DropdownMenuCheckboxes()),
|
|
15
|
+
React.createElement("div", null, DropdownMenuRadioGroupDemo()),
|
|
16
|
+
React.createElement("div", null, ModelsDropdownDemo()),
|
|
17
|
+
React.createElement("div", null, ModelsDropdownRadioGroupDemo()))); };
|
|
18
|
+
function SimpleDropdownDemo() {
|
|
19
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
20
|
+
React.createElement(NewDropdownMenuTrigger, null, "Open Simple Dropdown"),
|
|
21
|
+
React.createElement(NewDropdownMenuContent, null,
|
|
22
|
+
React.createElement(NewDropdownMenuLabel, { label: "My Account" }),
|
|
23
|
+
React.createElement(NewDropdownMenuItem, { label: "Profile" }),
|
|
24
|
+
React.createElement(NewDropdownMenuItem, { label: "Billing" }),
|
|
25
|
+
React.createElement(NewDropdownMenuItem, { label: "Team" }),
|
|
26
|
+
React.createElement(NewDropdownMenuItem, { label: "Subscription" }))));
|
|
27
|
+
}
|
|
28
|
+
function ComplexDropdownDemo() {
|
|
29
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
30
|
+
React.createElement(NewDropdownMenuTrigger, null, "Open Complex"),
|
|
31
|
+
React.createElement(NewDropdownMenuContent, { className: "s-w-56" },
|
|
32
|
+
React.createElement(NewDropdownMenuLabel, { label: "My Account" }),
|
|
33
|
+
React.createElement(NewDropdownMenuGroup, null,
|
|
34
|
+
React.createElement(NewDropdownMenuItem, { icon: UserIcon, label: "Profile" }),
|
|
35
|
+
React.createElement(NewDropdownMenuItem, { icon: ArrowDownCircleIcon, label: "Billing" }),
|
|
36
|
+
React.createElement(NewDropdownMenuItem, { icon: Cog6ToothIcon, label: "Settings" }),
|
|
37
|
+
React.createElement(NewDropdownMenuItem, { icon: UserIcon, label: "Keyboard shortcuts" })),
|
|
38
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
39
|
+
React.createElement(NewDropdownMenuGroup, null,
|
|
40
|
+
React.createElement(NewDropdownMenuLabel, { label: "Team" }),
|
|
41
|
+
React.createElement(NewDropdownMenuItem, { icon: UserIcon, label: "Members" }),
|
|
42
|
+
React.createElement(NewDropdownMenuSub, null,
|
|
43
|
+
React.createElement(NewDropdownMenuSubTrigger, { icon: UserIcon, label: "Invite users" }),
|
|
44
|
+
React.createElement(NewDropdownMenuPortal, null,
|
|
45
|
+
React.createElement(NewDropdownMenuSubContent, null,
|
|
46
|
+
React.createElement(NewDropdownMenuItem, { icon: MagicIcon, label: "Email" }),
|
|
47
|
+
React.createElement(NewDropdownMenuItem, { icon: ChatBubbleBottomCenterPlusIcon, label: "Message" }),
|
|
48
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
49
|
+
React.createElement(NewDropdownMenuItem, { icon: UserIcon, label: "More..." })))),
|
|
50
|
+
React.createElement(NewDropdownMenuItem, { icon: UserGroupIcon, label: "New Team" })),
|
|
51
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
52
|
+
React.createElement(NewDropdownMenuItem, { icon: GithubLogo, label: "GitHub" }),
|
|
53
|
+
React.createElement(NewDropdownMenuItem, { icon: UserIcon, label: "Support" }),
|
|
54
|
+
React.createElement(NewDropdownMenuItem, { icon: CloudArrowDownIcon, label: "API", disabled: true }),
|
|
55
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
56
|
+
React.createElement(NewDropdownMenuItem, { icon: LogoutIcon, label: "Log out" }))));
|
|
57
|
+
}
|
|
58
|
+
function DropdownMenuCheckboxes() {
|
|
59
|
+
var _a = __read(React.useState(true), 2), showStatusBar = _a[0], setShowStatusBar = _a[1];
|
|
60
|
+
var _b = __read(React.useState(false), 2), showActivityBar = _b[0], setShowActivityBar = _b[1];
|
|
61
|
+
var _c = __read(React.useState(false), 2), showPanel = _c[0], setShowPanel = _c[1];
|
|
62
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
63
|
+
React.createElement(NewDropdownMenuTrigger, null, "Open Checkbox"),
|
|
64
|
+
React.createElement(NewDropdownMenuContent, { className: "s-w-56" },
|
|
65
|
+
React.createElement(NewDropdownMenuLabel, { label: "Appearance" }),
|
|
66
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
67
|
+
React.createElement(NewDropdownMenuCheckboxItem, { checked: showStatusBar, onCheckedChange: setShowStatusBar }, "Status Bar"),
|
|
68
|
+
React.createElement(NewDropdownMenuCheckboxItem, { checked: showActivityBar, onCheckedChange: setShowActivityBar, disabled: true }, "Activity Bar"),
|
|
69
|
+
React.createElement(NewDropdownMenuCheckboxItem, { checked: showPanel, onCheckedChange: setShowPanel }, "Panel"))));
|
|
70
|
+
}
|
|
71
|
+
function DropdownMenuRadioGroupDemo() {
|
|
72
|
+
var _a = __read(React.useState("bottom"), 2), position = _a[0], setPosition = _a[1];
|
|
73
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
74
|
+
React.createElement(NewDropdownMenuTrigger, null, "Open Radio Group"),
|
|
75
|
+
React.createElement(NewDropdownMenuContent, { className: "s-w-56" },
|
|
76
|
+
React.createElement(NewDropdownMenuLabel, { label: "Panel Position" }),
|
|
77
|
+
React.createElement(NewDropdownMenuSeparator, null),
|
|
78
|
+
React.createElement(NewDropdownMenuRadioGroup, { value: position, onValueChange: setPosition },
|
|
79
|
+
React.createElement(NewDropdownMenuRadioItem, { value: "top" }, "Top"),
|
|
80
|
+
React.createElement(NewDropdownMenuRadioItem, { value: "bottom" }, "Bottom"),
|
|
81
|
+
React.createElement(NewDropdownMenuRadioItem, { value: "right" }, "Right")))));
|
|
82
|
+
}
|
|
83
|
+
function ModelsDropdownDemo() {
|
|
84
|
+
var _a = __read(React.useState("GPT4-o"), 2), selectedModel = _a[0], setSelectedModel = _a[1];
|
|
85
|
+
var bestPerformingModels = [
|
|
86
|
+
{
|
|
87
|
+
name: "GPT4-o",
|
|
88
|
+
description: "OpenAI's most advanced model.",
|
|
89
|
+
icon: OpenaiLogo,
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
name: "Claude 3.5 Sonnet",
|
|
93
|
+
description: "Anthropic's latest Claude 3.5 Sonnet model (200k context).",
|
|
94
|
+
icon: AnthropicLogo,
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
name: "Mistral Large",
|
|
98
|
+
description: "Mistral's `large 2` model (128k context).",
|
|
99
|
+
icon: MistralLogo,
|
|
100
|
+
},
|
|
101
|
+
];
|
|
102
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
103
|
+
React.createElement(NewDropdownMenuTrigger, null,
|
|
104
|
+
React.createElement(Button, { type: "select", labelVisible: true, label: selectedModel, variant: "secondary", hasMagnifying: false, size: "sm" })),
|
|
105
|
+
React.createElement(NewDropdownMenuContent, null,
|
|
106
|
+
React.createElement(NewDropdownMenuLabel, { label: "Best performing models" }),
|
|
107
|
+
bestPerformingModels.map(function (modelConfig) { return (React.createElement(NewDropdownMenuItem, { key: modelConfig.name, label: modelConfig.name, onClick: function () { return setSelectedModel(modelConfig.name); }, description: modelConfig.description, icon: modelConfig.icon })); }))));
|
|
108
|
+
}
|
|
109
|
+
function ModelsDropdownRadioGroupDemo() {
|
|
110
|
+
var _a = __read(React.useState("GPT4-o"), 2), selectedModel = _a[0], setSelectedModel = _a[1];
|
|
111
|
+
var bestPerformingModels = [
|
|
112
|
+
{
|
|
113
|
+
name: "GPT4-o",
|
|
114
|
+
description: "OpenAI's most advanced model.",
|
|
115
|
+
icon: OpenaiLogo,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
name: "Claude 3.5 Sonnet",
|
|
119
|
+
description: "Anthropic's latest Claude 3.5 Sonnet model (200k context).",
|
|
120
|
+
icon: AnthropicLogo,
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
name: "Mistral Large",
|
|
124
|
+
description: "Mistral's `large 2` model (128k context).",
|
|
125
|
+
icon: MistralLogo,
|
|
126
|
+
},
|
|
127
|
+
];
|
|
128
|
+
return (React.createElement(NewDropdownMenu, null,
|
|
129
|
+
React.createElement(NewDropdownMenuTrigger, null,
|
|
130
|
+
React.createElement(Button, { type: "select", labelVisible: true, label: selectedModel, variant: "secondary", hasMagnifying: false, size: "sm" })),
|
|
131
|
+
React.createElement(NewDropdownMenuContent, null,
|
|
132
|
+
React.createElement(NewDropdownMenuRadioGroup, { value: selectedModel, onValueChange: function (value) { return setSelectedModel(value); } },
|
|
133
|
+
React.createElement(NewDropdownMenuLabel, { label: "Best performing models" }),
|
|
134
|
+
bestPerformingModels.map(function (modelConfig) { return (React.createElement(NewDropdownMenuRadioItem, { key: modelConfig.name, label: modelConfig.name, icon: modelConfig.icon, description: modelConfig.description, value: modelConfig.name })); })))));
|
|
135
|
+
}
|
|
136
|
+
//# sourceMappingURL=NewDropdown.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewDropdown.stories.js","sourceRoot":"","sources":["../../../src/stories/NewDropdown.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Popover } from "../index_with_tw_base";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Popover;
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export declare function SimplePopoverExample(): React.JSX.Element;
|
|
9
|
+
export declare function PopoverExample(): React.JSX.Element;
|
|
10
|
+
export declare function PopoverGrowingExample(): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=Popover.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,OAAO,EAIR,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,oBAAoB,sBAkBnC;AAED,wBAAgB,cAAc,sBA4C7B;AAED,wBAAgB,qBAAqB,sBAgBpC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Button, EmojiPicker, Input, Popover, PopoverContent, PopoverRoot, PopoverTrigger, } from "../index_with_tw_base";
|
|
3
|
+
var meta = {
|
|
4
|
+
title: "Primitives/Popover",
|
|
5
|
+
component: Popover,
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export function SimplePopoverExample() {
|
|
9
|
+
return (React.createElement(Popover, { trigger: React.createElement(Button, { label: "Popover", variant: "secondary" }), content: React.createElement("div", { className: "s-grid s-gap-2 s-p-2" },
|
|
10
|
+
React.createElement("p", null, "Lorem"),
|
|
11
|
+
React.createElement("p", null, "Ipsum"),
|
|
12
|
+
React.createElement("p", null, "Lorem"),
|
|
13
|
+
React.createElement("p", null, "Ipsum")), side: "right", sideOffset: 100 }));
|
|
14
|
+
}
|
|
15
|
+
export function PopoverExample() {
|
|
16
|
+
return (React.createElement(PopoverRoot, null,
|
|
17
|
+
React.createElement(PopoverTrigger, null,
|
|
18
|
+
React.createElement(Button, { label: "Popover", variant: "primary" })),
|
|
19
|
+
React.createElement(PopoverContent, { className: "s-p-4" },
|
|
20
|
+
React.createElement("div", { className: "s-grid s-gap-4" },
|
|
21
|
+
React.createElement("div", { className: "s-space-y-2" },
|
|
22
|
+
React.createElement("h4", { className: "s-font-medium s-leading-none s-pb-2" }, "Dimensions"),
|
|
23
|
+
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Set the dimensions for the layer.")),
|
|
24
|
+
React.createElement("div", { className: "s-grid s-gap-4" },
|
|
25
|
+
React.createElement(Input, { name: "width", value: "200px", placeholder: "Width", className: "s-col-span-2 s-h-8" }),
|
|
26
|
+
React.createElement(Input, { name: "max-width", value: "300px", placeholder: "Max. width", className: "s-col-span-2 s-h-8" }),
|
|
27
|
+
React.createElement(Input, { name: "height", value: "30px", placeholder: "Height", className: "s-col-span-2 s-h-8" }),
|
|
28
|
+
React.createElement(Input, { name: "max-height", value: "100px", placeholder: "Max. height", className: "s-col-span-2 s-h-8" }))))));
|
|
29
|
+
}
|
|
30
|
+
export function PopoverGrowingExample() {
|
|
31
|
+
return (React.createElement(Popover, { fullWidth: true, trigger: React.createElement(Button, { label: "Emoji Picker Popover", variant: "primary" }), content: React.createElement(EmojiPicker, { theme: "light", previewPosition: "none", onEmojiSelect: function (emoji) { return console.log(emoji); } }) }));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=Popover.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/stories/Popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,cAAc,GACf,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACY,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,oBAAoB;IAClC,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EACL,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,GAAE,EAE/C,OAAO,EACL,6BAAK,SAAS,EAAC,sBAAsB;YACnC,uCAAY;YACZ,uCAAY;YACZ,uCAAY;YACZ,uCAAY,CACR,EAER,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,GAAG,GACf,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,cAAc;YACb,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,GAAG,CAC7B;QACjB,oBAAC,cAAc,IAAC,SAAS,EAAC,OAAO;YAC/B,6BAAK,SAAS,EAAC,gBAAgB;gBAC7B,6BAAK,SAAS,EAAC,aAAa;oBAC1B,4BAAI,SAAS,EAAC,qCAAqC,iBAAgB;oBACnE,2BAAG,SAAS,EAAC,mCAAmC,wCAE5C,CACA;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC3B,oBAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,oBAAoB,GAC9B;oBACF,oBAAC,KAAK,IACJ,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,YAAY,EACxB,SAAS,EAAC,oBAAoB,GAC9B;oBACF,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,oBAAoB,GAC9B;oBACF,oBAAC,KAAK,IACJ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,oBAAoB,GAC9B,CACA,CACF,CACS,CACL,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,oBAAC,OAAO,IACN,SAAS,EAAE,IAAI,EACf,OAAO,EACL,oBAAC,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAC,SAAS,GAAU,EAElE,OAAO,EACL,oBAAC,WAAW,IACV,KAAK,EAAC,OAAO,EACb,eAAe,EAAC,MAAM,EACtB,aAAa,EAAE,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAC5C,GAEJ,CACH,CAAC;AACJ,CAAC"}
|