@dust-tt/sparkle 0.4.27 → 0.5.0

package/dist/esm/components/RadioGroup.js

@@ -1,4 +1,4 @@
-import { __assign, __rest } from "tslib";
+import { __rest } from "tslib";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -6,7 +6,7 @@ import { Icon } from "../components/Icon";
 import { Label } from "../components/Label";
 import { Tooltip } from "../components/Tooltip";
 import { cn } from "../lib/utils";
-export var radioStyles = cva(cn("s-aspect-square s-rounded-full s-border s-transition s-duration-200 s-ease-in-out", "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", "hover:s-border-highlight hover:s-bg-highlight-50 dark:hover:s-bg-highlight-100-night hover:dark:s-border-highlight", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-border-border-dark disabled:dark:s-border-border-dark-night disabled:s-bg-background dark:disabled:s-bg-background-night", "checked:s-ring-0", "checked:s-bg-highlight-500 dark:checked:s-bg-highlight-500-night"), {
+export const radioStyles = cva(cn("s-aspect-square s-rounded-full s-border s-transition s-duration-200 s-ease-in-out", "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", "hover:s-border-highlight hover:s-bg-highlight-50 dark:hover:s-bg-highlight-100-night hover:dark:s-border-highlight", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-border-border-dark disabled:dark:s-border-border-dark-night disabled:s-bg-background dark:disabled:s-bg-background-night", "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",
@@ -17,7 +17,7 @@ export var radioStyles = cva(cn("s-aspect-square s-rounded-full s-border s-trans
         size: "xs",
     },
 });
-export var radioIndicatorStyles = cva("s-bg-primary dark:s-bg-primary-night s-flex s-items-center s-justify-center s-rounded-full", {
+export const 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",
@@ -28,30 +28,27 @@ export var radioIndicatorStyles = cva("s-bg-primary dark:s-bg-primary-night s-fl
         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 })));
+const RadioGroup = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(RadioGroupPrimitive.Root, Object.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" },
+const RadioGroupItem = React.forwardRef((_a, ref) => {
+    var { tooltipMessage, className, icon, size, label, labelProps, id } = _a, props = __rest(_a, ["tooltipMessage", "className", "icon", "size", "label", "labelProps", "id"]);
+    const renderIcon = (visual, extraClass = "") => (React.createElement(Icon, { visual: visual, size: "sm", className: cn("s-text-foreground dark:s-text-foreground-night", extraClass) }));
+    const item = (React.createElement(RadioGroupPrimitive.Item, Object.assign({ ref: ref, id: id, className: cn(radioStyles({ size }), className) }, props),
+        React.createElement(RadioGroupPrimitive.Indicator, { className: radioIndicatorStyles({ size }) })));
+    const 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)));
+        React.createElement(Label, Object.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)) },
+const RadioGroupCustomItem = React.forwardRef((_a, ref) => {
+    var { className, size, customItem, iconPosition = "center", children, id } = _a, props = __rest(_a, ["className", "size", "customItem", "iconPosition", "children", "id"]);
+    const item = (React.createElement(RadioGroupPrimitive.Item, Object.assign({ ref: ref, id: id, className: cn(radioStyles({ size }), className) }, props),
+        React.createElement(RadioGroupPrimitive.Indicator, { className: radioIndicatorStyles({ size }) })));
+    return (React.createElement("div", { className: cn("s-flex s-w-full s-flex-col", className, `s-items-${iconPosition}`) },
         React.createElement("div", { className: "s-flex s-w-full s-items-center s-gap-2" },
             item,
             customItem),

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

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

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

@@ -6,7 +6,6 @@ interface RainbowEffectProps {
     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 declare function RainbowEffect({ children, disabled, className, containerClassName, size, ...props }: RainbowEffectProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=RainbowEffect.d.ts.map

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

@@ -1 +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"}
+{"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,EACf,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA8CpB"}

package/dist/esm/components/RainbowEffect.js

@@ -1,14 +1,14 @@
-import { __assign, __rest } from "tslib";
+import { __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
+    var { children, disabled, className, containerClassName, size = "medium" } = _a, // Default size is medium
     props = __rest(_a, ["children", "disabled", "className", "containerClassName", "size"]);
     if (disabled) {
-        return (React.createElement("div", __assign({ className: cn(className) }, props), children));
+        return (React.createElement("div", Object.assign({ className: cn(className) }, props), children));
     }
     // Define the size-based styles
-    var sizeStyles = {
+    const sizeStyles = {
         small: {
             height: "s-h-[30%]",
             width: "s-w-[70%]",
@@ -25,10 +25,10 @@ export function RainbowEffect(_a) {
             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);
+    const selectedSize = sizeStyles[size];
+    const 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)));
+        React.createElement("div", Object.assign({ className: className }, props), children)));
 }
 //# sourceMappingURL=RainbowEffect.js.map

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

@@ -1 +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"}
+{"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,EAAE;QAPO,EAC5B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,IAAI,GAAG,QAAQ,OAEI,EAFF,yBAAyB;IACvC,KAAK,cANoB,mEAO7B,CADS;IAER,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,2CAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IAAM,KAAK,GACrC,QAAQ,CACL,CACP,CAAC;IACJ,CAAC;IAED,+BAA+B;IAC/B,MAAM,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,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,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,2CAAK,SAAS,EAAE,SAAS,IAAM,KAAK,GACjC,QAAQ,CACL,CACF,CACP,CAAC;AAAA,CACH"}

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

@@ -1,7 +1,8 @@
 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<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup>;
+declare const ResizablePanelGroup: React.FC<ResizablePanelGroupProps>;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBRElement | HTMLBaseElement | HTMLBodyElement | HTMLButtonElement | HTMLCanvasElement | HTMLDListElement | HTMLDataElement | HTMLDataListElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHRElement | HTMLHeadElement | HTMLHeadingElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLIElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLModElement | HTMLOListElement | HTMLObjectElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLQuoteElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableCaptionElement | HTMLTableCellElement | HTMLTableColElement | HTMLTableElement | HTMLTableRowElement | HTMLTableSectionElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -18,8 +19,21 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
 } & {
     children?: React.ReactNode;
 } & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-    withHandle?: boolean;
+declare const ResizableHandle: ({ withHandle, className, ...props }: Omit<React.HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onBlur" | "onFocus"> & {
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    hitAreaMargins?: ResizablePrimitive.PointerHitAreaMargins | undefined;
+    id?: string | null | undefined;
+    onBlur?: (() => void) | undefined;
+    onDragging?: ResizablePrimitive.PanelResizeHandleOnDragging | undefined;
+    onFocus?: (() => void) | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    withHandle?: boolean | undefined;
 }) => React.JSX.Element;
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=Resizable.d.ts.map

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

@@ -1 +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;AAI7D,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"}
+{"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;AAI7D,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,kBAAkB,CAAC,UAAU,CACrC,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAW3D,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;kEAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;uBAqCpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/Resizable.js

@@ -1,15 +1,15 @@
-import { __assign, __rest } from "tslib";
+import { __rest } from "tslib";
 import * as React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 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)));
+const ResizablePanelGroup = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(ResizablePrimitive.PanelGroup, Object.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-gray-100 dark:s-bg-border-night", className) }, props), withHandle && (React.createElement("div", { className: cn("s-absolute s-flex s-h-6 s-w-2 s-items-center s-justify-center s-rounded-2xl", "s-border s-border-gray-100 s-bg-background dark:s-bg-background-night") },
+const ResizablePanel = ResizablePrimitive.Panel;
+const ResizableHandle = (_a) => {
+    var { withHandle, className } = _a, props = __rest(_a, ["withHandle", "className"]);
+    return (React.createElement(ResizablePrimitive.PanelResizeHandle, Object.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-gray-100 dark:s-bg-border-night", className) }, props), withHandle && (React.createElement("div", { className: cn("s-absolute s-flex s-h-6 s-w-2 s-items-center s-justify-center s-rounded-2xl", "s-border s-border-gray-100 s-bg-background dark:s-bg-background-night") },
         React.createElement("div", { className: "s-w-px" })))));
 };
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

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

@@ -1 +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,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,sCAAsC,EACtC,SAAS,CACV,IACG,KAAK,GAER,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,uEAAuE,CACxE;QAED,6BAAK,SAAS,EAAC,QAAQ,GAAG,CACtB,CACP,CACoC,CACxC,CAAA;CAAA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"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,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAMxC,MAAM,mBAAmB,GAAuC,CAAC,EAGhE,EAAE,EAAE;QAH4D,EAC/D,SAAS,OAEV,EADI,KAAK,cAFuD,aAGhE,CADS;IACJ,OAAA,CACJ,oBAAC,kBAAkB,CAAC,UAAU,kBAC5B,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AAAA,CAAC,AAAD,CAAC;AAEF,MAAM,cAAc,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,EAMxB,EAAE,EAAE;QANoB,EACvB,UAAU,EACV,SAAS,OAIV,EAHI,KAAK,cAHe,2BAIxB,CADS;IAGJ,OAAA,CACJ,oBAAC,kBAAkB,CAAC,iBAAiB,kBACnC,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,sCAAsC,EACtC,SAAS,CACV,IACG,KAAK,GAER,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,uEAAuE,CACxE;QAED,6BAAK,SAAS,EAAC,QAAQ,GAAG,CACtB,CACP,CACoC,CACxC,CAAA;AAAA,CAAC,AAAD,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/ScrollArea.js

@@ -1,21 +1,17 @@
-import { __assign, __read, __rest } from "tslib";
+import { __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, viewportRef = _a.viewportRef, props = __rest(_a, ["className", "children", "hideScrollBar", "orientation", "scrollBarClassName", "viewportClassName", "scrollStyles", "viewportRef"]);
-    var localViewportRef = 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 () {
+const ScrollArea = React.forwardRef((_a, ref) => {
+    var { className, children, hideScrollBar = false, orientation = "vertical", scrollBarClassName, viewportClassName, scrollStyles, viewportRef } = _a, props = __rest(_a, ["className", "children", "hideScrollBar", "orientation", "scrollBarClassName", "viewportClassName", "scrollStyles", "viewportRef"]);
+    const localViewportRef = React.useRef(null);
+    const [isScrolled, setIsScrolled] = React.useState(false);
+    const hasCustomScrollBar = useMemo(() => React.Children.toArray(children).some((child) => React.isValidElement(child) &&
+        child.type.displayName ===
+            ScrollBar.displayName), [children]);
+    const shouldHideDefaultScrollBar = hideScrollBar || hasCustomScrollBar;
+    const handleScroll = React.useCallback(() => {
         if (viewportRef && viewportRef.current) {
             setIsScrolled(viewportRef.current.scrollTop > 0);
         }
@@ -23,13 +19,13 @@ var ScrollArea = React.forwardRef(function (_a, ref) {
             setIsScrolled(localViewportRef.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),
+    return (React.createElement(ScrollAreaPrimitive.Root, Object.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 || localViewportRef, onScroll: handleScroll, className: cn("s-h-full s-w-full s-rounded-[inherit]", viewportClassName) }, children),
         React.createElement(ScrollBar, { orientation: orientation, className: cn(scrollBarClassName, shouldHideDefaultScrollBar && "s-hidden") }),
         React.createElement(ScrollAreaPrimitive.Corner, null)));
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var scrollBarSizes = {
+const scrollBarSizes = {
     compact: {
         bar: {
             vertical: "s-w-5",
@@ -53,10 +49,10 @@ var scrollBarSizes = {
         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" && [
+const ScrollBar = React.forwardRef((_a, ref) => {
+    var { className, orientation = "vertical", size = "compact" } = _a, props = __rest(_a, ["className", "orientation", "size"]);
+    const sizeConfig = scrollBarSizes[size];
+    return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.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,

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

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

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

@@ -6,6 +6,6 @@ type SearchDropdownMenuProps = {
     disabled?: boolean;
     minLengthToOpen?: number;
 };
-export declare function SearchDropdownMenu({ searchInputValue, setSearchInputValue, disabled, minLengthToOpen, children, }: SearchDropdownMenuProps): React.JSX.Element;
+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

@@ -1 +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,qBAiFzB"}
+{"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,EACT,EAAE,uBAAuB,qBAiFzB"}

package/dist/esm/components/SearchDropdownMenu.js

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

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

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

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

@@ -12,25 +12,22 @@ export interface SearchInputProps {
     className?: string;
 }
 export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
-type SearchInputWithPopoverBaseProps<T> = SearchInputProps & {
-    contentClassName?: string;
+export declare const SearchInputWithPopover: <T>(props: SearchInputProps & {
+    contentClassName?: string | undefined;
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    mountPortal?: boolean;
-    mountPortalContainer?: HTMLElement;
+    mountPortal?: boolean | undefined;
+    mountPortalContainer?: HTMLElement | undefined;
     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 {};
+    onItemSelect?: ((item: T) => void) | undefined;
+    onSelectAll?: (() => void) | undefined;
+    noResults?: string | undefined;
+    isLoading?: boolean | undefined;
+    contentMessage?: ContentMessageProps | undefined;
+    displayItemCount?: boolean | undefined;
+    totalItems?: number | undefined;
+} & {
+    ref?: Ref<HTMLInputElement> | undefined;
+}) => React.JSX.Element;
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +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"}
+{"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;AAiLF,eAAO,MAAM,sBAAsB,GAE7B,CAAC;;;;;;;;;;;;;;;;;uBAE2C,CAAC"}

package/dist/esm/components/SearchInput.js

@@ -1,15 +1,14 @@
-import { __assign, __read, __rest } from "tslib";
+import { __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 () {
+export const SearchInput = forwardRef(({ placeholder = "Search", value, onChange, onKeyDown, onFocus, name, disabled = false, isLoading = false, className, }, ref) => {
+    const clearInputField = () => {
         onChange("");
     };
     return (React.createElement("div", { className: cn("s-relative", className) },
-        React.createElement(Input, { type: "text", name: name, autoComplete: "off", placeholder: placeholder, value: value, onChange: function (e) {
+        React.createElement(Input, { type: "text", name: name, autoComplete: "off", placeholder: placeholder, value: value, onChange: (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" },
@@ -20,34 +19,34 @@ export var SearchInput = forwardRef(function (_a, ref) {
 });
 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 () {
+    var { items, renderItem, onItemSelect, onSelectAll, contentClassName, className, open, onOpenChange, value, onChange, mountPortal, mountPortalContainer, noResults, isLoading, contentMessage, displayItemCount = false, totalItems } = _a, searchInputProps = __rest(_a, ["items", "renderItem", "onItemSelect", "onSelectAll", "contentClassName", "className", "open", "onOpenChange", "value", "onChange", "mountPortal", "mountPortalContainer", "noResults", "isLoading", "contentMessage", "displayItemCount", "totalItems"]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const itemRefs = useRef([]);
+    useEffect(() => {
         itemRefs.current = new Array(items.length).fill(null);
     }, [items.length]);
-    useEffect(function () {
+    useEffect(() => {
         setSelectedIndex(0);
     }, [items]);
-    var handleKeyDown = function (e) {
+    const handleKeyDown = (e) => {
         if (!open || !items.length) {
             return;
         }
         switch (e.key) {
             case "ArrowUp":
                 e.preventDefault();
-                setSelectedIndex(function (current) {
+                setSelectedIndex((current) => {
                     var _a;
-                    var newIndex = (current - 1 + items.length) % items.length;
+                    const 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) {
+                setSelectedIndex((current) => {
                     var _a;
-                    var newIndex = (current + 1) % items.length;
+                    const newIndex = (current + 1) % items.length;
                     (_a = itemRefs.current[newIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest" });
                     return newIndex;
                 });
@@ -63,27 +62,27 @@ function BaseSearchInputWithPopover(_a, ref) {
     };
     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) {
+            React.createElement(SearchInput, Object.assign({ ref: ref, className: cn("s-w-full", className), value: value, onChange: (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(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: (e) => e.preventDefault(), onCloseAutoFocus: (e) => e.preventDefault(), onInteractOutside: () => 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, ")"),
+                        totalItems && ` (out of ${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" },
+                    items.length > 0 ? (items.map((item, index) => (React.createElement("div", { key: index, ref: (el) => (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))))))));
+                    React.createElement(ContentMessage, Object.assign({}, contentMessage))))))));
 }
-export var SearchInputWithPopover = forwardRef(BaseSearchInputWithPopover);
+export const SearchInputWithPopover = forwardRef(BaseSearchInputWithPopover);
 //# sourceMappingURL=SearchInput.js.map