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

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":[]}

package/Select/primitives/SelectPrimitive.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils";
-import { SelectOptionDto, SelectOptionFormatted } from "../domains";
-import { selectTriggerVariants } from "./components";
+import type { SelectOptionDto, SelectOptionFormatted } from "../domains";
+import type { selectTriggerVariants } from "./components";
 /**
  * Trigger
  */

package/Select/primitives/SelectPrimitive.js

@@ -36,14 +36,15 @@ const Trigger = ({
       },
       icon: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
         icon: /*#__PURE__*/React.createElement(Close, null),
-        label: "Reset"
+        label: "Reset",
+        color: variant === "ghost-negative" ? "neutral-negative" : "inherit"
       })),
       size: "xs",
-      variant: "secondary",
+      variant: variant === "ghost-negative" ? "ghost-negative" : "secondary",
       disabled: disabled,
       asChild: true
     });
-  }, [hasValue, onValueReset, disabled]);
+  }, [hasValue, onValueReset, disabled, displayResetAction, variant]);
   return /*#__PURE__*/React.createElement(SelectTrigger, {
     size: size,
     variant: variant,

package/Select/primitives/SelectPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","Select","SelectPrimitives","useSelect","IconButton","Icon","SelectContent","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectRoot","Root","SelectGroup","Group","SelectValue","Value","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","useMemo","undefined","createElement","onPointerDown","event","stopPropagation","icon","label","asChild","className","SelectOptions","renderOptions","useCallback","items","map","item","index","elements","options","length","push","key","value","separator","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","Object","assign","SelectPrimitive","vm","changeValue","resetValue","selectRoot","selectTrigger","selectOptions"],"sources":["SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils\";\nimport { useSelect } from \"./useSelect\";\nimport { SelectOptionDto, SelectOptionFormatted } from \"../domains\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger,\n    selectTriggerVariants\n} from \"./components\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon icon={<Close />} label={\"Reset\"} />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={\"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"wby-flex-1 wby-text-left wby-truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Close","Select","SelectPrimitives","useSelect","IconButton","Icon","SelectContent","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectRoot","Root","SelectGroup","Group","SelectValue","Value","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","useMemo","undefined","createElement","onPointerDown","event","stopPropagation","icon","label","color","asChild","className","SelectOptions","renderOptions","useCallback","items","map","item","index","elements","options","length","push","key","value","separator","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","Object","assign","SelectPrimitive","vm","changeValue","resetValue","selectRoot","selectTrigger","selectOptions"],"sources":["SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils\";\nimport { useSelect } from \"./useSelect\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport type { selectTriggerVariants } from \"./components\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={variant === \"ghost-negative\" ? \"neutral-negative\" : \"inherit\"}\n                        />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={variant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled, displayResetAction, variant]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"wby-flex-1 wby-text-left wby-truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"mappings":"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","ignoreList":[]}

package/Select/primitives/SelectPrimitive.stories.d.ts

@@ -21,6 +21,9 @@ export declare const SecondaryVariantInvalid: Story;
 export declare const GhostVariant: Story;
 export declare const GhostVariantDisabled: Story;
 export declare const GhostVariantInvalid: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
 export declare const WithFormattedOptions: Story;
 export declare const WithOptionGroups: Story;
 export declare const WithSeparators: Story;

package/Select/primitives/SelectPrimitive.stories.js

@@ -152,6 +152,34 @@ export const GhostVariantInvalid = {
     invalid: true
   }
 };
+export const GhostNegativeVariant = {
+  args: {
+    ...Default.args,
+    variant: "ghost-negative",
+    placeholder: "Custom placeholder"
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantDisabled = {
+  args: {
+    ...GhostNegativeVariant.args,
+    disabled: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantInvalid = {
+  args: {
+    ...GhostNegativeVariant.args,
+    invalid: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
 export const WithFormattedOptions = {
   args: {
     ...Default.args,

package/Select/primitives/SelectPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SearchIcon","ChevronRight","SelectPrimitive","Button","meta","title","component","argTypes","onChange","action","onOpenChange","variant","control","options","size","disabled","invalid","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","Default","MediumSize","LargeSize","ExtraLargeSize","WithCustomPlaceholder","placeholder","WithStartIcon","startIcon","WithEndIconIcon","endIcon","WithStartAndEndIcons","WithoutResetAction","displayResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithFormattedOptions","label","WithOptionGroups","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick","undefined"],"sources":["SelectPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { SelectPrimitive } from \"./SelectPrimitive\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof SelectPrimitive> = {\n    title: \"Components/Form Primitives/Select\",\n    component: SelectPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\", \"ghost\"] },\n        size: { control: \"select\", options: [\"md\", \"lg\", \"xl\"] },\n        disabled: { control: \"boolean\" },\n        invalid: { control: \"boolean\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <SelectPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SelectPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />\n    }\n};\n\nexport const WithEndIconIcon: Story = {\n    args: {\n        ...Default.args,\n        endIcon: <SearchIcon />\n    }\n};\n\nexport const WithStartAndEndIcons: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />,\n        endIcon: <ChevronRight />\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithOptionGroups: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"North America\",\n                options: [\n                    { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n                    { label: \"Central Standard Time (CST)\", value: \"cst\" },\n                    { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n                ]\n            },\n            {\n                label: \"Europe & Africa\",\n                options: [\n                    { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n                    { label: \"Central European Time (CET)\", value: \"cet\" },\n                    { label: \"Central Africa Time (CAT)\", value: \"cat\" }\n                ]\n            },\n            {\n                label: \"Asia\",\n                options: [\n                    { label: \"India Standard Time (IST)\", value: \"ist\" },\n                    { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n                    { label: \"Japan Standard Time (JST)\", value: \"jst\" }\n                ]\n            },\n            {\n                label: \"Australia & Pacific\",\n                options: [\n                    { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n                    { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n                    { label: \"Fiji Time (FJT)\", value: \"fjt\" }\n                ]\n            },\n            {\n                label: \"South America\",\n                options: [\n                    { label: \"Argentina Time (ART)\", value: \"art\" },\n                    { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n                    { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n                ]\n            }\n        ]\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <SelectPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(undefined)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","SearchIcon","ChevronRight","SelectPrimitive","Button","meta","title","component","argTypes","onChange","action","onOpenChange","variant","control","options","size","disabled","invalid","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","Default","MediumSize","LargeSize","ExtraLargeSize","WithCustomPlaceholder","placeholder","WithStartIcon","startIcon","WithEndIconIcon","endIcon","WithStartAndEndIcons","WithoutResetAction","displayResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithFormattedOptions","label","WithOptionGroups","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick","undefined"],"sources":["SelectPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { SelectPrimitive } from \"./SelectPrimitive\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof SelectPrimitive> = {\n    title: \"Components/Form Primitives/Select\",\n    component: SelectPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\", \"ghost\"] },\n        size: { control: \"select\", options: [\"md\", \"lg\", \"xl\"] },\n        disabled: { control: \"boolean\" },\n        invalid: { control: \"boolean\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <SelectPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SelectPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />\n    }\n};\n\nexport const WithEndIconIcon: Story = {\n    args: {\n        ...Default.args,\n        endIcon: <SearchIcon />\n    }\n};\n\nexport const WithStartAndEndIcons: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />,\n        endIcon: <ChevronRight />\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithOptionGroups: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"North America\",\n                options: [\n                    { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n                    { label: \"Central Standard Time (CST)\", value: \"cst\" },\n                    { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n                ]\n            },\n            {\n                label: \"Europe & Africa\",\n                options: [\n                    { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n                    { label: \"Central European Time (CET)\", value: \"cet\" },\n                    { label: \"Central Africa Time (CAT)\", value: \"cat\" }\n                ]\n            },\n            {\n                label: \"Asia\",\n                options: [\n                    { label: \"India Standard Time (IST)\", value: \"ist\" },\n                    { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n                    { label: \"Japan Standard Time (JST)\", value: \"jst\" }\n                ]\n            },\n            {\n                label: \"Australia & Pacific\",\n                options: [\n                    { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n                    { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n                    { label: \"Fiji Time (FJT)\", value: \"fjt\" }\n                ]\n            },\n            {\n                label: \"South America\",\n                options: [\n                    { label: \"Argentina Time (ART)\", value: \"art\" },\n                    { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n                    { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n                ]\n            }\n        ]\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <SelectPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(undefined)} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Select/primitives/components/SelectTrigger.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Select as SelectPrimitives } from "radix-ui";
 import { type VariantProps } from "../../../utils";
 declare const selectTriggerVariants: (props?: ({
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null | undefined;
     size?: "md" | "lg" | "xl" | null | undefined;
     invalid?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Select/primitives/components/SelectTrigger.js

@@ -8,7 +8,8 @@ const selectTriggerVariants = cva(["wby-w-full wby-flex wby-items-center wby-jus
     variant: {
       primary: ["wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed wby-fill-neutral-xstrong", "hover:wby-border-neutral-strong", "focus:wby-border-neutral-black", "data-[state=open]:wby-border-neutral-black", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"],
       secondary: ["wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "focus:wby-border-neutral-black focus:wby-bg-neutral-base", "data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"],
-      ghost: ["wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-bg-neutral-dark/5", "focus:wby-bg-neutral-dark/5", "data-[state=open]:wby-bg-neutral-dark/5", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"]
+      ghost: ["wby-bg-neutral-base wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-bg-neutral-dark/5", "focus:wby-bg-neutral-dark/5", "data-[state=open]:wby-bg-neutral-dark/5", "disabled:wby-bg-neutral-disabled disabled:wby-border-neutral-dimmed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled disabled:wby-fill-neutral-disabled"],
+      "ghost-negative": ["wby-bg-transparent wby-border-transparent wby-text-neutral-light/50 placeholder:wby-text-neutral-light/50 wby-fill-neutral-base/50", "hover:wby-bg-neutral-base/20", "focus:wby-bg-neutral-base/20", "data-[state=open]:wby-bg-neutral-base data-[state=open]:wby-text-neutral-primary data[state=open]:placeholder:wby-text-neutral-dimmed data[state=open]:!wby-fill-neutral-xstrong", "disabled:wby-bg-transparent disabled:wby-text-neutral-disabled/50 disabled:placeholder:wby-text-neutral-disabled/50"]
     },
     size: {
       md: ["wby-rounded-md", "wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
@@ -31,6 +32,10 @@ const selectTriggerVariants = cva(["wby-w-full wby-flex wby-items-center wby-jus
     variant: "ghost",
     invalid: true,
     class: "!wby-border-destructive-subtle !wby-bg-destructive-subtle"
+  }, {
+    variant: "ghost-negative",
+    invalid: true,
+    class: "!wby-border-destructive-default !wby-bg-destructive-subtle wby-text-neutral-primary placeholder:wby-text-neutral-dimmed !wby-fill-neutral-xstrong"
   }],
   defaultVariants: {
     variant: "primary",