@firecms/ui 3.0.0-canary.155 → 3.0.0-canary.157

package/dist/components/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../src/components/MultiSelect.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\nimport { ChangeEvent, Children, useEffect } from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cls } from \"../util\";\nimport { CloseIcon, ExpandMoreIcon, Icon } from \"../icons\";\nimport { Separator } from \"./Separator\";\nimport { Chip } from \"./Chip\";\nimport { SelectInputLabel } from \"./common/SelectInputLabel\";\nimport {\n    defaultBorderMixin,\n    fieldBackgroundDisabledMixin,\n    fieldBackgroundHoverMixin,\n    fieldBackgroundInvisibleMixin,\n    fieldBackgroundMixin,\n    focusedDisabled\n} from \"../styles\";\nimport { useInjectStyles } from \"../hooks\";\n\ninterface MultiSelectContextProps {\n    fieldValue?: string[];\n    onItemClick: (v: string) => void;\n}\n\nexport const MultiSelectContext = React.createContext<MultiSelectContextProps>({} as any);\n\n/**\n * Props for MultiSelect component\n */\ninterface MultiSelectProps {\n\n    /**\n     * The modality of the popover. When set to true, interaction with outside elements\n     * will be disabled and only popover content will be visible to screen readers.\n     * Optional, defaults to false.\n     */\n    modalPopover?: boolean;\n\n    /**\n     * Additional class names to apply custom styles to the multi-select component.\n     * Optional, can be used to add custom styles.\n     */\n    className?: string;\n\n    open?: boolean,\n    name?: string,\n    id?: string,\n    onOpenChange?: (open: boolean) => void,\n    value?: string[],\n    inputClassName?: string,\n    onChange?: React.EventHandler<ChangeEvent<HTMLSelectElement>>,\n    onValueChange?: (updatedValue: string[]) => void,\n    placeholder?: React.ReactNode,\n    size?: \"small\" | \"medium\",\n    useChips?: boolean,\n    label?: React.ReactNode | string,\n    disabled?: boolean,\n    error?: boolean,\n    position?: \"item-aligned\" | \"popper\",\n    endAdornment?: React.ReactNode,\n    multiple?: boolean,\n    includeSelectAll?: boolean,\n    includeClear?: boolean,\n    inputRef?: React.RefObject<HTMLButtonElement>,\n    padding?: boolean,\n    invisible?: boolean,\n    children: React.ReactNode;\n    renderValues?: (values: string[]) => React.ReactNode;\n}\n\nexport const MultiSelect = React.forwardRef<\n    HTMLButtonElement,\n    MultiSelectProps\n>(\n    (\n        {\n            value,\n            size,\n            label,\n            error,\n            onValueChange,\n            invisible,\n            disabled,\n            placeholder,\n            modalPopover = true,\n            includeClear = true,\n            includeSelectAll = true,\n            useChips = true,\n            className,\n            children,\n            renderValues,\n            open,\n            onOpenChange,\n        },\n        ref\n    ) => {\n        const [isPopoverOpen, setIsPopoverOpen] = React.useState(open ?? false);\n        const [selectedValues, setSelectedValues] = React.useState<string[]>(value ?? []);\n\n        const onPopoverOpenChange = (open: boolean) => {\n            setIsPopoverOpen(open);\n            onOpenChange?.(open);\n        }\n\n        useEffect(() => {\n            setIsPopoverOpen(open ?? false);\n        }, [open]);\n\n        const allValues = children\n            ?\n            // @ts-ignore\n            Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    return child.props.value;\n                }\n                return null;\n            }).filter(Boolean) as string[]\n            : [];\n\n        React.useEffect(() => {\n            setSelectedValues(value ?? []);\n        }, [value]);\n\n        function onItemClick(newValue: string) {\n            let newSelectedValues: string[];\n            if (selectedValues.includes(newValue)) {\n                newSelectedValues = selectedValues.filter((v) => v !== newValue);\n            } else {\n                newSelectedValues = [...selectedValues, newValue];\n            }\n            updateValues(newSelectedValues);\n        }\n\n        function updateValues(values: string[]) {\n            setSelectedValues(values);\n            onValueChange?.(values);\n        }\n\n        const handleInputKeyDown = (\n            event: React.KeyboardEvent<HTMLInputElement>\n        ) => {\n            if (event.key === \"Enter\") {\n                onPopoverOpenChange(true);\n            } else if (event.key === \"Backspace\" && !event.currentTarget.value) {\n                const newSelectedValues = [...selectedValues];\n                newSelectedValues.pop();\n                updateValues(newSelectedValues);\n            }\n        };\n\n        const toggleOption = (value: string) => {\n            const newSelectedValues = selectedValues.includes(value)\n                ? selectedValues.filter((v) => v !== value)\n                : [...selectedValues, value];\n            updateValues(newSelectedValues);\n        };\n\n        const handleClear = () => {\n            updateValues([]);\n        };\n\n        const handleTogglePopover = () => {\n            onPopoverOpenChange(!isPopoverOpen);\n        };\n\n        const toggleAll = () => {\n            if (selectedValues.length === allValues.length) {\n                handleClear();\n            } else {\n                updateValues(allValues);\n            }\n            onPopoverOpenChange(false);\n        };\n\n        useInjectStyles(\"MultiSelect\", `\n[cmdk-group] {\n  max-height: 45vh;\n  overflow-y: auto;\n  // width: 400px;\n} `)\n\n        return (\n            <MultiSelectContext.Provider\n                value={{\n                    fieldValue: selectedValues,\n                    onItemClick\n                }}>\n\n                {typeof label === \"string\" ? <SelectInputLabel error={error}>{label}</SelectInputLabel> : label}\n\n                <PopoverPrimitive.Root\n                    open={isPopoverOpen}\n                    onOpenChange={onPopoverOpenChange}\n                    modal={modalPopover}\n                >\n                    <PopoverPrimitive.Trigger asChild>\n                        <button\n                            ref={ref}\n                            onClick={handleTogglePopover}\n                            className={cls(\n                                size === \"small\" ? \"min-h-[42px]\" : \"min-h-[64px]\",\n                                \"py-2\",\n                                \"px-4\",\n                                \"select-none rounded-md text-sm\",\n                                invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin,\n                                disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin,\n                                \"relative flex items-center\",\n                                className\n                            )}\n                        >\n                            {selectedValues.length > 0 ? (\n                                <div className=\"flex justify-between items-center w-full\">\n                                    <div className=\"flex flex-wrap items-center gap-1.5 text-start\">\n                                        {renderValues && renderValues(selectedValues)}\n                                        {!renderValues && selectedValues.map((value) => {\n\n                                            // @ts-ignore\n                                            const childrenProps: MultiSelectItemProps[] = Children.map(children, (child) => {\n                                                if (React.isValidElement(child)) {\n                                                    return child.props;\n                                                }\n                                            }).filter(Boolean);\n\n                                            const option = childrenProps.find((o) => o.value === value);\n                                            if (!useChips) {\n                                                return option?.children;\n                                            }\n                                            return (\n                                                <Chip\n                                                    size={\"medium\"}\n                                                    key={value}\n                                                    className={cls(\"flex flex-row items-center p-1\")}\n                                                >\n                                                    {option?.children}\n                                                    <CloseIcon\n                                                        size={\"smallest\"}\n                                                        onClick={(event) => {\n                                                            event.stopPropagation();\n                                                            toggleOption(value);\n                                                        }}\n                                                    />\n                                                </Chip>\n                                            );\n                                        })}\n                                    </div>\n                                    <div className=\"flex items-center justify-between\">\n                                        {includeClear && <CloseIcon\n                                            className={\"ml-4\"}\n                                            size={\"small\"}\n                                            onClick={(event) => {\n                                                event.stopPropagation();\n                                                handleClear();\n                                            }}\n                                        />}\n                                        <div className={cls(\"px-2 h-full flex items-center\")}>\n                                            <ExpandMoreIcon size={\"small\"}\n                                                            className={cls(\"transition\", isPopoverOpen ? \"rotate-180\" : \"\")}/>\n                                        </div>\n                                    </div>\n                                </div>\n                            ) : (\n                                <div className=\"flex items-center justify-between w-full mx-auto\">\n                                    <span className=\"text-sm\">\n                                      {placeholder}\n                                    </span>\n                                    <div className={cls(\"px-2 h-full flex items-center\")}>\n                                        <ExpandMoreIcon size={\"small\"}\n                                                        className={cls(\"transition\", isPopoverOpen ? \"rotate-180\" : \"\")}/>\n                                    </div>\n                                </div>\n                            )}\n                        </button>\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        className={cls(\"z-50 relative overflow-hidden border bg-white dark:bg-surface-900 rounded-lg w-[400px]\", defaultBorderMixin)}\n                        align=\"start\"\n                        sideOffset={8}\n                        onEscapeKeyDown={() => onPopoverOpenChange(false)}\n                    >\n                        <CommandPrimitive>\n                            <div className={\"flex flex-row items-center\"}>\n                                <CommandPrimitive.Input\n                                    className={cls(focusedDisabled, \"bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow \")}\n                                    placeholder=\"Search...\"\n                                    onKeyDown={handleInputKeyDown}\n                                />\n                                {selectedValues.length > 0 && (\n                                    <div\n                                        onClick={handleClear}\n                                        className=\"text-sm justify-center cursor-pointer py-3 px-4 text-text-secondary dark:text-text-secondary-dark\">\n                                        Clear\n                                    </div>\n                                )}\n                            </div>\n                            <Separator orientation={\"horizontal\"} className={\"my-0\"}/>\n                            <CommandPrimitive.List>\n                                <CommandPrimitive.Empty className={\"px-4 py-2\"}>\n                                    No results found.\n                                </CommandPrimitive.Empty>\n                                <CommandPrimitive.Group>\n                                    {includeSelectAll && <CommandPrimitive.Item\n                                        key=\"all\"\n                                        onSelect={toggleAll}\n                                        className={\n                                            cls(\n                                                \"flex flex-row items-center gap-1.5\",\n                                                \"cursor-pointer\",\n                                                \"m-1\",\n                                                \"ring-offset-transparent\",\n                                                \"p-1 rounded aria-[selected=true]:outline-none aria-[selected=true]:ring-2 aria-[selected=true]:ring-primary aria-[selected=true]:ring-opacity-75 aria-[selected=true]:ring-offset-2\",\n                                                \"aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900\",\n                                                \"cursor-pointer p-2 rounded aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900\"\n                                            )\n                                        }\n                                    >\n                                        <InnerCheckBox checked={selectedValues.length === allValues.length}/>\n                                        <span className={\"text-sm text-text-secondary dark:text-text-secondary-dark\"}>(Select All)</span>\n                                    </CommandPrimitive.Item>}\n                                    {children}\n                                </CommandPrimitive.Group>\n\n                            </CommandPrimitive.List>\n                        </CommandPrimitive>\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive.Root>\n            </MultiSelectContext.Provider>\n        );\n    }\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n\nexport interface MultiSelectItemProps {\n    value: string;\n    children?: React.ReactNode,\n    className?: string;\n}\n\nexport function MultiSelectItem({\n                                    children,\n                                    value,\n                                    className\n                                }: MultiSelectItemProps) {\n\n    const context = React.useContext(MultiSelectContext);\n    if (!context) throw new Error(\"MultiSelectItem must be used inside a MultiSelect\");\n    const {\n        fieldValue,\n        onItemClick\n    } = context;\n\n    const isSelected = (fieldValue ?? []).includes(value);\n    return <CommandPrimitive.Item\n        // value={value}\n        onMouseDown={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n        }}\n        onSelect={(_) => {\n            onItemClick(value);\n        }}\n        className={cls(\n            \"flex flex-row items-center gap-1.5\",\n            isSelected ? \"bg-surface-accent-200 dark:bg-surface-accent-950\" : \"\",\n            \"cursor-pointer\",\n            \"m-1\",\n            \"ring-offset-transparent\",\n            \"p-1 rounded aria-[selected=true]:outline-none aria-[selected=true]:ring-2 aria-[selected=true]:ring-primary aria-[selected=true]:ring-opacity-75 aria-[selected=true]:ring-offset-2\",\n            \"aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900\",\n            \"cursor-pointer p-2 rounded aria-[selected=true]:bg-surface-accent-100 aria-[selected=true]:dark:bg-surface-accent-900\",\n            className\n        )}\n    >\n        <InnerCheckBox checked={isSelected}/>\n        {children}\n    </CommandPrimitive.Item>;\n\n}\n\nfunction InnerCheckBox({ checked }: { checked: boolean }) {\n    return <div className={cls(\n        \"p-2\",\n        \"w-8 h-8\",\n        \"inline-flex items-center justify-center text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150\",\n    )}>\n        <div\n            className={cls(\n                \"border-2 relative transition-colors ease-in-out duration-150\",\n                \"w-4 h-4 rounded flex items-center justify-center\",\n                (checked ? \"bg-primary\" : \"bg-white dark:bg-surface-accent-900\"),\n                (checked) ? \"text-surface-accent-100 dark:text-surface-accent-900\" : \"\",\n                (checked ? \"border-transparent\" : \"border-surface-accent-800 dark:border-surface-accent-200\")\n            )}>\n            {checked && <Icon iconKey={\"check\"} size={16} className={\"absolute\"}/>}\n        </div>\n    </div>\n}\n\n"],"names":["MultiSelectContext","React","createContext","MultiSelect","forwardRef","t0","ref","$","_c","value","size","label","error","onValueChange","invisible","disabled","placeholder","modalPopover","t1","includeClear","t2","includeSelectAll","t3","useChips","t4","className","children","renderValues","open","onOpenChange","undefined","isPopoverOpen","setIsPopoverOpen","useState","t5","selectedValues","setSelectedValues","t6","open_0","onPopoverOpenChange","t7","t8","useEffect","t9","Children","map","_temp","filter","Boolean","allValues","t10","t11","onItemClick","updateValues","newValue","newSelectedValues","includes","v","values","t12","event","key","currentTarget","newSelectedValues_0","pop","handleInputKeyDown","t13","value_0","newSelectedValues_1","v_0","toggleOption","t14","handleClear","t15","handleTogglePopover","t16","length","toggleAll","useInjectStyles","t17","fieldValue","t18","t19","t20","fieldBackgroundInvisibleMixin","fieldBackgroundMixin","t21","fieldBackgroundDisabledMixin","fieldBackgroundHoverMixin","t22","cls","t23","value_1","childrenProps","_temp2","option","find","o","event_0","stopPropagation","event_1","t24","t25","Symbol","for","defaultBorderMixin","t26","t27","focusedDisabled","t28","CommandPrimitive","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","displayName","MultiSelectItem","context","useContext","Error","isSelected","_","_temp3","e","preventDefault","InnerCheckBox","checked","child","isValidElement","props","child_0"],"mappings":";;;;;;;;;;;;;;;;AAyBO,MAAMA,qBAAqBC,MAAMC,cAAuC,CAAS,CAAA;AA8CjF,MAAMC,cAAcF,MAAMG,WAI7B,CAAAC,IAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,EAAA;AACI,QAAA;AAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,kBAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAAxB;AASIY,QAAAA,eAAAC,OAAmBY,gBAAnBZ;AACAC,QAAAA,eAAAC,OAAmBU,gBAAnBV;AACAC,QAAAA,mBAAAC,OAAuBQ,gBAAvBR;AACAC,QAAAA,WAAAC,OAAeM,gBAAfN;AASJ,QAAAO,CAAAA,eAAAC,gBAAA,IAA0C/B,MAAAgC,SAAeL,QAAI,KAAS;AAAEM,MAAAA;AAAA3B,MAAAA,SAAAE,OAAA;AACHyB,SAAAzB,SAAW,CAAA;AAAAF,WAAAE;AAAAF,WAAA2B;AAAAA,EAAAA,OAAA;AAAAA,SAAA3B,EAAA,CAAA;AAAA,EAAA;AAAhF,QAAA4B,CAAAA,gBAAAC,iBAAA,IAA4CnC,MAAAgC,SAAyBC,EAAW;AAAEG,MAAAA;AAAA9B,MAAAA,SAAAsB,cAAA;AAEtDQ,SAAAC,CAAA,WAAA;AACxBN,uBAAiBJ,MAAI;AACrBC,qBAAeD,MAAI;AAAA,IAAA;AACtBrB,WAAAsB;AAAAtB,WAAA8B;AAAAA,EAAAA,OAAA;AAAAA,SAAA9B,EAAA,CAAA;AAAA,EAAA;AAHD,QAAAgC,sBAA4BF;AAG3BG,MAAAA;AAAAC,MAAAA;AAAAlC,MAAAA,SAAAqB,MAAA;AAESY,SAAAA,MAAA;AACNR,uBAAiBJ,QAAI,KAAS;AAAA,IAAC;AAChCa,UAACb,IAAI;AAACrB,WAAAqB;AAAArB,WAAAiC;AAAAjC,WAAAkC;AAAAA,EAAAA,OAAA;AAAAD,SAAAjC,EAAA,CAAA;AAAAkC,SAAAlC,EAAA,CAAA;AAAA,EAAA;AAFTmC,YAAUF,IAEPC,EAAM;AAACE,MAAAA;AAAApC,MAAAA,SAAAmB,UAAA;AAEQA,SAAAA,WAGdkB,SAAAC,IAAanB,UAAQoB,KAKpB,EAACC,OAAAC,OAAe,IACb,CAAA;AAAAzC,WAAAmB;AAAAnB,WAAAoC;AAAAA,EAAAA,OAAA;AAAAA,SAAApC,EAAA,CAAA;AAAA,EAAA;AATR,QAAA0C,YAAkBN;AASTO,MAAAA;AAAAC,MAAAA;AAAA5C,MAAAA,SAAAE,OAAA;AAEOyC,UAAAA,MAAA;AACMzC,wBAAAA,SAAK,EAAM;AAAA,IAAC;AAC/B0C,WAAC1C,KAAK;AAACF,WAAAE;AAAAF,YAAA2C;AAAA3C,YAAA4C;AAAAA,EAAAA,OAAA;AAAAD,UAAA3C,EAAA,EAAA;AAAA4C,UAAA5C,EAAA,EAAA;AAAA,EAAA;AAFVmC,QAAAA,UAAgBQ,KAEbC,GAAO;AAACC,MAAAA;AAAAC,MAAAA;AAAA,MAAA9C,EAAAM,EAAAA,MAAAA,iBAAAN,UAAA4B,gBAAA;AAEX,kBAAA,SAAAiB,aAAAE,UAAA;AACQC,UAAAA;AACApB,UAAAA,eAAcqB,SAAUF,QAAQ,GAAC;AACjCC,4BAAoBpB,eAAcY,OAAAU,CAAeA,MAAAA,MAAMH,QAAQ;AAAA,MAAA,OAA9C;AAEjBC,4BAAAA,CAAwBpB,GAAAA,gBAAgBmB,QAAQ;AAAA,MAAA;AAEpDD,mBAAaE,iBAAiB;AAAA,IAAC;AAGnC,mBAAA,SAAAF,cAAAK,QAAA;AACItB,wBAAkBsB,MAAM;AACxB7C,sBAAgB6C,MAAM;AAAA,IAAA;AACzBnD,YAAAM;AAAAN,YAAA4B;AAAA5B,YAAA6C;AAAA7C,YAAA8C;AAAAA,EAAAA,OAAA;AAAAD,kBAAA7C,EAAA,EAAA;AAAA8C,mBAAA9C,EAAA,EAAA;AAAA,EAAA;AAAAoD,MAAAA;AAAApD,MAAAA,EAAAgC,EAAAA,MAAAA,uBAAAhC,UAAA4B,kBAAA5B,EAAA,EAAA,MAAA8C,cAAA;AAE0BM,UAAAC,CAAA,UAAA;AAGnBA,UAAAA,MAAKC,QAAS,SAAO;AACrBtB,gCAAwB;AAAA,MAAA,OAAC;AAAA,YAClBqB,MAAKC,QAAS,gBAAgBD,MAAKE,cAAArD,OAAoB;AAC9DsD,gBAAAA,0BAA8B5B,cAAc;AAC5CoB,8BAAiBS,IAAK;AACtBX,uBAAaE,mBAAiB;AAAA,QAAA;AAAA,MAAC;AAAA,IAAA;AAEtChD,YAAAgC;AAAAhC,YAAA4B;AAAA5B,YAAA8C;AAAA9C,YAAAoD;AAAAA,EAAAA,OAAA;AAAAA,UAAApD,EAAA,EAAA;AAAA,EAAA;AAVD,QAAA0D,qBAA2BN;AAUzBO,MAAAA;AAAA,MAAA3D,EAAA4B,EAAAA,MAAAA,kBAAA5B,UAAA8C,cAAA;AAEmBa,UAAAC,CAAA,YAAA;AACjB,YAAAC,sBAA0BjC,eAAcqB,SAAU/C,OAAK,IACjD0B,eAAcY,OAAAsB,CAAeZ,QAAAA,QAAMhD,OAAK,IACpC0B,CAAAA,GAAAA,gBAAgB1B,OAAK;AAC/B4C,mBAAaE,mBAAiB;AAAA,IAAC;AAClChD,YAAA4B;AAAA5B,YAAA8C;AAAA9C,YAAA2D;AAAAA,EAAAA,OAAA;AAAAA,UAAA3D,EAAA,EAAA;AAAA,EAAA;AALD,QAAA+D,eAAqBJ;AAKnBK,MAAAA;AAAAhE,MAAAA,UAAA8C,cAAA;AAEkBkB,UAAAA,MAAA;AAChBlB,qBAAe;AAAA,IAAC;AACnB9C,YAAA8C;AAAA9C,YAAAgE;AAAAA,EAAAA,OAAA;AAAAA,UAAAhE,EAAA,EAAA;AAAA,EAAA;AAFD,QAAAiE,cAAoBD;AAElBE,MAAAA;AAAA,MAAAlE,EAAAwB,EAAAA,MAAAA,iBAAAxB,UAAAgC,qBAAA;AAE0BkC,UAAAA,MAAA;AACxBlC,0BAAmB,CAAER,aAAa;AAAA,IAAC;AACtCxB,YAAAwB;AAAAxB,YAAAgC;AAAAhC,YAAAkE;AAAAA,EAAAA,OAAA;AAAAA,UAAAlE,EAAA,EAAA;AAAA,EAAA;AAFD,QAAAmE,sBAA4BD;AAE1BE,MAAAA;AAAApE,MAAAA,UAAA0C,aAAA1C,EAAAiE,EAAAA,MAAAA,eAAAjE,EAAA,EAAA,MAAAgC,uBAAAhC,UAAA4B,eAAAyC,UAAArE,UAAA8C,cAAA;AAEgBsB,UAAAA,MAAA;AACVxC,UAAAA,eAAcyC,WAAY3B,UAAS2B,QAAO;AAC9B,oBAAA;AAAA,MAAA,OAAC;AAEbvB,qBAAaJ,SAAS;AAAA,MAAA;AAE1BV,+BAAyB;AAAA,IAAC;AAC7BhC,YAAA0C;AAAA1C,YAAAiE;AAAAjE,YAAAgC;AAAA,MAAA,EAAA,IAAAJ,eAAAyC;AAAArE,YAAA8C;AAAA9C,YAAAoE;AAAAA,EAAAA,OAAA;AAAAA,UAAApE,EAAA,EAAA;AAAA,EAAA;AAPD,QAAAsE,YAAkBF;AASlBG,kBAAgB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAKpC;AAACC,MAAAA;AAAA,MAAAxE,EAAA6C,EAAAA,MAAAA,eAAA7C,UAAA4B,gBAAA;AAImB,UAAA;AAAA,MAAA6C,YACS7C;AAAAA,MAAciB;AAAAA,IAAA;AAE7B7C,YAAA6C;AAAA7C,YAAA4B;AAAA5B,YAAAwE;AAAAA,EAAAA,OAAA;AAAAA,UAAAxE,EAAA,EAAA;AAAA,EAAA;AAAA0E,MAAAA;AAAA,MAAA1E,EAAAK,EAAAA,MAAAA,SAAAL,UAAAI,OAAA;AAEAsE,iBAAOtE,UAAU,+BAAY,kBAAwBC,EAAAA,OAAY,gBAAE,CAAA,IAAsBD;AAAKJ,YAAAK;AAAAL,YAAAI;AAAAJ,YAAA0E;AAAAA,EAAAA,OAAA;AAAAA,UAAA1E,EAAA,EAAA;AAAA,EAAA;AAY/E2E,QAAAA,MAAAxE,SAAS,UAAU,iBAAiB;AAIpCyE,QAAAA,MAAArE,YAASsE,gCAAAC;AACTC,QAAAA,MAAAvE,WAAQwE,+BAAAC;AAA2DC,MAAAA;AAAA,MAAAlF,EAAA,EAAA,MAAAkB,aAAAlB,EAAA2E,EAAAA,MAAAA,OAAA3E,EAAA4E,EAAAA,MAAAA,OAAA5E,UAAA+E,KAAA;AAN5DI,UAAAA,IACPR,KACA,QACA,QACA,kCACAC,KACAG,KACA,8BACA7D,SACJ;AAAClB,YAAAkB;AAAAlB,YAAA2E;AAAA3E,YAAA4E;AAAA5E,YAAA+E;AAAA/E,YAAAkF;AAAAA,EAAAA,OAAA;AAAAA,UAAAlF,EAAA,EAAA;AAAA,EAAA;AAAAoF,MAAAA;AAAA,MAAApF,EAAA,EAAA,MAAAmB,YAAAnB,EAAAiE,EAAAA,MAAAA,eAAAjE,UAAAY,gBAAAZ,EAAA,EAAA,MAAAwB,iBAAAxB,EAAAS,EAAAA,MAAAA,eAAAT,EAAAoB,EAAAA,MAAAA,gBAAApB,EAAA,EAAA,MAAA4B,kBAAA5B,EAAA+D,EAAAA,MAAAA,gBAAA/D,UAAAgB,UAAA;AAEAoE,UAAAxD,eAAcyC,aACX,qBAAA,OAAA,EAAe,WAAA,4CACX,UAAA;AAAA,MAAA,qBAAA,OAAA,EAAe,WAAA,kDACVjD,UAAAA;AAAAA,QAAAA,gBAAgBA,aAAaQ,cAAc;AAAA,QAC1CR,CAAAA,gBAAgBQ,eAAcU,IAAA+C,CAAA,YAAA;AAG5B,gBAAAC,gBAA8CjD,SAAAC,IAAanB,UAAQoE,MAIlE,EAAC/C,OAAAC,OAAe;AAEjB,gBAAA+C,SAAeF,cAAaG,KAAAC,CAAaA,MAAAA,EAACxF,UAAWA,OAAK;AAAE,cAAA,CACvDc,UAAQ;AAAA,mBACFwE,QAAMrE;AAAAA,UAAAA;AAAA,sCAGZ,MACS,EAAA,MAAA,UAEK,WAAAgE,IAAI,gCAAgC,GAE9CK,UAAAA;AAAAA,YAAMrE,QAAAA;AAAAA,YACN,oBAAA,WAAA,EACS,MAAA,YACG,SAAAwE,CAAA,YAAA;AACLtC,sBAAKuC,gBAAiB;AACtB7B,2BAAa7D,OAAK;AAAA,YAAA,EACrB,CAAA;AAAA,UAAA,EAAA,UAET;AAAA,QAEP,CAAA;AAAA,MAAA,GACL;AAAA,MACA,qBAAA,OAAe,EAAA,WAAA,qCACVU,UAAAA;AAAAA,QAAAA,oCAAiB,WACH,EAAA,WAAA,QACL,MAAA,SACG,SAAAiF,CAAA,YAAA;AACLxC,kBAAKuC,gBAAiB;AACV,sBAAA;AAAA,QAAA;4BAGpB,OAAgB,EAAA,WAAAT,IAAI,+BAA+B,GAC/C,UAAC,oBAAA,gBAAA,EAAqB,MAAA,SACK,WAAAA,IAAI,cAAc3D,gBAAgB,eAAe,EAAE,GAClF,EAAA,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA,IAEA,qBAAA,OAAe,EAAA,WAAA,oDACX,UAAA;AAAA,MAEO,oBAAA,QAAA,EAFS,WAAA,WACH,UACb,aAAA;AAAA,iCACgB,EAAA,WAAA2D,IAAI,+BAA+B,GAC/C,UAAC,oBAAA,gBAAA,EAAqB,MAAA,SACK,WAAAA,IAAI,cAAc3D,gBAAgB,eAAe,EAAE,GAAC,EACnF,CAAA;AAAA,IAAA,GACJ;AACHxB,YAAAmB;AAAAnB,YAAAiE;AAAAjE,YAAAY;AAAAZ,YAAAwB;AAAAxB,YAAAS;AAAAT,YAAAoB;AAAApB,YAAA4B;AAAA5B,YAAA+D;AAAA/D,YAAAgB;AAAAhB,YAAAoF;AAAAA,EAAAA,OAAA;AAAAA,UAAApF,EAAA,EAAA;AAAA,EAAA;AAAA8F,MAAAA;AAAA,MAAA9F,EAAA,EAAA,MAAAmE,uBAAAnE,EAAAD,EAAAA,MAAAA,OAAAC,EAAAkF,EAAAA,MAAAA,OAAAlF,UAAAoF,KAAA;AA3ETU,UAA0B,oBAAA,iBAAA,SAAA,EAAA,SAAA,MACtB,UAAA,oBA2ES,UA1EA/F,EAAAA,KACIoE,SAAkB,qBAChB,WAAAe,KAWVE,cA6DL,CAAA,GACJ;AAA2BpF,YAAAmE;AAAAnE,YAAAD;AAAAC,YAAAkF;AAAAlF,YAAAoF;AAAApF,YAAA8F;AAAAA,EAAAA,OAAA;AAAAA,UAAA9F,EAAA,EAAA;AAAA,EAAA;AAAA+F,MAAAA;AAAA,MAAA/F,EAAA,EAAA,MAAAgG,OAAAC,IAAA,2BAAA,GAAA;AAEZd,UAAAA,IAAI,0FAAwFe,kBAAoB;AAAClG,YAAA+F;AAAAA,EAAAA,OAAA;AAAAA,UAAA/F,EAAA,EAAA;AAAA,EAAA;AAAAmG,MAAAA;AAAAnG,MAAAA,UAAAgC,qBAAA;AAG3GmE,UAAAA,MAAMnE,yBAAyB;AAAChC,YAAAgC;AAAAhC,YAAAmG;AAAAA,EAAAA,OAAA;AAAAA,UAAAnG,EAAA,EAAA;AAAA,EAAA;AAAAoG,MAAAA;AAAA,MAAApG,EAAA,EAAA,MAAAgG,OAAAC,IAAA,2BAAA,GAAA;AAK1Bd,UAAAA,IAAAkB,iBAAqB,iEAAiE;AAACrG,YAAAoG;AAAAA,EAAAA,OAAA;AAAAA,UAAApG,EAAA,EAAA;AAAA,EAAA;AAAAsG,MAAAA;AAAAtG,MAAAA,UAAA0D,oBAAA;AAAvF,UAAA,oBAAA6C,QAAA,OAAA,EAAA,WAAAH,KACC,aAAA,aACD1C,WAAAA,mBACb,CAAA;AAAA1D,YAAA0D;AAAA1D,YAAAsG;AAAAA,EAAAA,OAAA;AAAAA,UAAAtG,EAAA,EAAA;AAAA,EAAA;AAAAwG,MAAAA;AAAAxG,MAAAA,UAAAiE,eAAAjE,EAAA4B,EAAAA,MAAAA,eAAAyC,QAAA;AACDzC,UAAAA,eAAcyC,cACX,oBAAA,SACaJ,sBACC,WAAA,qGAAoG,UAElH,QAAA,CAAA;AACHjE,YAAAiE;AAAA,MAAA,EAAA,IAAArC,eAAAyC;AAAArE,YAAAwG;AAAAA,EAAAA,OAAA;AAAAA,UAAAxG,EAAA,EAAA;AAAA,EAAA;AAAAyG,MAAAA;AAAA,MAAAzG,EAAAsG,EAAAA,MAAAA,OAAAtG,UAAAwG,KAAA;AACC,UAAA,qBAAA,OAbU,EAAA,WAAA,8BACZF,UAAAA;AAAAA,MAAAA;AAAAA,MAKCE;AAAAA,IAAAA,GAOL;AAAMxG,YAAAsG;AAAAtG,YAAAwG;AAAAxG,YAAAyG;AAAAA,EAAAA,OAAA;AAAAA,UAAAzG,EAAA,EAAA;AAAA,EAAA;AAAA0G,MAAAA;AAAA,MAAA1G,EAAA,EAAA,MAAAgG,OAAAC,IAAA,2BAAA,GAAA;AACNS,UAAC,oBAAA,WAAA,EAAuB,aAAA,cAAyB,WAAA,QAAS;AAAA1G,YAAA0G;AAAAA,EAAAA,OAAA;AAAAA,UAAA1G,EAAA,EAAA;AAAA,EAAA;AAAA2G,MAAAA;AAAA,MAAA3G,EAAA,EAAA,MAAAgG,OAAAC,IAAA,2BAAA,GAAA;AAEtDU,+CAAmC,WAAA,aAAa,UAEhD,qBAAA;AAAyB3G,YAAA2G;AAAAA,EAAAA,OAAA;AAAAA,UAAA3G,EAAA,EAAA;AAAA,EAAA;AAAA4G,MAAAA;AAAA,MAAA5G,EAAA0C,EAAAA,MAAAA,UAAA2B,UAAArE,EAAAc,EAAAA,MAAAA,oBAAAd,UAAA4B,eAAAyC,UAAArE,UAAAsE,WAAA;AAEpBsC,UAAA9F,oBACO,qBAAAyF,QAAA,MAAA,EACMjC,UAAAA,WAEN,WAAAa,IACI,sCACA,kBACA,OACA,2BACA,uLACA,8FACA,uHACJ,GAGJ,UAAA;AAAA,MAAA,oBAAC,eAAuB,EAAA,SAAAvD,eAAcyC,WAAY3B,UAAS2B,QAAO;AAAA,MAC+B,oBAAA,QAAA,EAAhF,WAAA,6DAA6D,UAAY,eAAA,CAAA;AAAA,IAAA,EAAA,GAftF,KAgBR;AAAwB,MAAA,EAAA,IAAA3B,UAAA2B;AAAArE,YAAAc;AAAA,MAAA,EAAA,IAAAc,eAAAyC;AAAArE,YAAAsE;AAAAtE,YAAA4G;AAAAA,EAAAA,OAAA;AAAAA,UAAA5G,EAAA,EAAA;AAAA,EAAA;AAAA6G,MAAAA;AAAA,MAAA7G,EAAAmB,EAAAA,MAAAA,YAAAnB,UAAA4G,KAAA;AAtBhC,UAAA,qBAAAL,QAAA,MAAA,EACII,UAAAA;AAAAA,MAAAA;AAAAA,MAGA,qBAAAJ,QAAA,OAAA,EACKK,UAAAA;AAAAA,QAAAA;AAAAA,QAkBAzF;AAAAA,MAAAA,EACL,CAAA;AAAA,IAAA,GAEJ;AAAwBnB,YAAAmB;AAAAnB,YAAA4G;AAAA5G,YAAA6G;AAAAA,EAAAA,OAAA;AAAAA,UAAA7G,EAAA,EAAA;AAAA,EAAA;AAAA8G,MAAAA;AAAA,MAAA9G,EAAAyG,EAAAA,MAAAA,OAAAzG,UAAA6G,KAAA;AA1C5BC,+BAACP,SACGE,EAAAA,UAAAA;AAAAA,MAAAA;AAAAA,MAcAC;AAAAA,MACAG;AAAAA,IAAAA,GA2BJ;AAAmB7G,YAAAyG;AAAAzG,YAAA6G;AAAA7G,YAAA8G;AAAAA,EAAAA,OAAA;AAAAA,UAAA9G,EAAA,EAAA;AAAA,EAAA;AAAA+G,MAAAA;AAAA,MAAA/G,EAAAmG,EAAAA,MAAAA,OAAAnG,UAAA8G,KAAA;AAjDvBC,UAAA,oBAAA,iBAAA,SAAA,EACe,WAAAhB,KACL,OAAA,SACM,YAAC,GACI,iBAAAI,KAEjBW,UA4CJ,KAAA;AAA2B9G,YAAAmG;AAAAnG,YAAA8G;AAAA9G,YAAA+G;AAAAA,EAAAA,OAAA;AAAAA,UAAA/G,EAAA,EAAA;AAAA,EAAA;AAAAgH,MAAAA;AAAA,MAAAhH,EAAAwB,EAAAA,MAAAA,iBAAAxB,EAAA,EAAA,MAAAU,gBAAAV,EAAAgC,EAAAA,MAAAA,uBAAAhC,EAAA,EAAA,MAAA8F,OAAA9F,UAAA+G,KAAA;AArI/B,UAAA,qBAAA,iBAAA,MAAA,EACUvF,MAAAA,eACQQ,cAAAA,qBACPtB,OAAAA,cAEPoF,UAAAA;AAAAA,MAAAA;AAAAA,MA8EAiB;AAAAA,IAAAA,GAmDJ;AAAwB/G,YAAAwB;AAAAxB,YAAAU;AAAAV,YAAAgC;AAAAhC,YAAA8F;AAAA9F,YAAA+G;AAAA/G,YAAAgH;AAAAA,EAAAA,OAAA;AAAAA,UAAAhH,EAAA,EAAA;AAAA,EAAA;AAAAiH,MAAAA;AAAAjH,MAAAA,EAAAwE,EAAAA,MAAAA,OAAAxE,UAAA0E,OAAA1E,EAAA,EAAA,MAAAgH,KAAA;AA9I5BC,UACW,qBAAA,mBAAA,UAAA,EAAA,OAAAzC,KAKNE,UAAAA;AAAAA,MAAAA;AAAAA,MAEDsC;AAAAA,IAAAA,GAuIJ;AAA8BhH,YAAAwE;AAAAxE,YAAA0E;AAAA1E,YAAAgH;AAAAhH,YAAAiH;AAAAA,EAAAA,OAAA;AAAAA,UAAAjH,EAAA,EAAA;AAAA,EAAA;AA/I9BiH,SAAAA;AA+I8B,CAG1C;AAEArH,YAAYsH,cAAc;AAQnB,SAAAC,gBAAArH,IAAA;AAAAE,QAAAA,IAAAC,EAAA,EAAA;AAAyB,QAAA;AAAA,IAAAkB;AAAAA,IAAAjB;AAAAA,IAAAgB;AAAAA,EAAAA,IAAApB;AAM5BsH,QAAAA,UAAgB1H,MAAA2H,WAAA5H,kBAAmC;AAAE,MAAA,CAChD2H,SAAO;AAAAE,UAAAA,IAAAA,MAAkB,mDAAmD;AAAA,EAAA;AACjF,QAAA;AAAA,IAAA7C;AAAAA,IAAA5B;AAAAA,EAAAA,IAGIuE;AAAQzG,MAAAA;AAAAX,MAAAA,SAAAyE,YAAA;AAEQ9D,SAAA8D,cAAgB,CAAA;AAAAzE,WAAAyE;AAAAzE,WAAAW;AAAAA,EAAAA,OAAA;AAAAA,SAAAX,EAAA,CAAA;AAAA,EAAA;AAAAa,MAAAA;AAAA,MAAAb,EAAAW,CAAAA,MAAAA,MAAAX,SAAAE,OAAA;AAAhBS,SAAAA,GAAgBsC,SAAW/C,KAAK;AAACF,WAAAW;AAAAX,WAAAE;AAAAF,WAAAa;AAAAA,EAAAA,OAAA;AAAAA,SAAAb,EAAA,CAAA;AAAA,EAAA;AAArD,QAAAuH,aAAmB1G;AAAmCE,MAAAA;AAAA,MAAAf,EAAA6C,CAAAA,MAAAA,eAAA7C,SAAAE,OAAA;AAOxCa,SAAAyG,CAAA,MAAA;AACN3E,kBAAY3C,KAAK;AAAA,IAAC;AACrBF,WAAA6C;AAAA7C,WAAAE;AAAAF,WAAAe;AAAAA,EAAAA,OAAA;AAAAA,SAAAf,EAAA,CAAA;AAAA,EAAA;AAGGiB,QAAAA,KAAAsG,aAAa,qDAAqD;AAAE5F,MAAAA;AAAA,MAAA3B,EAAAkB,CAAAA,MAAAA,aAAAlB,SAAAiB,IAAA;AAF7DkE,SAAAA,IACP,sCACAlE,IACA,kBACA,OACA,2BACA,uLACA,8FACA,yHACAC,SACJ;AAAClB,WAAAkB;AAAAlB,WAAAiB;AAAAjB,YAAA2B;AAAAA,EAAAA,OAAA;AAAAA,SAAA3B,EAAA,EAAA;AAAA,EAAA;AAAA8B,MAAAA;AAAA9B,MAAAA,UAAAuH,YAAA;6BAEA,eAAuBA,EAAAA,SAAAA,WAAa,CAAA;AAAAvH,YAAAuH;AAAAvH,YAAA8B;AAAAA,EAAAA,OAAA;AAAAA,SAAA9B,EAAA,EAAA;AAAA,EAAA;AAAAiC,MAAAA;AAAA,MAAAjC,EAAA,EAAA,MAAAmB,YAAAnB,EAAAe,EAAAA,MAAAA,MAAAf,EAAA2B,EAAAA,MAAAA,MAAA3B,UAAA8B,IAAA;AArBlC,SAAA,qBAAAyE,QAAA,MAAA,EAEU,aAAAkB,QAIH,UAAA1G,IAGC,WAAAY,IAYXG,UAAAA;AAAAA,MAAAA;AAAAA,MACQ;AAAA,IAAA,GACZ;AAAwB9B,YAAAmB;AAAAnB,YAAAe;AAAAf,YAAA2B;AAAA3B,YAAA8B;AAAA9B,YAAAiC;AAAAA,EAAAA,OAAA;AAAAA,SAAAjC,EAAA,EAAA;AAAA,EAAA;AAvBjBiC,SAAAA;AAuBiB;AArCrB,SAAAwF,OAAAC,GAAA;AAiBKA,IAACC,eAAgB;AACjBD,IAAC9B,gBAAiB;AAAC;AAuB/B,SAAAgC,cAAA9H,IAAA;AAAAE,QAAAA,IAAAC,EAAA,EAAA;AAAuB,QAAA;AAAA,IAAA4H;AAAAA,EAAAA,IAAA/H;AAAiCa,MAAAA;AAAA,MAAAX,EAAA,CAAA,MAAAgG,OAAAC,IAAA,2BAAA,GAAA;AAC7Bd,SAAAA,IACnB,OACA,WACA,2HACJ;AAACnF,WAAAW;AAAAA,EAAAA,OAAA;AAAAA,SAAAX,EAAA,CAAA;AAAA,EAAA;AAKYa,QAAAA,KAAAgH,UAAU,eAAe;AAC1B9G,QAAAA,KAAC8G,UAAW,yDAAyD;AACpE5G,QAAAA,KAAA4G,UAAU,uBAAuB;AAA0DlG,MAAAA;AAAA3B,MAAAA,EAAAa,CAAAA,MAAAA,MAAAb,SAAAe,MAAAf,EAAA,CAAA,MAAAiB,IAAA;AALrFU,SAAAwD,IACP,gEACA,oDACCtE,IACDE,IACCE,EACL;AAACjB,WAAAa;AAAAb,WAAAe;AAAAf,WAAAiB;AAAAjB,WAAA2B;AAAAA,EAAAA,OAAA;AAAAA,SAAA3B,EAAA,CAAA;AAAA,EAAA;AAAA8B,MAAAA;AAAA9B,MAAAA,SAAA6H,SAAA;AACAA,SAAAA,+BAAY,MAAc,EAAA,SAAA,SAAe,MAAC,IAAc,WAAA,WAAa,CAAA;AAAA7H,WAAA6H;AAAA7H,WAAA8B;AAAAA,EAAAA,OAAA;AAAAA,SAAA9B,EAAA,CAAA;AAAA,EAAA;AAAAiC,MAAAA;AAAA,MAAAjC,EAAA2B,CAAAA,MAAAA,MAAA3B,SAAA8B,IAAA;AAbvE,SAAA,oBAAA,SAAgB,WAAAnB,IAKnB,8BAAA,OACe,EAAA,WAAAgB,IAOVG,UAAAA,GAAAA,CACL,EACJ,CAAA;AAAM9B,WAAA2B;AAAA3B,WAAA8B;AAAA9B,WAAAiC;AAAAA,EAAAA,OAAA;AAAAA,SAAAjC,EAAA,CAAA;AAAA,EAAA;AAfCiC,SAAAA;AAeD;AAjUN,SAAAM,MAAAuF,OAAA;AAsCgBpI,MAAAA,MAAAqI,eAAqBD,KAAK,GAAC;AAAA,WACpBA,MAAKE,MAAA9H;AAAAA,EAAAA;AAAA,SAAA;AAAA;AAvC5B,SAAAqF,OAAA0C,SAAA;AAgJgDvI,MAAAA,MAAAqI,eAAqBD,OAAK,GAAC;AAAA,WACpBA,QAAKE;AAAAA,EAAAA;AAAA;"}

package/dist/components/Paper.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { paperMixin } from "../styles.js";
+import { cls } from "../util/cls.js";
+function Paper(t0) {
+  const $ = c(6);
+  const {
+    children,
+    style,
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cls(paperMixin, className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { className: t1, style, children });
+    $[2] = children;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+export {
+  Paper
+};
+//# sourceMappingURL=Paper.js.map

package/dist/components/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../src/components/Paper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { paperMixin } from \"../styles\";\nimport { cls } from \"../util\";\n\nexport function Paper({\n                          children,\n                          style,\n                          className,\n                      }: {\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n    className?: string;\n\n}) {\n    return (\n        <div\n            className={cls(paperMixin, className)}\n            style={style}>\n            {children}\n        </div>\n    )\n}\n"],"names":["Paper","t0","$","_c","children","style","className","t1","cls","paperMixin","t2"],"mappings":";;;;AAKO,SAAAA,MAAAC,IAAA;AAAAC,QAAAA,IAAAC,EAAA,CAAA;AAAe,QAAA;AAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAAL;AASrBM,MAAAA;AAAAL,MAAAA,SAAAI,WAAA;AAGsBE,SAAAA,IAAAC,YAAgBH,SAAS;AAACJ,WAAAI;AAAAJ,WAAAK;AAAAA,EAAAA,OAAA;AAAAA,SAAAL,EAAA,CAAA;AAAA,EAAA;AAAAQ,MAAAA;AAAAR,MAAAA,EAAAE,CAAAA,MAAAA,YAAAF,SAAAG,SAAAH,EAAA,CAAA,MAAAK,IAAA;AADzCG,sCACe,WAAAH,IACJF,OACC,UACZ;AAAMH,WAAAE;AAAAF,WAAAG;AAAAH,WAAAK;AAAAL,WAAAQ;AAAAA,EAAAA,OAAA;AAAAA,SAAAR,EAAA,CAAA;AAAA,EAAA;AAJNQ,SAAAA;AAIM;"}

package/dist/components/Popover.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { paperMixin } from "../styles.js";
+import { cls } from "../util/cls.js";
+import { useInjectStyles } from "../hooks/useInjectStyles.js";
+import "react";
+function Popover(t0) {
+  const $ = c(27);
+  const {
+    trigger,
+    children,
+    open,
+    onOpenChange,
+    side,
+    sideOffset: t1,
+    align,
+    alignOffset,
+    arrowPadding,
+    sticky,
+    hideWhenDetached,
+    avoidCollisions,
+    enabled: t2,
+    modal: t3,
+    portalContainer,
+    className
+  } = t0;
+  const sideOffset = t1 === void 0 ? 5 : t1;
+  const enabled = t2 === void 0 ? true : t2;
+  const modal = t3 === void 0 ? false : t3;
+  useInjectStyles("Popover", popoverStyles);
+  if (!enabled) {
+    let t42;
+    if ($[0] !== trigger) {
+      t42 = /* @__PURE__ */ jsx(Fragment, { children: trigger });
+      $[0] = trigger;
+      $[1] = t42;
+    } else {
+      t42 = $[1];
+    }
+    return t42;
+  }
+  let t4;
+  if ($[2] !== trigger) {
+    t4 = /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: trigger });
+    $[2] = trigger;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== className) {
+    t5 = cls(paperMixin, "PopoverContent z-40", className);
+    $[4] = className;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "fill-white dark:fill-surface-accent-950" });
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== align || $[8] !== alignOffset || $[9] !== arrowPadding || $[10] !== avoidCollisions || $[11] !== children || $[12] !== hideWhenDetached || $[13] !== side || $[14] !== sideOffset || $[15] !== sticky || $[16] !== t5) {
+    t7 = /* @__PURE__ */ jsxs(PopoverPrimitive.Content, { className: t5, side, sideOffset, align, alignOffset, arrowPadding, sticky, hideWhenDetached, avoidCollisions, children: [
+      children,
+      t6
+    ] });
+    $[7] = align;
+    $[8] = alignOffset;
+    $[9] = arrowPadding;
+    $[10] = avoidCollisions;
+    $[11] = children;
+    $[12] = hideWhenDetached;
+    $[13] = side;
+    $[14] = sideOffset;
+    $[15] = sticky;
+    $[16] = t5;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== portalContainer || $[19] !== t7) {
+    t8 = /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: t7 });
+    $[18] = portalContainer;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== modal || $[22] !== onOpenChange || $[23] !== open || $[24] !== t4 || $[25] !== t8) {
+    t9 = /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange, modal, children: [
+      t4,
+      t8
+    ] });
+    $[21] = modal;
+    $[22] = onOpenChange;
+    $[23] = open;
+    $[24] = t4;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
+}
+const popoverStyles = `
+
+.PopoverContent {
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+}
+.PopoverContent[data-state='open'][data-side='top'] {
+  animation-name: slideDownAndFade;
+}
+.PopoverContent[data-state='open'][data-side='right'] {
+  animation-name: slideLeftAndFade;
+}
+.PopoverContent[data-state='open'][data-side='bottom'] {
+  animation-name: slideUpAndFade;
+}
+.PopoverContent[data-state='open'][data-side='left'] {
+  animation-name: slideRightAndFade;
+}
+
+
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+`;
+export {
+  Popover
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../src/components/Popover.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { paperMixin } from \"../styles\";\nimport { cls } from \"../util\";\nimport { useInjectStyles } from \"../hooks\";\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport interface PopoverProps {\n    trigger: React.ReactNode;\n    children: React.ReactNode;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    side?: PopoverSide;\n    sideOffset?: number;\n    align?: PopoverAlign;\n    alignOffset?: number;\n    arrowPadding?: number;\n    sticky?: \"partial\" | \"always\";\n    hideWhenDetached?: boolean;\n    avoidCollisions?: boolean;\n    enabled?: boolean;\n    modal?: boolean;\n    className?: string;\n    portalContainer?: HTMLElement | null;\n}\n\nexport function Popover({\n                            trigger,\n                            children,\n                            open,\n                            onOpenChange,\n                            side,\n                            sideOffset = 5,\n                            align,\n                            alignOffset,\n                            arrowPadding,\n                            sticky,\n                            hideWhenDetached,\n                            avoidCollisions,\n                            enabled = true,\n                            modal = false,\n                            portalContainer,\n                            className\n                        }: PopoverProps) {\n\n    useInjectStyles(\"Popover\", popoverStyles);\n\n    if (!enabled)\n        return <>{trigger}</>;\n\n    return <PopoverPrimitive.Root open={open}\n                                  onOpenChange={onOpenChange}\n                                  modal={modal}>\n        <PopoverPrimitive.Trigger asChild>\n            {trigger}\n        </PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Portal container={portalContainer}>\n            <PopoverPrimitive.Content\n                className={cls(paperMixin,\n                    \"PopoverContent z-40\", className)}\n                side={side}\n                sideOffset={sideOffset}\n                align={align}\n                alignOffset={alignOffset}\n                arrowPadding={arrowPadding}\n                sticky={sticky}\n                hideWhenDetached={hideWhenDetached}\n                avoidCollisions={avoidCollisions}>\n\n                {children}\n                <PopoverPrimitive.Arrow className=\"fill-white dark:fill-surface-accent-950\"/>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>;\n}\n\nconst popoverStyles = `\n\n.PopoverContent {\n  animation-duration: 400ms;\n  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: transform, opacity;\n}\n.PopoverContent[data-state='open'][data-side='top'] {\n  animation-name: slideDownAndFade;\n}\n.PopoverContent[data-state='open'][data-side='right'] {\n  animation-name: slideLeftAndFade;\n}\n.PopoverContent[data-state='open'][data-side='bottom'] {\n  animation-name: slideUpAndFade;\n}\n.PopoverContent[data-state='open'][data-side='left'] {\n  animation-name: slideRightAndFade;\n}\n\n\n@keyframes slideUpAndFade {\n  from {\n    opacity: 0;\n    transform: translateY(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideRightAndFade {\n  from {\n    opacity: 0;\n    transform: translateX(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideDownAndFade {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideLeftAndFade {\n  from {\n    opacity: 0;\n    transform: translateX(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n`;\n"],"names":["Popover","t0","$","_c","trigger","children","open","onOpenChange","side","sideOffset","t1","align","alignOffset","arrowPadding","sticky","hideWhenDetached","avoidCollisions","enabled","t2","modal","t3","portalContainer","className","undefined","useInjectStyles","popoverStyles","t4","t5","cls","paperMixin","t6","Symbol","for","t7","t8","t9"],"mappings":"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"}

package/dist/components/RadioGroup.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cls } from "../util/cls.js";
+const RadioGroup = React.forwardRef((t0, ref) => {
+  const $ = c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cls("grid gap-2", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+    t2 = /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: t1, ...props, ref });
+    $[5] = props;
+    $[6] = ref;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef((t0, ref) => {
+  const $ = c(10);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cls("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 fill-current text-current bg-primary rounded-lg" }) });
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+    t3 = /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, { ref, className: t1, ...props, children: t2 });
+    $[6] = props;
+    $[7] = ref;
+    $[8] = t1;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/components/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { cls } from \"../util\";\n\nexport interface RadioGroupProps {\n    id?: string;\n    children: React.ReactNode;\n    name?: string\n    required?: boolean;\n    disabled?: boolean;\n    /**\n     * Whether keyboard navigation should loop around\n     * @defaultValue false\n     */\n    loop?: boolean;\n    defaultValue?: string;\n    value?: string;\n\n    onValueChange?(value: string): void;\n\n    className?: string;\n}\n\nconst RadioGroup = React.forwardRef<\n    React.ElementRef<typeof RadioGroupPrimitive.Root>,\n    RadioGroupProps\n>(({\n       className,\n       ...props\n   }, ref) => {\n    return (\n        <RadioGroupPrimitive.Root\n            className={cls(\"grid gap-2\", className)}\n            {...props}\n            ref={ref}\n        />\n    )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport interface RadioGroupItemProps {\n    id?: string;\n    value: string;\n    checked?: boolean;\n    required?: boolean;\n    className?: string;\n    disabled?: boolean;\n}\nconst RadioGroupItem = React.forwardRef<\n    React.ElementRef<typeof RadioGroupPrimitive.Item>,\n    RadioGroupItemProps\n>(({\n       className,\n       ...props\n   }, ref) => {\n    return (\n        <RadioGroupPrimitive.Item\n            ref={ref}\n            className={cls(\n                \"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n                className\n            )}\n            {...props}\n        >\n            <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n                <div className=\"h-2.5 w-2.5 fill-current text-current bg-primary rounded-lg\"/>\n            </RadioGroupPrimitive.Indicator>\n        </RadioGroupPrimitive.Item>\n    )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","React","forwardRef","t0","ref","$","_c","className","props","t1","cls","t2","displayName","RadioGroupPrimitive","Root","RadioGroupItem","Symbol","for","t3","Item"],"mappings":";;;;;;AAwBA,MAAMA,aAAaC,MAAMC,WAGvB,CAAAC,IAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,CAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAH,MAAAA,SAAAF,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAA,GAAAC;AAAAA,IAAAA,IAAAL;AAGCE,WAAAF;AAAAE,WAAAE;AAAAF,WAAAG;AAAAA,EAAAA,OAAA;AAAAD,gBAAAF,EAAA,CAAA;AAAAG,YAAAH,EAAA,CAAA;AAAA,EAAA;AAAAI,MAAAA;AAAAJ,MAAAA,SAAAE,WAAA;AAGmBG,SAAAA,IAAI,cAAcH,SAAS;AAACF,WAAAE;AAAAF,WAAAI;AAAAA,EAAAA,OAAA;AAAAA,SAAAJ,EAAA,CAAA;AAAA,EAAA;AAAAM,MAAAA;AAAAN,MAAAA,EAAAG,CAAAA,MAAAA,SAAAH,SAAAD,OAAAC,EAAA,CAAA,MAAAI,IAAA;AAA5B,SAAA,oBAAA,oBAAA,MAAA,EAAA,WAAAA,IACPD,GAAAA,OACCJ,KACP;AAAAC,WAAAG;AAAAH,WAAAD;AAAAC,WAAAI;AAAAJ,WAAAM;AAAAA,EAAAA,OAAA;AAAAA,SAAAN,EAAA,CAAA;AAAA,EAAA;AAJFM,SAAAA;AAIE,CAET;AACDX,WAAWY,cAAcC,oBAAoBC,KAAKF;AAUlD,MAAMG,iBAAiBd,MAAMC,WAG3B,CAAAC,IAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,EAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAH,MAAAA,SAAAF,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAA,GAAAC;AAAAA,IAAAA,IAAAL;AAGCE,WAAAF;AAAAE,WAAAE;AAAAF,WAAAG;AAAAA,EAAAA,OAAA;AAAAD,gBAAAF,EAAA,CAAA;AAAAG,YAAAH,EAAA,CAAA;AAAA,EAAA;AAAAI,MAAAA;AAAAJ,MAAAA,SAAAE,WAAA;AAImBG,SAAAA,IACP,4OACAH,SACJ;AAACF,WAAAE;AAAAF,WAAAI;AAAAA,EAAAA,OAAA;AAAAA,SAAAJ,EAAA,CAAA;AAAA,EAAA;AAAAM,MAAAA;AAAA,MAAAN,EAAA,CAAA,MAAAW,OAAAC,IAAA,2BAAA,GAAA;AAGD,SAAA,oBAAA,oBAAA,WAAA,EAAyC,WAAA,oCACrC,UAA8E,oBAAA,OAAA,EAA/D,WAAA,8DAAA,CAA6D,EAChF,CAAA;AAAgCZ,WAAAM;AAAAA,EAAAA,OAAA;AAAAA,SAAAN,EAAA,CAAA;AAAA,EAAA;AAAAa,MAAAA;AAAAb,MAAAA,EAAAG,CAAAA,MAAAA,SAAAH,SAAAD,OAAAC,EAAA,CAAA,MAAAI,IAAA;yDAT3BL,KACM,WAAAK,IAIPD,GAAAA,OAEJG,UAGJ,GAAA,CAAA;AAA2BN,WAAAG;AAAAH,WAAAD;AAAAC,WAAAI;AAAAJ,WAAAa;AAAAA,EAAAA,OAAA;AAAAA,SAAAb,EAAA,CAAA;AAAA,EAAA;AAX3Ba,SAAAA;AAW2B,CAElC;AACDH,eAAeH,cAAcC,oBAAoBM,KAAKP;"}

package/dist/components/SearchBar.js

@@ -0,0 +1,202 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React__default, { useState } from "react";
+import { defaultBorderMixin } from "../styles.js";
+import "@radix-ui/react-collapsible";
+import { cls } from "../util/cls.js";
+import { useDebounceValue } from "../hooks/useDebounceValue.js";
+import "./Avatar.js";
+import "./BooleanSwitch.js";
+import "./Button.js";
+import "./Card.js";
+import "./CenteredView.js";
+import "./Container.js";
+import { CircularProgress } from "./CircularProgress.js";
+import "@radix-ui/react-checkbox";
+import "../icons/Icon.js";
+import { ClearIcon } from "../icons/components/ClearIcon.js";
+import { SearchIcon } from "../icons/components/SearchIcon.js";
+import { IconButton } from "./IconButton.js";
+import "./InputLabel.js";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-visually-hidden";
+import "react-dropzone";
+import "./Label.js";
+import "./Markdown.js";
+import "./Menu.js";
+import "@radix-ui/react-menubar";
+import "./MultiSelect.js";
+import "./RadioGroup.js";
+import "./Select.js";
+import "@radix-ui/react-separator";
+import "./Slider.js";
+import "./TextareaAutosize.js";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-popover";
+function SearchBar(t0) {
+  const $ = c(39);
+  const {
+    onClick,
+    onTextSearch,
+    placeholder: t1,
+    expandable: t2,
+    large: t3,
+    innerClassName,
+    className,
+    autoFocus,
+    disabled,
+    loading,
+    inputRef
+  } = t0;
+  const placeholder = t1 === void 0 ? "Search" : t1;
+  const expandable = t2 === void 0 ? false : t2;
+  const large = t3 === void 0 ? false : t3;
+  const [searchText, setSearchText] = useState("");
+  const [active, setActive] = useState(false);
+  const deferredValues = useDebounceValue(searchText, 200);
+  let t4;
+  if ($[0] !== deferredValues || $[1] !== onTextSearch) {
+    t4 = () => {
+      if (!onTextSearch) {
+        return;
+      }
+      if (deferredValues) {
+        onTextSearch(deferredValues);
+      } else {
+        onTextSearch(void 0);
+      }
+    };
+    $[0] = deferredValues;
+    $[1] = onTextSearch;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  let t5;
+  if ($[3] !== deferredValues) {
+    t5 = [deferredValues];
+    $[3] = deferredValues;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  React__default.useEffect(t4, t5);
+  let t6;
+  if ($[5] !== onTextSearch) {
+    t6 = () => {
+      if (!onTextSearch) {
+        return;
+      }
+      setSearchText("");
+      onTextSearch(void 0);
+    };
+    $[5] = onTextSearch;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const clearText = t6;
+  const t7 = large ? "h-14" : "h-[42px]";
+  let t8;
+  if ($[7] !== className || $[8] !== t7) {
+    t8 = cls("relative", t7, "bg-surface-accent-50 dark:bg-surface-800 border", defaultBorderMixin, "rounded-lg", className);
+    $[7] = className;
+    $[8] = t7;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  let t9;
+  if ($[10] !== loading) {
+    t9 = /* @__PURE__ */ jsx("div", { className: "absolute p-0 px-4 h-full pointer-events-none flex items-center justify-center top-0", children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : /* @__PURE__ */ jsx(SearchIcon, { className: "text-text-disabled dark:text-text-disabled-dark" }) });
+    $[10] = loading;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  const t10 = searchText ?? "";
+  const t11 = !onTextSearch;
+  let t12;
+  if ($[12] !== onTextSearch) {
+    t12 = onTextSearch ? (event) => {
+      setSearchText(event.target.value);
+    } : void 0;
+    $[12] = onTextSearch;
+    $[13] = t12;
+  } else {
+    t12 = $[13];
+  }
+  let t13;
+  let t14;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => setActive(true);
+    t14 = () => setActive(false);
+    $[14] = t13;
+    $[15] = t14;
+  } else {
+    t13 = $[14];
+    t14 = $[15];
+  }
+  const t15 = (disabled || loading) && "pointer-events-none";
+  const t16 = expandable ? active ? "w-[220px]" : "w-[180px]" : "";
+  let t17;
+  if ($[16] !== innerClassName || $[17] !== t15 || $[18] !== t16) {
+    t17 = cls(t15, "placeholder-text-disabled dark:placeholder-text-disabled-dark", "relative flex items-center rounded-lg transition-all bg-transparent outline-none appearance-none border-none", "pl-12 h-full text-current ", t16, innerClassName);
+    $[16] = innerClassName;
+    $[17] = t15;
+    $[18] = t16;
+    $[19] = t17;
+  } else {
+    t17 = $[19];
+  }
+  let t18;
+  if ($[20] !== autoFocus || $[21] !== inputRef || $[22] !== onClick || $[23] !== placeholder || $[24] !== t10 || $[25] !== t11 || $[26] !== t12 || $[27] !== t17) {
+    t18 = /* @__PURE__ */ jsx("input", { value: t10, ref: inputRef, onClick, placeholder, readOnly: t11, onChange: t12, autoFocus, onFocus: t13, onBlur: t14, className: t17 });
+    $[20] = autoFocus;
+    $[21] = inputRef;
+    $[22] = onClick;
+    $[23] = placeholder;
+    $[24] = t10;
+    $[25] = t11;
+    $[26] = t12;
+    $[27] = t17;
+    $[28] = t18;
+  } else {
+    t18 = $[28];
+  }
+  let t19;
+  if ($[29] !== clearText || $[30] !== large || $[31] !== searchText) {
+    t19 = searchText ? /* @__PURE__ */ jsx(IconButton, { className: `${large ? "mr-2 top-1" : "mr-1 top-0"} absolute right-0 z-10`, onClick: clearText, children: /* @__PURE__ */ jsx(ClearIcon, { size: "small" }) }) : /* @__PURE__ */ jsx("div", { style: {
+      width: 26
+    } });
+    $[29] = clearText;
+    $[30] = large;
+    $[31] = searchText;
+    $[32] = t19;
+  } else {
+    t19 = $[32];
+  }
+  let t20;
+  if ($[33] !== onClick || $[34] !== t18 || $[35] !== t19 || $[36] !== t8 || $[37] !== t9) {
+    t20 = /* @__PURE__ */ jsxs("div", { onClick, className: t8, children: [
+      t9,
+      t18,
+      t19
+    ] });
+    $[33] = onClick;
+    $[34] = t18;
+    $[35] = t19;
+    $[36] = t8;
+    $[37] = t9;
+    $[38] = t20;
+  } else {
+    t20 = $[38];
+  }
+  return t20;
+}
+export {
+  SearchBar
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useState } from \"react\";\n\nimport { defaultBorderMixin } from \"../styles\";\nimport { CircularProgress, IconButton } from \"./index\";\nimport { ClearIcon, SearchIcon } from \"../icons\";\nimport { cls } from \"../util\";\nimport { useDebounceValue } from \"../hooks\";\n\ninterface SearchBarProps {\n    onClick?: () => void;\n    onTextSearch?: (searchString?: string) => void;\n    placeholder?: string;\n    expandable?: boolean;\n    large?: boolean;\n    innerClassName?: string;\n    className?: string;\n    autoFocus?: boolean;\n    disabled?: boolean;\n    loading?: boolean;\n    inputRef?: React.Ref<HTMLInputElement>;\n}\n\nexport function SearchBar({\n                              onClick,\n                              onTextSearch,\n                              placeholder = \"Search\",\n                              expandable = false,\n                              large = false,\n                              innerClassName,\n                              className,\n                              autoFocus,\n                              disabled,\n                              loading,\n                              inputRef\n                          }: SearchBarProps) {\n\n    const [searchText, setSearchText] = useState<string>(\"\");\n    const [active, setActive] = useState<boolean>(false);\n\n    const deferredValues = useDebounceValue(searchText, 200);\n\n    /**\n     * Debounce on Search text update\n     */\n    React.useEffect(() => {\n        if (!onTextSearch) return;\n        if (deferredValues) {\n            onTextSearch(deferredValues);\n        } else {\n            onTextSearch(undefined);\n        }\n    }, [deferredValues]);\n\n    const clearText = useCallback(() => {\n        if (!onTextSearch) return;\n        setSearchText(\"\");\n        onTextSearch(undefined);\n    }, [onTextSearch]);\n\n    return (\n        <div\n            onClick={onClick}\n            className={cls(\"relative\",\n                large ? \"h-14\" : \"h-[42px]\",\n                \"bg-surface-accent-50 dark:bg-surface-800 border\",\n                defaultBorderMixin,\n                \"rounded-lg\",\n                className)}>\n            <div\n                className=\"absolute p-0 px-4 h-full pointer-events-none flex items-center justify-center top-0\">\n                {loading ? <CircularProgress size={\"small\"}/> : <SearchIcon className={\"text-text-disabled dark:text-text-disabled-dark\"}/>}\n            </div>\n            <input\n                value={searchText ?? \"\"}\n                ref={inputRef}\n                onClick={onClick}\n                placeholder={placeholder}\n                readOnly={!onTextSearch}\n                onChange={onTextSearch\n                    ? (event) => {\n                        setSearchText(event.target.value);\n                    }\n                    : undefined}\n                autoFocus={autoFocus}\n                onFocus={() => setActive(true)}\n                onBlur={() => setActive(false)}\n                className={cls(\n                    (disabled || loading) && \"pointer-events-none\",\n                    \"placeholder-text-disabled dark:placeholder-text-disabled-dark\",\n                    \"relative flex items-center rounded-lg transition-all bg-transparent outline-none appearance-none border-none\",\n                    \"pl-12 h-full text-current \",\n                    expandable ? (active ? \"w-[220px]\" : \"w-[180px]\") : \"\",\n                    innerClassName\n                )}\n            />\n            {searchText\n                ? <IconButton\n                    className={`${large ? \"mr-2 top-1\" : \"mr-1 top-0\"} absolute right-0 z-10`}\n                    onClick={clearText}>\n                    <ClearIcon size={\"small\"}/>\n                </IconButton>\n                : <div style={{ width: 26 }}/>\n            }\n        </div>\n    );\n}\n"],"names":["SearchBar","t0","$","_c","onClick","onTextSearch","placeholder","t1","expandable","t2","large","t3","innerClassName","className","autoFocus","disabled","loading","inputRef","undefined","searchText","setSearchText","useState","active","setActive","deferredValues","useDebounceValue","t4","t5","useEffect","t6","clearText","t7","t8","cls","defaultBorderMixin","t9","t10","t11","t12","event","target","value","t13","t14","Symbol","for","t15","t16","t17","t18","t19","width","t20"],"mappings":"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"}