@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/stories/PaginatedCitationsGrid.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { PaginatedCitationsGrid } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof PaginatedCitationsGrid;
+};
+export default meta;
+export declare const PaginatedCitationsGridExample: () => React.JSX.Element;
+export declare const WithFewItems: () => React.JSX.Element;
+//# sourceMappingURL=PaginatedCitationsGrid.stories.d.ts.map

package/dist/esm/stories/PaginatedCitationsGrid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/PaginatedCitationsGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,QAAA,MAAM,IAAI;;;CAGqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,6BAA6B,yBAQzC,CAAC;AAEF,eAAO,MAAM,YAAY,yBAQxB,CAAC"}

package/dist/esm/stories/PaginatedCitationsGrid.stories.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { DocumentIcon, PaginatedCitationsGrid } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/PaginatedCitationsGrid",
+    component: PaginatedCitationsGrid,
+};
+export default meta;
+function makeCitationItems(items) {
+    return Array.from({ length: items }, function (_, idx) { return ({
+        title: "test ".concat(idx + 1),
+        href: "empty",
+        icon: React.createElement(DocumentIcon, null),
+    }); });
+}
+export var PaginatedCitationsGridExample = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement(PaginatedCitationsGrid, { items: makeCitationItems(20) }))));
+};
+export var WithFewItems = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement(PaginatedCitationsGrid, { items: makeCitationItems(2) }))));
+};
+//# sourceMappingURL=PaginatedCitationsGrid.stories.js.map

package/dist/esm/stories/PaginatedCitationsGrid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.stories.js","sourceRoot":"","sources":["../../../src/stories/PaginatedCitationsGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,sBAAsB;CACY,CAAC;AAEhD,eAAe,IAAI,CAAC;AAEpB,SAAS,iBAAiB,CAAC,KAAa;IACtC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,CAAC;QAChD,KAAK,EAAE,eAAQ,GAAG,GAAG,CAAC,CAAE;QACxB,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,oBAAC,YAAY,OAAG;KACvB,CAAC,EAJ+C,CAI/C,CAAC,CAAC;AACN,CAAC;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,sBAAsB,IAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAI,CACpD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,sBAAsB,IAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAI,CACnD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/Pagination.stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Pagination } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Pagination;
+};
+export default meta;
+export declare const PaginationSM: () => React.JSX.Element;
+export declare const PaginationXS: () => React.JSX.Element;
+export declare const PaginationNoPageButtons: () => React.JSX.Element;
+export declare const PaginationButtonsDisabled: () => React.JSX.Element;
+export declare const PaginationWithUrl: () => React.JSX.Element;
+//# sourceMappingURL=Pagination.stories.d.ts.map

package/dist/esm/stories/Pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,eAAO,MAAM,YAAY,yBAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAcxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAenC,CAAC;AAEF,eAAO,MAAM,yBAAyB,yBAarC,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgB7B,CAAC"}

package/dist/esm/stories/Pagination.stories.js

@@ -0,0 +1,49 @@
+import { __read } from "tslib";
+import React from "react";
+import { usePaginationFromUrl } from "../hooks/usePaginationFromUrl";
+import { Pagination } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Pagination",
+    component: Pagination,
+};
+export default meta;
+export var PaginationSM = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 50,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    return (React.createElement(Pagination, { rowCount: 960, pagination: pagination, setPagination: setPagination }));
+};
+export var PaginationXS = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 50,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    return (React.createElement(Pagination, { rowCount: 960, size: "xs", showDetails: false, pagination: pagination, setPagination: setPagination }));
+};
+export var PaginationNoPageButtons = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 50,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    return (React.createElement(Pagination, { rowCount: 960, size: "xs", showDetails: false, showPageButtons: false, pagination: pagination, setPagination: setPagination }));
+};
+export var PaginationButtonsDisabled = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 50,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    return (React.createElement(Pagination, { rowCount: 960, pagination: pagination, setPagination: setPagination, disablePaginationNumbers: true }));
+};
+export var PaginationWithUrl = function () {
+    var _a = usePaginationFromUrl({
+        urlPrefix: "example",
+        initialPageSize: 50,
+    }), pagination = _a.pagination, setPagination = _a.setPagination;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-p-2" },
+            "Current hash: ",
+            location.hash),
+        React.createElement(Pagination, { rowCount: 960, pagination: pagination, setPagination: setPagination })));
+};
+//# sourceMappingURL=Pagination.stories.js.map

package/dist/esm/stories/Pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IAC/B,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACjC,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,wBAAwB,SACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IACzB,IAAA,KAAgC,oBAAoB,CAAC;QACzD,SAAS,EAAE,SAAS;QACpB,eAAe,EAAE,EAAE;KACpB,CAAC,EAHM,UAAU,gBAAA,EAAE,aAAa,mBAG/B,CAAC;IAEH,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,OAAO;;YAAgB,QAAQ,CAAC,IAAI,CAAO;QAC1D,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/Picker.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../components/Picker").ColorPickerProps>;
+};
+export default meta;
+declare const ColorPickerExample: () => React.JSX.Element;
+declare const IconPickerExample: () => React.JSX.Element;
+declare const EmojiPickerExample: () => React.JSX.Element;
+export { ColorPickerExample, EmojiPickerExample, IconPickerExample };
+//# sourceMappingURL=Picker.stories.d.ts.map

package/dist/esm/stories/Picker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Picker.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AA6EpB,QAAA,MAAM,kBAAkB,yBAiCvB,CAAC;AAEF,QAAA,MAAM,iBAAiB,yBAiCtB,CAAC;AAEF,QAAA,MAAM,kBAAkB,yBAgCvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/stories/Picker.stories.js

@@ -0,0 +1,135 @@
+import { __read } from "tslib";
+import data from "@emoji-mart/data";
+import React, { useState } from "react";
+import { PaintIcon } from "../icons";
+import { ActionIcons } from "../icons";
+import { EmotionLaughIcon } from "../icons/app";
+import { Button, PopoverContent, PopoverRoot, PopoverTrigger, } from "../components";
+import { ColorPicker, IconPicker } from "../components/Picker";
+import { EmojiPicker } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Picker",
+    component: ColorPicker,
+};
+export default meta;
+var colors = [
+    "bg-gray-100",
+    "bg-gray-200",
+    "bg-gray-300",
+    "bg-gray-400",
+    "bg-gray-500",
+    "bg-gray-600",
+    "bg-gray-700",
+    "bg-gray-800",
+    "bg-blue-100",
+    "bg-blue-200",
+    "bg-blue-300",
+    "bg-blue-400",
+    "bg-blue-500",
+    "bg-blue-600",
+    "bg-blue-700",
+    "bg-blue-800",
+    "bg-violet-100",
+    "bg-violet-200",
+    "bg-violet-300",
+    "bg-violet-400",
+    "bg-violet-500",
+    "bg-violet-600",
+    "bg-violet-700",
+    "bg-violet-800",
+    "bg-pink-100",
+    "bg-pink-200",
+    "bg-pink-300",
+    "bg-pink-400",
+    "bg-pink-500",
+    "bg-pink-600",
+    "bg-pink-700",
+    "bg-pink-800",
+    "bg-red-100",
+    "bg-red-200",
+    "bg-red-300",
+    "bg-red-400",
+    "bg-red-500",
+    "bg-red-600",
+    "bg-red-700",
+    "bg-red-800",
+    "bg-orange-100",
+    "bg-orange-200",
+    "bg-orange-300",
+    "bg-orange-400",
+    "bg-orange-500",
+    "bg-orange-600",
+    "bg-orange-700",
+    "bg-orange-800",
+    "bg-golden-100",
+    "bg-golden-200",
+    "bg-golden-300",
+    "bg-golden-400",
+    "bg-golden-500",
+    "bg-golden-600",
+    "bg-golden-700",
+    "bg-golden-800",
+    "bg-lime-100",
+    "bg-lime-200",
+    "bg-lime-300",
+    "bg-lime-400",
+    "bg-lime-500",
+    "bg-lime-600",
+    "bg-lime-700",
+    "bg-lime-800",
+    "bg-emerald-100",
+    "bg-emerald-200",
+    "bg-emerald-300",
+    "bg-emerald-400",
+    "bg-emerald-500",
+    "bg-emerald-600",
+    "bg-emerald-700",
+    "bg-emerald-800",
+];
+var ColorPickerExample = function () {
+    var _a = __read(useState(colors[0]), 2), selectedColor = _a[0], setSelectedColor = _a[1];
+    var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
+    return (React.createElement("div", { className: "s-mt-14 s-flex s-flex-col s-items-center s-gap-6" },
+        React.createElement("div", { className: "s-w-full s-max-w-2xl" },
+            React.createElement("h3", { className: "s-mb-4 s-text-lg s-font-medium" }, "Color Picker"),
+            React.createElement(PopoverRoot, { open: isOpen, onOpenChange: setIsOpen },
+                React.createElement(PopoverTrigger, { asChild: true },
+                    React.createElement(Button, { label: "Select Color", variant: "outline", icon: PaintIcon, size: "sm", className: selectedColor, isSelect: true })),
+                React.createElement(PopoverContent, { className: "s-w-fit" },
+                    React.createElement(ColorPicker, { colors: colors, selectedColor: selectedColor, onColorSelect: function (color) {
+                            setSelectedColor(color);
+                            setIsOpen(false);
+                        } }))))));
+};
+var IconPickerExample = function () {
+    var _a = __read(useState(Object.keys(ActionIcons)[0]), 2), selectedIcon = _a[0], setSelectedIcon = _a[1];
+    var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
+    var SelectedIcon = ActionIcons[selectedIcon];
+    return (React.createElement("div", { className: "s-mt-14 s-flex s-flex-col s-items-center s-gap-6" },
+        React.createElement("div", { className: "s-w-full s-max-w-2xl" },
+            React.createElement("h3", { className: "s-mb-4 s-text-lg s-font-medium" }, "Icon Picker"),
+            React.createElement(PopoverRoot, { open: isOpen, onOpenChange: setIsOpen },
+                React.createElement(PopoverTrigger, { asChild: true },
+                    React.createElement(Button, { label: "Select Icon", variant: "outline", size: "sm", icon: SelectedIcon, isSelect: true })),
+                React.createElement(PopoverContent, { className: "s-w-fit s-py-0" },
+                    React.createElement(IconPicker, { icons: ActionIcons, selectedIcon: selectedIcon, onIconSelect: function (iconName) {
+                            setSelectedIcon(iconName);
+                            setIsOpen(false);
+                        } }))))));
+};
+var EmojiPickerExample = function () {
+    var _a = __read(useState(false), 2), isOpen = _a[0], setIsOpen = _a[1];
+    return (React.createElement("div", { className: "s-mt-14 s-flex s-flex-col s-items-center s-gap-6" },
+        React.createElement("div", { className: "s-w-full s-max-w-2xl" },
+            React.createElement("h3", { className: "s-mb-4 s-text-lg s-font-medium" }, "Emoji Picker"),
+            React.createElement(PopoverRoot, { open: isOpen, onOpenChange: setIsOpen },
+                React.createElement(PopoverTrigger, { asChild: true },
+                    React.createElement(Button, { label: "Pick an Emoji", variant: "outline", icon: EmotionLaughIcon, size: "sm", isSelect: true })),
+                React.createElement(PopoverContent, { fullWidth: true },
+                    React.createElement(EmojiPicker, { theme: "light", previewPosition: "none", data: data, onEmojiSelect: function (emoji) {
+                            alert(emoji.native);
+                            setIsOpen(false);
+                        } }))))));
+};
+export { ColorPickerExample, EmojiPickerExample, IconPickerExample };
+//# sourceMappingURL=Picker.stories.js.map

package/dist/esm/stories/Picker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.stories.js","sourceRoot":"","sources":["../../../src/stories/Picker.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/PlatformIconSet.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const PlatformLogos: () => React.JSX.Element;
+//# sourceMappingURL=PlatformIconSet.stories.d.ts.map

package/dist/esm/stories/PlatformIconSet.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformIconSet.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/PlatformIconSet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAK1B,wBAEE;AAgBF,eAAO,MAAM,aAAa,yBAgBzB,CAAC"}

package/dist/esm/stories/PlatformIconSet.stories.js

@@ -0,0 +1,28 @@
+import { __read } from "tslib";
+import React from "react";
+import { Icon } from "../index_with_tw_base";
+import * as PlatformIcons from "../logo/platforms";
+export default {
+    title: "Assets/PlatformLogos",
+};
+var gridStyle = {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(160px, 1fr))",
+    gap: "48px 16px",
+};
+var itemStyle = {
+    marginTop: "12px",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textAlign: "left",
+    width: "100%",
+};
+export var PlatformLogos = function () { return (React.createElement("div", { style: gridStyle }, Object.entries(PlatformIcons).map(function (_a) {
+    var _b = __read(_a, 2), iconName = _b[0], IconComponent = _b[1];
+    var CurrentIcon = ("default" in IconComponent ? IconComponent.default : IconComponent);
+    return (React.createElement("div", { key: iconName },
+        React.createElement(Icon, { visual: CurrentIcon, size: "lg" }),
+        React.createElement("div", { style: itemStyle, className: "s-text-base" }, iconName)));
+}))); };
+//# sourceMappingURL=PlatformIconSet.stories.js.map

package/dist/esm/stories/PlatformIconSet.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformIconSet.stories.js","sourceRoot":"","sources":["../../../src/stories/PlatformIconSet.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,aAAa,MAAM,mBAAmB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,uCAAuC;IAC5D,GAAG,EAAE,WAAW;CACjB,CAAC;AACF,IAAM,SAAS,GAAG;IAChB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,KAAK,EAAE,SAAS,IAClB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;QAAzB,KAAA,aAAyB,EAAxB,QAAQ,QAAA,EAAE,aAAa,QAAA;IAC1D,IAAM,WAAW,GAAG,CAClB,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CACR,CAAC;IAC7D,OAAO,CACL,6BAAK,GAAG,EAAE,QAAQ;QAChB,oBAAC,IAAI,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,GAAG;QACvC,6BAAK,KAAK,EAAE,SAAgC,EAAE,SAAS,EAAC,aAAa,IAClE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CACE,CACP,EAhBkC,CAgBlC,CAAC"}

package/dist/esm/stories/Playground.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Demo: () => React.JSX.Element;
+//# sourceMappingURL=Playground.stories.d.ts.map

package/dist/esm/stories/Playground.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Playground.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAc1B,wBAEE;AAEF,eAAO,MAAM,IAAI,yBAoDhB,CAAC"}

package/dist/esm/stories/Playground.stories.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuTrigger, Label, Page, } from "../components";
+import { ActionMoonIcon, ActionSunIcon, LightModeIcon } from "../icons";
+export default {
+    title: "Playground/Demo",
+};
+export var Demo = function () {
+    return (React.createElement("div", { className: "s-flex s-h-full s-w-full s-cursor-pointer s-flex-col s-gap-2" },
+        React.createElement(Page.Layout, { direction: "horizontal" },
+            React.createElement(Page.Vertical, { sizing: "grow", align: "stretch", gap: "xs" },
+                React.createElement(Label, null, "Theme"),
+                React.createElement(DropdownMenu, null,
+                    React.createElement(DropdownMenuTrigger, { asChild: true },
+                        React.createElement(Button, { variant: "outline", icon: LightModeIcon, label: "light", isSelect: true, className: "s-w-fit" })),
+                    React.createElement(DropdownMenuContent, null,
+                        React.createElement(DropdownMenuItem, { icon: ActionSunIcon, label: "Light" }),
+                        React.createElement(DropdownMenuItem, { icon: ActionMoonIcon, label: "Dark" }),
+                        React.createElement(DropdownMenuItem, { icon: LightModeIcon, label: "System" })))),
+            React.createElement(Page.Vertical, { sizing: "grow", align: "stretch", gap: "xs" },
+                React.createElement(Label, null, "Keyboard Shortcuts"),
+                React.createElement(DropdownMenu, null,
+                    React.createElement(DropdownMenuTrigger, { asChild: true },
+                        React.createElement("div", { className: "s-copy-sm s-flex s-items-center s-gap-2" },
+                            "Send message",
+                            React.createElement(Button, { variant: "outline", label: "Cmd+Enter (\u2318+\u21B5)", isSelect: true, className: "s-w-fit" }))),
+                    React.createElement(DropdownMenuContent, null,
+                        React.createElement(DropdownMenuItem, null,
+                            "Send message when pressing Enter",
+                            React.createElement(DropdownMenuShortcut, null, "\u21B5")),
+                        React.createElement(DropdownMenuItem, null,
+                            "Send message when pressing Cmd+Enter",
+                            React.createElement(DropdownMenuShortcut, null, "\u2318 + \u21B5"))))))));
+};
+//# sourceMappingURL=Playground.stories.js.map

package/dist/esm/stories/Playground.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Playground.stories.js","sourceRoot":"","sources":["../../../src/stories/Playground.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,EACL,IAAI,GACL,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE9E,eAAe;IACb,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,OAAO,CACL,6BAAK,SAAS,EAAC,8DAA8D;QAC3E,oBAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,YAAY;YACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI;gBACnD,oBAAC,KAAK,gBAAc;gBACpB,oBAAC,YAAY;oBACX,oBAAC,mBAAmB,IAAC,OAAO;wBAC1B,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,SAAS,EAAC,SAAS,GACnB,CACkB;oBACtB,oBAAC,mBAAmB;wBAClB,oBAAC,gBAAgB,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAC,OAAO,GAAG;wBACvD,oBAAC,gBAAgB,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,GAAG;wBACvD,oBAAC,gBAAgB,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAC,QAAQ,GAAG,CACpC,CACT,CACD;YAChB,oBAAC,IAAI,CAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI;gBACnD,oBAAC,KAAK,6BAA2B;gBACjC,oBAAC,YAAY;oBACX,oBAAC,mBAAmB,IAAC,OAAO;wBAC1B,6BAAK,SAAS,EAAC,yCAAyC;;4BAEtD,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,2BAAiB,EACvB,QAAQ,QACR,SAAS,EAAC,SAAS,GACnB,CACE,CACc;oBACtB,oBAAC,mBAAmB;wBAClB,oBAAC,gBAAgB;;4BAEf,oBAAC,oBAAoB,iBAAyB,CAC7B;wBACnB,oBAAC,gBAAgB;;4BAEf,oBAAC,oBAAoB,0BAA6B,CACjC,CACC,CACT,CACD,CACJ,CACV,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/Popover.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Popover } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Popover;
+};
+export default meta;
+export declare function SimplePopoverExample(): React.JSX.Element;
+export declare function PopoverExample(): React.JSX.Element;
+export declare function PopoverGrowingExample(): React.JSX.Element;
+export declare function ScrollablePopoverExample(): React.JSX.Element;
+//# sourceMappingURL=Popover.stories.d.ts.map

package/dist/esm/stories/Popover.stories.d.ts.map

@@ -0,0 +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,EAIL,OAAO,EAMR,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,oBAAoB,sBAgBnC;AAED,wBAAgB,cAAc,sBA4C7B;AAED,wBAAgB,qBAAqB,sBAcpC;AAED,wBAAgB,wBAAwB,sBAqBvC"}

package/dist/esm/stories/Popover.stories.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Button, EmojiPicker, Input, Popover, PopoverContent, PopoverRoot, PopoverTrigger, ScrollArea, Separator, } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Popover",
+    component: Popover,
+};
+export default meta;
+export function SimplePopoverExample() {
+    return (React.createElement(Popover, { trigger: React.createElement(Button, { label: "Popover", variant: "outline" }), content: React.createElement("div", { className: "s-grid s-gap-2 s-p-2" },
+            React.createElement("p", null, "Lorem"),
+            React.createElement("p", null, "Ipsum"),
+            React.createElement("p", null, "Lorem"),
+            React.createElement("p", null, "Ipsum")), side: "right", sideOffset: 100 }));
+}
+export function PopoverExample() {
+    return (React.createElement(PopoverRoot, null,
+        React.createElement(PopoverTrigger, null,
+            React.createElement(Button, { label: "Popover", variant: "primary" })),
+        React.createElement(PopoverContent, { className: "s-p-4" },
+            React.createElement("div", { className: "s-grid s-gap-4" },
+                React.createElement("div", { className: "s-space-y-2" },
+                    React.createElement("h4", { className: "s-pb-2 s-font-medium s-leading-none" }, "Dimensions"),
+                    React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Set the dimensions for the layer.")),
+                React.createElement("div", { className: "s-grid s-gap-4" },
+                    React.createElement(Input, { name: "width", value: "200px", placeholder: "Width", className: "s-col-span-2 s-h-8" }),
+                    React.createElement(Input, { name: "max-width", value: "300px", placeholder: "Max. width", className: "s-col-span-2 s-h-8" }),
+                    React.createElement(Input, { name: "height", value: "30px", placeholder: "Height", className: "s-col-span-2 s-h-8" }),
+                    React.createElement(Input, { name: "max-height", value: "100px", placeholder: "Max. height", className: "s-col-span-2 s-h-8" }))))));
+}
+export function PopoverGrowingExample() {
+    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); } }) }));
+}
+export function ScrollablePopoverExample() {
+    var tags = Array.from({ length: 50 }).map(function (_, i, a) { return "v1.2.0-beta.".concat(a.length - i); });
+    return (React.createElement(PopoverRoot, null,
+        React.createElement(PopoverTrigger, null,
+            React.createElement(Button, { label: "Popover", variant: "primary" })),
+        React.createElement(PopoverContent, { className: "s-p-4" },
+            React.createElement(ScrollArea, { className: "s-h-[200px]" }, tags.map(function (tag) { return (React.createElement("div", { key: tag },
+                React.createElement("div", { className: "s-text-sm" }, tag),
+                React.createElement(Separator, { className: "s-my-2" }))); })))));
+}
+//# sourceMappingURL=Popover.stories.js.map

package/dist/esm/stories/Popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/stories/Popover.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/PriceTable.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { PriceTable } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof PriceTable;
+};
+export default meta;
+export declare const PricingXS: () => React.JSX.Element;
+export declare const PricingSM: () => React.JSX.Element;
+//# sourceMappingURL=PriceTable.stories.d.ts.map

package/dist/esm/stories/PriceTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/PriceTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEtE,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,SAAS,yBA0DrB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA6CrB,CAAC"}

package/dist/esm/stories/PriceTable.stories.js

@@ -0,0 +1,73 @@
+import React from "react";
+import { Button, Hoverable, PriceTable } from "../index_with_tw_base";
+var meta = {
+    title: "Components/PriceTable",
+    component: PriceTable,
+};
+export default meta;
+export var PricingXS = function () {
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(PriceTable.Container, null,
+            React.createElement(PriceTable, { title: "Business", price: "0\u20AC", color: "emerald", priceLabel: "/ month / seat" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" })),
+                React.createElement(PriceTable.Item, { label: React.createElement(React.Fragment, null,
+                        "\"Unlimited members / workspace\"",
+                        React.createElement("br", null),
+                        React.createElement(Hoverable, { onClick: function () {
+                                alert("Clicked!");
+                            } }, "hello")) }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom agents" }),
+                React.createElement(PriceTable.Item, { label: "Advanced LLM models (gpt4, Claude, ...)" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" }))),
+            React.createElement(PriceTable, { title: "Enterprise", price: "Custom" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited workspaces" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom agents" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Contact us" }))))));
+};
+export var PricingSM = function () {
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(PriceTable.Container, null,
+            React.createElement(PriceTable, { title: "pro", price: "29\u20AC", color: "sky", priceLabel: "/ month / seat", size: "sm" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Select this plan" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom agents" }),
+                React.createElement(PriceTable.Item, { label: "Advanced LLM models (gpt4, Claude, ...)" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Select this plan" }))),
+            React.createElement(PriceTable, { title: "Enterprise", price: "Custom", size: "sm" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Contact us" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited workspaces" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom agents" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Contact us" }))))));
+};
+//# sourceMappingURL=PriceTable.stories.js.map

package/dist/esm/stories/PriceTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTable.stories.js","sourceRoot":"","sources":["../../../src/stories/PriceTable.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/RadioGroup.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const meta: {
+    title: string;
+};
+export default meta;
+export declare const RadioGroupExample: () => React.JSX.Element;
+export declare const RadioGroupWithChildrenExample: () => React.JSX.Element;
+//# sourceMappingURL=RadioGroup.stories.d.ts.map

package/dist/esm/stories/RadioGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/RadioGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,eAAO,MAAM,iBAAiB,yBAyD7B,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAuCzC,CAAC"}

package/dist/esm/stories/RadioGroup.stories.js

@@ -0,0 +1,44 @@
+import { __read } from "tslib";
+import React from "react";
+import { Button, CloudArrowDownIcon, FolderIcon, Icon, Label, LockIcon, RadioGroup, RadioGroupCustomItem, RadioGroupItem, } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/RadioGroup",
+};
+export default meta;
+export var RadioGroupExample = function () {
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-10" },
+        React.createElement(RadioGroup, { defaultValue: "option-one" },
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-one", id: "option-one", label: "Option One" })),
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-two", id: "option-two", label: "Option Two" })),
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-three", id: "option-three", label: "Option Three", icon: CloudArrowDownIcon }))),
+        React.createElement(RadioGroup, { defaultValue: "option-one" },
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-four", id: "option-four", size: "sm", tooltipMessage: "This is a nice tooltip message", label: "Option Four" })),
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-five", id: "option-five", size: "sm", disabled: true, label: "Option Five" })),
+            React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+                React.createElement(RadioGroupItem, { value: "option-six", id: "option-six", size: "sm", label: "Option Six" })))));
+};
+export var RadioGroupWithChildrenExample = function () {
+    var _a = __read(React.useState("option-one"), 2), selectedChoice = _a[0], setSelectedChoice = _a[1];
+    var choices = [
+        { id: "option-one", label: "Option One" },
+        { id: "option-two", label: "Option Two" },
+        { id: "option-three", label: "Option Three" },
+    ];
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-10" },
+        React.createElement(RadioGroup, { defaultValue: "option-one", onValueChange: function (value) { return setSelectedChoice(value); } }, choices.map(function (choice) { return (React.createElement(RadioGroupCustomItem, { value: choice.id, iconPosition: "start", customItem: React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+                React.createElement(Icon, { visual: LockIcon }),
+                React.createElement(Label, null, choice.label)) },
+            React.createElement("div", { className: "s-flex s-items-center s-gap-2 s-border s-border-red-500 s-p-2" },
+                React.createElement(Icon, { visual: FolderIcon }),
+                React.createElement(Label, null, choice.label),
+                React.createElement(Button, { label: "Click me" })),
+            choice.id === selectedChoice && (React.createElement("span", null,
+                choice.label,
+                " is selected")))); }))));
+};
+//# sourceMappingURL=RadioGroup.stories.js.map