@dust-tt/sparkle 0.2.509 → 0.2.510

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

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/components/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgD1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoBhD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBlD,CAAC"}

package/dist/esm/components/Picker.js

@@ -0,0 +1,29 @@
+import { __read } from "tslib";
+import React from "react";
+import { cn } from "../lib";
+import { ScrollArea, ScrollBar } from "../components";
+var IconSwatch = function (_a) {
+    var IconComponent = _a.icon, onClick = _a.onClick, isSelected = _a.isSelected;
+    return (React.createElement("button", { onClick: onClick, className: cn("s-flex s-h-8 s-w-8 s-items-center s-justify-center s-rounded-lg s-border s-border-border s-transition s-duration-300 dark:s-border-border-night", isSelected
+            ? "s-bg-highlight-50 dark:s-bg-highlight-800"
+            : "dark:hover:s-boder-highlight-800 s-bg-muted-background hover:s-border-highlight-100 hover:s-bg-highlight-50 dark:s-bg-muted-background-night dark:hover:s-bg-highlight-800") },
+        React.createElement(IconComponent, { className: "s-h-5 s-w-5 s-text-foreground dark:s-text-foreground-night" })));
+};
+var ColorSwatch = function (_a) {
+    var color = _a.color, onClick = _a.onClick, isSelected = _a.isSelected;
+    return (React.createElement("div", { className: cn("s-".concat(color, " s-h-5 s-w-5 s-cursor-pointer s-rounded s-transition s-duration-200 hover:s-scale-110"), isSelected && "s-scale-110"), onClick: function () { return onClick(color); } }));
+};
+export var IconPicker = function (_a) {
+    var icons = _a.icons, onIconSelect = _a.onIconSelect, selectedIcon = _a.selectedIcon;
+    return (React.createElement(ScrollArea, { className: "s-h-[340px] s-w-fit s-overflow-auto" },
+        React.createElement("div", { className: "s-grid-rows-20 w-auto s-grid s-h-fit s-w-fit s-grid-cols-8 s-gap-1.5 s-py-4" }, Object.entries(icons).map(function (_a) {
+            var _b = __read(_a, 2), name = _b[0], IconComponent = _b[1];
+            return (React.createElement(IconSwatch, { key: name, icon: IconComponent, onClick: function () { return onIconSelect(name); }, isSelected: selectedIcon === name }));
+        })),
+        React.createElement(ScrollBar, { orientation: "vertical", size: "compact" })));
+};
+export var ColorPicker = function (_a) {
+    var colors = _a.colors, onColorSelect = _a.onColorSelect, selectedColor = _a.selectedColor;
+    return (React.createElement("div", { className: "s-grid-rows-20 w-auto s-grid s-h-fit s-w-fit s-grid-cols-8 s-gap-1.5" }, colors.map(function (color) { return (React.createElement(ColorSwatch, { key: color, color: color, onClick: function () { return onColorSelect(color); }, isSelected: selectedColor === color })); })));
+};
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../src/components/Picker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQtD,IAAM,UAAU,GAA8B,UAAC,EAI9C;QAHO,aAAa,UAAA,EACnB,OAAO,aAAA,EACP,UAAU,gBAAA;IACN,OAAA,CACJ,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,UAAU;YACR,CAAC,CAAC,2CAA2C;YAC7C,CAAC,CAAC,4KAA4K,CACjL;QAED,oBAAC,aAAa,IAAC,SAAS,EAAC,4DAA4D,GAAG,CACjF,CACV;AAZK,CAYL,CAAC;AAQF,IAAM,WAAW,GAAG,UAAC,EAAgD;QAA9C,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IAC/C,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,YAAK,KAAK,0FAAuF,EACjG,UAAU,IAAI,aAAa,CAC5B,EACD,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,OAAO,CACL,oBAAC,UAAU,IAAC,SAAS,EAAC,qCAAqC;QACzD,6BAAK,SAAS,EAAC,6EAA6E,IACzF,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,EAAqB;gBAArB,KAAA,aAAqB,EAApB,IAAI,QAAA,EAAE,aAAa,QAAA;YAAM,OAAA,CACpD,oBAAC,UAAU,IACT,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,UAAU,EAAE,YAAY,KAAK,IAAI,GACjC,CACH;QAPqD,CAOrD,CAAC,CACE;QACN,oBAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,CACxC,CACd,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAIvD;QAHC,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,aAAa,mBAAA;IAEb,OAAO,CACL,6BAAK,SAAS,EAAC,sEAAsE,IAClF,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,WAAW,IACV,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,UAAU,EAAE,aAAa,KAAK,KAAK,GACnC,CACH,EAPsB,CAOtB,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    fullWidth?: boolean;
+    mountPortal?: boolean;
+    mountPortalContainer?: HTMLElement;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+interface PopoverProps extends Omit<PopoverContentProps, "content"> {
+    trigger: React.ReactNode;
+    popoverTriggerAsChild?: boolean;
+    content: React.ReactNode;
+}
+declare function Popover({ trigger, popoverTriggerAsChild, content, ...props }: PopoverProps): React.JSX.Element;
+interface AnchoredPopoverProps extends PopoverContentProps {
+    open: boolean;
+    anchorRef?: React.RefObject<HTMLElement>;
+    children: React.ReactNode;
+}
+declare function AnchoredPopover({ open, anchorRef, children, className, ...props }: AnchoredPopoverProps): React.JSX.Element;
+export { AnchoredPopover, Popover, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, };
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +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;AAK/B,QAAA,MAAM,WAAW,yCAAwB,CAAC;AAC1C,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAChD,QAAA,MAAM,aAAa,+CAA0B,CAAC;AAC9C,QAAA,MAAM,aAAa,4GAA0B,CAAC;AAE9C,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,WAAW,CAAC;CACpC;AAED,QAAA,MAAM,cAAc,4FA6DnB,CAAC;AAEF,UAAU,YAAa,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACjE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,qBAA6B,EAC7B,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,qBAOd;AAID,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAqEtB;AAED,OAAO,EACL,eAAe,EACf,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,cAAc,GACf,CAAC"}

package/dist/esm/components/Popover.js

@@ -0,0 +1,81 @@
+import { __assign, __read, __rest } from "tslib";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { cn } from "../lib/utils";
+var PopoverRoot = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.mountPortal, mountPortal = _d === void 0 ? true : _d, mountPortalContainer = _a.mountPortalContainer, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, ["className", "align", "sideOffset", "mountPortal", "mountPortalContainer", "fullWidth"]);
+    var content = (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-z-50 s-rounded-xl s-border s-shadow-md s-outline-none", "s-border s-border-border dark:s-border-border-night", "s-bg-background dark:s-bg-background-night", "s-text-primary-950 dark:s-text-primary-950-night", fullWidth ? "s-grow" : "s-w-72 s-p-4", className) }, props)));
+    var _f = __read(useState(mountPortalContainer), 2), container = _f[0], setContainer = _f[1];
+    useEffect(function () {
+        if (mountPortal && !container) {
+            var dialogElements = document.querySelectorAll(".s-sheet[role=dialog][data-state=open]");
+            var defaultContainer = dialogElements[dialogElements.length - 1];
+            setContainer(defaultContainer);
+        }
+    }, [mountPortal, container]);
+    return mountPortal ? (React.createElement(PopoverPrimitive.Portal, { container: container }, content)) : (content);
+});
+function Popover(_a) {
+    var trigger = _a.trigger, _b = _a.popoverTriggerAsChild, popoverTriggerAsChild = _b === void 0 ? false : _b, content = _a.content, props = __rest(_a, ["trigger", "popoverTriggerAsChild", "content"]);
+    return (React.createElement(PopoverRoot, null,
+        React.createElement(PopoverTrigger, { asChild: popoverTriggerAsChild }, trigger),
+        React.createElement(PopoverContent, __assign({}, props), content)));
+}
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+function AnchoredPopover(_a) {
+    var open = _a.open, anchorRef = _a.anchorRef, children = _a.children, className = _a.className, props = __rest(_a, ["open", "anchorRef", "children", "className"]);
+    var _b = __read(useState({
+        top: "50%",
+        left: "50%",
+        width: "0px",
+        height: "0px",
+    }), 2), position = _b[0], setPosition = _b[1];
+    useEffect(function () {
+        if (!open) {
+            return;
+        }
+        var updatePosition = function () {
+            if (!(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current)) {
+                setPosition({
+                    top: "50%",
+                    left: "50%",
+                    width: "0px",
+                    height: "0px",
+                });
+                return;
+            }
+            var rect = anchorRef.current.getBoundingClientRect();
+            setPosition({
+                top: "".concat(rect.top, "px"),
+                left: "".concat(rect.left, "px"),
+                width: "".concat(rect.width, "px"),
+                height: "".concat(rect.height, "px"),
+            });
+        };
+        updatePosition();
+        var resizeObserver = new ResizeObserver(updatePosition);
+        if (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) {
+            resizeObserver.observe(anchorRef.current);
+        }
+        window.addEventListener("scroll", updatePosition, true);
+        return function () {
+            resizeObserver.disconnect();
+            window.removeEventListener("scroll", updatePosition, true);
+        };
+    }, [open, anchorRef]);
+    return (React.createElement(PopoverRoot, { open: open, modal: false },
+        React.createElement(PopoverAnchor, { className: "s-fixed s-transition-all s-duration-300 s-ease-in-out", style: {
+                top: position.top,
+                left: position.left,
+                width: position.width,
+                height: position.height,
+            } }),
+        React.createElement(PopoverContent, __assign({}, props, { onOpenAutoFocus: function (e) { return e.preventDefault(); }, mountPortal: false, className: cn(className, !anchorRef && "s-translate-y-[-50%]") }), children)));
+}
+export { AnchoredPopover, Popover, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, };
+//# sourceMappingURL=Popover.js.map

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

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

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

@@ -0,0 +1,33 @@
+import React, { ReactNode } from "react";
+interface PriceTableProps {
+    title: string;
+    price: string;
+    priceLabel?: string;
+    color?: "pink" | "sky" | "emerald" | "amber" | "blue";
+    size?: "xs" | "sm";
+    className?: string;
+    children: ReactNode;
+    magnified?: boolean;
+}
+export declare function PriceTable({ title, price, color, size, priceLabel, className, magnified, children, }: PriceTableProps): React.JSX.Element;
+export declare namespace PriceTable {
+    var Item: ({ label, variant, size, className, }: PriceTableItemProps) => React.JSX.Element;
+    var ActionContainer: ({ children, size, position, }: PriceTableActionContainerProps) => React.JSX.Element;
+    var Container: ({ children }: PriceTableContainerProps) => React.JSX.Element;
+}
+interface PriceTableItemProps {
+    label: ReactNode;
+    size?: "xs" | "sm";
+    variant?: "check" | "dash" | "xmark";
+    className?: string;
+}
+interface PriceTableActionContainerProps {
+    children: ReactNode;
+    size?: "xs" | "sm";
+    position?: "top" | "bottom";
+}
+interface PriceTableContainerProps {
+    children: ReactNode;
+}
+export {};
+//# sourceMappingURL=PriceTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTable.d.ts","sourceRoot":"","sources":["../../../src/components/PriceTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAc,EACd,IAAW,EACX,UAAe,EACf,SAAc,EACd,SAAgB,EAChB,QAAQ,GACT,EAAE,eAAe,qBA8EjB;yBAvFe,UAAU;;;;;AAqG1B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyCD,UAAU,8BAA8B;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AA2BD,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/esm/components/PriceTable.js

@@ -0,0 +1,85 @@
+import React from "react";
+import { CheckIcon, DashIcon, XMarkIcon } from "../icons/app";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+var colorTable = {
+    pink: "s-bg-brand-pink-rose",
+    amber: "s-bg-brand-sunshine-golden ",
+    sky: "s-bg-brand-sky-blue",
+    blue: "s-bg-brand-electric-blue",
+    emerald: "s-bg-brand-tea-green",
+};
+var textColorTable = {
+    pink: " s-text-brand-red-rose",
+    amber: "s-text-brand-orange-golden",
+    sky: "s-text-brand-electric-blue",
+    blue: "s-text-brand-sky-blue",
+    emerald: "s-text-brand-hunter-green",
+};
+var sizeTable = {
+    sm: "s-rounded-2xl s-p-px s-shadow-2xl",
+    xs: "s-rounded-2xl s-p-px s-shadow-xl",
+};
+export function PriceTable(_a) {
+    var title = _a.title, price = _a.price, _b = _a.color, color = _b === void 0 ? "pink" : _b, _c = _a.size, size = _c === void 0 ? "xs" : _c, _d = _a.priceLabel, priceLabel = _d === void 0 ? "" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.magnified, magnified = _f === void 0 ? true : _f, children = _a.children;
+    // Pass size prop to all PriceTable.Item children
+    var childrenWithProps = React.Children.map(children, function (child) {
+        // Checking isValidElement is the safe way and avoids a typescript error too
+        if (React.isValidElement(child)) {
+            if (child.type === PriceTable.Item ||
+                child.type === PriceTable.ActionContainer) {
+                return React.cloneElement(child, { size: size });
+            }
+        }
+        return child;
+    });
+    return (React.createElement("div", { className: classNames("s-w-full", "s-flex s-cursor-default s-flex-col s-border s-border-white/30", sizeTable[size], magnified
+            ? "s-duration-400 s-scale-95 s-transition-all s-ease-out hover:s-scale-100"
+            : "", colorTable[color], className) },
+        React.createElement("div", { className: classNames("s-flex s-flex-col", size === "xs" ? "s-px-4 s-py-3" : "s-px-5 s-py-4") },
+            React.createElement("div", { className: classNames(size === "xs" ? "s-heading-2xl" : "s-heading-3xl", "s-w-full s-text-right", "s-text-foreground") }, title),
+            React.createElement("div", { className: "-s-mt-2 s-flex s-flex-row s-items-baseline s-gap-2" },
+                React.createElement("span", { className: classNames(size === "xs" ? "s-heading-3xl" : "s-heading-4xl", textColorTable[color]) }, price),
+                React.createElement("span", { className: classNames("s-text-foreground", size === "xs" ? "s-heading-base" : "s-heading-lg") }, priceLabel))),
+        React.createElement("div", { style: {
+                borderBottomRightRadius: "15px",
+                borderBottomLeftRadius: "15px",
+                borderTopRightRadius: "4px",
+                borderTopLeftRadius: "4px",
+            }, className: classNames("s-flex s-h-full s-flex-col s-overflow-hidden s-shadow-md", "s-bg-background dark:s-bg-muted-background-night") }, childrenWithProps)));
+}
+var iconTable = {
+    check: CheckIcon,
+    dash: DashIcon,
+    xmark: XMarkIcon,
+};
+var iconColorTable = {
+    check: "s-text-green-500",
+    dash: "s-text-golden-500",
+    xmark: "s-text-rose-500",
+};
+PriceTable.Item = function (_a) {
+    var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "check" : _b, _c = _a.size, size = _c === void 0 ? "xs" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
+    return (React.createElement("div", { className: classNames(size === "xs"
+            ? "s-gap-2 s-p-2.5 s-text-sm"
+            : "s-gap-3 s-p-4 s-text-base", "s-flex s-items-start s-border-b", "s-border-border s-text-muted-foreground", "dark:s-border-border-dark-night dark:s-text-muted-foreground-night", className) },
+        React.createElement("div", { className: "s-pt-0.5" },
+            React.createElement(Icon, { size: size, visual: iconTable[variant], className: iconColorTable[variant] })),
+        React.createElement("div", { className: classNames(variant === "xmark"
+                ? "s-text-primery-600 dark:s-text-primery-600-night"
+                : "", "s-overflow-hidden") }, label)));
+};
+PriceTable.ActionContainer = function (_a) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.position, position = _c === void 0 ? "bottom" : _c;
+    return (React.createElement(React.Fragment, null,
+        position === "bottom" ? React.createElement("div", { className: "s-h-full s-w-full" }) : null,
+        React.createElement("div", { className: classNames("s-flex s-w-full s-justify-center s-px-2", size === "xs" ? "s-py-2" : "s-py-4", position === "top"
+                ? "s-border-b s-border-border dark:s-border-border-dark-night"
+                : "") },
+            React.createElement("div", { className: "s-flex s-h-full s-flex-col s-justify-end" }, children))));
+};
+PriceTable.Container = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: "s-flex s-w-full s-items-stretch s-gap-3" }, children));
+};
+//# sourceMappingURL=PriceTable.js.map

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

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

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

@@ -0,0 +1,24 @@
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Label } from "../components/Label";
+declare const radioStyles: (props?: ({
+    size?: "xs" | "sm" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "children">, VariantProps<typeof radioStyles> {
+    tooltipMessage?: string;
+    label: string;
+    labelProps?: Omit<React.ComponentPropsWithoutRef<typeof Label>, "children">;
+    icon?: React.ComponentType;
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+type IconPosition = "start" | "center" | "end";
+interface RadioGroupCustomItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioStyles> {
+    iconPosition?: IconPosition;
+    customItem: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const RadioGroupCustomItem: React.ForwardRefExoticComponent<RadioGroupCustomItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupCustomItem, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,QAAA,MAAM,WAAW;;mFAuBhB,CAAC;AAiBF,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH,UAAU,mBACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAC/D,UAAU,CACX,EACD,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,+FAgDnB,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,UAAU,yBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,oBAAoB,qGA6CzB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/components/RadioGroup.js

@@ -0,0 +1,61 @@
+import { __assign, __rest } from "tslib";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { Icon } from "../components/Icon";
+import { Label } from "../components/Label";
+import { Tooltip } from "../components/Tooltip";
+import { cn } from "../lib/utils";
+var radioStyles = cva(cn("s-aspect-square s-rounded-full s-border", "s-s-border-border-dark dark:s-border-primary-500", "s-bg-background dark:s-bg-background-night", "s-text-foreground dark:s-text-foreground-night", "s-flex s-items-center s-justify-center", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring", "disabled:s-cursor-not-allowed disabled:s-opacity-50", "checked:s-ring-0", "checked:s-bg-highlight-500 dark:checked:s-bg-highlight-500-night"), {
+    variants: {
+        size: {
+            xs: "s-h-4 s-w-4",
+            sm: "s-h-5 s-w-5",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+var radioIndicatorStyles = cva("s-bg-primary dark:s-bg-primary-night s-flex s-items-center s-justify-center s-rounded-full", {
+    variants: {
+        size: {
+            xs: "s-h-2 s-w-2",
+            sm: "s-h-2.5 s-w-2.5",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+var RadioGroup = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(RadioGroupPrimitive.Root, __assign({ className: cn("s-grid s-gap-2", className) }, props, { ref: ref })));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef(function (_a, ref) {
+    var tooltipMessage = _a.tooltipMessage, className = _a.className, icon = _a.icon, size = _a.size, label = _a.label, labelProps = _a.labelProps, id = _a.id, props = __rest(_a, ["tooltipMessage", "className", "icon", "size", "label", "labelProps", "id"]);
+    var renderIcon = function (visual, extraClass) {
+        if (extraClass === void 0) { extraClass = ""; }
+        return (React.createElement(Icon, { visual: visual, size: "sm", className: cn("s-text-foreground dark:s-text-foreground-night", extraClass) }));
+    };
+    var item = (React.createElement(RadioGroupPrimitive.Item, __assign({ ref: ref, id: id, className: cn(radioStyles({ size: size }), className) }, props),
+        React.createElement(RadioGroupPrimitive.Indicator, { className: radioIndicatorStyles({ size: size }) })));
+    var wrappedItem = (React.createElement("div", { className: "s-flex s-w-full s-items-center s-gap-2" },
+        tooltipMessage ? (React.createElement(Tooltip, { trigger: item, label: tooltipMessage })) : (item),
+        icon && renderIcon(icon),
+        React.createElement(Label, __assign({ htmlFor: id }, labelProps), label)));
+    return React.createElement("div", { className: "s-group s-w-full" }, wrappedItem);
+});
+var RadioGroupCustomItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, size = _a.size, customItem = _a.customItem, _b = _a.iconPosition, iconPosition = _b === void 0 ? "center" : _b, children = _a.children, id = _a.id, props = __rest(_a, ["className", "size", "customItem", "iconPosition", "children", "id"]);
+    var item = (React.createElement(RadioGroupPrimitive.Item, __assign({ ref: ref, id: id, className: cn(radioStyles({ size: size }), className) }, props),
+        React.createElement(RadioGroupPrimitive.Indicator, { className: radioIndicatorStyles({ size: size }) })));
+    return (React.createElement("div", { className: cn("s-flex s-w-full s-flex-col", className, "s-items-".concat(iconPosition)) },
+        React.createElement("div", { className: "s-flex s-w-full s-items-center s-gap-2" },
+            item,
+            customItem),
+        children));
+});
+export { RadioGroup, RadioGroupCustomItem, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/components/RadioGroup.js.map

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

package/dist/esm/components/RainbowEffect.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface RainbowEffectProps {
+    disabled?: boolean;
+    className?: string;
+    containerClassName?: string;
+    children: React.ReactNode;
+    size?: "small" | "medium" | "large";
+}
+export declare function RainbowEffect({ children, disabled, className, containerClassName, size, // Default size is medium
+...props }: RainbowEffectProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=RainbowEffect.d.ts.map

package/dist/esm/components/RainbowEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowEffect.d.ts","sourceRoot":"","sources":["../../../src/components/RainbowEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,IAAe,EAAE,yBAAyB;AAC1C,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA8CpB"}

package/dist/esm/components/RainbowEffect.js

@@ -0,0 +1,34 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { cn } from "../lib/utils";
+export function RainbowEffect(_a) {
+    var children = _a.children, disabled = _a.disabled, className = _a.className, containerClassName = _a.containerClassName, _b = _a.size, size = _b === void 0 ? "medium" : _b, // Default size is medium
+    props = __rest(_a, ["children", "disabled", "className", "containerClassName", "size"]);
+    if (disabled) {
+        return (React.createElement("div", __assign({ className: cn(className) }, props), children));
+    }
+    // Define the size-based styles
+    var sizeStyles = {
+        small: {
+            height: "s-h-[30%]",
+            width: "s-w-[70%]",
+            blur: "[filter:blur(calc(1rem))]",
+        },
+        medium: {
+            height: "s-h-[40%]",
+            width: "s-w-[88%]",
+            blur: "[filter:blur(calc(1.5rem))]",
+        },
+        large: {
+            height: "s-h-[45%]",
+            width: "s-w-[95%]",
+            blur: "[filter:blur(calc(2rem))]",
+        },
+    };
+    var selectedSize = sizeStyles[size];
+    var rainbowClassBlur = cn("s-absolute s-bottom-[14%] s-left-1/2 s-z-0 s--translate-x-1/2 s-animate-rainbow s-bg-rainbow-gradient s-bg-[length:200%]", "s-transition-all", selectedSize.height, selectedSize.width, selectedSize.blur);
+    return (React.createElement("div", { className: cn(containerClassName, "s-relative") },
+        React.createElement("div", { className: rainbowClassBlur }),
+        React.createElement("div", __assign({ className: className }, props), children)));
+}
+//# sourceMappingURL=RainbowEffect.js.map

package/dist/esm/components/RainbowEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RainbowEffect.js","sourceRoot":"","sources":["../../../src/components/RainbowEffect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAUxC,MAAM,UAAU,aAAa,CAAC,EAOT;IANnB,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,yBAAyB;IACvC,KAAK,cANoB,mEAO7B,CADS;IAER,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,sCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IAAM,KAAK,GACrC,QAAQ,CACL,CACP,CAAC;IACJ,CAAC;IAED,+BAA+B;IAC/B,IAAM,UAAU,GAAG;QACjB,KAAK,EAAE;YACL,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,2BAA2B;SAClC;QACD,MAAM,EAAE;YACN,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,6BAA6B;SACpC;QACD,KAAK,EAAE;YACL,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,2BAA2B;SAClC;KACF,CAAC;IAEF,IAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAM,gBAAgB,GAAG,EAAE,CACzB,0HAA0H,EAC1H,kBAAkB,EAClB,YAAY,CAAC,MAAM,EACnB,YAAY,CAAC,KAAK,EAClB,YAAY,CAAC,IAAI,CAClB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,YAAY,CAAC;QAClD,6BAAK,SAAS,EAAE,gBAAgB,GAAI;QACpC,sCAAK,SAAS,EAAE,SAAS,IAAM,KAAK,GACjC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/Resizable.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement | HTMLElement | HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => React.JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/esm/components/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,QAAA,MAAM,mBAAmB,4BAGtB,MAAM,cAAc,CAAC,OAAO,mBAAmB,UAAU,CAAC,sBAQ5D,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;kEAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,wCAIlB,MAAM,cAAc,CAAC,OAAO,mBAAmB,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,sBA+BA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/Resizable.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { Icon } from "../components";
+import { GrabIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+var ResizablePanelGroup = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(ResizablePrimitive.PanelGroup, __assign({ className: cn("s-flex s-h-full s-w-full data-[panel-group-direction=vertical]:s-flex-col", className) }, props)));
+};
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = function (_a) {
+    var withHandle = _a.withHandle, className = _a.className, props = __rest(_a, ["withHandle", "className"]);
+    return (React.createElement(ResizablePrimitive.PanelResizeHandle, __assign({ className: cn("s-relative s-flex s-w-px s-items-center s-justify-center", "after:s-absolute after:s-inset-y-0 after:s-left-1/2 after:s-w-1 after:s--translate-x-1/2", "focus-visible:s-outline-none focus-visible:s-ring-1", "focus-visible:s-ring-ring dark:focus-visible:s-ring-ring-night", "focus-visible:s-ring-offset-1 data-[panel-group-direction=vertical]:s-h-px", "data-[panel-group-direction=vertical]:s-w-full", "data-[panel-group-direction=vertical]:after:s-left-0", "data-[panel-group-direction=vertical]:after:s-h-1", "data-[panel-group-direction=vertical]:after:s-w-full", "data-[panel-group-direction=vertical]:after:s--translate-y-1/2", "data-[panel-group-direction=vertical]:after:s-translate-x-0", "[&[data-panel-group-direction=vertical]>div]:s-rotate-90", "s-bg-border dark:s-bg-border-night", className) }, props), withHandle && (React.createElement("div", { className: cn("s-z-10 s-flex s-h-4 s-w-3 s-items-center s-justify-center s-rounded-sm s-border", "s-bg-border dark:s-bg-border-night") },
+        React.createElement(Icon, { visual: GrabIcon, size: "xs" })))));
+};
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=Resizable.js.map

package/dist/esm/components/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../../../src/components/Resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,mBAAmB,GAAG,UAAC,EAGgC;IAF3D,IAAA,SAAS,eAAA,EACN,KAAK,cAFmB,aAG5B,CADS;IACwD,OAAA,CAChE,oBAAC,kBAAkB,CAAC,UAAU,aAC5B,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAEF,IAAM,cAAc,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAEhD,IAAM,eAAe,GAAG,UAAC,EAMxB;IALC,IAAA,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAHe,2BAIxB,CADS;IAGJ,OAAA,CACJ,oBAAC,kBAAkB,CAAC,iBAAiB,aACnC,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,0FAA0F,EAC1F,qDAAqD,EACrD,gEAAgE,EAChE,4EAA4E,EAC5E,gDAAgD,EAChD,sDAAsD,EACtD,mDAAmD,EACnD,sDAAsD,EACtD,gEAAgE,EAChE,6DAA6D,EAC7D,0DAA0D,EAC1D,oCAAoC,EACpC,SAAS,CACV,IACG,KAAK,GAER,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,oCAAoC,CACrC;QAED,oBAAC,IAAI,IAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAG,CAChC,CACP,CACoC,CACxC,CAAA;CAAA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/ScrollArea.d.ts

@@ -0,0 +1,45 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    hideScrollBar?: boolean;
+    orientation?: "vertical" | "horizontal";
+    scrollBarClassName?: string;
+    viewportClassName?: string;
+    scrollStyles?: {
+        active?: string;
+        inactive?: string;
+    };
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const scrollBarSizes: {
+    readonly compact: {
+        readonly bar: {
+            readonly vertical: "s-w-5";
+            readonly horizontal: "s-h-5";
+        };
+        readonly padding: {
+            readonly vertical: "s-pr-1 s-pl-2.5 s-py-2 hover:s-pl-2";
+            readonly horizontal: "s-pb-1 s-pt-2.5 s-px-2";
+        };
+        readonly thumb: string;
+    };
+    readonly classic: {
+        readonly bar: {
+            readonly vertical: "s-w-5";
+            readonly horizontal: "s-h-5";
+        };
+        readonly padding: {
+            readonly vertical: "s-pl-2 s-pr-1 s-py-1";
+            readonly horizontal: "s-py-0.5 s-px-1";
+        };
+        readonly thumb: string;
+    };
+};
+type ScrollBarSize = keyof typeof scrollBarSizes;
+interface ScrollBarProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> {
+    size?: ScrollBarSize;
+}
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };
+export type { ScrollBarSize };
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/esm/components/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,QAAA,MAAM,UAAU,wFAkEf,CAAC;AAGF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAEX,KAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CACpC,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;IACD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,uFAuCd,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjC,YAAY,EAAE,aAAa,EAAE,CAAC"}