@dust-tt/sparkle 0.2.262-dev-rc-1 → 0.2.263
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 +2356 -724
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/EmojiPicker.d.ts.map +1 -1
- package/dist/esm/components/EmojiPicker.js.map +1 -1
- package/dist/esm/components/NewDropdown.d.ts.map +1 -1
- package/dist/esm/components/NewDropdown.js +2 -1
- package/dist/esm/components/NewDropdown.js.map +1 -1
- 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 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -1
- package/dist/esm/components/index.js.map +1 -1
- 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 +24 -0
- package/package.json +2 -1
- package/src/components/EmojiPicker.tsx +1 -5
- package/src/components/NewDropdown.tsx +2 -6
- package/src/components/Popover.tsx +67 -0
- package/src/components/index.ts +3 -2
- package/src/stories/Popover.stories.tsx +102 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,aAAa,EACb,eAAe,EACf,KAAK,GACN,EAAE,gBAAgB,qBASlB;kBAdQ,WAAW;;;;;AAgBpB,OAAO,
|
|
1
|
+
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,aAAa,EACb,eAAe,EACf,KAAK,GACN,EAAE,gBAAgB,qBASlB;kBAdQ,WAAW;;;;;AAgBpB,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,WAAW,CAAC,QAAQ,GAAG;IACrB,eAAe,EAAE,MAAM;CACxB,CAAC;AAEF,SAAS,WAAW,CAAC,EAKF;QAJjB,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,KAAK,WAAA;IAEL,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,OAAO,
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,WAAW,CAAC,QAAQ,GAAG;IACrB,eAAe,EAAE,MAAM;CACxB,CAAC;AAEF,SAAS,WAAW,CAAC,EAKF;QAJjB,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,KAAK,WAAA;IAEL,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,IAAI,aAAa,EAAiB,WAAW,EAAE,CAAC"}
|
|
@@ -1 +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;
|
|
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;AAM/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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { Icon } from "../components";
|
|
5
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "../icons";
|
|
5
6
|
import { cn } from "../lib/utils";
|
|
6
7
|
export var menuStyleClasses = {
|
|
7
8
|
inset: "s-pl-8",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewDropdown.js","sourceRoot":"","sources":["../../../src/components/NewDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
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"}
|
|
@@ -20,8 +20,8 @@ export { DropdownMenu } from "./DropdownMenu";
|
|
|
20
20
|
export { default as DropzoneOverlay } from "./DropzoneOverlay";
|
|
21
21
|
export { ElementDialog } from "./ElementDialog";
|
|
22
22
|
export { ElementModal } from "./ElementModal";
|
|
23
|
-
export { EmojiPicker, DataEmojiMart } from "./EmojiPicker";
|
|
24
23
|
export type { EmojiMartData } from "./EmojiPicker";
|
|
24
|
+
export { DataEmojiMart, EmojiPicker } from "./EmojiPicker";
|
|
25
25
|
export { FilterChips } from "./FilterChips";
|
|
26
26
|
export { Div3D, Hover3D } from "./Hover3D";
|
|
27
27
|
export { Hoverable } from "./Hoverable";
|
|
@@ -37,6 +37,7 @@ export { Notification } from "./Notification";
|
|
|
37
37
|
export { Page } from "./Page";
|
|
38
38
|
export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
|
|
39
39
|
export { Pagination } from "./Pagination";
|
|
40
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger } from "./Popover";
|
|
40
41
|
export { Popup } from "./Popup";
|
|
41
42
|
export { PriceTable } from "./PriceTable";
|
|
42
43
|
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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ export { DropdownMenu } from "./DropdownMenu";
|
|
|
20
20
|
export { default as DropzoneOverlay } from "./DropzoneOverlay";
|
|
21
21
|
export { ElementDialog } from "./ElementDialog";
|
|
22
22
|
export { ElementModal } from "./ElementModal";
|
|
23
|
-
export {
|
|
23
|
+
export { DataEmojiMart, EmojiPicker } from "./EmojiPicker";
|
|
24
24
|
export { FilterChips } from "./FilterChips";
|
|
25
25
|
export { Div3D, Hover3D } from "./Hover3D";
|
|
26
26
|
export { Hoverable } from "./Hoverable";
|
|
@@ -36,6 +36,7 @@ export { Notification } from "./Notification";
|
|
|
36
36
|
export { Page } from "./Page";
|
|
37
37
|
export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
|
|
38
38
|
export { Pagination } from "./Pagination";
|
|
39
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger } from "./Popover";
|
|
39
40
|
export { Popup } from "./Popup";
|
|
40
41
|
export { PriceTable } from "./PriceTable";
|
|
41
42
|
export { RadioButton } from "./RadioButton";
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAE9C,OAAO,EAAE,aAAa,EAAC,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,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"}
|
|
@@ -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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -841,6 +841,10 @@ select {
|
|
|
841
841
|
z-index: 50;
|
|
842
842
|
}
|
|
843
843
|
|
|
844
|
+
.s-col-span-2 {
|
|
845
|
+
grid-column: span 2 / span 2;
|
|
846
|
+
}
|
|
847
|
+
|
|
844
848
|
.s-m-0 {
|
|
845
849
|
margin: 0px;
|
|
846
850
|
}
|
|
@@ -1217,6 +1221,10 @@ select {
|
|
|
1217
1221
|
width: 16rem;
|
|
1218
1222
|
}
|
|
1219
1223
|
|
|
1224
|
+
.s-w-72 {
|
|
1225
|
+
width: 18rem;
|
|
1226
|
+
}
|
|
1227
|
+
|
|
1220
1228
|
.s-w-8 {
|
|
1221
1229
|
width: 2rem;
|
|
1222
1230
|
}
|
|
@@ -1674,6 +1682,12 @@ select {
|
|
|
1674
1682
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
1675
1683
|
}
|
|
1676
1684
|
|
|
1685
|
+
.s-space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1686
|
+
--tw-space-y-reverse: 0;
|
|
1687
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1688
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1689
|
+
}
|
|
1690
|
+
|
|
1677
1691
|
.s-space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1678
1692
|
--tw-space-y-reverse: 0;
|
|
1679
1693
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1857,6 +1871,11 @@ select {
|
|
|
1857
1871
|
border-color: rgb(147 197 253 / var(--tw-border-opacity));
|
|
1858
1872
|
}
|
|
1859
1873
|
|
|
1874
|
+
.s-border-border {
|
|
1875
|
+
--tw-border-opacity: 1;
|
|
1876
|
+
border-color: rgb(241 245 249 / var(--tw-border-opacity));
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1860
1879
|
.s-border-cyan-100 {
|
|
1861
1880
|
--tw-border-opacity: 1;
|
|
1862
1881
|
border-color: rgb(207 250 254 / var(--tw-border-opacity));
|
|
@@ -2286,6 +2305,11 @@ select {
|
|
|
2286
2305
|
background-color: rgb(146 64 14 / var(--tw-bg-opacity));
|
|
2287
2306
|
}
|
|
2288
2307
|
|
|
2308
|
+
.s-bg-background {
|
|
2309
|
+
--tw-bg-opacity: 1;
|
|
2310
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
2311
|
+
}
|
|
2312
|
+
|
|
2289
2313
|
.s-bg-black\/70 {
|
|
2290
2314
|
background-color: rgb(0 0 0 / 0.7);
|
|
2291
2315
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dust-tt/sparkle",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.263",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
|
|
6
6
|
"tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
|
|
@@ -95,6 +95,7 @@
|
|
|
95
95
|
"@emoji-mart/react": "^1.1.1",
|
|
96
96
|
"@headlessui/react": "^1.7.19",
|
|
97
97
|
"@radix-ui/react-dropdown-menu": "^2.1.2",
|
|
98
|
+
"@radix-ui/react-popover": "^1.1.2",
|
|
98
99
|
"@radix-ui/react-separator": "^1.1.0",
|
|
99
100
|
"@radix-ui/react-slot": "^1.1.0",
|
|
100
101
|
"@radix-ui/react-tooltip": "^1.1.3",
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
ChevronRightIcon,
|
|
7
|
-
CircleIcon,
|
|
8
|
-
Icon,
|
|
9
|
-
} from "@sparkle/index_with_tw_base";
|
|
4
|
+
import { Icon } from "@sparkle/components";
|
|
5
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "@sparkle/icons";
|
|
10
6
|
import { cn } from "@sparkle/lib/utils";
|
|
11
7
|
|
|
12
8
|
export const menuStyleClasses = {
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
|
|
4
|
+
import { cn } from "@sparkle/lib/utils";
|
|
5
|
+
|
|
6
|
+
const PopoverRoot = PopoverPrimitive.Root;
|
|
7
|
+
|
|
8
|
+
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
9
|
+
|
|
10
|
+
interface PopoverContentProps
|
|
11
|
+
extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
const PopoverContent = React.forwardRef<
|
|
16
|
+
React.ElementRef<typeof PopoverPrimitive.Content>,
|
|
17
|
+
PopoverContentProps
|
|
18
|
+
>(
|
|
19
|
+
(
|
|
20
|
+
{
|
|
21
|
+
className,
|
|
22
|
+
align = "center",
|
|
23
|
+
sideOffset = 4,
|
|
24
|
+
fullWidth = false,
|
|
25
|
+
...props
|
|
26
|
+
},
|
|
27
|
+
ref
|
|
28
|
+
) => (
|
|
29
|
+
<PopoverPrimitive.Portal>
|
|
30
|
+
<PopoverPrimitive.Content
|
|
31
|
+
ref={ref}
|
|
32
|
+
align={align}
|
|
33
|
+
sideOffset={sideOffset}
|
|
34
|
+
className={cn(
|
|
35
|
+
"data-[state=open]:s-animate-in data-[state=open]:s-fade-in-0 data-[state=open]:s-zoom-in-95",
|
|
36
|
+
"data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95",
|
|
37
|
+
"data-[side=bottom]:s-slide-in-from-top-2",
|
|
38
|
+
"data-[side=left]:s-slide-in-from-right-2",
|
|
39
|
+
"data-[side=right]:s-slide-in-from-left-2",
|
|
40
|
+
"data-[side=top]:s-slide-in-from-bottom-2",
|
|
41
|
+
"s-border-border s-text-primary-950 s-z-50 s-rounded-lg s-border s-bg-background s-shadow-md s-outline-none",
|
|
42
|
+
fullWidth ? "s-grow" : "s-w-72 s-p-4",
|
|
43
|
+
className
|
|
44
|
+
)}
|
|
45
|
+
{...props}
|
|
46
|
+
/>
|
|
47
|
+
</PopoverPrimitive.Portal>
|
|
48
|
+
)
|
|
49
|
+
);
|
|
50
|
+
|
|
51
|
+
interface PopoverProps extends Omit<PopoverContentProps, "content"> {
|
|
52
|
+
trigger: React.ReactNode;
|
|
53
|
+
content: React.ReactNode;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
function Popover({ trigger, content, ...props }: PopoverProps) {
|
|
57
|
+
return (
|
|
58
|
+
<PopoverRoot>
|
|
59
|
+
<PopoverTrigger>{trigger}</PopoverTrigger>
|
|
60
|
+
<PopoverContent {...props}>{content}</PopoverContent>
|
|
61
|
+
</PopoverRoot>
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
66
|
+
|
|
67
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger };
|
package/src/components/index.ts
CHANGED
|
@@ -20,8 +20,8 @@ export { DropdownMenu } from "./DropdownMenu";
|
|
|
20
20
|
export { default as DropzoneOverlay } from "./DropzoneOverlay";
|
|
21
21
|
export { ElementDialog } from "./ElementDialog";
|
|
22
22
|
export { ElementModal } from "./ElementModal";
|
|
23
|
-
export { EmojiPicker, DataEmojiMart } from "./EmojiPicker";
|
|
24
23
|
export type { EmojiMartData } from "./EmojiPicker";
|
|
24
|
+
export { DataEmojiMart,EmojiPicker } from "./EmojiPicker";
|
|
25
25
|
export { FilterChips } from "./FilterChips";
|
|
26
26
|
export { Div3D, Hover3D } from "./Hover3D";
|
|
27
27
|
export { Hoverable } from "./Hoverable";
|
|
@@ -53,6 +53,7 @@ export { Notification } from "./Notification";
|
|
|
53
53
|
export { Page } from "./Page";
|
|
54
54
|
export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
|
|
55
55
|
export { Pagination } from "./Pagination";
|
|
56
|
+
export { Popover, PopoverContent, PopoverRoot, PopoverTrigger } from "./Popover";
|
|
56
57
|
export { Popup } from "./Popup";
|
|
57
58
|
export { PriceTable } from "./PriceTable";
|
|
58
59
|
export { RadioButton } from "./RadioButton";
|
|
@@ -70,4 +71,4 @@ export {
|
|
|
70
71
|
TooltipTrigger,
|
|
71
72
|
} from "./Tooltip";
|
|
72
73
|
export { Tree } from "./Tree";
|
|
73
|
-
export { ZoomableImageCitationWrapper } from "./ZoomableImageCitationWrapper";
|
|
74
|
+
export { ZoomableImageCitationWrapper } from "./ZoomableImageCitationWrapper";
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import type { Meta } from "@storybook/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
|
|
4
|
+
import {
|
|
5
|
+
Button, EmojiPicker,
|
|
6
|
+
Input,
|
|
7
|
+
Popover,
|
|
8
|
+
PopoverContent,
|
|
9
|
+
PopoverRoot,
|
|
10
|
+
PopoverTrigger,
|
|
11
|
+
} from "../index_with_tw_base";
|
|
12
|
+
|
|
13
|
+
const meta = {
|
|
14
|
+
title: "Primitives/Popover",
|
|
15
|
+
component: Popover,
|
|
16
|
+
} satisfies Meta<typeof Popover>;
|
|
17
|
+
|
|
18
|
+
export default meta;
|
|
19
|
+
|
|
20
|
+
export function SimplePopoverExample () {
|
|
21
|
+
return (
|
|
22
|
+
<Popover
|
|
23
|
+
trigger={
|
|
24
|
+
<Button label="Popover" variant="secondary"/>
|
|
25
|
+
}
|
|
26
|
+
content={
|
|
27
|
+
<div className="s-grid s-gap-2 s-p-2">
|
|
28
|
+
<p>Lorem</p>
|
|
29
|
+
<p>Ipsum</p>
|
|
30
|
+
<p>Lorem</p>
|
|
31
|
+
<p>Ipsum</p>
|
|
32
|
+
</div>
|
|
33
|
+
}
|
|
34
|
+
side="right"
|
|
35
|
+
sideOffset={100}
|
|
36
|
+
/>
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export function PopoverExample() {
|
|
41
|
+
return (
|
|
42
|
+
<PopoverRoot>
|
|
43
|
+
<PopoverTrigger>
|
|
44
|
+
<Button label="Popover" variant="primary" />
|
|
45
|
+
</PopoverTrigger>
|
|
46
|
+
<PopoverContent className="s-p-4">
|
|
47
|
+
<div className="s-grid s-gap-4">
|
|
48
|
+
<div className="s-space-y-2">
|
|
49
|
+
<h4 className="s-font-medium s-leading-none s-pb-2">Dimensions</h4>
|
|
50
|
+
<p className="s-text-sm s-text-muted-foreground">
|
|
51
|
+
Set the dimensions for the layer.
|
|
52
|
+
</p>
|
|
53
|
+
</div>
|
|
54
|
+
<div className="s-grid s-gap-4">
|
|
55
|
+
<Input
|
|
56
|
+
name="width"
|
|
57
|
+
value="200px"
|
|
58
|
+
placeholder="Width"
|
|
59
|
+
className="s-col-span-2 s-h-8"
|
|
60
|
+
/>
|
|
61
|
+
<Input
|
|
62
|
+
name="max-width"
|
|
63
|
+
value="300px"
|
|
64
|
+
placeholder="Max. width"
|
|
65
|
+
className="s-col-span-2 s-h-8"
|
|
66
|
+
/>
|
|
67
|
+
<Input
|
|
68
|
+
name="height"
|
|
69
|
+
value="30px"
|
|
70
|
+
placeholder="Height"
|
|
71
|
+
className="s-col-span-2 s-h-8"
|
|
72
|
+
/>
|
|
73
|
+
<Input
|
|
74
|
+
name="max-height"
|
|
75
|
+
value="100px"
|
|
76
|
+
placeholder="Max. height"
|
|
77
|
+
className="s-col-span-2 s-h-8"
|
|
78
|
+
/>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</PopoverContent>
|
|
82
|
+
</PopoverRoot>
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export function PopoverGrowingExample() {
|
|
87
|
+
return (
|
|
88
|
+
<Popover
|
|
89
|
+
fullWidth={true}
|
|
90
|
+
trigger={
|
|
91
|
+
<Button label="Emoji Picker Popover" variant="primary"></Button>
|
|
92
|
+
}
|
|
93
|
+
content={
|
|
94
|
+
<EmojiPicker
|
|
95
|
+
theme="light"
|
|
96
|
+
previewPosition="none"
|
|
97
|
+
onEmojiSelect={(emoji) => console.log(emoji)}
|
|
98
|
+
/>
|
|
99
|
+
}
|
|
100
|
+
/>
|
|
101
|
+
);
|
|
102
|
+
}
|