@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/components/ScrollArea.js

@@ -0,0 +1,69 @@
+import { __assign, __read, __rest } from "tslib";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+import { useMemo } from "react";
+import { cn } from "../lib/utils";
+var ScrollArea = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.hideScrollBar, hideScrollBar = _b === void 0 ? false : _b, _c = _a.orientation, orientation = _c === void 0 ? "vertical" : _c, scrollBarClassName = _a.scrollBarClassName, viewportClassName = _a.viewportClassName, scrollStyles = _a.scrollStyles, props = __rest(_a, ["className", "children", "hideScrollBar", "orientation", "scrollBarClassName", "viewportClassName", "scrollStyles"]);
+    var viewportRef = React.useRef(null);
+    var _d = __read(React.useState(false), 2), isScrolled = _d[0], setIsScrolled = _d[1];
+    var hasCustomScrollBar = useMemo(function () {
+        return React.Children.toArray(children).some(function (child) {
+            return React.isValidElement(child) &&
+                child.type.displayName ===
+                    ScrollBar.displayName;
+        });
+    }, [children]);
+    var shouldHideDefaultScrollBar = hideScrollBar || hasCustomScrollBar;
+    var handleScroll = React.useCallback(function () {
+        if (viewportRef.current) {
+            setIsScrolled(viewportRef.current.scrollTop > 0);
+        }
+    }, []);
+    return (React.createElement(ScrollAreaPrimitive.Root, __assign({ ref: ref, className: cn("s-relative s-z-20 s-overflow-hidden s-transition-all s-duration-200", isScrolled ? scrollStyles === null || scrollStyles === void 0 ? void 0 : scrollStyles.active : scrollStyles === null || scrollStyles === void 0 ? void 0 : scrollStyles.inactive, className) }, props),
+        React.createElement(ScrollAreaPrimitive.Viewport, { ref: viewportRef, onScroll: handleScroll, className: cn("s-h-full s-w-full s-rounded-[inherit]", viewportClassName) }, children),
+        !shouldHideDefaultScrollBar && (React.createElement(ScrollBar, { orientation: orientation, className: scrollBarClassName })),
+        React.createElement(ScrollAreaPrimitive.Corner, null)));
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var scrollBarSizes = {
+    compact: {
+        bar: {
+            vertical: "s-w-5",
+            horizontal: "s-h-5",
+        },
+        padding: {
+            vertical: "s-pr-1 s-pl-2.5 s-py-2 hover:s-pl-2",
+            horizontal: "s-pb-1 s-pt-2.5 s-px-2",
+        },
+        thumb: cn("s-bg-muted-foreground/40 dark:s-bg-muted-foreground-night/40", "hover:s-bg-muted-foreground/70 dark:hover:s-bg-muted-foreground-night/70"),
+    },
+    classic: {
+        bar: {
+            vertical: "s-w-5",
+            horizontal: "s-h-5",
+        },
+        padding: {
+            vertical: "s-pl-2 s-pr-1 s-py-1",
+            horizontal: "s-py-0.5 s-px-1",
+        },
+        thumb: cn("s-bg-muted-foreground/70 dark:s-bg-muted-foreground-night/70", "hover:s-bg-muted-foreground/80 dark:hover:s-bg-muted-foreground-night/80"),
+    },
+};
+var ScrollBar = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, _c = _a.size, size = _c === void 0 ? "compact" : _c, props = __rest(_a, ["className", "orientation", "size"]);
+    var sizeConfig = scrollBarSizes[size];
+    return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, __assign({ ref: ref, orientation: orientation, className: cn("s-flex s-touch-none s-select-none hover:s-cursor-pointer", orientation === "vertical" && [
+            "s-h-full s-border-l s-border-l-transparent",
+            sizeConfig.bar.vertical,
+            sizeConfig.padding.vertical,
+        ], orientation === "horizontal" && [
+            "s-flex-col s-border-t s-border-t-transparent",
+            sizeConfig.bar.horizontal,
+            sizeConfig.padding.horizontal,
+        ], className) }, props),
+        React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("s-relative s-flex-1 s-rounded-full s-transition-colors s-duration-200", sizeConfig.thumb) })));
+});
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+type SearchDropdownMenuProps = {
+    searchInputValue: string;
+    setSearchInputValue: (value: string) => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    minLengthToOpen?: number;
+};
+export declare function SearchDropdownMenu({ searchInputValue, setSearchInputValue, disabled, minLengthToOpen, children, }: SearchDropdownMenuProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SearchDropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SearchDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,uBAAuB,GAAG;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,eAAmB,EACnB,QAAQ,GACT,EAAE,uBAAuB,qBAgFzB"}

package/dist/esm/components/SearchDropdownMenu.js

@@ -0,0 +1,58 @@
+import { __read } from "tslib";
+import React from "react";
+import { useRef, useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "../components/Dropdown";
+import { SearchInput } from "../components/SearchInput";
+export function SearchDropdownMenu(_a) {
+    var searchInputValue = _a.searchInputValue, setSearchInputValue = _a.setSearchInputValue, disabled = _a.disabled, _b = _a.minLengthToOpen, minLengthToOpen = _b === void 0 ? 1 : _b, children = _a.children;
+    var _c = __read(useState(false), 2), isOpen = _c[0], setIsOpen = _c[1];
+    var searchInputRef = useRef(null);
+    return (React.createElement(DropdownMenu, { open: isOpen && searchInputValue.length >= minLengthToOpen, modal: false, onOpenChange: function (open) {
+            if (!open) {
+                setIsOpen(open);
+            }
+        } },
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(SearchInput, { ref: searchInputRef, name: "search", placeholder: "Search", value: searchInputValue, disabled: disabled, onFocus: function () {
+                    if (!isOpen) {
+                        setIsOpen(searchInputValue.length >= minLengthToOpen);
+                        setTimeout(function () {
+                            var _a;
+                            (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                        }, 0);
+                    }
+                }, onChange: function (value) {
+                    setSearchInputValue(value);
+                    setIsOpen(value.length >= minLengthToOpen);
+                }, onKeyDown: function (e) {
+                    if (e.key === "Enter") {
+                        e.preventDefault();
+                        var firstItem = document.querySelector('[data-radix-menu-content][data-state=open] [role="menuitem"]');
+                        if (firstItem instanceof HTMLElement) {
+                            firstItem.click();
+                        }
+                        setIsOpen(false);
+                    }
+                    if (e.key === "Tab" || e.key === "ArrowDown") {
+                        e.preventDefault();
+                        var firstItem = document.querySelector('[data-radix-menu-content][data-state=open] [role="menuitem"]');
+                        if (firstItem instanceof HTMLElement) {
+                            firstItem.focus();
+                        }
+                    }
+                } })),
+        React.createElement(DropdownMenuContent, { onOpenAutoFocus: function (e) {
+                e.preventDefault();
+            }, side: "bottom", align: "start", className: "s-w-[--radix-popper-anchor-width]", onFocusOutside: function (e) {
+                // Prevent closing when search input is focused
+                if (e.target === searchInputRef.current) {
+                    e.preventDefault();
+                }
+            }, onInteractOutside: function (e) {
+                // Prevent closing when clicking on the search input
+                if (e.target === searchInputRef.current) {
+                    e.preventDefault();
+                }
+            } }, children)));
+}
+//# sourceMappingURL=SearchDropdownMenu.js.map

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

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

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

@@ -0,0 +1,36 @@
+import React, { Ref } from "react";
+import { ContentMessageProps } from "../components/ContentMessage";
+export interface SearchInputProps {
+    placeholder?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onFocus?: () => void;
+    name: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    className?: string;
+}
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+type SearchInputWithPopoverBaseProps<T> = SearchInputProps & {
+    contentClassName?: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    mountPortal?: boolean;
+    mountPortalContainer?: HTMLElement;
+    items: T[];
+    renderItem: (item: T, selected: boolean) => React.ReactNode;
+    onItemSelect?: (item: T) => void;
+    onSelectAll?: () => void;
+    noResults?: string;
+    isLoading?: boolean;
+    contentMessage?: ContentMessageProps;
+    displayItemCount?: boolean;
+    totalItems?: number;
+};
+declare function BaseSearchInputWithPopover<T>({ items, renderItem, onItemSelect, onSelectAll, contentClassName, className, open, onOpenChange, value, onChange, mountPortal, mountPortalContainer, noResults, isLoading, contentMessage, displayItemCount, totalItems, ...searchInputProps }: SearchInputWithPopoverBaseProps<T>, ref: Ref<HTMLInputElement>): React.JSX.Element;
+export declare const SearchInputWithPopover: <T>(props: SearchInputWithPopoverBaseProps<T> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReturnType<typeof BaseSearchInputWithPopover>;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAA+B,MAAM,OAAO,CAAC;AAc5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAQzE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,2FAmEvB,CAAC;AAIF,KAAK,+BAA+B,CAAC,CAAC,IAAI,gBAAgB,GAAG;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,iBAAS,0BAA0B,CAAC,CAAC,EACnC,EACE,KAAK,EACL,UAAU,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,cAAc,EACd,gBAAwB,EACxB,UAAU,EACV,GAAG,gBAAgB,EACpB,EAAE,+BAA+B,CAAC,CAAC,CAAC,EACrC,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,qBAqI3B;AAED,eAAO,MAAM,sBAAsB,aAG1B,gCAAgC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,IAAI,gBAAgB,CAAC,CAAA;CAAE,KACxE,WAAW,iCAAiC,CAAC,CAAC"}

package/dist/esm/components/SearchInput.js

@@ -0,0 +1,89 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { Button, ContentMessage, Icon, Input, PopoverContent, PopoverRoot, PopoverTrigger, ScrollArea, ScrollBar, Spinner, } from "../components";
+import { ListCheckIcon, MagnifyingGlassIcon, XMarkIcon, } from "../icons/app";
+import { cn } from "../lib/utils";
+export var SearchInput = forwardRef(function (_a, ref) {
+    var _b = _a.placeholder, placeholder = _b === void 0 ? "Search" : _b, value = _a.value, onChange = _a.onChange, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, name = _a.name, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, className = _a.className;
+    var clearInputField = function () {
+        onChange("");
+    };
+    return (React.createElement("div", { className: cn("s-relative s-flex-grow", className) },
+        React.createElement(Input, { type: "text", name: name, autoComplete: "off", placeholder: placeholder, value: value, onChange: function (e) {
+                onChange(e.target.value);
+            }, onFocus: onFocus, onKeyDown: onKeyDown, disabled: disabled, ref: ref }),
+        React.createElement("div", { className: "s-absolute s-inset-y-0 s-right-0 s-flex s-items-center s-pr-1" }, isLoading ? (React.createElement("div", { className: "s-px-1" },
+            React.createElement(Spinner, { size: "xs" }))) : value ? (React.createElement(Button, { icon: XMarkIcon, variant: "ghost", size: "xs", onClick: clearInputField })) : (React.createElement("div", { className: cn("s-px-2", disabled
+                ? "s-text-muted-foreground dark:s-text-muted-foreground-night"
+                : "s-text-foreground dark:s-text-foreground-night") },
+            React.createElement(Icon, { visual: MagnifyingGlassIcon, size: "xs", className: "s-text-muted-foreground dark:s-text-muted-foreground-night" }))))));
+});
+SearchInput.displayName = "SearchInput";
+function BaseSearchInputWithPopover(_a, ref) {
+    var items = _a.items, renderItem = _a.renderItem, onItemSelect = _a.onItemSelect, onSelectAll = _a.onSelectAll, contentClassName = _a.contentClassName, className = _a.className, open = _a.open, onOpenChange = _a.onOpenChange, value = _a.value, onChange = _a.onChange, mountPortal = _a.mountPortal, mountPortalContainer = _a.mountPortalContainer, noResults = _a.noResults, isLoading = _a.isLoading, contentMessage = _a.contentMessage, _b = _a.displayItemCount, displayItemCount = _b === void 0 ? false : _b, totalItems = _a.totalItems, searchInputProps = __rest(_a, ["items", "renderItem", "onItemSelect", "onSelectAll", "contentClassName", "className", "open", "onOpenChange", "value", "onChange", "mountPortal", "mountPortalContainer", "noResults", "isLoading", "contentMessage", "displayItemCount", "totalItems"]);
+    var _c = __read(useState(0), 2), selectedIndex = _c[0], setSelectedIndex = _c[1];
+    var itemRefs = useRef([]);
+    useEffect(function () {
+        itemRefs.current = new Array(items.length).fill(null);
+    }, [items.length]);
+    useEffect(function () {
+        setSelectedIndex(0);
+    }, [items]);
+    var handleKeyDown = function (e) {
+        if (!open || !items.length) {
+            return;
+        }
+        switch (e.key) {
+            case "ArrowUp":
+                e.preventDefault();
+                setSelectedIndex(function (current) {
+                    var _a;
+                    var newIndex = (current - 1 + items.length) % items.length;
+                    (_a = itemRefs.current[newIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest" });
+                    return newIndex;
+                });
+                break;
+            case "ArrowDown":
+                e.preventDefault();
+                setSelectedIndex(function (current) {
+                    var _a;
+                    var newIndex = (current + 1) % items.length;
+                    (_a = itemRefs.current[newIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest" });
+                    return newIndex;
+                });
+                break;
+            case "Enter":
+                e.preventDefault();
+                onOpenChange(false);
+                if (items[selectedIndex] && onItemSelect) {
+                    onItemSelect(items[selectedIndex]);
+                }
+                break;
+        }
+    };
+    return (React.createElement(PopoverRoot, { modal: false, open: open, onOpenChange: onOpenChange },
+        React.createElement(PopoverTrigger, { asChild: true },
+            React.createElement(SearchInput, __assign({ ref: ref, className: cn("s-w-full", className), value: value, onChange: function (newValue) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+                    if (newValue && !open) {
+                        onOpenChange(true);
+                    }
+                } }, searchInputProps, { onKeyDown: handleKeyDown, "aria-expanded": open, "aria-haspopup": "listbox", "aria-controls": "search-popover-content" }))),
+        React.createElement(PopoverContent, { className: cn("s-w-[--radix-popover-trigger-width] s-rounded-lg s-border s-bg-background s-shadow-md dark:s-bg-background-night", contentClassName), sideOffset: 0, fullWidth: true, align: "start", id: "search-popover-content", onOpenAutoFocus: function (e) { return e.preventDefault(); }, onCloseAutoFocus: function (e) { return e.preventDefault(); }, onInteractOutside: function () { return onOpenChange(false); }, mountPortal: mountPortal, mountPortalContainer: mountPortalContainer },
+            React.createElement("div", { className: "s-flex s-flex-col" },
+                items.length > 0 && (displayItemCount || onSelectAll) && (React.createElement("div", { className: "s-flex s-items-center s-justify-between s-p-2 s-text-sm s-text-gray-500" },
+                    React.createElement("div", null, displayItemCount && (React.createElement("span", null,
+                        items.length,
+                        " search results",
+                        totalItems && " (out of ".concat(totalItems, ")"),
+                        "."))),
+                    onSelectAll && (React.createElement(Button, { variant: "ghost", size: "xs", onClick: onSelectAll, label: "Select all", icon: ListCheckIcon })))),
+                React.createElement(ScrollArea, { role: "listbox", className: "s-flex s-max-h-72 s-flex-col", hideScrollBar: true },
+                    items.length > 0 ? (items.map(function (item, index) { return (React.createElement("div", { key: index, ref: function (el) { return (itemRefs.current[index] = el); } }, renderItem(item, selectedIndex === index))); })) : isLoading ? (React.createElement("div", { className: "s-flex s-justify-center s-py-8" },
+                        React.createElement(Spinner, { variant: "dark", size: "md" }))) : (React.createElement("div", { className: "s-p-2 s-text-sm s-text-gray-500" }, noResults !== null && noResults !== void 0 ? noResults : "")),
+                    React.createElement(ScrollBar, { className: "s-py-0" })),
+                contentMessage && (React.createElement("div", { className: "s-p-1" },
+                    React.createElement(ContentMessage, __assign({}, contentMessage))))))));
+}
+export var SearchInputWithPopover = forwardRef(BaseSearchInputWithPopover);
+//# sourceMappingURL=SearchInput.js.map

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

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

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

@@ -0,0 +1,5 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,6JAuBd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/Separator.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+import { classNames } from "../lib/utils";
+var Separator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, _c = _a.decorative, decorative = _c === void 0 ? true : _c, props = __rest(_a, ["className", "orientation", "decorative"]);
+    return (React.createElement(SeparatorPrimitive.Root, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-shrink-0", "s-bg-separator dark:s-bg-separator-night", orientation === "horizontal"
+            ? "s-h-[1px] s-min-w-full"
+            : "s-min-h-full s-w-[1px]", className !== null && className !== void 0 ? className : "") }, props)));
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };
+//# sourceMappingURL=Separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,UACE,EAAsE,EACtE,GAAG;IADD,IAAA,SAAS,eAAA,EAAE,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAAE,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAAK,KAAK,cAApE,0CAAsE,CAAF;IAEjE,OAAA,CACH,oBAAC,kBAAkB,CAAC,IAAI,aACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAU,CACnB,YAAY,EACZ,0CAA0C,EAC1C,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,wBAAwB,EAC5B,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAChB,IACG,KAAK,EACT,CACH,CAAA;CAAA,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,46 @@
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import { Button } from "../components";
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SHEET_SIZES: readonly ["md", "lg", "xl"];
+type SheetSizeType = (typeof SHEET_SIZES)[number];
+declare const SHEET_SIDES: readonly ["top", "bottom", "left", "right"];
+type SheetSideType = (typeof SHEET_SIDES)[number];
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> {
+    size?: SheetSizeType;
+    trapFocusScope?: boolean;
+    side?: SheetSideType;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    hideButton?: boolean;
+}
+declare const SheetHeader: {
+    ({ className, children, hideButton, ...props }: SheetHeaderProps): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetContainer: {
+    ({ children }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+interface SheetFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    leftButtonProps?: React.ComponentProps<typeof Button>;
+    rightButtonProps?: React.ComponentProps<typeof Button>;
+    rightEndButtonProps?: React.ComponentProps<typeof Button>;
+    sheetCloseClassName?: string;
+}
+declare const SheetFooter: {
+    ({ className, children, leftButtonProps, rightButtonProps, rightEndButtonProps, sheetCloseClassName, ...props }: SheetFooterProps): React.JSX.Element;
+    displayName: string;
+};
+interface SheetTitleProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> {
+    icon?: React.ComponentType;
+}
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetClose, SheetContainer, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAI/D,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAehB,CAAC;AAGH,QAAA,MAAM,WAAW,6BAA8B,CAAC;AAEhD,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,QAAA,MAAM,WAAW,6CAA8C,CAAC;AAEhE,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA2ClD,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,0FAoBhB,CAAC;AAGH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW;oDAKd,gBAAgB;;CAclB,CAAC;AAGF,QAAA,MAAM,cAAc;mBAAkB,MAAM,cAAc,CAAC,cAAc,CAAC;;CAazE,CAAC;AAGF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACvD,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW;qHAQd,gBAAgB;;CAoClB,CAAC;AAGF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,4FAYd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAapB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/esm/components/Sheet.js

@@ -0,0 +1,90 @@
+import { __assign, __rest } from "tslib";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { FocusScope } from "@radix-ui/react-focus-scope";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { Button, Icon, ScrollArea } from "../components";
+import { XMarkIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Overlay, __assign({ className: cn("s-fixed s-inset-0 s-z-50", "s-bg-muted-foreground/75 dark:s-bg-muted-foreground-night/75", "data-[state=open]:s-animate-in data-[state=closed]:s-animate-out", "data-[state=closed]:s-fade-out-0 data-[state=open]:s-fade-in-0", className) }, props, { ref: ref })));
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var SHEET_SIZES = ["md", "lg", "xl"];
+var SHEET_SIDES = ["top", "bottom", "left", "right"];
+var sizeClasses = {
+    md: "sm:s-max-w-md",
+    lg: "sm:s-max-w-xl",
+    xl: "sm:s-max-w-3xl",
+};
+var sheetVariants = cva(cn("s-fixed s-z-50 s-overflow-hidden s-flex s-flex-col s-h-full s-w-full", "s-bg-background dark:s-bg-background-night", "s-transition s-ease-in-out data-[state=open]:s-animate-in data-[state=closed]:s-animate-out data-[state=closed]:s-duration-300 data-[state=open]:s-duration-500"), {
+    variants: {
+        side: {
+            top: cn("s-inset-x-0 s-top-0 data-[state=closed]:s-slide-out-to-top data-[state=open]:s-slide-in-from-top", "s-border-b dark:s-border-border-night s-border-border"),
+            bottom: cn("s-inset-x-0 s-bottom-0 data-[state=closed]:s-slide-out-to-bottom data-[state=open]:s-slide-in-from-bottom", "s-border-t dark:s-border-border-night s-border-border"),
+            left: cn("s-inset-y-0 s-left-0 data-[state=closed]:s-slide-out-to-left data-[state=open]:s-slide-in-from-left", "s-border-r dark:s-border-border-night s-border-border"),
+            right: cn("s-inset-y-0 s-right-0 data-[state=closed]:s-slide-out-to-right data-[state=open]:s-slide-in-from-right", "s-border-l dark:s-border-border-night s-border-border"),
+        },
+        size: sizeClasses,
+    },
+    defaultVariants: {
+        side: "right",
+        size: "md",
+    },
+});
+var SheetContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, size = _a.size, side = _a.side, trapFocusScope = _a.trapFocusScope, props = __rest(_a, ["className", "children", "size", "side", "trapFocusScope"]);
+    return (React.createElement(SheetPortal, null,
+        React.createElement(SheetOverlay, null),
+        React.createElement(FocusScope, { trapped: trapFocusScope, asChild: true },
+            React.createElement(SheetPrimitive.Content, __assign({ ref: ref, className: cn(sheetVariants({ size: size, side: side }), className, "s-sheet s-text-foreground dark:s-text-foreground-night") }, props), children))));
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, props = __rest(_a, ["className", "children", "hideButton"]);
+    return (React.createElement("div", __assign({ className: cn("s-z-50 s-flex s-flex-none s-flex-col s-gap-2 s-p-5 s-text-left", "s-bg-background dark:s-bg-background-night", className) }, props),
+        children,
+        React.createElement(SheetClose, { asChild: true, className: "s-absolute s-right-3" }, !hideButton && React.createElement(Button, { icon: XMarkIcon, variant: "ghost", size: "sm" }))));
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetContainer = function (_a) {
+    var children = _a.children;
+    return (React.createElement(ScrollArea, { className: cn("s-w-full s-flex-grow", "s-border-t s-border-border/60 s-transition-all s-duration-300 dark:s-border-border-night/60") },
+        React.createElement("div", { className: "s-relative s-flex s-flex-col s-gap-5 s-p-5 s-text-left s-text-sm s-text-foreground dark:s-text-foreground-night" }, children)));
+};
+SheetContainer.displayName = "SheetContainer";
+var SheetFooter = function (_a) {
+    var className = _a.className, children = _a.children, leftButtonProps = _a.leftButtonProps, rightButtonProps = _a.rightButtonProps, rightEndButtonProps = _a.rightEndButtonProps, sheetCloseClassName = _a.sheetCloseClassName, props = __rest(_a, ["className", "children", "leftButtonProps", "rightButtonProps", "rightEndButtonProps", "sheetCloseClassName"]);
+    return (React.createElement("div", __assign({ className: cn("s-flex s-flex-none s-flex-row s-gap-2 s-border-t s-px-3 s-py-3", "s-border-border dark:s-border-border-night", className) }, props),
+        leftButtonProps &&
+            (leftButtonProps.disabled ? (React.createElement(Button, __assign({}, leftButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
+                React.createElement(Button, __assign({}, leftButtonProps))))),
+        React.createElement("div", { className: "s-flex-grow" }),
+        rightButtonProps &&
+            (rightButtonProps.disabled ? (React.createElement(Button, __assign({}, rightButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
+                React.createElement(Button, __assign({}, rightButtonProps))))),
+        rightEndButtonProps &&
+            (rightEndButtonProps.disabled ? (React.createElement(Button, __assign({}, rightEndButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
+                React.createElement(Button, __assign({}, rightEndButtonProps))))),
+        children));
+};
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, icon = _a.icon, props = __rest(_a, ["className", "icon"]);
+    return (React.createElement(React.Fragment, null,
+        icon && React.createElement(Icon, { visual: icon, size: "lg", className: "s-text-foreground" }),
+        React.createElement(SheetPrimitive.Title, __assign({ ref: ref, className: cn("s-heading-lg", className) }, props))));
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Description, __assign({ ref: ref, className: cn("s-text-sm", "s-text-muted-foreground dark:s-text-muted-foreground-night", className) }, props)));
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetClose, SheetContainer, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=Sheet.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React, { MouseEventHandler } from "react";
+type SliderToggleProps = {
+    onClick?: MouseEventHandler<HTMLElement>;
+    size?: "xs" | "sm";
+    className?: string;
+    disabled?: boolean;
+    selected?: boolean;
+};
+export declare function SliderToggle({ onClick, disabled, className, selected, size, }: SliderToggleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SliderToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderToggle.d.ts","sourceRoot":"","sources":["../../../src/components/SliderToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmCF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAgB,EAChB,SAAc,EACd,QAAgB,EAChB,IAAW,GACZ,EAAE,iBAAiB,qBA6BnB"}

package/dist/esm/components/SliderToggle.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { classNames, cn } from "../lib/utils";
+var baseClasses = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center s-flex";
+var sizeClasses = {
+    xs: "s-h-7 s-w-10",
+    sm: "s-h-9 s-w-14",
+};
+var cusrsorSizeClasses = {
+    xs: "s-h-6 s-w-6",
+    sm: "s-h-8 s-w-8",
+};
+var cusrsorTranslateSizeClasses = {
+    xs: "s-translate-x-[14px]",
+    sm: "s-translate-x-[22px]",
+};
+var stateClasses = {
+    idle: cn("s-bg-primary-200 dark:s-bg-primary-600", "hover:s-bg-highlight-300 dark:hover:s-bg-highlight-600"),
+    selected: cn("s-bg-highlight-400 dark:s-bg-highlight-400-night", "hover:s-bg-highlight-300"),
+    disabled: cn("s-bg-primary-200 dark:s-bg-primary-200-night", "hover:s-bg-primary-200 dark:hover:s-bg-primary-200-night", "s-cursor-not-allowed hover:s-cursor-not-allowed"),
+};
+export function SliderToggle(_a) {
+    var onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "xs" : _e;
+    var combinedStateClasses = classNames(size ? sizeClasses[size] : "", selected ? stateClasses.selected : stateClasses.idle, disabled ? stateClasses.disabled : "");
+    var SliderToggleContent = (React.createElement("div", { onClick: function (e) {
+            if (!disabled) {
+                onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
+            }
+        }, className: classNames(className, baseClasses, combinedStateClasses) },
+        React.createElement("div", { id: "cursor", className: cn("s-transform s-rounded-full s-bg-background s-drop-shadow s-transition-transform s-duration-300 s-ease-out", disabled && "s-opacity-50", size && cusrsorSizeClasses[size], selected ? cusrsorTranslateSizeClasses[size] : "s-translate-x-[2px]") })));
+    return SliderToggleContent;
+}
+//# sourceMappingURL=SliderToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderToggle.js","sourceRoot":"","sources":["../../../src/components/SliderToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAUpD,IAAM,WAAW,GACf,6HAA6H,CAAC;AAEhI,IAAM,WAAW,GAAG;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACnB,CAAC;AAEF,IAAM,kBAAkB,GAAG;IACzB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;CAClB,CAAC;AACF,IAAM,2BAA2B,GAAG;IAClC,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF,IAAM,YAAY,GAAG;IACnB,IAAI,EAAE,EAAE,CACN,wCAAwC,EACxC,wDAAwD,CACzD;IACD,QAAQ,EAAE,EAAE,CACV,kDAAkD,EAClD,0BAA0B,CAC3B;IACD,QAAQ,EAAE,EAAE,CACV,8CAA8C,EAC9C,0DAA0D,EAC1D,iDAAiD,CAClD;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAMT;QALlB,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEX,IAAM,oBAAoB,GAAG,UAAU,CACrC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EACpD,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACtC,CAAC;IAEF,IAAM,mBAAmB,GAAG,CAC1B,6BACE,OAAO,EAAE,UAAC,CAAC;YACT,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAC,2BAA2B;YAC3C,CAAC;QACH,CAAC,EACD,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,oBAAoB,CAAC;QAEnE,6BACE,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,QAAQ,IAAI,cAAc,EAC1B,IAAI,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAChC,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,qBAAqB,CACrE,GACD,CACE,CACP,CAAC;IAEF,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+type SpinnerSizeType = (typeof SPINNER_SIZES)[number];
+declare const SPINNER_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+export interface SpinnerProps {
+    size?: SpinnerSizeType;
+    variant?: SpinnerVariantType;
+}
+declare const SPINNER_VARIANTS: readonly ["color", "light", "dark", ...string[]];
+type SpinnerVariantType = (typeof SPINNER_VARIANTS)[number];
+declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,QAAA,MAAM,aAAa,gDAAiD,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAOD,QAAA,MAAM,gBAAgB,kDAAwD,CAAC;AAE/E,KAAK,kBAAkB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AA4D5D,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgDnC,CAAC;AAEF,eAAe,OAAO,CAAC"}