@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

package/MultiFilePicker/primitives/MultiFilePickerPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","filePickerVariants","FilePreview","FormPickerLabel","ImagePreview","RichItemPreview","TextOnlyPreview","Trigger","cn","makeDecoratable","withStaticProps","Button","inputVariants","useMultiFilePicker","BaseMultiFilePickerPrimitive","className","buttonPlaceholder","containerStyle","disabled","invalid","label","onEditItem","onRemoveItem","onReplaceItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","type","values","variant","vm","createElement","style","text","onClick","size","hasFiles","files","map","file","i","key","undefined","value","DecoratableMultiFilePickerPrimitive","MultiFilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["MultiFilePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    type FileItemDto,\n    type FileItemFormatted,\n    type FilePickerPrimitiveProps,\n    filePickerVariants,\n    FilePreview,\n    FormPickerLabel,\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview,\n    Trigger\n} from \"~/FilePicker\";\nimport { cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { Button } from \"~/Button\";\nimport { inputVariants } from \"~/Input\";\nimport { useMultiFilePicker } from \"~/MultiFilePicker/primitives/useMultiFilePicker\";\n\ninterface MultiFilePickerPrimitiveProps\n    extends Omit<FilePickerPrimitiveProps, \"value\" | \"onEditItem\" | \"onRemoveItem\"> {\n    /**\n     * The list of file items or file paths.\n     */\n    values?: FileItemDto[] | string[] | null;\n    /**\n     * Placeholder text for the button that allows users to select a file.\n     */\n    buttonPlaceholder?: string;\n    /**\n     * Callback function to replace an item.\n     */\n    onReplaceItem: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to edit an item.\n     */\n    onEditItem?: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to remove an item.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null, index: number) => void;\n}\n\nconst BaseMultiFilePickerPrimitive = ({\n    className,\n    buttonPlaceholder,\n    containerStyle,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onReplaceItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    values = [],\n    variant\n}: MultiFilePickerPrimitiveProps) => {\n    const { vm } = useMultiFilePicker({ values });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                \"wby-max-h-[280px]\",\n                className\n            )}\n            style={containerStyle}\n        >\n            {label && type === \"area\" && (\n                <div className={\"wby-flex wby-justify-between\"}>\n                    {typeof label === \"string\" ? (\n                        <FormPickerLabel label={label} className={\"wby-m-0\"} />\n                    ) : (\n                        label\n                    )}\n                    <Button\n                        text={buttonPlaceholder ?? \"Select a file\"}\n                        variant={\"ghost\"}\n                        onClick={onSelectItem}\n                        size={\"sm\"}\n                        disabled={disabled}\n                    />\n                </div>\n            )}\n            {vm.hasFiles ? (\n                <div className=\"wby-overflow-y-scroll wby-flex wby-flex-col wby-gap-xs\">\n                    {vm.files.map((file, i) => (\n                        <FilePreview\n                            key={`file-preview-${i}`}\n                            disabled={disabled}\n                            onEditItem={onEditItem ? () => onEditItem(file, i) : undefined}\n                            onRemoveItem={onRemoveItem ? () => onRemoveItem(file, i) : undefined}\n                            onReplaceItem={onReplaceItem ? () => onReplaceItem(file, i) : undefined}\n                            renderFilePreview={renderFilePreview}\n                            type={type}\n                            value={file}\n                        />\n                    ))}\n                </div>\n            ) : (\n                <Trigger\n                    disabled={disabled}\n                    onSelectItem={onSelectItem}\n                    renderTrigger={renderTrigger}\n                    text={placeholder}\n                    type={type}\n                    variant={variant}\n                />\n            )}\n        </div>\n    );\n};\n\nconst DecoratableMultiFilePickerPrimitive = makeDecoratable(\n    \"MultiFilePickerPrimitive\",\n    BaseMultiFilePickerPrimitive\n);\n\nconst MultiFilePickerPrimitive = withStaticProps(DecoratableMultiFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport {\n    MultiFilePickerPrimitive,\n    type FileItemFormatted,\n    type FileItemDto,\n    type MultiFilePickerPrimitiveProps\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FilePickerDescription","FilePickerLabel","filePickerVariants","FilePreview","ImagePreview","RichItemPreview","TextOnlyPreview","Trigger","cn","makeDecoratable","withStaticProps","Button","inputVariants","useMultiFilePicker","BaseMultiFilePickerPrimitive","className","buttonPlaceholder","containerStyle","description","disabled","invalid","label","onEditItem","onRemoveItem","onReplaceItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","type","values","variant","vm","createElement","style","text","onClick","size","hasFiles","files","map","file","i","key","undefined","value","DecoratableMultiFilePickerPrimitive","MultiFilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["MultiFilePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    type FileItemDto,\n    type FileItemFormatted,\n    FilePickerDescription,\n    FilePickerLabel,\n    type FilePickerPrimitiveProps,\n    filePickerVariants,\n    FilePreview,\n    ImagePreview,\n    RichItemPreview,\n    TextOnlyPreview,\n    Trigger\n} from \"~/FilePicker\";\nimport { cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { Button } from \"~/Button\";\nimport { inputVariants } from \"~/Input\";\nimport { useMultiFilePicker } from \"~/MultiFilePicker/primitives/useMultiFilePicker\";\n\ninterface MultiFilePickerPrimitiveProps\n    extends Omit<FilePickerPrimitiveProps, \"value\" | \"onEditItem\" | \"onRemoveItem\"> {\n    /**\n     * The list of file items or file paths.\n     */\n    values?: FileItemDto[] | string[] | null;\n    /**\n     * Placeholder text for the button that allows users to select a file.\n     */\n    buttonPlaceholder?: string;\n    /**\n     * Callback function to replace an item.\n     */\n    onReplaceItem: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to edit an item.\n     */\n    onEditItem?: (item: FileItemFormatted | null, index: number) => void;\n    /**\n     * Optional callback function to remove an item.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null, index: number) => void;\n}\n\nconst BaseMultiFilePickerPrimitive = ({\n    className,\n    buttonPlaceholder,\n    containerStyle,\n    description,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onReplaceItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    values = [],\n    variant\n}: MultiFilePickerPrimitiveProps) => {\n    const { vm } = useMultiFilePicker({ values });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                \"wby-max-h-[280px]\",\n                className\n            )}\n            style={containerStyle}\n        >\n            {type === \"area\" && (label || description) && (\n                <div className={\"wby-w-full wby-flex wby-justify-between\"}>\n                    <div className={\"wby-w-full\"}>\n                        {label && (\n                            <div className={\"wby-mb-xs\"}>\n                                {typeof label === \"string\" ? (\n                                    <FilePickerLabel\n                                        label={label}\n                                        className={\"wby-m-0\"}\n                                        disabled={disabled}\n                                    />\n                                ) : (\n                                    label\n                                )}\n                            </div>\n                        )}\n                        {description && (\n                            <FilePickerDescription\n                                description={description}\n                                disabled={disabled}\n                                className={\"wby-m-0\"}\n                            />\n                        )}\n                    </div>\n                    <Button\n                        text={buttonPlaceholder ?? \"Select a file\"}\n                        variant={\"ghost\"}\n                        onClick={onSelectItem}\n                        size={\"sm\"}\n                        disabled={disabled}\n                    />\n                </div>\n            )}\n            {vm.hasFiles ? (\n                <div className=\"wby-w-full wby-overflow-y-scroll wby-flex wby-flex-col wby-gap-xs\">\n                    {vm.files.map((file, i) => (\n                        <FilePreview\n                            key={`file-preview-${i}`}\n                            disabled={disabled}\n                            onEditItem={onEditItem ? () => onEditItem(file, i) : undefined}\n                            onRemoveItem={onRemoveItem ? () => onRemoveItem(file, i) : undefined}\n                            onReplaceItem={onReplaceItem ? () => onReplaceItem(file, i) : undefined}\n                            renderFilePreview={renderFilePreview}\n                            type={type}\n                            value={file}\n                        />\n                    ))}\n                </div>\n            ) : (\n                <Trigger\n                    disabled={disabled}\n                    onSelectItem={onSelectItem}\n                    renderTrigger={renderTrigger}\n                    text={placeholder}\n                    type={type}\n                    variant={variant}\n                />\n            )}\n        </div>\n    );\n};\n\nconst DecoratableMultiFilePickerPrimitive = makeDecoratable(\n    \"MultiFilePickerPrimitive\",\n    BaseMultiFilePickerPrimitive\n);\n\nconst MultiFilePickerPrimitive = withStaticProps(DecoratableMultiFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport {\n    MultiFilePickerPrimitive,\n    type FileItemFormatted,\n    type FileItemDto,\n    type MultiFilePickerPrimitiveProps\n};\n"],"mappings":"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","ignoreList":[]}

package/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { RadioGroupPrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { RadioGroupPrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 type RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;
 declare const RadioGroup: (({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element) & {
     original: ({ label, description, note, required, disabled, validation, ...props }: RadioGroupProps) => React.JSX.Element;

package/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","RadioGroupPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRadioGroup","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","RadioGroup"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { RadioGroupPrimitive, RadioGroupPrimitiveProps } from \"./primitives\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;\n\nconst DecoratableRadioGroup = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RadioGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription\n                text={description}\n                disabled={disabled}\n                className={\"wby-mb-xs-plus\"}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n                className={\"wby-mt-none wby-mb-xs-plus\"}\n            />\n            <RadioGroupPrimitive {...props} />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RadioGroup = makeDecoratable(\"RadioGroup\", DecoratableRadioGroup);\n\nexport { RadioGroup };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAC5B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IACrBmB,IAAI,EAAEb,WAAY;IAClBG,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAAiB,CAC/B,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAA6B,CAC3C,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAClB,mBAAmB,EAAKY,KAAQ,CAAC,eAClCf,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMW,UAAU,GAAGtB,eAAe,CAAC,YAAY,EAAEM,qBAAqB,CAAC;AAEvE,SAASgB,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","RadioGroupPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRadioGroup","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","RadioGroup"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RadioGroupPrimitiveProps } from \"./primitives\";\nimport { RadioGroupPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RadioGroupProps = RadioGroupPrimitiveProps & FormComponentProps;\n\nconst DecoratableRadioGroup = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RadioGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription\n                text={description}\n                disabled={disabled}\n                className={\"wby-mb-xs-plus\"}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n                className={\"wby-mt-none wby-mb-xs-plus\"}\n            />\n            <RadioGroupPrimitive {...props} />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RadioGroup = makeDecoratable(\"RadioGroup\", DecoratableRadioGroup);\n\nexport { RadioGroup };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,mBAAmB;AAE5B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IACrBmB,IAAI,EAAEb,WAAY;IAClBG,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAAiB,CAC/B,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAE;EAA6B,CAC3C,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAClB,mBAAmB,EAAKY,KAAQ,CAAC,eAClCf,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMW,UAAU,GAAGtB,eAAe,CAAC,YAAY,EAAEM,qBAAqB,CAAC;AAEvE,SAASgB,UAAU","ignoreList":[]}

package/RadioGroup/domains/RadioItem.d.ts

@@ -1,4 +1,4 @@
-import { RadioItemParams } from "./RadioItemParams";
+import type { RadioItemParams } from "./RadioItemParams";
 export declare class RadioItem {
     private readonly _id;
     private readonly _label;

package/RadioGroup/domains/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","RadioItem","constructor","data","_id","id","_label","label","_value","value","_disabled","disabled","create"],"sources":["RadioItem.ts"],"sourcesContent":["import { RadioItemParams } from \"./RadioItemParams\";\nimport { generateId } from \"~/utils\";\n\nexport class RadioItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string | number;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: RadioItemParams) {\n        return new RadioItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,SAAS,CAAC;EAMTC,WAAWA,CAACC,IAKrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,SAAS,CAAC;MACjBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,QAAQ,EAAER,IAAI,CAACQ,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIN,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
+{"version":3,"names":["generateId","RadioItem","constructor","data","_id","id","_label","label","_value","value","_disabled","disabled","create"],"sources":["RadioItem.ts"],"sourcesContent":["import type { RadioItemParams } from \"./RadioItemParams\";\nimport { generateId } from \"~/utils\";\n\nexport class RadioItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string | number;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: RadioItemParams) {\n        return new RadioItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,SAAS,CAAC;EAMTC,WAAWA,CAACC,IAKrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,SAAS,CAAC;MACjBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,QAAQ,EAAER,IAAI,CAACQ,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIN,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/RadioGroup/domains/RadioItemFormatted.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface RadioItemFormatted {
     id: string;
     label: string | React.ReactNode;

package/RadioGroup/domains/RadioItemFormatted.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["RadioItemFormatted.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface RadioItemFormatted {\n    id: string;\n    label: string | React.ReactNode;\n    value: string;\n    disabled: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["RadioItemFormatted.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface RadioItemFormatted {\n    id: string;\n    label: string | React.ReactNode;\n    value: string;\n    disabled: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/RadioGroup/domains/RadioItemFormatter.d.ts

@@ -1,5 +1,5 @@
-import { RadioItemFormatted } from "./RadioItemFormatted";
-import { RadioItem } from "./RadioItem";
+import type { RadioItemFormatted } from "./RadioItemFormatted";
+import type { RadioItem } from "./RadioItem";
 export declare class RadioItemFormatter {
     static format(item: RadioItem): RadioItemFormatted;
 }

package/RadioGroup/domains/RadioItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioItemFormatter","format","item","id","label","value","String","disabled"],"sources":["RadioItemFormatter.ts"],"sourcesContent":["import { RadioItemFormatted } from \"./RadioItemFormatted\";\nimport { RadioItem } from \"./RadioItem\";\n\nexport class RadioItemFormatter {\n    static format(item: RadioItem): RadioItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: String(item.value),\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,MAAMA,CAACC,IAAe,EAAsB;IAC/C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEC,MAAM,CAACJ,IAAI,CAACG,KAAK,CAAC;MACzBE,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["RadioItemFormatter","format","item","id","label","value","String","disabled"],"sources":["RadioItemFormatter.ts"],"sourcesContent":["import type { RadioItemFormatted } from \"./RadioItemFormatted\";\nimport type { RadioItem } from \"./RadioItem\";\n\nexport class RadioItemFormatter {\n    static format(item: RadioItem): RadioItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: String(item.value),\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,MAAMA,CAACC,IAAe,EAAsB;IAC/C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEC,MAAM,CAACJ,IAAI,CAACG,KAAK,CAAC;MACzBE,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}

package/RadioGroup/domains/RadioItemParams.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface RadioItemParams {
     id?: string;
     label: string | React.ReactNode;

package/RadioGroup/domains/RadioItemParams.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["RadioItemParams.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface RadioItemParams {\n    id?: string;\n    label: string | React.ReactNode;\n    value: string | number;\n    disabled?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["RadioItemParams.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface RadioItemParams {\n    id?: string;\n    label: string | React.ReactNode;\n    value: string | number;\n    disabled?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/RadioGroup/primitives/RadioGroupPrimitive.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
-import { RadioItemParams, RadioItemFormatted } from "../domains";
+import type { RadioItemParams, RadioItemFormatted } from "../domains";
 /**
  * Radio Group Renderer
  */

package/RadioGroup/primitives/RadioGroupPrimitive.js

@@ -27,7 +27,7 @@ const RadioGroupRenderer = ({
   disabled
 }) => {
   return /*#__PURE__*/React.createElement(RadioGroupRoot, {
-    value: value,
+    value: value ?? "",
     onValueChange: value => changeValue(value),
     disabled: disabled
   }, items.map(item => /*#__PURE__*/React.createElement(Radio, {

package/RadioGroup/primitives/RadioGroupPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RadioGroup","RadioGroupPrimitives","cn","Radio","useRadioGroup","RadioGroupRoot","className","props","createElement","Root","Object","assign","RadioGroupRenderer","items","changeValue","value","disabled","onValueChange","map","item","id","key","label","RadioGroupPrimitive","vm","DeprecatedRadioGroup"],"sources":["RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { Radio } from \"./Radio\";\nimport { RadioItemParams, RadioItemFormatted } from \"../domains\";\nimport { useRadioGroup } from \"./useRadioGroup\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"wby-grid wby-gap-sm-extra wby-py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps\n    extends Omit<\n        RadioGroupPrimitives.RadioGroupProps,\n        \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n    > {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,oBAAoB,QAAQ,UAAU;AAC7D,SAASC,EAAE;AACX,SAASC,KAAK;AAEd,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4C,CAAC,KAAK;EACtF,oBACIR,KAAA,CAAAS,aAAA,CAACP,oBAAoB,CAACQ,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACtBL,SAAS,EAAEJ,EAAE,CAAC,0CAA0C,EAAEI,SAAS;EAAE,GACjEC,KAAK,CACZ,CAAC;AAEV,CAAC;;AAED;AACA;AACA;;AA0BA,MAAMK,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC7F,oBACIjB,KAAA,CAAAS,aAAA,CAACH,cAAc;IACXU,KAAK,EAAEA,KAAM;IACbE,aAAa,EAAEF,KAAK,IAAID,WAAW,CAACC,KAAK,CAAE;IAC3CC,QAAQ,EAAEA;EAAS,GAElBH,KAAK,CAACK,GAAG,CAACC,IAAI,iBACXpB,KAAA,CAAAS,aAAA,CAACL,KAAK;IACFiB,EAAE,EAAED,IAAI,CAACC,EAAG;IACZL,KAAK,EAAEI,IAAI,CAACJ,KAAM;IAClBM,GAAG,EAAEF,IAAI,CAACC,EAAG;IACbE,KAAK,EAAEH,IAAI,CAACG,KAAM;IAClBN,QAAQ,EAAEG,IAAI,CAACH;EAAS,CAC3B,CACJ,CACW,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA,MAAMO,mBAAmB,GAAIhB,KAA+B,IAAK;EAC7D,MAAM;IAAEiB,EAAE;IAAEV;EAAY,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;EAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACI,kBAAkB,EAAAF,MAAA,CAAAC,MAAA,KAAKJ,KAAK;IAAEM,KAAK,EAAEW,EAAE,CAACX,KAAM;IAACC,WAAW,EAAEA;EAAY,EAAE,CAAC;AACvF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,oBAAoB,GAAGpB,cAAc;AAE3C,SACIkB,mBAAmB,EACnBX,kBAAkB,EAClBa,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","RadioGroup","RadioGroupPrimitives","cn","Radio","useRadioGroup","RadioGroupRoot","className","props","createElement","Root","Object","assign","RadioGroupRenderer","items","changeValue","value","disabled","onValueChange","map","item","id","key","label","RadioGroupPrimitive","vm","DeprecatedRadioGroup"],"sources":["RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { Radio } from \"./Radio\";\nimport type { RadioItemParams, RadioItemFormatted } from \"../domains\";\nimport { useRadioGroup } from \"./useRadioGroup\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"wby-grid wby-gap-sm-extra wby-py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps\n    extends Omit<\n        RadioGroupPrimitives.RadioGroupProps,\n        \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n    > {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value ?? \"\"}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,oBAAoB,QAAQ,UAAU;AAC7D,SAASC,EAAE;AACX,SAASC,KAAK;AAEd,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4C,CAAC,KAAK;EACtF,oBACIR,KAAA,CAAAS,aAAA,CAACP,oBAAoB,CAACQ,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACtBL,SAAS,EAAEJ,EAAE,CAAC,0CAA0C,EAAEI,SAAS;EAAE,GACjEC,KAAK,CACZ,CAAC;AAEV,CAAC;;AAED;AACA;AACA;;AA0BA,MAAMK,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC7F,oBACIjB,KAAA,CAAAS,aAAA,CAACH,cAAc;IACXU,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBE,aAAa,EAAEF,KAAK,IAAID,WAAW,CAACC,KAAK,CAAE;IAC3CC,QAAQ,EAAEA;EAAS,GAElBH,KAAK,CAACK,GAAG,CAACC,IAAI,iBACXpB,KAAA,CAAAS,aAAA,CAACL,KAAK;IACFiB,EAAE,EAAED,IAAI,CAACC,EAAG;IACZL,KAAK,EAAEI,IAAI,CAACJ,KAAM;IAClBM,GAAG,EAAEF,IAAI,CAACC,EAAG;IACbE,KAAK,EAAEH,IAAI,CAACG,KAAM;IAClBN,QAAQ,EAAEG,IAAI,CAACH;EAAS,CAC3B,CACJ,CACW,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA,MAAMO,mBAAmB,GAAIhB,KAA+B,IAAK;EAC7D,MAAM;IAAEiB,EAAE;IAAEV;EAAY,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;EAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACI,kBAAkB,EAAAF,MAAA,CAAAC,MAAA,KAAKJ,KAAK;IAAEM,KAAK,EAAEW,EAAE,CAACX,KAAM;IAACC,WAAW,EAAEA;EAAY,EAAE,CAAC;AACvF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,oBAAoB,GAAGpB,cAAc;AAE3C,SACIkB,mBAAmB,EACnBX,kBAAkB,EAClBa,oBAAoB","ignoreList":[]}

package/RadioGroup/primitives/presenters/RadioGroupPresenter.d.ts

@@ -1,5 +1,5 @@
-import { RadioGroupVm } from "../RadioGroupPrimitive";
-import { RadioItemParams } from "../../domains/RadioItemParams";
+import type { RadioGroupVm } from "../RadioGroupPrimitive";
+import type { RadioItemParams } from "../../domains/RadioItemParams";
 interface RadioGroupPresenterParams<TValue = string> {
     items: RadioItemParams[];
     onValueChange?: (value: TValue) => void;

package/RadioGroup/primitives/presenters/RadioGroupPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","RadioItem","RadioItemFormatter","RadioGroupPresenter","params","undefined","constructor","init","vm","items","getRadioItems","map","item","format","changeValue","value","onValueChange","create"],"sources":["RadioGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { RadioGroupVm } from \"../RadioGroupPrimitive\";\nimport { RadioItem } from \"~/RadioGroup/domains/RadioItem\";\nimport { RadioItemFormatter } from \"~/RadioGroup/domains/RadioItemFormatter\";\nimport { RadioItemParams } from \"~/RadioGroup/domains/RadioItemParams\";\n\ninterface RadioGroupPresenterParams<TValue = string> {\n    items: RadioItemParams[];\n    onValueChange?: (value: TValue) => void;\n}\n\ninterface IRadioGroupPresenter<TValue = string> {\n    vm: RadioGroupVm;\n    init: (props: RadioGroupPresenterParams<TValue>) => void;\n    changeValue: (value: TValue) => void;\n}\n\nclass RadioGroupPresenter<TValue = string> implements IRadioGroupPresenter<TValue> {\n    private params?: RadioGroupPresenterParams<TValue> = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: RadioGroupPresenterParams<TValue>) => {\n        this.params = params;\n    };\n\n    get vm() {\n        return {\n            items: this.getRadioItems().map(item => RadioItemFormatter.format(item))\n        };\n    }\n\n    public changeValue = (value: TValue) => {\n        this.params?.onValueChange?.(value);\n    };\n\n    private getRadioItems() {\n        if (!this.params?.items) {\n            return [];\n        }\n\n        return this.params.items.map(item => RadioItem.create(item));\n    }\n}\n\nexport { RadioGroupPresenter, type RadioGroupPresenterParams, type IRadioGroupPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,SAAS;AAClB,SAASC,kBAAkB;AAc3B,MAAMC,mBAAmB,CAA0D;EACvEC,MAAM,GAAuCC,SAAS;EAE9DC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOO,IAAI,GAAIH,MAAyC,IAAK;IACzD,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB,CAAC;EAED,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACC,aAAa,CAAC,CAAC,CAACC,GAAG,CAACC,IAAI,IAAIV,kBAAkB,CAACW,MAAM,CAACD,IAAI,CAAC;IAC3E,CAAC;EACL;EAEOE,WAAW,GAAIC,KAAa,IAAK;IACpC,IAAI,CAACX,MAAM,EAAEY,aAAa,GAAGD,KAAK,CAAC;EACvC,CAAC;EAEOL,aAAaA,CAAA,EAAG;IACpB,IAAI,CAAC,IAAI,CAACN,MAAM,EAAEK,KAAK,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAO,IAAI,CAACL,MAAM,CAACK,KAAK,CAACE,GAAG,CAACC,IAAI,IAAIX,SAAS,CAACgB,MAAM,CAACL,IAAI,CAAC,CAAC;EAChE;AACJ;AAEA,SAAST,mBAAmB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","RadioItem","RadioItemFormatter","RadioGroupPresenter","params","undefined","constructor","init","vm","items","getRadioItems","map","item","format","changeValue","value","onValueChange","create"],"sources":["RadioGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RadioGroupVm } from \"../RadioGroupPrimitive\";\nimport { RadioItem } from \"~/RadioGroup/domains/RadioItem\";\nimport { RadioItemFormatter } from \"~/RadioGroup/domains/RadioItemFormatter\";\nimport type { RadioItemParams } from \"~/RadioGroup/domains/RadioItemParams\";\n\ninterface RadioGroupPresenterParams<TValue = string> {\n    items: RadioItemParams[];\n    onValueChange?: (value: TValue) => void;\n}\n\ninterface IRadioGroupPresenter<TValue = string> {\n    vm: RadioGroupVm;\n    init: (props: RadioGroupPresenterParams<TValue>) => void;\n    changeValue: (value: TValue) => void;\n}\n\nclass RadioGroupPresenter<TValue = string> implements IRadioGroupPresenter<TValue> {\n    private params?: RadioGroupPresenterParams<TValue> = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: RadioGroupPresenterParams<TValue>) => {\n        this.params = params;\n    };\n\n    get vm() {\n        return {\n            items: this.getRadioItems().map(item => RadioItemFormatter.format(item))\n        };\n    }\n\n    public changeValue = (value: TValue) => {\n        this.params?.onValueChange?.(value);\n    };\n\n    private getRadioItems() {\n        if (!this.params?.items) {\n            return [];\n        }\n\n        return this.params.items.map(item => RadioItem.create(item));\n    }\n}\n\nexport { RadioGroupPresenter, type RadioGroupPresenterParams, type IRadioGroupPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,SAAS;AAClB,SAASC,kBAAkB;AAc3B,MAAMC,mBAAmB,CAA0D;EACvEC,MAAM,GAAuCC,SAAS;EAE9DC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOO,IAAI,GAAIH,MAAyC,IAAK;IACzD,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB,CAAC;EAED,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACC,aAAa,CAAC,CAAC,CAACC,GAAG,CAACC,IAAI,IAAIV,kBAAkB,CAACW,MAAM,CAACD,IAAI,CAAC;IAC3E,CAAC;EACL;EAEOE,WAAW,GAAIC,KAAa,IAAK;IACpC,IAAI,CAACX,MAAM,EAAEY,aAAa,GAAGD,KAAK,CAAC;EACvC,CAAC;EAEOL,aAAaA,CAAA,EAAG;IACpB,IAAI,CAAC,IAAI,CAACN,MAAM,EAAEK,KAAK,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAO,IAAI,CAACL,MAAM,CAACK,KAAK,CAACE,GAAG,CAACC,IAAI,IAAIX,SAAS,CAACgB,MAAM,CAACL,IAAI,CAAC,CAAC;EAChE;AACJ;AAEA,SAAST,mBAAmB","ignoreList":[]}

package/RadioGroup/primitives/useRadioGroup.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupPrimitiveProps } from "./RadioGroupPrimitive";
+import type { RadioGroupPrimitiveProps } from "./RadioGroupPrimitive";
 export declare const useRadioGroup: (props: RadioGroupPrimitiveProps) => {
     vm: {
         items: import("../domains").RadioItemFormatted[];

package/RadioGroup/primitives/useRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","RadioGroupPresenter","useRadioGroup","props","params","items","onValueChange","onChange","presenter","init","vm","setVm","changeValue"],"sources":["useRadioGroup.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { RadioGroupPrimitiveProps } from \"./RadioGroupPrimitive\";\nimport { RadioGroupPresenter, RadioGroupPresenterParams } from \"./presenters/RadioGroupPresenter\";\n\nexport const useRadioGroup = (props: RadioGroupPrimitiveProps) => {\n    const params: RadioGroupPresenterParams = useMemo(\n        () => ({\n            items: props.items,\n            onValueChange: props.onChange\n        }),\n        [props.items, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new RadioGroupPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,aAAa,GAAIC,KAA+B,IAAK;EAC9D,MAAMC,MAAiC,GAAGN,OAAO,CAC7C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,aAAa,EAAEH,KAAK,CAACI;EACzB,CAAC,CAAC,EACF,CAACJ,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACI,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZW,SAAS,CAACC,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGZ,QAAQ,CAACS,SAAS,CAACE,EAAE,CAAC;EAE1Cb,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBW,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI;EAAY,CAAC;AACrD,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","RadioGroupPresenter","useRadioGroup","props","params","items","onValueChange","onChange","presenter","init","vm","setVm","changeValue"],"sources":["useRadioGroup.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { RadioGroupPrimitiveProps } from \"./RadioGroupPrimitive\";\nimport type { RadioGroupPresenterParams } from \"./presenters/RadioGroupPresenter\";\nimport { RadioGroupPresenter } from \"./presenters/RadioGroupPresenter\";\n\nexport const useRadioGroup = (props: RadioGroupPrimitiveProps) => {\n    const params: RadioGroupPresenterParams = useMemo(\n        () => ({\n            items: props.items,\n            onValueChange: props.onChange\n        }),\n        [props.items, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new RadioGroupPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,aAAa,GAAIC,KAA+B,IAAK;EAC9D,MAAMC,MAAiC,GAAGN,OAAO,CAC7C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,aAAa,EAAEH,KAAK,CAACI;EACzB,CAAC,CAAC,EACF,CAACJ,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACI,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAENJ,SAAS,CAAC,MAAM;IACZW,SAAS,CAACC,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGZ,QAAQ,CAACS,SAAS,CAACE,EAAE,CAAC;EAE1Cb,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBW,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI;EAAY,CAAC;AACrD,CAAC","ignoreList":[]}

package/RangeSlider/RangeSlider.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { RangeSliderPrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { RangeSliderPrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 type RangeSliderProps = RangeSliderPrimitiveProps & FormComponentProps & {
     label: React.ReactNode;
     valueConverter?: (value: number) => string;

package/RangeSlider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","RangeSliderPrimitiveRenderer","RangeSliderValue","useRangeSlider","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRangeSlider","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","useMemo","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","createElement","className","text","label","required","disabled","value","textValues","Object","assign","onValueChange","onValueCommit","RangeSlider"],"sources":["RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport {\n    RangeSliderPrimitiveProps,\n    RangeSliderPrimitiveRenderer,\n    RangeSliderValue,\n    useRangeSlider\n} from \"./primitives\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype RangeSliderProps = RangeSliderPrimitiveProps &\n    FormComponentProps & {\n        label: React.ReactNode;\n        valueConverter?: (value: number) => string;\n    };\n\nconst DecoratableRangeSlider = ({ description, note, validation, ...props }: RangeSliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = React.useMemo(() => validationIsValid === false, [validationIsValid]);\n    const { onValuesChange, onValuesCommit, ...restProps } = props;\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={props.label}\n                required={props.required}\n                disabled={props.disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <div className={\"wby-flex wby-flex-row wby-items-center wby-justify-between\"}>\n                <div className={\"wby-basis-1/12 wby-pr-xxs\"}>\n                    <RangeSliderValue value={vm.textValues[0]} disabled={props.disabled} />\n                </div>\n                <div className={\"wby-basis-10/12\"}>\n                    <RangeSliderPrimitiveRenderer\n                        {...restProps}\n                        {...vm}\n                        onValueChange={changeValues}\n                        onValueCommit={commitValues}\n                    />\n                </div>\n                <div className={\"wby-basis-1/12 wby-pl-xxs wby-text-right\"}>\n                    <RangeSliderValue value={vm.textValues[1]} disabled={props.disabled} />\n                </div>\n            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst RangeSlider = makeDecoratable(\"RangeSlider\", DecoratableRangeSlider);\n\nexport { RangeSlider, type RangeSliderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAEIC,4BAA4B,EAC5BC,gBAAgB,EAChBC,cAAc;AAElB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAUrB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC9F,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGlB,KAAK,CAACmB,OAAO,CAAC,MAAMJ,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EACrF,MAAM;IAAEK,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGT,KAAK;EAC9D,MAAM;IAAEU,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZF,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB3B,KAAA,CAAA0B,aAAA,CAACnB,kBAAkB;IACfqB,IAAI,EAAEf,KAAK,CAACgB,KAAM;IAClBC,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;IACzBC,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBb,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFlB,KAAA,CAAA0B,aAAA,CAACrB,wBAAwB;IAACuB,IAAI,EAAElB,WAAY;IAACqB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CAAC,eACzE/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA6D,gBACzE3B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxC3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CAAC,eACN/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9B3B,KAAA,CAAA0B,aAAA,CAACxB,4BAA4B,EAAAgC,MAAA,CAAAC,MAAA,KACrBb,SAAS,EACTC,EAAE;IACNa,aAAa,EAAEZ,YAAa;IAC5Ba,aAAa,EAAEZ;EAAa,EAC/B,CACA,CAAC,eACNzB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvD3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CACJ,CAAC,eACN/B,KAAA,CAAA0B,aAAA,CAACpB,yBAAyB;IACtBsB,IAAI,EAAEX,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBa,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAC5B,CAAC,eACF/B,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB;IAACoB,IAAI,EAAEjB,IAAK;IAACoB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAMO,WAAW,GAAGrC,eAAe,CAAC,aAAa,EAAEQ,sBAAsB,CAAC;AAE1E,SAAS6B,WAAW","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","RangeSliderPrimitiveRenderer","RangeSliderValue","useRangeSlider","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRangeSlider","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","useMemo","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","createElement","className","text","label","required","disabled","value","textValues","Object","assign","onValueChange","onValueCommit","RangeSlider"],"sources":["RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RangeSliderPrimitiveProps } from \"./primitives\";\nimport { RangeSliderPrimitiveRenderer, RangeSliderValue, useRangeSlider } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RangeSliderProps = RangeSliderPrimitiveProps &\n    FormComponentProps & {\n        label: React.ReactNode;\n        valueConverter?: (value: number) => string;\n    };\n\nconst DecoratableRangeSlider = ({ description, note, validation, ...props }: RangeSliderProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = React.useMemo(() => validationIsValid === false, [validationIsValid]);\n    const { onValuesChange, onValuesCommit, ...restProps } = props;\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={props.label}\n                required={props.required}\n                disabled={props.disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <div className={\"wby-flex wby-flex-row wby-items-center wby-justify-between\"}>\n                <div className={\"wby-basis-1/12 wby-pr-xxs\"}>\n                    <RangeSliderValue value={vm.textValues[0]} disabled={props.disabled} />\n                </div>\n                <div className={\"wby-basis-10/12\"}>\n                    <RangeSliderPrimitiveRenderer\n                        {...restProps}\n                        {...vm}\n                        onValueChange={changeValues}\n                        onValueCommit={commitValues}\n                    />\n                </div>\n                <div className={\"wby-basis-1/12 wby-pl-xxs wby-text-right\"}>\n                    <RangeSliderValue value={vm.textValues[1]} disabled={props.disabled} />\n                </div>\n            </div>\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst RangeSlider = makeDecoratable(\"RangeSlider\", DecoratableRangeSlider);\n\nexport { RangeSlider, type RangeSliderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,4BAA4B,EAAEC,gBAAgB,EAAEC,cAAc;AAEvE,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AASrB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC9F,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGlB,KAAK,CAACmB,OAAO,CAAC,MAAMJ,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EACrF,MAAM;IAAEK,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGT,KAAK;EAC9D,MAAM;IAAEU,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZF,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB3B,KAAA,CAAA0B,aAAA,CAACnB,kBAAkB;IACfqB,IAAI,EAAEf,KAAK,CAACgB,KAAM;IAClBC,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;IACzBC,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBb,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFlB,KAAA,CAAA0B,aAAA,CAACrB,wBAAwB;IAACuB,IAAI,EAAElB,WAAY;IAACqB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CAAC,eACzE/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA6D,gBACzE3B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxC3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CAAC,eACN/B,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9B3B,KAAA,CAAA0B,aAAA,CAACxB,4BAA4B,EAAAgC,MAAA,CAAAC,MAAA,KACrBb,SAAS,EACTC,EAAE;IACNa,aAAa,EAAEZ,YAAa;IAC5Ba,aAAa,EAAEZ;EAAa,EAC/B,CACA,CAAC,eACNzB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvD3B,KAAA,CAAA0B,aAAA,CAACvB,gBAAgB;IAAC6B,KAAK,EAAET,EAAE,CAACU,UAAU,CAAC,CAAC,CAAE;IAACF,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACrE,CACJ,CAAC,eACN/B,KAAA,CAAA0B,aAAA,CAACpB,yBAAyB;IACtBsB,IAAI,EAAEX,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBa,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAC5B,CAAC,eACF/B,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB;IAACoB,IAAI,EAAEjB,IAAK;IAACoB,QAAQ,EAAElB,KAAK,CAACkB;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAMO,WAAW,GAAGrC,eAAe,CAAC,aAAa,EAAEQ,sBAAsB,CAAC;AAE1E,SAAS6B,WAAW","ignoreList":[]}

package/RangeSlider/primitives/RangeSliderPrimitive.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Slider as SliderPrimitives } from "radix-ui";
+import type { Slider as SliderPrimitives } from "radix-ui";
 import { type SliderThumbProps } from "../../Slider";
 interface RangeSliderPrimitiveRootProps extends Omit<SliderPrimitives.SliderProps, "min" | "max" | "value"> {
     /**

package/RangeSlider/primitives/RangeSliderPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SliderRoot","SliderThumb","SliderTrack","useRangeSlider","RangeSliderPrimitiveRenderer","tooltipSide","textValues","showTooltip","values","sliderProps","createElement","className","Object","assign","value","textValue","RangeSliderPrimitive","props","transformValue","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","onValueChange","onValueCommit"],"sources":["RangeSliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { SliderRoot, SliderThumb, type SliderThumbProps, SliderTrack } from \"~/Slider\";\nimport { useRangeSlider } from \"./useRangeSlider\";\n\ninterface RangeSliderPrimitiveRootProps\n    extends Omit<SliderPrimitives.SliderProps, \"min\" | \"max\" | \"value\"> {\n    /**\n     * Array of numbers representing the current values of the range slider.\n     */\n    values: number[];\n    /**\n     * Minimum value of the range slider.\n     */\n    min: number;\n    /**\n     * Maximum value of the range slider.\n     */\n    max: number;\n}\n\ninterface RangeSliderPrimitiveThumbProps extends Omit<SliderThumbProps, \"labelValue\"> {\n    textValues: string[];\n}\n\ninterface RangeSliderPrimitiveVm\n    extends RangeSliderPrimitiveRootProps,\n        Omit<RangeSliderPrimitiveThumbProps, \"textValue\"> {\n    textValues: string[];\n}\n\n/**\n * RangeSliderRenderer\n */\n\nconst RangeSliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValues,\n    showTooltip,\n    values,\n    ...sliderProps\n}: RangeSliderPrimitiveVm) => {\n    return (\n        <div className={\"wby-flex wby-h-md wby-w-full\"}>\n            <SliderRoot {...sliderProps} value={values}>\n                <SliderTrack />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[0]}\n                />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[1]}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\n/**\n * RangeSlider\n */\ninterface RangeSliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    values?: number[];\n}\n\nconst RangeSliderPrimitive = (props: RangeSliderPrimitiveProps) => {\n    const { transformValue, onValuesChange, onValuesCommit, ...restProps } = props; // Rename transformValue to _ to avoid ESLint warning\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        transformValue,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <RangeSliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValues}\n            onValueCommit={commitValues}\n        />\n    );\n};\n\nexport {\n    RangeSliderPrimitive,\n    RangeSliderPrimitiveRenderer,\n    type RangeSliderPrimitiveProps,\n    type RangeSliderPrimitiveVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,WAAW,EAAyBC,WAAW;AACpE,SAASC,cAAc;AA4BvB;AACA;AACA;;AAEA,MAAMC,4BAA4B,GAAGA,CAAC;EAClCC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,MAAM;EACN,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CZ,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,WAAW;IAAEK,KAAK,EAAEN;EAAO,iBACvCT,KAAA,CAAAW,aAAA,CAACR,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CAAC,eACFP,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;;AAED;AACA;AACA;;AAcA,MAAMU,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,MAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK,CAAC,CAAC;EAChF,MAAM;IAAEK,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZH,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAW,aAAA,CAACN,4BAA4B,EAAAQ,MAAA,CAAAC,MAAA,KACrBQ,SAAS,EACTC,EAAE;IACNG,aAAa,EAAEF,YAAa;IAC5BG,aAAa,EAAEF;EAAa,EAC/B,CAAC;AAEV,CAAC;AAED,SACIR,oBAAoB,EACpBZ,4BAA4B","ignoreList":[]}
+{"version":3,"names":["React","SliderRoot","SliderThumb","SliderTrack","useRangeSlider","RangeSliderPrimitiveRenderer","tooltipSide","textValues","showTooltip","values","sliderProps","createElement","className","Object","assign","value","textValue","RangeSliderPrimitive","props","transformValue","onValuesChange","onValuesCommit","restProps","vm","changeValues","commitValues","onValueChange","onValueCommit"],"sources":["RangeSliderPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { Slider as SliderPrimitives } from \"radix-ui\";\nimport { SliderRoot, SliderThumb, type SliderThumbProps, SliderTrack } from \"~/Slider\";\nimport { useRangeSlider } from \"./useRangeSlider\";\n\ninterface RangeSliderPrimitiveRootProps\n    extends Omit<SliderPrimitives.SliderProps, \"min\" | \"max\" | \"value\"> {\n    /**\n     * Array of numbers representing the current values of the range slider.\n     */\n    values: number[];\n    /**\n     * Minimum value of the range slider.\n     */\n    min: number;\n    /**\n     * Maximum value of the range slider.\n     */\n    max: number;\n}\n\ninterface RangeSliderPrimitiveThumbProps extends Omit<SliderThumbProps, \"labelValue\"> {\n    textValues: string[];\n}\n\ninterface RangeSliderPrimitiveVm\n    extends RangeSliderPrimitiveRootProps,\n        Omit<RangeSliderPrimitiveThumbProps, \"textValue\"> {\n    textValues: string[];\n}\n\n/**\n * RangeSliderRenderer\n */\n\nconst RangeSliderPrimitiveRenderer = ({\n    tooltipSide,\n    textValues,\n    showTooltip,\n    values,\n    ...sliderProps\n}: RangeSliderPrimitiveVm) => {\n    return (\n        <div className={\"wby-flex wby-h-md wby-w-full\"}>\n            <SliderRoot {...sliderProps} value={values}>\n                <SliderTrack />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[0]}\n                />\n                <SliderThumb\n                    showTooltip={showTooltip}\n                    tooltipSide={tooltipSide}\n                    textValue={textValues[1]}\n                />\n            </SliderRoot>\n        </div>\n    );\n};\n\n/**\n * RangeSlider\n */\ninterface RangeSliderPrimitiveProps\n    extends Omit<\n        SliderPrimitives.SliderProps,\n        \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommit\"\n    > {\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n    transformValue?: (value: number) => string;\n    values?: number[];\n}\n\nconst RangeSliderPrimitive = (props: RangeSliderPrimitiveProps) => {\n    const { transformValue, onValuesChange, onValuesCommit, ...restProps } = props; // Rename transformValue to _ to avoid ESLint warning\n    const { vm, changeValues, commitValues } = useRangeSlider({\n        ...restProps,\n        transformValue,\n        onValuesChange,\n        onValuesCommit\n    });\n\n    return (\n        <RangeSliderPrimitiveRenderer\n            {...restProps}\n            {...vm}\n            onValueChange={changeValues}\n            onValueCommit={commitValues}\n        />\n    );\n};\n\nexport {\n    RangeSliderPrimitive,\n    RangeSliderPrimitiveRenderer,\n    type RangeSliderPrimitiveProps,\n    type RangeSliderPrimitiveVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,WAAW,EAAyBC,WAAW;AACpE,SAASC,cAAc;AA4BvB;AACA;AACA;;AAEA,MAAMC,4BAA4B,GAAGA,CAAC;EAClCC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,MAAM;EACN,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CZ,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,WAAW;IAAEK,KAAK,EAAEN;EAAO,iBACvCT,KAAA,CAAAW,aAAA,CAACR,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CAAC,eACFP,KAAA,CAAAW,aAAA,CAACT,WAAW;IACRM,WAAW,EAAEA,WAAY;IACzBF,WAAW,EAAEA,WAAY;IACzBU,SAAS,EAAET,UAAU,CAAC,CAAC;EAAE,CAC5B,CACO,CACX,CAAC;AAEd,CAAC;;AAED;AACA;AACA;;AAcA,MAAMU,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,MAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK,CAAC,CAAC;EAChF,MAAM;IAAEK,EAAE;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGrB,cAAc,CAAC;IACtD,GAAGkB,SAAS;IACZH,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAW,aAAA,CAACN,4BAA4B,EAAAQ,MAAA,CAAAC,MAAA,KACrBQ,SAAS,EACTC,EAAE;IACNG,aAAa,EAAEF,YAAa;IAC5BG,aAAa,EAAEF;EAAa,EAC/B,CAAC;AAEV,CAAC;AAED,SACIR,oBAAoB,EACpBZ,4BAA4B","ignoreList":[]}

package/RangeSlider/primitives/presenters/RangeSliderPresenter.d.ts

@@ -1,4 +1,4 @@
-import { RangeSliderPrimitiveVm } from "../RangeSliderPrimitive";
+import type { RangeSliderPrimitiveVm } from "../RangeSliderPrimitive";
 interface RangeSliderPresenterParams {
     min?: number;
     max?: number;

package/RangeSlider/primitives/presenters/RangeSliderPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","RangeSliderPresenter","params","undefined","showTooltip","constructor","init","vm","min","max","values","textValues","transformToLabelValues","changeValues","onValuesChange","commitValues","onValuesCommit","map","value","transformValue","String"],"sources":["RangeSliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { RangeSliderPrimitiveVm } from \"../RangeSliderPrimitive\";\n\ninterface RangeSliderPresenterParams {\n    min?: number;\n    max?: number;\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    transformValue?: (values: number) => string;\n    values?: number[];\n}\n\ninterface IRangeSliderPresenter {\n    get vm(): RangeSliderPrimitiveVm;\n    init: (params: RangeSliderPresenterParams) => void;\n    changeValues: (values: number[]) => void;\n    commitValues: (values: number[]) => void;\n}\n\nclass RangeSliderPresenter implements IRangeSliderPresenter {\n    private params?: RangeSliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: RangeSliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            min: this.min,\n            max: this.max,\n            values: this.values,\n            textValues: this.transformToLabelValues(this.values),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValues = (values: number[]) => {\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValuesChange?.(values);\n    };\n\n    public commitValues = (values: number[]) => {\n        this.showTooltip = false;\n        this.params?.onValuesCommit?.(values);\n    };\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private get max() {\n        return this.params?.max ?? 100;\n    }\n\n    private get values() {\n        return this.params?.values ?? [this.min, this.max];\n    }\n\n    private transformToLabelValues(values: number[]) {\n        return values.map(value =>\n            this.params?.transformValue ? this.params.transformValue(value) : String(value)\n        );\n    }\n}\n\nexport { RangeSliderPresenter, type IRangeSliderPresenter, type RangeSliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAoBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAC/CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBC,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACF,MAAM,CAAC;MACpDN,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOS,YAAY,GAAIH,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEY,cAAc,GAAGJ,MAAM,CAAC;EACzC,CAAC;EAEMK,YAAY,GAAIL,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEc,cAAc,GAAGN,MAAM,CAAC;EACzC,CAAC;EAED,IAAYF,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACN,MAAM,EAAEM,GAAG,IAAI,CAAC;EAChC;EAEA,IAAYC,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,GAAG;EAClC;EAEA,IAAYC,MAAMA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACR,MAAM,EAAEQ,MAAM,IAAI,CAAC,IAAI,CAACF,GAAG,EAAE,IAAI,CAACC,GAAG,CAAC;EACtD;EAEQG,sBAAsBA,CAACF,MAAgB,EAAE;IAC7C,OAAOA,MAAM,CAACO,GAAG,CAACC,KAAK,IACnB,IAAI,CAAChB,MAAM,EAAEiB,cAAc,GAAG,IAAI,CAACjB,MAAM,CAACiB,cAAc,CAACD,KAAK,CAAC,GAAGE,MAAM,CAACF,KAAK,CAClF,CAAC;EACL;AACJ;AAEA,SAASjB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","RangeSliderPresenter","params","undefined","showTooltip","constructor","init","vm","min","max","values","textValues","transformToLabelValues","changeValues","onValuesChange","commitValues","onValuesCommit","map","value","transformValue","String"],"sources":["RangeSliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { RangeSliderPrimitiveVm } from \"../RangeSliderPrimitive\";\n\ninterface RangeSliderPresenterParams {\n    min?: number;\n    max?: number;\n    onValuesChange: (values: number[]) => void;\n    onValuesCommit?: (values: number[]) => void;\n    showTooltip?: boolean;\n    transformValue?: (values: number) => string;\n    values?: number[];\n}\n\ninterface IRangeSliderPresenter {\n    get vm(): RangeSliderPrimitiveVm;\n    init: (params: RangeSliderPresenterParams) => void;\n    changeValues: (values: number[]) => void;\n    commitValues: (values: number[]) => void;\n}\n\nclass RangeSliderPresenter implements IRangeSliderPresenter {\n    private params?: RangeSliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: RangeSliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            min: this.min,\n            max: this.max,\n            values: this.values,\n            textValues: this.transformToLabelValues(this.values),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValues = (values: number[]) => {\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValuesChange?.(values);\n    };\n\n    public commitValues = (values: number[]) => {\n        this.showTooltip = false;\n        this.params?.onValuesCommit?.(values);\n    };\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private get max() {\n        return this.params?.max ?? 100;\n    }\n\n    private get values() {\n        return this.params?.values ?? [this.min, this.max];\n    }\n\n    private transformToLabelValues(values: number[]) {\n        return values.map(value =>\n            this.params?.transformValue ? this.params.transformValue(value) : String(value)\n        );\n    }\n}\n\nexport { RangeSliderPresenter, type IRangeSliderPresenter, type RangeSliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAoBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAC/CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBC,UAAU,EAAE,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACF,MAAM,CAAC;MACpDN,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOS,YAAY,GAAIH,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEY,cAAc,GAAGJ,MAAM,CAAC;EACzC,CAAC;EAEMK,YAAY,GAAIL,MAAgB,IAAK;IACxC,IAAI,CAACN,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEc,cAAc,GAAGN,MAAM,CAAC;EACzC,CAAC;EAED,IAAYF,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACN,MAAM,EAAEM,GAAG,IAAI,CAAC;EAChC;EAEA,IAAYC,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,GAAG;EAClC;EAEA,IAAYC,MAAMA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACR,MAAM,EAAEQ,MAAM,IAAI,CAAC,IAAI,CAACF,GAAG,EAAE,IAAI,CAACC,GAAG,CAAC;EACtD;EAEQG,sBAAsBA,CAACF,MAAgB,EAAE;IAC7C,OAAOA,MAAM,CAACO,GAAG,CAACC,KAAK,IACnB,IAAI,CAAChB,MAAM,EAAEiB,cAAc,GAAG,IAAI,CAACjB,MAAM,CAACiB,cAAc,CAACD,KAAK,CAAC,GAAGE,MAAM,CAACF,KAAK,CAClF,CAAC;EACL;AACJ;AAEA,SAASjB,oBAAoB","ignoreList":[]}

package/RangeSlider/primitives/useRangeSlider.d.ts

@@ -1,4 +1,4 @@
-import { RangeSliderPrimitiveProps } from "./RangeSliderPrimitive";
+import type { RangeSliderPrimitiveProps } from "./RangeSliderPrimitive";
 export declare const useRangeSlider: (props: RangeSliderPrimitiveProps) => {
     vm: {
         min: number;

package/RangeSlider/primitives/useRangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","RangeSliderPresenter","useRangeSlider","props","params","min","max","onValuesChange","onValuesCommit","showTooltip","transformValue","values","presenter","init","vm","setVm","changeValues","commitValues"],"sources":["useRangeSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { RangeSliderPrimitiveProps } from \"./RangeSliderPrimitive\";\nimport {\n    RangeSliderPresenter,\n    RangeSliderPresenterParams\n} from \"./presenters/RangeSliderPresenter\";\n\nexport const useRangeSlider = (props: RangeSliderPrimitiveProps) => {\n    const params: RangeSliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            max: props.max,\n            onValuesChange: props.onValuesChange,\n            onValuesCommit: props.onValuesCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            values: props.values\n        }),\n        [\n            props.min,\n            props.max,\n            props.onValuesChange,\n            props.onValuesCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new RangeSliderPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValues: presenter.changeValues, commitValues: presenter.commitValues };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SACIC,oBAAoB;AAIxB,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,cAAc,EAAEJ,KAAK,CAACI,cAAc;IACpCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,WAAW,EAAEN,KAAK,CAACM,WAAW;IAC9BC,cAAc,EAAEP,KAAK,CAACO,cAAc;IACpCC,MAAM,EAAER,KAAK,CAACQ;EAClB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,GAAG,EACTH,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,WAAW,EACjBN,KAAK,CAACO,cAAc,EACpBP,KAAK,CAACQ,MAAM,CAEpB,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,MAAMc,SAAS,GAAG,IAAIX,oBAAoB,CAAC,CAAC;IAC5CW,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;IACtB,OAAOQ,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGhB,QAAQ,CAACa,SAAS,CAACE,EAAE,CAAC;EAE1CjB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBe,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,YAAY,EAAEJ,SAAS,CAACI,YAAY;IAAEC,YAAY,EAAEL,SAAS,CAACK;EAAa,CAAC;AAC7F,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","RangeSliderPresenter","useRangeSlider","props","params","min","max","onValuesChange","onValuesCommit","showTooltip","transformValue","values","presenter","init","vm","setVm","changeValues","commitValues"],"sources":["useRangeSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { RangeSliderPrimitiveProps } from \"./RangeSliderPrimitive\";\nimport type { RangeSliderPresenterParams } from \"./presenters/RangeSliderPresenter\";\nimport { RangeSliderPresenter } from \"./presenters/RangeSliderPresenter\";\n\nexport const useRangeSlider = (props: RangeSliderPrimitiveProps) => {\n    const params: RangeSliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            max: props.max,\n            onValuesChange: props.onValuesChange,\n            onValuesCommit: props.onValuesCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            values: props.values\n        }),\n        [\n            props.min,\n            props.max,\n            props.onValuesChange,\n            props.onValuesCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.values\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new RangeSliderPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValues: presenter.changeValues, commitValues: presenter.commitValues };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdC,cAAc,EAAEJ,KAAK,CAACI,cAAc;IACpCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,WAAW,EAAEN,KAAK,CAACM,WAAW;IAC9BC,cAAc,EAAEP,KAAK,CAACO,cAAc;IACpCC,MAAM,EAAER,KAAK,CAACQ;EAClB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,GAAG,EACTH,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,WAAW,EACjBN,KAAK,CAACO,cAAc,EACpBP,KAAK,CAACQ,MAAM,CAEpB,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,MAAMc,SAAS,GAAG,IAAIX,oBAAoB,CAAC,CAAC;IAC5CW,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;IACtB,OAAOQ,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGhB,QAAQ,CAACa,SAAS,CAACE,EAAE,CAAC;EAE1CjB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACC,IAAI,CAACT,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBe,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,YAAY,EAAEJ,SAAS,CAACI,YAAY;IAAEC,YAAY,EAAEL,SAAS,CAACK;EAAa,CAAC;AAC7F,CAAC","ignoreList":[]}

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { RichTextEditorPrimitiveProps } from "./RichTextEditorPrimitive";
-import { FormComponentProps } from "../FormComponent";
+import type { RichTextEditorPrimitiveProps } from "./RichTextEditorPrimitive";
+import type { FormComponentProps } from "../FormComponent";
 type RichTextEditorProps = RichTextEditorPrimitiveProps & FormComponentProps;
 declare const RichTextEditor: (({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element) & {
     original: ({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element;

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","RichTextEditorPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRichTextEditor","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","RichTextEditor"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { RichTextEditorPrimitive, RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype RichTextEditorProps = RichTextEditorPrimitiveProps & FormComponentProps;\n\nconst DecoratableRichTextEditor = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RichTextEditorProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <RichTextEditorPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RichTextEditor = makeDecoratable(\"RichTextEditor\", DecoratableRichTextEditor);\n\nexport { RichTextEditor, type RichTextEditorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AACxB,SAASC,uBAAuB;AAChC,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,yBAAyB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,uBAAuB,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eAC5EpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,cAAc,GAAGxB,eAAe,CAAC,gBAAgB,EAAEM,yBAAyB,CAAC;AAEnF,SAASkB,cAAc","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","RichTextEditorPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRichTextEditor","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","RichTextEditor"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\nimport { RichTextEditorPrimitive } from \"./RichTextEditorPrimitive\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RichTextEditorProps = RichTextEditorPrimitiveProps & FormComponentProps;\n\nconst DecoratableRichTextEditor = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RichTextEditorProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <RichTextEditorPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RichTextEditor = makeDecoratable(\"RichTextEditor\", DecoratableRichTextEditor);\n\nexport { RichTextEditor, type RichTextEditorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,uBAAuB;AAEhC,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,yBAAyB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,uBAAuB,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eAC5EpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,cAAc,GAAGxB,eAAe,CAAC,gBAAgB,EAAEM,yBAAyB,CAAC;AAEnF,SAASkB,cAAc","ignoreList":[]}

package/RichTextEditor/RichTextEditorPrimitive.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
+import type { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
 import { type VariantProps } from "../utils";
 declare const richTextEditorVariants: (props?: ({
     variant?: "primary" | "secondary" | "ghost" | null | undefined;

package/RichTextEditor/RichTextEditorPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","EditorJS","cn","cva","generateId","richTextEditorVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","disabled","compoundVariants","class","defaultVariants","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","RichTextEditorPrimitive","className","props","elementId","editorRef","value","context","onReady","nativeProps","initialData","blocks","clearWait","current","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","createElement"],"sources":["RichTextEditorPrimitive.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport EditorJS, {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { cn, cva, generateId, type VariantProps } from \"~/utils\";\n\nconst richTextEditorVariants = cva(\n    [\n        \"wby-min-h-[80px] wby-w-full wby-border-sm wby-text-md focus-visible:wby-outline-none disabled:wby-cursor-not-allowed\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-bg-neutral-base focus:wby-border-neutral-black\"\n                ],\n                ghost: [\n                    \"wby-bg-transparent wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\"\n                ]\n            },\n            size: {\n                md: [\"wby-px-sm-extra wby-py-xs-plus wby-rounded-md\"],\n                lg: [\"wby-px-sm-extra wby-py-sm-plus wby-rounded-md\"],\n                xl: [\"wby-px-md-extra wby-p-md wby-rounded-lg\"]\n            },\n            invalid: {\n                true: \"\"\n            },\n            disabled: {\n                true: \"wby-pointer-events-none\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            },\n            {\n                variant: \"primary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-border-neutral-dimmed wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"secondary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"ghost\",\n                disabled: true,\n                class: \"wby-bg-transparent wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\ntype RichTextEditorValue = OutputBlockData[];\n\ninterface RichTextEditorPrimitiveProps\n    extends Omit<React.ComponentProps<\"div\">, \"onChange\">,\n        VariantProps<typeof richTextEditorVariants> {\n    /**\n     * If true, the editor will automatically focus when mounted.\n     */\n    autofocus?: boolean;\n    /**\n     * Additional class names to apply to the editor container.\n     */\n    className?: string;\n    /**\n     * Context object to pass to the editor tools.\n     */\n    context?: { [key: string]: any };\n    /**\n     * If true, the editor will be disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Log level for the editor (e.g., \"ERROR\", \"WARN\").\n     */\n    logLevel?: string;\n    /**\n     * Minimum height of the editor in pixels.\n     */\n    minHeight?: number;\n    /**\n     * Callback function to handle changes in the editor content.\n     */\n    onChange?: (data: RichTextEditorValue) => void;\n    /**\n     * Callback function to handle the editor's readiness state.\n     */\n    onReady?: (params: OnReadyParams) => void;\n    /**\n     * Placeholder text to display when the editor is empty.\n     */\n    placeholder?: string;\n    /**\n     * Configuration for sanitizing the editor content.\n     */\n    sanitizer?: SanitizerConfig;\n    /**\n     * Configuration for the editor tools.\n     */\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    /**\n     * Initial value of the editor content.\n     */\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nconst RichTextEditorPrimitive = ({\n    disabled,\n    size,\n    className,\n    variant,\n    invalid,\n    ...props\n}: RichTextEditorPrimitiveProps) => {\n    const elementId = useRef(\"rte-\" + generateId());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    return (\n        <div\n            id={elementId.current}\n            className={cn(richTextEditorVariants({ variant, invalid, size, disabled }), className)}\n        />\n    );\n};\n\nexport {\n    RichTextEditorPrimitive,\n    type RichTextEditorPrimitiveProps,\n    type RichTextEditorValue,\n    type OnReadyParams\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","EditorJS","cn","cva","generateId","richTextEditorVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","disabled","compoundVariants","class","defaultVariants","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","RichTextEditorPrimitive","className","props","elementId","editorRef","value","context","onReady","nativeProps","initialData","blocks","clearWait","current","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","createElement"],"sources":["RichTextEditorPrimitive.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport { cn, cva, generateId, type VariantProps } from \"~/utils\";\n\nconst richTextEditorVariants = cva(\n    [\n        \"wby-min-h-[80px] wby-w-full wby-border-sm wby-text-md focus-visible:wby-outline-none disabled:wby-cursor-not-allowed\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-bg-neutral-base focus:wby-border-neutral-black\"\n                ],\n                ghost: [\n                    \"wby-bg-transparent wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\"\n                ]\n            },\n            size: {\n                md: [\"wby-px-sm-extra wby-py-xs-plus wby-rounded-md\"],\n                lg: [\"wby-px-sm-extra wby-py-sm-plus wby-rounded-md\"],\n                xl: [\"wby-px-md-extra wby-p-md wby-rounded-lg\"]\n            },\n            invalid: {\n                true: \"\"\n            },\n            disabled: {\n                true: \"wby-pointer-events-none\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            },\n            {\n                variant: \"primary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-border-neutral-dimmed wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"secondary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"ghost\",\n                disabled: true,\n                class: \"wby-bg-transparent wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\ntype RichTextEditorValue = OutputBlockData[];\n\ninterface RichTextEditorPrimitiveProps\n    extends Omit<React.ComponentProps<\"div\">, \"onChange\">,\n        VariantProps<typeof richTextEditorVariants> {\n    /**\n     * If true, the editor will automatically focus when mounted.\n     */\n    autofocus?: boolean;\n    /**\n     * Additional class names to apply to the editor container.\n     */\n    className?: string;\n    /**\n     * Context object to pass to the editor tools.\n     */\n    context?: { [key: string]: any };\n    /**\n     * If true, the editor will be disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Log level for the editor (e.g., \"ERROR\", \"WARN\").\n     */\n    logLevel?: string;\n    /**\n     * Minimum height of the editor in pixels.\n     */\n    minHeight?: number;\n    /**\n     * Callback function to handle changes in the editor content.\n     */\n    onChange?: (data: RichTextEditorValue) => void;\n    /**\n     * Callback function to handle the editor's readiness state.\n     */\n    onReady?: (params: OnReadyParams) => void;\n    /**\n     * Placeholder text to display when the editor is empty.\n     */\n    placeholder?: string;\n    /**\n     * Configuration for sanitizing the editor content.\n     */\n    sanitizer?: SanitizerConfig;\n    /**\n     * Configuration for the editor tools.\n     */\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    /**\n     * Initial value of the editor content.\n     */\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nconst RichTextEditorPrimitive = ({\n    disabled,\n    size,\n    className,\n    variant,\n    invalid,\n    ...props\n}: RichTextEditorPrimitiveProps) => {\n    const elementId = useRef(\"rte-\" + generateId());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    return (\n        <div\n            id={elementId.current}\n            className={cn(richTextEditorVariants({ variant, invalid, size, disabled }), className)}\n        />\n    );\n};\n\nexport {\n    RichTextEditorPrimitive,\n    type RichTextEditorPrimitiveProps,\n    type RichTextEditorValue,\n    type OnReadyParams\n};\n"],"mappings":"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","ignoreList":[]}

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,4 +1,4 @@
-import { ToolSettings } from "@editorjs/editorjs";
+import type { ToolSettings } from "@editorjs/editorjs";
 import { type RichTextEditorPrimitiveProps } from "./RichTextEditorPrimitive";
 interface CreatePropsFromConfigResult {
     onReady: (editor: any) => void;

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\nimport { type RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorPrimitiveProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":"AAgBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAC9BC,MAAsC,IACR;EAC9B,MAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAOA,CAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAACN,MAAM,IAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,CAACD,KAAK,EAAEP,MAAM,KAAK;MACrC,OAAO;QACH,GAAGO,KAAK;QACR,GAAGP,MAAM,CAACO;MACd,CAAC;IACL,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import type { RichTextEditorProps } from \"./RichTextEditor\";\nimport type { ToolSettings } from \"@editorjs/editorjs\";\nimport type { OutputData } from \"@editorjs/editorjs/types\";\nimport { type RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorPrimitiveProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":"AAgBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAC9BC,MAAsC,IACR;EAC9B,MAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAOA,CAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAACN,MAAM,IAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,CAACD,KAAK,EAAEP,MAAM,KAAK;MACrC,OAAO;QACH,GAAGO,KAAK;QACR,GAAGP,MAAM,CAACO;MACd,CAAC;IACL,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC","ignoreList":[]}

package/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { SelectPrimitiveProps } from "./primitives";
-import { FormComponentProps } from "../FormComponent";
+import type { SelectPrimitiveProps } from "./primitives";
+import type { FormComponentProps } from "../FormComponent";
 type SelectProps = SelectPrimitiveProps & FormComponentProps;
 declare const Select: (({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element) & {
     original: ({ label, description, note, required, disabled, validation, ...props }: SelectProps) => React.JSX.Element;

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","SelectPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableSelect","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","Select"],"sources":["Select.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { SelectPrimitive, SelectPrimitiveProps } from \"./primitives\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype SelectProps = SelectPrimitiveProps & FormComponentProps;\n\nconst DecoratableSelect = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: SelectProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <SelectPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Select = makeDecoratable(\"Select\", DecoratableSelect);\n\nexport { Select, type SelectProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,eAAe,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eACpEpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,MAAM,GAAGxB,eAAe,CAAC,QAAQ,EAAEM,iBAAiB,CAAC;AAE3D,SAASkB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","SelectPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableSelect","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","Select"],"sources":["Select.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { SelectPrimitiveProps } from \"./primitives\";\nimport { SelectPrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype SelectProps = SelectPrimitiveProps & FormComponentProps;\n\nconst DecoratableSelect = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: SelectProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <SelectPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Select = makeDecoratable(\"Select\", DecoratableSelect);\n\nexport { Select, type SelectProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,eAAe,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eACpEpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,MAAM,GAAGxB,eAAe,CAAC,QAAQ,EAAEM,iBAAiB,CAAC;AAE3D,SAASkB,MAAM","ignoreList":[]}

package/Select/domains/SelectOption.d.ts

@@ -1,4 +1,4 @@
-import { SelectOptionDto } from "./SelectOptionDto";
+import type { SelectOptionDto } from "./SelectOptionDto";
 export declare class SelectOption {
     private readonly _label;
     private readonly _value;

package/Select/domains/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOption","constructor","data","_label","label","_value","value","_options","options","map","option","create","_disabled","disabled","_separator","separator","createFromString"],"sources":["SelectOption.ts"],"sourcesContent":["import { SelectOptionDto } from \"./SelectOptionDto\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAC;EAOZC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGL,IAAI,CAACM,OAAO,CAACC,GAAG,CAACC,MAAM,IAAIV,YAAY,CAACW,MAAM,CAACD,MAAM,CAAC,CAAC;IACvE,IAAI,CAACE,SAAS,GAAGV,IAAI,CAACW,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGZ,IAAI,CAACa,SAAS;EACpC;EAEA,OAAOJ,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,YAAY,CAAC;MACpBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAI,IAAI;MACzBE,OAAO,EAAEN,IAAI,CAACM,OAAO,IAAI,EAAE;MAC3BK,QAAQ,EAAEX,IAAI,CAACW,QAAQ,IAAI,KAAK;MAChCE,SAAS,EAAEb,IAAI,CAACa,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,OAAOC,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,YAAY,CAAC;MACpBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,OAAO,EAAE,EAAE;MACXK,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE;IACf,CAAC,CAAC;EACN;EAEA,IAAIX,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIM,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"names":["SelectOption","constructor","data","_label","label","_value","value","_options","options","map","option","create","_disabled","disabled","_separator","separator","createFromString"],"sources":["SelectOption.ts"],"sourcesContent":["import type { SelectOptionDto } from \"./SelectOptionDto\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAC;EAOZC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGL,IAAI,CAACM,OAAO,CAACC,GAAG,CAACC,MAAM,IAAIV,YAAY,CAACW,MAAM,CAACD,MAAM,CAAC,CAAC;IACvE,IAAI,CAACE,SAAS,GAAGV,IAAI,CAACW,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGZ,IAAI,CAACa,SAAS;EACpC;EAEA,OAAOJ,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,YAAY,CAAC;MACpBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAI,IAAI;MACzBE,OAAO,EAAEN,IAAI,CAACM,OAAO,IAAI,EAAE;MAC3BK,QAAQ,EAAEX,IAAI,CAACW,QAAQ,IAAI,KAAK;MAChCE,SAAS,EAAEb,IAAI,CAACa,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,OAAOC,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,YAAY,CAAC;MACpBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,OAAO,EAAE,EAAE;MACXK,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE;IACf,CAAC,CAAC;EACN;EAEA,IAAIX,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIM,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}

package/Select/domains/SelectOptionMapper.d.ts

@@ -1,5 +1,5 @@
-import { SelectOption } from "./SelectOption";
-import { SelectOptionFormatted } from "./SelectOptionFormatted";
+import type { SelectOption } from "./SelectOption";
+import type { SelectOptionFormatted } from "./SelectOptionFormatted";
 export declare class SelectOptionMapper {
     static toFormatted(option: SelectOption): SelectOptionFormatted;
 }

package/Select/domains/SelectOptionMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import { SelectOption } from \"./SelectOption\";\nimport { SelectOptionFormatted } from \"./SelectOptionFormatted\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,MAAoB,EAAyB;IAC5D,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BC,OAAO,EAAEL,MAAM,CAACK,OAAO,CAACC,GAAG,CAACN,MAAM,IAAIF,kBAAkB,CAACC,WAAW,CAACC,MAAM,CAAC;IAChF,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,MAAoB,EAAyB;IAC5D,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BC,OAAO,EAAEL,MAAM,CAACK,OAAO,CAACC,GAAG,CAACN,MAAM,IAAIF,kBAAkB,CAACC,WAAW,CAACC,MAAM,CAAC;IAChF,CAAC;EACL;AACJ","ignoreList":[]}