@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/IconPicker/primitives/IconPickerPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","library","fas","IconPickerPrimitive","meta","title","component","argTypes","onChange","action","render","args","value","setValue","createElement","className","Object","assign","parameters","layout","add","Default","icons","prefix","name","WithDefaultValue","MediumSize","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid"],"sources":["IconPickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { IconPickerPrimitive } from \"./IconPickerPrimitive\";\n\nconst meta: Meta<typeof IconPickerPrimitive> = {\n    title: \"Components/Form Primitives/IconPicker\",\n    component: IconPickerPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <IconPickerPrimitive {...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    parameters: {\n        layout: \"padded\"\n    }\n};\n\n// @ts-expect-error\nlibrary.add(fas);\n\nexport default meta;\ntype Story = StoryObj<typeof IconPickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        icons: [\n            { prefix: \"fas\", name: \"trash-restore-alt\" },\n            { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n            { prefix: \"fas\", name: \"naira-sign\" },\n            { prefix: \"fas\", name: \"cart-arrow-down\" },\n            { prefix: \"fas\", name: \"walkie-talkie\" },\n            { prefix: \"fas\", name: \"file-edit\" },\n            { prefix: \"fas\", name: \"file-pen\" },\n            { prefix: \"fas\", name: \"receipt\" },\n            { prefix: \"fas\", name: \"pen-square\" },\n            { prefix: \"fas\", name: \"pencil-square\" },\n            { prefix: \"fas\", name: \"square-pen\" },\n            { prefix: \"fas\", name: \"suitcase-rolling\" },\n            { prefix: \"fas\", name: \"person-circle-exclamation\" },\n            { prefix: \"fas\", name: \"chevron-down\" },\n            { prefix: \"fas\", name: \"battery\" },\n            { prefix: \"fas\", name: \"battery-5\" },\n            { prefix: \"fas\", name: \"battery-full\" },\n            { prefix: \"fas\", name: \"skull-crossbones\" },\n            { prefix: \"fas\", name: \"code-compare\" },\n            { prefix: \"fas\", name: \"list-dots\" },\n            { prefix: \"fas\", name: \"list-ul\" },\n            { prefix: \"fas\", name: \"school-lock\" },\n            { prefix: \"fas\", name: \"tower-cell\" },\n            { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n            { prefix: \"fas\", name: \"down-long\" },\n            { prefix: \"fas\", name: \"ranking-star\" },\n            { prefix: \"fas\", name: \"chess-king\" },\n            { prefix: \"fas\", name: \"person-harassing\" },\n            { prefix: \"fas\", name: \"brazilian-real-sign\" },\n            { prefix: \"fas\", name: \"landmark-alt\" },\n            { prefix: \"fas\", name: \"landmark-dome\" },\n            { prefix: \"fas\", name: \"arrow-up\" },\n            { prefix: \"fas\", name: \"television\" },\n            { prefix: \"fas\", name: \"tv-alt\" },\n            { prefix: \"fas\", name: \"tv\" },\n            { prefix: \"fas\", name: \"shrimp\" },\n            { prefix: \"fas\", name: \"tasks\" },\n            { prefix: \"fas\", name: \"list-check\" },\n            { prefix: \"fas\", name: \"jug-detergent\" },\n            { prefix: \"fas\", name: \"user-circle\" },\n            { prefix: \"fas\", name: \"circle-user\" },\n            { prefix: \"fas\", name: \"user-shield\" },\n            { prefix: \"fas\", name: \"wind\" },\n            { prefix: \"fas\", name: \"car-crash\" },\n            { prefix: \"fas\", name: \"car-burst\" },\n            { prefix: \"fas\", name: \"y\" },\n            { prefix: \"fas\", name: \"snowboarding\" },\n            { prefix: \"fas\", name: \"person-snowboarding\" },\n            { prefix: \"fas\", name: \"shipping-fast\" },\n            { prefix: \"fas\", name: \"truck-fast\" }\n        ]\n    }\n};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"fas/panorama\"\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 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","library","fas","IconPickerPrimitive","meta","title","component","argTypes","onChange","action","render","args","value","setValue","createElement","className","Object","assign","parameters","layout","add","Default","icons","prefix","name","WithDefaultValue","MediumSize","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid"],"sources":["IconPickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { IconPickerPrimitive } from \"./IconPickerPrimitive.js\";\n\nconst meta: Meta<typeof IconPickerPrimitive> = {\n    title: \"Components/Form Primitives/IconPicker\",\n    component: IconPickerPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <IconPickerPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    },\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\n// @ts-expect-error\nlibrary.add(fas);\n\nexport default meta;\ntype Story = StoryObj<typeof IconPickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        icons: [\n            { prefix: \"fas\", name: \"trash-restore-alt\" },\n            { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n            { prefix: \"fas\", name: \"naira-sign\" },\n            { prefix: \"fas\", name: \"cart-arrow-down\" },\n            { prefix: \"fas\", name: \"walkie-talkie\" },\n            { prefix: \"fas\", name: \"file-edit\" },\n            { prefix: \"fas\", name: \"file-pen\" },\n            { prefix: \"fas\", name: \"receipt\" },\n            { prefix: \"fas\", name: \"pen-square\" },\n            { prefix: \"fas\", name: \"pencil-square\" },\n            { prefix: \"fas\", name: \"square-pen\" },\n            { prefix: \"fas\", name: \"suitcase-rolling\" },\n            { prefix: \"fas\", name: \"person-circle-exclamation\" },\n            { prefix: \"fas\", name: \"chevron-down\" },\n            { prefix: \"fas\", name: \"battery\" },\n            { prefix: \"fas\", name: \"battery-5\" },\n            { prefix: \"fas\", name: \"battery-full\" },\n            { prefix: \"fas\", name: \"skull-crossbones\" },\n            { prefix: \"fas\", name: \"code-compare\" },\n            { prefix: \"fas\", name: \"list-dots\" },\n            { prefix: \"fas\", name: \"list-ul\" },\n            { prefix: \"fas\", name: \"school-lock\" },\n            { prefix: \"fas\", name: \"tower-cell\" },\n            { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n            { prefix: \"fas\", name: \"down-long\" },\n            { prefix: \"fas\", name: \"ranking-star\" },\n            { prefix: \"fas\", name: \"chess-king\" },\n            { prefix: \"fas\", name: \"person-harassing\" },\n            { prefix: \"fas\", name: \"brazilian-real-sign\" },\n            { prefix: \"fas\", name: \"landmark-alt\" },\n            { prefix: \"fas\", name: \"landmark-dome\" },\n            { prefix: \"fas\", name: \"arrow-up\" },\n            { prefix: \"fas\", name: \"television\" },\n            { prefix: \"fas\", name: \"tv-alt\" },\n            { prefix: \"fas\", name: \"tv\" },\n            { prefix: \"fas\", name: \"shrimp\" },\n            { prefix: \"fas\", name: \"tasks\" },\n            { prefix: \"fas\", name: \"list-check\" },\n            { prefix: \"fas\", name: \"jug-detergent\" },\n            { prefix: \"fas\", name: \"user-circle\" },\n            { prefix: \"fas\", name: \"circle-user\" },\n            { prefix: \"fas\", name: \"user-shield\" },\n            { prefix: \"fas\", name: \"wind\" },\n            { prefix: \"fas\", name: \"car-crash\" },\n            { prefix: \"fas\", name: \"car-burst\" },\n            { prefix: \"fas\", name: \"y\" },\n            { prefix: \"fas\", name: \"snowboarding\" },\n            { prefix: \"fas\", name: \"person-snowboarding\" },\n            { prefix: \"fas\", name: \"shipping-fast\" },\n            { prefix: \"fas\", name: \"truck-fast\" }\n        ]\n    }\n};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"fas/panorama\"\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 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"],"mappings":"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","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconPickerFontAwesome } from "../../domains";
+import type { IconPickerFontAwesome } from "../../domains/index.js";
 interface IconPickerGridProps {
     icons: IconPickerFontAwesome[];
     iconsLength: number;

package/IconPicker/primitives/components/IconPickerGrid.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from "react";
 import { Grid } from "react-virtualized";
-import { Text } from "../../../Text";
-import { cn } from "../../../utils";
-import { IconPickerIconFormatter } from "../../domains";
-import { IconPickerIcon } from "./IconPickerIcon";
+import { Text } from "../../../Text/index.js";
+import { cn } from "../../../utils.js";
+import { IconPickerIconFormatter } from "../../domains/index.js";
+import { IconPickerIcon } from "./IconPickerIcon.js";
 const COLUMN_COUNT = 5;
 const GRID_WIDTH = 424;
 const GRID_HEIGHT = 270;
@@ -24,7 +24,7 @@ const IconPickerGrid = props => {
       return /*#__PURE__*/React.createElement("div", {
         key: key,
         style: style,
-        className: cn(["wby-flex wby-flex-col wby-justify-center wby-items-center wby-gap-sm", "wby-text-neutral-strong", "hover:wby-bg-neutral-dimmed hover:wby-text-neutral-strong", "wby-px-xs-plus wby-box-border wby-rounded-xs wby-cursor-pointer wby-overflow-hidden", "wby-transition-colors wby-duration-400 wby-ease-out"]),
+        className: cn(["flex flex-col justify-center items-center gap-sm", "text-neutral-strong", "hover:bg-neutral-dimmed hover:text-neutral-strong", "px-xs-plus box-border rounded-xs cursor-pointer overflow-hidden", "transition-colors duration-400 ease-out"]),
         onClick: () => {
           if (props.onIconSelect) {
             props.onIconSelect(IconPickerIconFormatter.formatStringValue(item));
@@ -33,18 +33,18 @@ const IconPickerGrid = props => {
       }, /*#__PURE__*/React.createElement(IconPickerIcon, {
         name: item.name,
         prefix: item.prefix,
-        className: "wby-size-lg"
+        className: "size-lg"
       }), /*#__PURE__*/React.createElement(Text, {
         as: "div",
         size: "sm",
-        className: "wby-w-full wby-truncate wby-text-center wby-text-neutral-muted"
+        className: "w-full truncate text-center text-neutral-muted"
       }, item.name));
     };
   }, [props.icons]);
   return /*#__PURE__*/React.createElement("div", null, props.iconsLength === 0 ? /*#__PURE__*/React.createElement("div", {
-    className: `wby-px-sm-extra wby-py-md wby-text-neutral-strong`
+    className: `px-sm-extra py-md text-neutral-strong`
   }, /*#__PURE__*/React.createElement(Text, null, "No results found.")) : /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-px-sm-extra wby-py-xs-plus wby-outline-none",
+    className: "px-sm-extra py-xs-plus outline-none",
     cellRenderer: renderCell(),
     columnCount: COLUMN_COUNT,
     columnWidth: COLUMN_WIDTH,

package/IconPicker/primitives/components/IconPickerGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Grid","Text","cn","IconPickerIconFormatter","IconPickerIcon","COLUMN_COUNT","GRID_WIDTH","GRID_HEIGHT","COLUMN_WIDTH","ROW_HEIGHT","IconPickerGrid","props","renderCell","columnIndex","key","rowIndex","style","item","icons","createElement","className","onClick","onIconSelect","formatStringValue","name","prefix","as","size","iconsLength","cellRenderer","columnCount","columnWidth","rowHeight","width","height","rowCount","Math","ceil"],"sources":["IconPickerGrid.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { GridCellProps } from \"react-virtualized\";\nimport { Grid } from \"react-virtualized\";\nimport { Text } from \"~/Text\";\nimport { cn } from \"~/utils\";\nimport type { IconPickerFontAwesome } from \"../../domains\";\nimport { IconPickerIconFormatter } from \"../../domains\";\nimport { IconPickerIcon } from \"./IconPickerIcon\";\n\nconst COLUMN_COUNT = 5;\nconst GRID_WIDTH = 424;\nconst GRID_HEIGHT = 270;\nconst COLUMN_WIDTH = 80;\nconst ROW_HEIGHT = 80;\n\ninterface IconPickerGridProps {\n    icons: IconPickerFontAwesome[];\n    iconsLength: number;\n    onIconSelect: (value: string) => void;\n}\n\nconst IconPickerGrid = (props: IconPickerGridProps) => {\n    const renderCell = useCallback(() => {\n        return function renderCell({\n            columnIndex,\n            key,\n            rowIndex,\n            style\n        }: GridCellProps): React.ReactNode {\n            const item = props.icons[rowIndex * COLUMN_COUNT + columnIndex];\n            if (!item) {\n                return null;\n            }\n\n            return (\n                <div\n                    key={key}\n                    style={style}\n                    className={cn([\n                        \"wby-flex wby-flex-col wby-justify-center wby-items-center wby-gap-sm\",\n                        \"wby-text-neutral-strong\",\n                        \"hover:wby-bg-neutral-dimmed hover:wby-text-neutral-strong\",\n                        \"wby-px-xs-plus wby-box-border wby-rounded-xs wby-cursor-pointer wby-overflow-hidden\",\n                        \"wby-transition-colors wby-duration-400 wby-ease-out\"\n                    ])}\n                    onClick={() => {\n                        if (props.onIconSelect) {\n                            props.onIconSelect(IconPickerIconFormatter.formatStringValue(item));\n                        }\n                    }}\n                >\n                    <IconPickerIcon\n                        name={item.name}\n                        prefix={item.prefix}\n                        className={\"wby-size-lg\"}\n                    />\n                    <Text\n                        as={\"div\"}\n                        size={\"sm\"}\n                        className={\"wby-w-full wby-truncate wby-text-center wby-text-neutral-muted\"}\n                    >\n                        {item.name}\n                    </Text>\n                </div>\n            );\n        };\n    }, [props.icons]);\n\n    return (\n        <div>\n            {props.iconsLength === 0 ? (\n                <div className={`wby-px-sm-extra wby-py-md wby-text-neutral-strong`}>\n                    <Text>{\"No results found.\"}</Text>\n                </div>\n            ) : (\n                <Grid\n                    className={\"wby-px-sm-extra wby-py-xs-plus wby-outline-none\"}\n                    cellRenderer={renderCell()}\n                    columnCount={COLUMN_COUNT}\n                    columnWidth={COLUMN_WIDTH}\n                    rowHeight={ROW_HEIGHT}\n                    width={GRID_WIDTH}\n                    height={GRID_HEIGHT}\n                    rowCount={Math.ceil(props.iconsLength / COLUMN_COUNT)}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerGrid, type IconPickerGridProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,IAAI;AACb,SAASC,EAAE;AAEX,SAASC,uBAAuB;AAChC,SAASC,cAAc;AAEvB,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,GAAG;AACvB,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,UAAU,GAAG,EAAE;AAQrB,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACnD,MAAMC,UAAU,GAAGb,WAAW,CAAC,MAAM;IACjC,OAAO,SAASa,UAAUA,CAAC;MACvBC,WAAW;MACXC,GAAG;MACHC,QAAQ;MACRC;IACW,CAAC,EAAmB;MAC/B,MAAMC,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACH,QAAQ,GAAGV,YAAY,GAAGQ,WAAW,CAAC;MAC/D,IAAI,CAACI,IAAI,EAAE;QACP,OAAO,IAAI;MACf;MAEA,oBACInB,KAAA,CAAAqB,aAAA;QACIL,GAAG,EAAEA,GAAI;QACTE,KAAK,EAAEA,KAAM;QACbI,SAAS,EAAElB,EAAE,CAAC,CACV,sEAAsE,EACtE,yBAAyB,EACzB,2DAA2D,EAC3D,qFAAqF,EACrF,qDAAqD,CACxD,CAAE;QACHmB,OAAO,EAAEA,CAAA,KAAM;UACX,IAAIV,KAAK,CAACW,YAAY,EAAE;YACpBX,KAAK,CAACW,YAAY,CAACnB,uBAAuB,CAACoB,iBAAiB,CAACN,IAAI,CAAC,CAAC;UACvE;QACJ;MAAE,gBAEFnB,KAAA,CAAAqB,aAAA,CAACf,cAAc;QACXoB,IAAI,EAAEP,IAAI,CAACO,IAAK;QAChBC,MAAM,EAAER,IAAI,CAACQ,MAAO;QACpBL,SAAS,EAAE;MAAc,CAC5B,CAAC,eACFtB,KAAA,CAAAqB,aAAA,CAAClB,IAAI;QACDyB,EAAE,EAAE,KAAM;QACVC,IAAI,EAAE,IAAK;QACXP,SAAS,EAAE;MAAiE,GAE3EH,IAAI,CAACO,IACJ,CACL,CAAC;IAEd,CAAC;EACL,CAAC,EAAE,CAACb,KAAK,CAACO,KAAK,CAAC,CAAC;EAEjB,oBACIpB,KAAA,CAAAqB,aAAA,cACKR,KAAK,CAACiB,WAAW,KAAK,CAAC,gBACpB9B,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAoD,gBAChEtB,KAAA,CAAAqB,aAAA,CAAClB,IAAI,QAAE,mBAA0B,CAChC,CAAC,gBAENH,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IACDoB,SAAS,EAAE,iDAAkD;IAC7DS,YAAY,EAAEjB,UAAU,CAAC,CAAE;IAC3BkB,WAAW,EAAEzB,YAAa;IAC1B0B,WAAW,EAAEvB,YAAa;IAC1BwB,SAAS,EAAEvB,UAAW;IACtBwB,KAAK,EAAE3B,UAAW;IAClB4B,MAAM,EAAE3B,WAAY;IACpB4B,QAAQ,EAAEC,IAAI,CAACC,IAAI,CAAC1B,KAAK,CAACiB,WAAW,GAAGvB,YAAY;EAAE,CACzD,CAEJ,CAAC;AAEd,CAAC;AAED,SAASK,cAAc","ignoreList":[]}
+{"version":3,"names":["React","useCallback","Grid","Text","cn","IconPickerIconFormatter","IconPickerIcon","COLUMN_COUNT","GRID_WIDTH","GRID_HEIGHT","COLUMN_WIDTH","ROW_HEIGHT","IconPickerGrid","props","renderCell","columnIndex","key","rowIndex","style","item","icons","createElement","className","onClick","onIconSelect","formatStringValue","name","prefix","as","size","iconsLength","cellRenderer","columnCount","columnWidth","rowHeight","width","height","rowCount","Math","ceil"],"sources":["IconPickerGrid.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { GridCellProps } from \"react-virtualized\";\nimport { Grid } from \"react-virtualized\";\nimport { Text } from \"~/Text/index.js\";\nimport { cn } from \"~/utils.js\";\nimport type { IconPickerFontAwesome } from \"../../domains/index.js\";\nimport { IconPickerIconFormatter } from \"../../domains/index.js\";\nimport { IconPickerIcon } from \"./IconPickerIcon.js\";\n\nconst COLUMN_COUNT = 5;\nconst GRID_WIDTH = 424;\nconst GRID_HEIGHT = 270;\nconst COLUMN_WIDTH = 80;\nconst ROW_HEIGHT = 80;\n\ninterface IconPickerGridProps {\n    icons: IconPickerFontAwesome[];\n    iconsLength: number;\n    onIconSelect: (value: string) => void;\n}\n\nconst IconPickerGrid = (props: IconPickerGridProps) => {\n    const renderCell = useCallback(() => {\n        return function renderCell({\n            columnIndex,\n            key,\n            rowIndex,\n            style\n        }: GridCellProps): React.ReactNode {\n            const item = props.icons[rowIndex * COLUMN_COUNT + columnIndex];\n            if (!item) {\n                return null;\n            }\n\n            return (\n                <div\n                    key={key}\n                    style={style}\n                    className={cn([\n                        \"flex flex-col justify-center items-center gap-sm\",\n                        \"text-neutral-strong\",\n                        \"hover:bg-neutral-dimmed hover:text-neutral-strong\",\n                        \"px-xs-plus box-border rounded-xs cursor-pointer overflow-hidden\",\n                        \"transition-colors duration-400 ease-out\"\n                    ])}\n                    onClick={() => {\n                        if (props.onIconSelect) {\n                            props.onIconSelect(IconPickerIconFormatter.formatStringValue(item));\n                        }\n                    }}\n                >\n                    <IconPickerIcon name={item.name} prefix={item.prefix} className={\"size-lg\"} />\n                    <Text\n                        as={\"div\"}\n                        size={\"sm\"}\n                        className={\"w-full truncate text-center text-neutral-muted\"}\n                    >\n                        {item.name}\n                    </Text>\n                </div>\n            );\n        };\n    }, [props.icons]);\n\n    return (\n        <div>\n            {props.iconsLength === 0 ? (\n                <div className={`px-sm-extra py-md text-neutral-strong`}>\n                    <Text>{\"No results found.\"}</Text>\n                </div>\n            ) : (\n                <Grid\n                    className={\"px-sm-extra py-xs-plus outline-none\"}\n                    cellRenderer={renderCell()}\n                    columnCount={COLUMN_COUNT}\n                    columnWidth={COLUMN_WIDTH}\n                    rowHeight={ROW_HEIGHT}\n                    width={GRID_WIDTH}\n                    height={GRID_HEIGHT}\n                    rowCount={Math.ceil(props.iconsLength / COLUMN_COUNT)}\n                />\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerGrid, type IconPickerGridProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,IAAI;AACb,SAASC,EAAE;AAEX,SAASC,uBAAuB;AAChC,SAASC,cAAc;AAEvB,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,GAAG;AACvB,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,UAAU,GAAG,EAAE;AAQrB,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACnD,MAAMC,UAAU,GAAGb,WAAW,CAAC,MAAM;IACjC,OAAO,SAASa,UAAUA,CAAC;MACvBC,WAAW;MACXC,GAAG;MACHC,QAAQ;MACRC;IACW,CAAC,EAAmB;MAC/B,MAAMC,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACH,QAAQ,GAAGV,YAAY,GAAGQ,WAAW,CAAC;MAC/D,IAAI,CAACI,IAAI,EAAE;QACP,OAAO,IAAI;MACf;MAEA,oBACInB,KAAA,CAAAqB,aAAA;QACIL,GAAG,EAAEA,GAAI;QACTE,KAAK,EAAEA,KAAM;QACbI,SAAS,EAAElB,EAAE,CAAC,CACV,kDAAkD,EAClD,qBAAqB,EACrB,mDAAmD,EACnD,iEAAiE,EACjE,yCAAyC,CAC5C,CAAE;QACHmB,OAAO,EAAEA,CAAA,KAAM;UACX,IAAIV,KAAK,CAACW,YAAY,EAAE;YACpBX,KAAK,CAACW,YAAY,CAACnB,uBAAuB,CAACoB,iBAAiB,CAACN,IAAI,CAAC,CAAC;UACvE;QACJ;MAAE,gBAEFnB,KAAA,CAAAqB,aAAA,CAACf,cAAc;QAACoB,IAAI,EAAEP,IAAI,CAACO,IAAK;QAACC,MAAM,EAAER,IAAI,CAACQ,MAAO;QAACL,SAAS,EAAE;MAAU,CAAE,CAAC,eAC9EtB,KAAA,CAAAqB,aAAA,CAAClB,IAAI;QACDyB,EAAE,EAAE,KAAM;QACVC,IAAI,EAAE,IAAK;QACXP,SAAS,EAAE;MAAiD,GAE3DH,IAAI,CAACO,IACJ,CACL,CAAC;IAEd,CAAC;EACL,CAAC,EAAE,CAACb,KAAK,CAACO,KAAK,CAAC,CAAC;EAEjB,oBACIpB,KAAA,CAAAqB,aAAA,cACKR,KAAK,CAACiB,WAAW,KAAK,CAAC,gBACpB9B,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwC,gBACpDtB,KAAA,CAAAqB,aAAA,CAAClB,IAAI,QAAE,mBAA0B,CAChC,CAAC,gBAENH,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IACDoB,SAAS,EAAE,qCAAsC;IACjDS,YAAY,EAAEjB,UAAU,CAAC,CAAE;IAC3BkB,WAAW,EAAEzB,YAAa;IAC1B0B,WAAW,EAAEvB,YAAa;IAC1BwB,SAAS,EAAEvB,UAAW;IACtBwB,KAAK,EAAE3B,UAAW;IAClB4B,MAAM,EAAE3B,WAAY;IACpB4B,QAAQ,EAAEC,IAAI,CAACC,IAAI,CAAC1B,KAAK,CAACiB,WAAW,GAAGvB,YAAY;EAAE,CACzD,CAEJ,CAAC;AAEd,CAAC;AAED,SAASK,cAAc","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerIcon.js

@@ -8,7 +8,7 @@ const IconPickerIcon = ({
   return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: [prefix, name],
     size: "2x",
-    className: "wby-block wby-size-full"
+    className: "block size-full!"
   }));
 };
 export { IconPickerIcon };

package/IconPicker/primitives/components/IconPickerIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FontAwesomeIcon","IconPickerIcon","name","prefix","props","createElement","icon","size","className"],"sources":["IconPickerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconName, IconPrefix } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IconPickerIconProps extends React.HTMLAttributes<HTMLDivElement> {\n    name: IconName;\n    prefix: IconPrefix;\n}\n\nconst IconPickerIcon = ({ name, prefix, ...props }: IconPickerIconProps) => {\n    return (\n        <div {...props}>\n            <FontAwesomeIcon\n                icon={[prefix, name]}\n                size={\"2x\"}\n                className={\"wby-block wby-size-full\"}\n            />\n        </div>\n    );\n};\n\nexport { IconPickerIcon, type IconPickerIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAQhE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACxE,oBACIL,KAAA,CAAAM,aAAA,QAASD,KAAK,eACVL,KAAA,CAAAM,aAAA,CAACL,eAAe;IACZM,IAAI,EAAE,CAACH,MAAM,EAAED,IAAI,CAAE;IACrBK,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAA0B,CACxC,CACA,CAAC;AAEd,CAAC;AAED,SAASP,cAAc","ignoreList":[]}
+{"version":3,"names":["React","FontAwesomeIcon","IconPickerIcon","name","prefix","props","createElement","icon","size","className"],"sources":["IconPickerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconName, IconPrefix } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IconPickerIconProps extends React.HTMLAttributes<HTMLDivElement> {\n    name: IconName;\n    prefix: IconPrefix;\n}\n\nconst IconPickerIcon = ({ name, prefix, ...props }: IconPickerIconProps) => {\n    return (\n        <div {...props}>\n            <FontAwesomeIcon icon={[prefix, name]} size={\"2x\"} className={\"block size-full!\"} />\n        </div>\n    );\n};\n\nexport { IconPickerIcon, type IconPickerIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAQhE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACxE,oBACIL,KAAA,CAAAM,aAAA,QAASD,KAAK,eACVL,KAAA,CAAAM,aAAA,CAACL,eAAe;IAACM,IAAI,EAAE,CAACH,MAAM,EAAED,IAAI,CAAE;IAACK,IAAI,EAAE,IAAK;IAACC,SAAS,EAAE;EAAmB,CAAE,CAClF,CAAC;AAEd,CAAC;AAED,SAASP,cAAc","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerInput.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-import { Input } from "../../../Input";
-import { Icon } from "../../../Icon";
-import { DelayedOnChange } from "../../../DelayedOnChange";
-import { cn } from "../../../utils";
+import { Input } from "../../../Input/index.js";
+import { Icon } from "../../../Icon/index.js";
+import { DelayedOnChange } from "../../../DelayedOnChange/index.js";
+import { cn } from "../../../utils.js";
 const IconPickerInput = props => {
   const onInputChange = useCallback((value, cb) => {
     props.onChange(value);
@@ -18,7 +18,7 @@ const IconPickerInput = props => {
     value,
     onChange
   }) => /*#__PURE__*/React.createElement("div", {
-    className: cn("wby-p-xs-plus wby-pb-0")
+    className: cn("p-xs-plus pb-0")
   }, /*#__PURE__*/React.createElement(Input, {
     inputRef: props.inputRef,
     value: value,

package/IconPicker/primitives/components/IconPickerInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","SearchIcon","Input","Icon","DelayedOnChange","cn","IconPickerInput","props","onInputChange","value","cb","onChange","createElement","className","inputRef","placeholder","variant","size","startIcon","icon","label"],"sources":["IconPickerInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input } from \"~/Input\";\nimport { Icon } from \"~/Icon\";\nimport type { OnChangeCallable } from \"~/DelayedOnChange\";\nimport { DelayedOnChange } from \"~/DelayedOnChange\";\nimport { cn } from \"~/utils\";\n\ninterface IconPickerInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    inputRef: React.RefObject<HTMLInputElement>;\n}\n\nconst IconPickerInput = (props: IconPickerInputProps) => {\n    const onInputChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            props.onChange(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [props.onChange]\n    );\n\n    return (\n        <DelayedOnChange value={props.value} onChange={onInputChange}>\n            {({ value, onChange }) => (\n                <div className={cn(\"wby-p-xs-plus wby-pb-0\")}>\n                    <Input\n                        inputRef={props.inputRef}\n                        value={value}\n                        onChange={onChange}\n                        placeholder={\"Search icons...\"}\n                        variant={\"secondary\"}\n                        size={\"md\"}\n                        startIcon={<Icon icon={<SearchIcon />} label={\"Search icons\"} />}\n                    />\n                </div>\n            )}\n        </DelayedOnChange>\n    );\n};\n\nexport { IconPickerInput, type IconPickerInputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK;AACd,SAASC,IAAI;AAEb,SAASC,eAAe;AACxB,SAASC,EAAE;AAQX,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAMC,aAAa,GAAGT,WAAW,CAC7B,CAACU,KAAK,EAAEC,EAAE,KAAK;IACXH,KAAK,CAACI,QAAQ,CAACF,KAAK,CAAC;IACrB,IAAIC,EAAE,EAAE;MACJA,EAAE,CAACD,KAAK,CAAC;IACb;EACJ,CAAC,EACD,CAACF,KAAK,CAACI,QAAQ,CACnB,CAAC;EAED,oBACIb,KAAA,CAAAc,aAAA,CAACR,eAAe;IAACK,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACE,QAAQ,EAAEH;EAAc,GACxD,CAAC;IAAEC,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,EAAE,CAAC,wBAAwB;EAAE,gBACzCP,KAAA,CAAAc,aAAA,CAACV,KAAK;IACFY,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBL,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBI,WAAW,EAAE,iBAAkB;IAC/BC,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,SAAS,eAAEpB,KAAA,CAAAc,aAAA,CAACT,IAAI;MAACgB,IAAI,eAAErB,KAAA,CAAAc,aAAA,CAACX,UAAU,MAAE,CAAE;MAACmB,KAAK,EAAE;IAAe,CAAE;EAAE,CACpE,CACA,CAEI,CAAC;AAE1B,CAAC;AAED,SAASd,eAAe","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","SearchIcon","Input","Icon","DelayedOnChange","cn","IconPickerInput","props","onInputChange","value","cb","onChange","createElement","className","inputRef","placeholder","variant","size","startIcon","icon","label"],"sources":["IconPickerInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input } from \"~/Input/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport type { OnChangeCallable } from \"~/DelayedOnChange/index.js\";\nimport { DelayedOnChange } from \"~/DelayedOnChange/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface IconPickerInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    inputRef: React.RefObject<HTMLInputElement>;\n}\n\nconst IconPickerInput = (props: IconPickerInputProps) => {\n    const onInputChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            props.onChange(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [props.onChange]\n    );\n\n    return (\n        <DelayedOnChange value={props.value} onChange={onInputChange}>\n            {({ value, onChange }) => (\n                <div className={cn(\"p-xs-plus pb-0\")}>\n                    <Input\n                        inputRef={props.inputRef}\n                        value={value}\n                        onChange={onChange}\n                        placeholder={\"Search icons...\"}\n                        variant={\"secondary\"}\n                        size={\"md\"}\n                        startIcon={<Icon icon={<SearchIcon />} label={\"Search icons\"} />}\n                    />\n                </div>\n            )}\n        </DelayedOnChange>\n    );\n};\n\nexport { IconPickerInput, type IconPickerInputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK;AACd,SAASC,IAAI;AAEb,SAASC,eAAe;AACxB,SAASC,EAAE;AAQX,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAMC,aAAa,GAAGT,WAAW,CAC7B,CAACU,KAAK,EAAEC,EAAE,KAAK;IACXH,KAAK,CAACI,QAAQ,CAACF,KAAK,CAAC;IACrB,IAAIC,EAAE,EAAE;MACJA,EAAE,CAACD,KAAK,CAAC;IACb;EACJ,CAAC,EACD,CAACF,KAAK,CAACI,QAAQ,CACnB,CAAC;EAED,oBACIb,KAAA,CAAAc,aAAA,CAACR,eAAe;IAACK,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACE,QAAQ,EAAEH;EAAc,GACxD,CAAC;IAAEC,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,EAAE,CAAC,gBAAgB;EAAE,gBACjCP,KAAA,CAAAc,aAAA,CAACV,KAAK;IACFY,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBL,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBI,WAAW,EAAE,iBAAkB;IAC/BC,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,SAAS,eAAEpB,KAAA,CAAAc,aAAA,CAACT,IAAI;MAACgB,IAAI,eAAErB,KAAA,CAAAc,aAAA,CAACX,UAAU,MAAE,CAAE;MAACmB,KAAK,EAAE;IAAe,CAAE;EAAE,CACpE,CACA,CAEI,CAAC;AAE1B,CAAC;AAED,SAASd,eAAe","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerTrigger.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { type VariantProps } from "../../../utils";
+import { type VariantProps } from "../../../utils.js";
 declare const iconPickerTriggerVariants: (props?: ({
     size?: "md" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 interface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {
     value?: string;
 }

package/IconPicker/primitives/components/IconPickerTrigger.js

@@ -1,15 +1,15 @@
 import React, { useMemo } from "react";
 import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
-import { Icon as IconComponent } from "../../../Icon";
-import { cn, cva } from "../../../utils";
-import { IconPickerIcon as IconPickerIconComponent } from "./IconPickerIcon";
-import { IconPickerIcon, IconPickerIconFormatter } from "../../domains";
-const iconPickerTriggerVariants = cva("wby-flex wby-items-center", {
+import { Icon as IconComponent } from "../../../Icon/index.js";
+import { cn, cva } from "../../../utils.js";
+import { IconPickerIcon as IconPickerIconComponent } from "./IconPickerIcon.js";
+import { IconPickerIcon, IconPickerIconFormatter } from "../../domains/index.js";
+const iconPickerTriggerVariants = cva("flex items-center", {
   variants: {
     size: {
-      md: "wby-gap-xs",
-      lg: "wby-gap-xs",
-      xl: "wby-gap-sm"
+      md: "gap-xs",
+      lg: "gap-xs",
+      xl: "gap-sm"
     }
   },
   defaultVariants: {

package/IconPicker/primitives/components/IconPickerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","ReactComponent","ChevronDown","Icon","IconComponent","cn","cva","IconPickerIcon","IconPickerIconComponent","IconPickerIconFormatter","iconPickerTriggerVariants","variants","size","md","lg","xl","defaultVariants","IconPickerTrigger","value","icon","createFromString","formatFontAwesome","createElement","className","prefix","name","label"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Icon as IconComponent } from \"~/Icon\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { IconPickerIcon as IconPickerIconComponent } from \"./IconPickerIcon\";\nimport { IconPickerIcon, IconPickerIconFormatter } from \"../../domains\";\n\nconst iconPickerTriggerVariants = cva(\"wby-flex wby-items-center\", {\n    variants: {\n        size: {\n            md: \"wby-gap-xs\",\n            lg: \"wby-gap-xs\",\n            xl: \"wby-gap-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"lg\"\n    }\n});\n\ninterface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {\n    value?: string;\n}\n\nconst IconPickerTrigger = ({ value, size }: IconPickerTriggerProps) => {\n    const icon = useMemo(() => {\n        const icon = IconPickerIcon.createFromString(value);\n        return IconPickerIconFormatter.formatFontAwesome(icon);\n    }, [value]);\n\n    return (\n        <div className={cn(iconPickerTriggerVariants({ size }))}>\n            <div>\n                <IconComponent\n                    size={size === \"xl\" ? \"lg\" : \"md\"}\n                    icon={<IconPickerIconComponent prefix={icon.prefix} name={icon.name} />}\n                    label={`Selected icon`}\n                />\n            </div>\n            <div>\n                <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,cAAc,IAAIC,uBAAuB;AAClD,SAASD,cAAc,EAAEE,uBAAuB;AAEhD,MAAMC,yBAAyB,GAAGJ,GAAG,CAAC,2BAA2B,EAAE;EAC/DK,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMK,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEN;AAA6B,CAAC,KAAK;EACnE,MAAMO,IAAI,GAAGnB,OAAO,CAAC,MAAM;IACvB,MAAMmB,IAAI,GAAGZ,cAAc,CAACa,gBAAgB,CAACF,KAAK,CAAC;IACnD,OAAOT,uBAAuB,CAACY,iBAAiB,CAACF,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBACInB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAElB,EAAE,CAACK,yBAAyB,CAAC;MAAEE;IAAK,CAAC,CAAC;EAAE,gBACpDb,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IACVQ,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK;IAClCO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACd,uBAAuB;MAACgB,MAAM,EAAEL,IAAI,CAACK,MAAO;MAACC,IAAI,EAAEN,IAAI,CAACM;IAAK,CAAE,CAAE;IACxEC,KAAK,EAAE;EAAgB,CAC1B,CACA,CAAC,eACN3B,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IAACQ,IAAI,EAAE,IAAK;IAACO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACpB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CAAC;AAEd,CAAC;AAED,SAAST,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","useMemo","ReactComponent","ChevronDown","Icon","IconComponent","cn","cva","IconPickerIcon","IconPickerIconComponent","IconPickerIconFormatter","iconPickerTriggerVariants","variants","size","md","lg","xl","defaultVariants","IconPickerTrigger","value","icon","createFromString","formatFontAwesome","createElement","className","prefix","name","label"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { IconPickerIcon as IconPickerIconComponent } from \"./IconPickerIcon.js\";\nimport { IconPickerIcon, IconPickerIconFormatter } from \"../../domains/index.js\";\n\nconst iconPickerTriggerVariants = cva(\"flex items-center\", {\n    variants: {\n        size: {\n            md: \"gap-xs\",\n            lg: \"gap-xs\",\n            xl: \"gap-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"lg\"\n    }\n});\n\ninterface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {\n    value?: string;\n}\n\nconst IconPickerTrigger = ({ value, size }: IconPickerTriggerProps) => {\n    const icon = useMemo(() => {\n        const icon = IconPickerIcon.createFromString(value);\n        return IconPickerIconFormatter.formatFontAwesome(icon);\n    }, [value]);\n\n    return (\n        <div className={cn(iconPickerTriggerVariants({ size }))}>\n            <div>\n                <IconComponent\n                    size={size === \"xl\" ? \"lg\" : \"md\"}\n                    icon={<IconPickerIconComponent prefix={icon.prefix} name={icon.name} />}\n                    label={`Selected icon`}\n                />\n            </div>\n            <div>\n                <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,cAAc,IAAIC,uBAAuB;AAClD,SAASD,cAAc,EAAEE,uBAAuB;AAEhD,MAAMC,yBAAyB,GAAGJ,GAAG,CAAC,mBAAmB,EAAE;EACvDK,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMK,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEN;AAA6B,CAAC,KAAK;EACnE,MAAMO,IAAI,GAAGnB,OAAO,CAAC,MAAM;IACvB,MAAMmB,IAAI,GAAGZ,cAAc,CAACa,gBAAgB,CAACF,KAAK,CAAC;IACnD,OAAOT,uBAAuB,CAACY,iBAAiB,CAACF,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBACInB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAElB,EAAE,CAACK,yBAAyB,CAAC;MAAEE;IAAK,CAAC,CAAC;EAAE,gBACpDb,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IACVQ,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK;IAClCO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACd,uBAAuB;MAACgB,MAAM,EAAEL,IAAI,CAACK,MAAO;MAACC,IAAI,EAAEN,IAAI,CAACM;IAAK,CAAE,CAAE;IACxEC,KAAK,EAAE;EAAgB,CAC1B,CACA,CAAC,eACN3B,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IAACQ,IAAI,EAAE,IAAK;IAACO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACpB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CAAC;AAEd,CAAC;AAED,SAAST,iBAAiB","ignoreList":[]}

package/IconPicker/primitives/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./IconPickerGrid";
-export * from "./IconPickerIcon";
-export * from "./IconPickerInput";
-export * from "./IconPickerTrigger";
+export * from "./IconPickerGrid.js";
+export * from "./IconPickerIcon.js";
+export * from "./IconPickerInput.js";
+export * from "./IconPickerTrigger.js";

package/IconPicker/primitives/components/index.js

@@ -1,6 +1,6 @@
-export * from "./IconPickerGrid";
-export * from "./IconPickerIcon";
-export * from "./IconPickerInput";
-export * from "./IconPickerTrigger";
+export * from "./IconPickerGrid.js";
+export * from "./IconPickerIcon.js";
+export * from "./IconPickerInput.js";
+export * from "./IconPickerTrigger.js";
 
 //# sourceMappingURL=index.js.map

package/IconPicker/primitives/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerGrid\";\nexport * from \"./IconPickerIcon\";\nexport * from \"./IconPickerInput\";\nexport * from \"./IconPickerTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerGrid.js\";\nexport * from \"./IconPickerIcon.js\";\nexport * from \"./IconPickerInput.js\";\nexport * from \"./IconPickerTrigger.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/IconPicker/primitives/index.d.ts

@@ -1 +1 @@
-export * from "./IconPickerPrimitive";
+export * from "./IconPickerPrimitive.js";

package/IconPicker/primitives/index.js

@@ -1,3 +1,3 @@
-export * from "./IconPickerPrimitive";
+export * from "./IconPickerPrimitive.js";
 
 //# sourceMappingURL=index.js.map

package/IconPicker/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/IconPicker/primitives/presenters/IconPickerPresenter.d.ts

@@ -1,4 +1,4 @@
-import type { IconPickerIconDto, IconPickerFontAwesome } from "../../domains";
+import type { IconPickerIconDto, IconPickerFontAwesome } from "../../domains/index.js";
 interface IconPickerParams {
     icons: IconPickerIconDto[];
     onChange?: (value: string) => void;

package/IconPicker/primitives/presenters/IconPickerPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { IconPickerIcon, IconPickerIconFormatter, ListCache } from "../../domains";
+import { IconPickerIcon, IconPickerIconFormatter, ListCache } from "../../domains/index.js";
 class IconPickerPresenter {
   open = false;
   icons = new ListCache();

package/IconPicker/primitives/presenters/IconPickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","IconPickerIcon","IconPickerIconFormatter","ListCache","IconPickerPresenter","open","icons","searchQuery","params","undefined","constructor","init","clear","addItems","map","icon","create","vm","getIcons","formatFontAwesome","iconsLength","length","setListOpenState","searchIcon","value","setSelectedIcon","onChange","getItems","name","includes"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IconPickerIconDto, IconPickerFontAwesome } from \"../../domains\";\nimport { IconPickerIcon, IconPickerIconFormatter, ListCache } from \"../../domains\";\n\ninterface IconPickerParams {\n    icons: IconPickerIconDto[];\n    onChange?: (value: string) => void;\n}\n\ninterface IIconPickerPresenter {\n    vm: {\n        open: boolean;\n        icons: IconPickerFontAwesome[];\n        iconsLength: number;\n        searchQuery: string;\n    };\n    init: (params: IconPickerParams) => void;\n    setListOpenState: (open: boolean) => void;\n    searchIcon: (value: string) => void;\n    setSelectedIcon: (icon: string) => void;\n}\n\nclass IconPickerPresenter implements IIconPickerPresenter {\n    private open = false;\n    private icons = new ListCache<IconPickerIcon>();\n    private searchQuery = \"\";\n    private params?: IconPickerParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: IconPickerParams) => {\n        this.params = params;\n        this.icons.clear();\n        this.icons.addItems(params.icons.map(icon => IconPickerIcon.create(icon)));\n    };\n\n    get vm() {\n        return {\n            open: this.open,\n            searchQuery: this.searchQuery,\n            icons: this.getIcons().map(icon => IconPickerIconFormatter.formatFontAwesome(icon)),\n            iconsLength: this.getIcons().length || 0\n        };\n    }\n\n    public setListOpenState = (open: boolean) => {\n        this.open = open;\n    };\n\n    public searchIcon = (value: string) => {\n        this.searchQuery = value;\n    };\n\n    public setSelectedIcon = (icon: string) => {\n        this.setListOpenState(false);\n        this.params?.onChange?.(icon);\n    };\n\n    private getIcons = () => {\n        if (this.searchQuery) {\n            return this.icons.getItems(icon => icon.name.includes(this.searchQuery));\n        }\n\n        return this.icons.getItems();\n    };\n}\n\nexport { IconPickerPresenter, type IIconPickerPresenter, type IconPickerParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,cAAc,EAAEC,uBAAuB,EAAEC,SAAS;AAoB3D,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAG,KAAK;EACZC,KAAK,GAAG,IAAIH,SAAS,CAAiB,CAAC;EACvCI,WAAW,GAAG,EAAE;EAChBC,MAAM,GAAsBC,SAAS;EAE7CC,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOW,IAAI,GAAIH,MAAwB,IAAK;IACxC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACF,KAAK,CAACM,KAAK,CAAC,CAAC;IAClB,IAAI,CAACN,KAAK,CAACO,QAAQ,CAACL,MAAM,CAACF,KAAK,CAACQ,GAAG,CAACC,IAAI,IAAId,cAAc,CAACe,MAAM,CAACD,IAAI,CAAC,CAAC,CAAC;EAC9E,CAAC;EAED,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,IAAI,EAAE,IAAI,CAACA,IAAI;MACfE,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BD,KAAK,EAAE,IAAI,CAACY,QAAQ,CAAC,CAAC,CAACJ,GAAG,CAACC,IAAI,IAAIb,uBAAuB,CAACiB,iBAAiB,CAACJ,IAAI,CAAC,CAAC;MACnFK,WAAW,EAAE,IAAI,CAACF,QAAQ,CAAC,CAAC,CAACG,MAAM,IAAI;IAC3C,CAAC;EACL;EAEOC,gBAAgB,GAAIjB,IAAa,IAAK;IACzC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEMkB,UAAU,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,WAAW,GAAGiB,KAAK;EAC5B,CAAC;EAEMC,eAAe,GAAIV,IAAY,IAAK;IACvC,IAAI,CAACO,gBAAgB,CAAC,KAAK,CAAC;IAC5B,IAAI,CAACd,MAAM,EAAEkB,QAAQ,GAAGX,IAAI,CAAC;EACjC,CAAC;EAEOG,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAI,IAAI,CAACX,WAAW,EAAE;MAClB,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAACZ,IAAI,IAAIA,IAAI,CAACa,IAAI,CAACC,QAAQ,CAAC,IAAI,CAACtB,WAAW,CAAC,CAAC;IAC5E;IAEA,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAAC,CAAC;EAChC,CAAC;AACL;AAEA,SAASvB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","IconPickerIcon","IconPickerIconFormatter","ListCache","IconPickerPresenter","open","icons","searchQuery","params","undefined","constructor","init","clear","addItems","map","icon","create","vm","getIcons","formatFontAwesome","iconsLength","length","setListOpenState","searchIcon","value","setSelectedIcon","onChange","getItems","name","includes"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IconPickerIconDto, IconPickerFontAwesome } from \"../../domains/index.js\";\nimport { IconPickerIcon, IconPickerIconFormatter, ListCache } from \"../../domains/index.js\";\n\ninterface IconPickerParams {\n    icons: IconPickerIconDto[];\n    onChange?: (value: string) => void;\n}\n\ninterface IIconPickerPresenter {\n    vm: {\n        open: boolean;\n        icons: IconPickerFontAwesome[];\n        iconsLength: number;\n        searchQuery: string;\n    };\n    init: (params: IconPickerParams) => void;\n    setListOpenState: (open: boolean) => void;\n    searchIcon: (value: string) => void;\n    setSelectedIcon: (icon: string) => void;\n}\n\nclass IconPickerPresenter implements IIconPickerPresenter {\n    private open = false;\n    private icons = new ListCache<IconPickerIcon>();\n    private searchQuery = \"\";\n    private params?: IconPickerParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: IconPickerParams) => {\n        this.params = params;\n        this.icons.clear();\n        this.icons.addItems(params.icons.map(icon => IconPickerIcon.create(icon)));\n    };\n\n    get vm() {\n        return {\n            open: this.open,\n            searchQuery: this.searchQuery,\n            icons: this.getIcons().map(icon => IconPickerIconFormatter.formatFontAwesome(icon)),\n            iconsLength: this.getIcons().length || 0\n        };\n    }\n\n    public setListOpenState = (open: boolean) => {\n        this.open = open;\n    };\n\n    public searchIcon = (value: string) => {\n        this.searchQuery = value;\n    };\n\n    public setSelectedIcon = (icon: string) => {\n        this.setListOpenState(false);\n        this.params?.onChange?.(icon);\n    };\n\n    private getIcons = () => {\n        if (this.searchQuery) {\n            return this.icons.getItems(icon => icon.name.includes(this.searchQuery));\n        }\n\n        return this.icons.getItems();\n    };\n}\n\nexport { IconPickerPresenter, type IIconPickerPresenter, type IconPickerParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,cAAc,EAAEC,uBAAuB,EAAEC,SAAS;AAoB3D,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAG,KAAK;EACZC,KAAK,GAAG,IAAIH,SAAS,CAAiB,CAAC;EACvCI,WAAW,GAAG,EAAE;EAChBC,MAAM,GAAsBC,SAAS;EAE7CC,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOW,IAAI,GAAIH,MAAwB,IAAK;IACxC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACF,KAAK,CAACM,KAAK,CAAC,CAAC;IAClB,IAAI,CAACN,KAAK,CAACO,QAAQ,CAACL,MAAM,CAACF,KAAK,CAACQ,GAAG,CAACC,IAAI,IAAId,cAAc,CAACe,MAAM,CAACD,IAAI,CAAC,CAAC,CAAC;EAC9E,CAAC;EAED,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,IAAI,EAAE,IAAI,CAACA,IAAI;MACfE,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BD,KAAK,EAAE,IAAI,CAACY,QAAQ,CAAC,CAAC,CAACJ,GAAG,CAACC,IAAI,IAAIb,uBAAuB,CAACiB,iBAAiB,CAACJ,IAAI,CAAC,CAAC;MACnFK,WAAW,EAAE,IAAI,CAACF,QAAQ,CAAC,CAAC,CAACG,MAAM,IAAI;IAC3C,CAAC;EACL;EAEOC,gBAAgB,GAAIjB,IAAa,IAAK;IACzC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEMkB,UAAU,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,WAAW,GAAGiB,KAAK;EAC5B,CAAC;EAEMC,eAAe,GAAIV,IAAY,IAAK;IACvC,IAAI,CAACO,gBAAgB,CAAC,KAAK,CAAC;IAC5B,IAAI,CAACd,MAAM,EAAEkB,QAAQ,GAAGX,IAAI,CAAC;EACjC,CAAC;EAEOG,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAI,IAAI,CAACX,WAAW,EAAE;MAClB,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAACZ,IAAI,IAAIA,IAAI,CAACa,IAAI,CAACC,QAAQ,CAAC,IAAI,CAACtB,WAAW,CAAC,CAAC;IAC5E;IAEA,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAAC,CAAC;EAChC,CAAC;AACL;AAEA,SAASvB,mBAAmB","ignoreList":[]}

package/IconPicker/primitives/presenters/index.d.ts

@@ -1 +1 @@
-export * from "./IconPickerPresenter";
+export * from "./IconPickerPresenter.js";

package/IconPicker/primitives/presenters/index.js

@@ -1,3 +1,3 @@
-export * from "./IconPickerPresenter";
+export * from "./IconPickerPresenter.js";
 
 //# sourceMappingURL=index.js.map

package/IconPicker/primitives/presenters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/IconPicker/primitives/useIconPicker.d.ts

@@ -1,9 +1,9 @@
-import type { IconPickerPrimitiveProps } from "./IconPickerPrimitive";
+import type { IconPickerPrimitiveProps } from "./IconPickerPrimitive.js";
 export declare const useIconPicker: (props: IconPickerPrimitiveProps) => {
     vm: {
         open: boolean;
         searchQuery: string;
-        icons: import("../domains").IconPickerFontAwesome[];
+        icons: import("../domains/IconPickerFontAwesome.js").IconPickerFontAwesome[];
         iconsLength: number;
     };
     setListOpenState: (open: boolean) => void;

package/IconPicker/primitives/useIconPicker.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { IconPickerPresenter } from "./presenters";
+import { IconPickerPresenter } from "./presenters/index.js";
 export const useIconPicker = props => {
   const params = useMemo(() => ({
     icons: props.icons,

package/IconPicker/primitives/useIconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","IconPickerPresenter","useIconPicker","props","params","icons","onChange","presenter","vm","setVm","init","setListOpenState","searchIcon","setSelectedIcon"],"sources":["useIconPicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { IconPickerParams } from \"./presenters\";\nimport { IconPickerPresenter } from \"./presenters\";\nimport type { IconPickerPrimitiveProps } from \"./IconPickerPrimitive\";\n\nexport const useIconPicker = (props: IconPickerPrimitiveProps) => {\n    const params: IconPickerParams = useMemo(\n        () => ({\n            icons: props.icons,\n            onChange: props.onChange\n        }),\n        [props.icons, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new IconPickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setListOpenState: presenter.setListOpenState,\n        searchIcon: presenter.searchIcon,\n        setSelectedIcon: presenter.setSelectedIcon\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,mBAAmB;AAG5B,OAAO,MAAMC,aAAa,GAAIC,KAA+B,IAAK;EAC9D,MAAMC,MAAwB,GAAGN,OAAO,CACpC,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,QAAQ,EAAEH,KAAK,CAACG;EACpB,CAAC,CAAC,EACF,CAACH,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACO,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACQ,SAAS,CAACC,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZU,SAAS,CAACG,IAAI,CAACN,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEG,SAAS,CAAC,CAAC;EAEvBV,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,gBAAgB,EAAEJ,SAAS,CAACI,gBAAgB;IAC5CC,UAAU,EAAEL,SAAS,CAACK,UAAU;IAChCC,eAAe,EAAEN,SAAS,CAACM;EAC/B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","IconPickerPresenter","useIconPicker","props","params","icons","onChange","presenter","vm","setVm","init","setListOpenState","searchIcon","setSelectedIcon"],"sources":["useIconPicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { IconPickerParams } from \"./presenters/index.js\";\nimport { IconPickerPresenter } from \"./presenters/index.js\";\nimport type { IconPickerPrimitiveProps } from \"./IconPickerPrimitive.js\";\n\nexport const useIconPicker = (props: IconPickerPrimitiveProps) => {\n    const params: IconPickerParams = useMemo(\n        () => ({\n            icons: props.icons,\n            onChange: props.onChange\n        }),\n        [props.icons, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new IconPickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setListOpenState: presenter.setListOpenState,\n        searchIcon: presenter.searchIcon,\n        setSelectedIcon: presenter.setSelectedIcon\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,mBAAmB;AAG5B,OAAO,MAAMC,aAAa,GAAIC,KAA+B,IAAK;EAC9D,MAAMC,MAAwB,GAAGN,OAAO,CACpC,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,QAAQ,EAAEH,KAAK,CAACG;EACpB,CAAC,CAAC,EACF,CAACH,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACO,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACQ,SAAS,CAACC,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZU,SAAS,CAACG,IAAI,CAACN,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEG,SAAS,CAAC,CAAC;EAEvBV,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,gBAAgB,EAAEJ,SAAS,CAACI,gBAAgB;IAC5CC,UAAU,EAAEL,SAAS,CAACK,UAAU;IAChCC,eAAe,EAAEN,SAAS,CAACM;EAC/B,CAAC;AACL,CAAC","ignoreList":[]}

package/Image/index.d.ts

@@ -1 +1 @@
-export * from "./Image";
+export * from "./Image.js";

package/Image/index.js

@@ -1,3 +1,3 @@
-export * from "./Image";
+export * from "./Image.js";
 
 //# sourceMappingURL=index.js.map

package/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Image\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Image.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Input/Input.d.ts

@@ -1,22 +1,22 @@
 import React from "react";
-import { type InputPrimitiveProps } from "./InputPrimitive";
-import { type FormComponentProps } from "../FormComponent";
+import { type InputPrimitiveProps } from "./InputPrimitive.js";
+import { type FormComponentProps } from "../FormComponent/index.js";
 type InputProps = InputPrimitiveProps & FormComponentProps;
-declare const Input: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-    original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+declare const Input: (({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+    original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+    original: (({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+        original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+        original: ({ label, description, hint, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Input/Input.js

@@ -1,10 +1,11 @@
 import React, { useCallback, useMemo } from "react";
-import { makeDecoratable, generateId } from "../utils";
-import { InputPrimitive } from "./InputPrimitive";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+import { makeDecoratable, generateId } from "../utils.js";
+import { InputPrimitive } from "./InputPrimitive.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableInput = ({
   label,
   description,
+  hint,
   note,
   required,
   disabled,
@@ -28,14 +29,18 @@ const DecoratableInput = ({
     }
     originalOnBlur && originalOnBlur(e);
   }, [validate, originalOnBlur]);
+
+  // TODO: handle `type: "hidden"` so that it doesn't render wrapper divs.
+
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     htmlFor: id,
     text: label,
     required: required,
     disabled: disabled,
-    invalid: invalid
+    invalid: invalid,
+    hint: hint
   }), /*#__PURE__*/React.createElement(FormComponentDescription, {
     text: description,
     disabled: disabled

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","generateId","InputPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableInput","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Input"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, generateId } from \"~/utils\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"./InputPrimitive\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent\";\n\ntype InputProps = InputPrimitiveProps & FormComponentProps;\n\nconst DecoratableInput = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: InputProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <InputPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Input = makeDecoratable(\"Input\", DecoratableInput);\n\nexport { Input, type InputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,cAAc;AACvB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACK,CAAC,KAAK;EACd,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAME,UAAU,CAACgB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAA4B,MAAA,CAAAC,MAAA,KACPd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,KAAK,GAAGhC,eAAe,CAAC,OAAO,EAAEO,gBAAgB,CAAC;AAExD,SAASyB,KAAK","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","generateId","InputPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableInput","label","description","hint","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Input"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, generateId } from \"~/utils.js\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"./InputPrimitive.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\n\ntype InputProps = InputPrimitiveProps & FormComponentProps;\n\nconst DecoratableInput = ({\n    label,\n    description,\n    hint,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: InputProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    // TODO: handle `type: \"hidden\"` so that it doesn't render wrapper divs.\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n                hint={hint}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <InputPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Input = makeDecoratable(\"Input\", DecoratableInput);\n\nexport { Input, type InputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,cAAc;AACvB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACK,CAAC,KAAK;EACd,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGxB,OAAO,CAAC,MAAME,UAAU,CAACiB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGzB,OAAO,CAAC,MAAMqB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGlB,WAAW,CACtB,MAAO2B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;;EAED;;EAEA,oBACIpB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB/B,KAAA,CAAA8B,aAAA,CAACtB,kBAAkB;IACfwB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAEtB,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBd,IAAI,EAAEA;EAAK,CACd,CAAC,eACFb,KAAA,CAAA8B,aAAA,CAACxB,wBAAwB;IAAC2B,IAAI,EAAErB,WAAY;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA8B,aAAA,CAACzB,cAAc,EAAA6B,MAAA,CAAAC,MAAA,KACPd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFnB,KAAA,CAAA8B,aAAA,CAACvB,yBAAyB;IACtB0B,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA8B,aAAA,CAACrB,iBAAiB;IAACwB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,KAAK,GAAGjC,eAAe,CAAC,OAAO,EAAEO,gBAAgB,CAAC;AAExD,SAAS0B,KAAK","ignoreList":[]}

package/Input/Input.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as InputStories from './Input.stories';
 

package/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Input } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Input } from "../Input/index.js";
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;

package/Input/Input.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Input } from "./";
+import { Input } from "./index.js";
 const meta = {
   title: "Components/Form/Input",
   component: Input,
@@ -205,12 +205,10 @@ export const Documentation = {
       defaultValue: false
     },
     startIcon: {
-      description: "Icon displayed at the start of the input",
-      control: "none"
+      description: "Icon displayed at the start of the input"
     },
     endIcon: {
-      description: "Icon displayed at the end of the input",
-      control: "none"
+      description: "Icon displayed at the end of the input"
     },
     minLength: {
       description: "Minimum number of characters required",
@@ -222,24 +220,19 @@ export const Documentation = {
       control: "number"
     },
     validation: {
-      description: "Validation state and error message. Please refer to the example code for details on usage.",
-      control: "none"
+      description: "Validation state and error message. Please refer to the example code for details on usage."
     },
     validate: {
-      description: "Custom validation function",
-      control: "none"
+      description: "Custom validation function"
     },
     onChange: {
-      description: "Callback function when input value changes",
-      control: "none"
+      description: "Callback function when input value changes"
     },
     onBlur: {
-      description: "Callback function when input loses focus",
-      control: "none"
+      description: "Callback function when input loses focus"
     },
     onEnter: {
-      description: "Callback function when Enter key is pressed",
-      control: "none"
+      description: "Callback function when Enter key is pressed"
     }
   } // Removed forwardEventOnChange and inputRef
 };