@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Select/primitives/components/SelectScrollDownButton.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
 import { Select as SelectPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 const SelectScrollDownButton = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollDownButton, Object.assign({
-  className: cn("wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pt-sm wby-fill-neutral-xstrong", className)
+  className: cn("flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong", className)
 }, props), /*#__PURE__*/React.createElement(ChevronDown, {
-  className: "wby-h-md wby-w-md"
+  className: "h-md w-md"
 }));
 export { SelectScrollDownButton };
 

package/Select/primitives/components/SelectScrollDownButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","SelectScrollDownButton","className","props","createElement","ScrollDownButton","Object","assign"],"sources":["SelectScrollDownButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;\n\nconst SelectScrollDownButton = ({ className, ...props }: SelectScrollDownButtonProps) => (\n    <SelectPrimitives.ScrollDownButton\n        className={cn(\n            \"wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pt-sm wby-fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronDown className=\"wby-h-md wby-w-md\" />\n    </SelectPrimitives.ScrollDownButton>\n);\n\nexport { SelectScrollDownButton, type SelectScrollDownButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAmC,CAAC,kBAChFR,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,gBAAgB,EAAAC,MAAA,CAAAC,MAAA;EAC9BL,SAAS,EAAEF,EAAE,CACT,oGAAoG,EACpGE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,WAAW;EAACK,SAAS,EAAC;AAAmB,CAAE,CACb,CACtC;AAED,SAASD,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","SelectScrollDownButton","className","props","createElement","ScrollDownButton","Object","assign"],"sources":["SelectScrollDownButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;\n\nconst SelectScrollDownButton = ({ className, ...props }: SelectScrollDownButtonProps) => (\n    <SelectPrimitives.ScrollDownButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronDown className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollDownButton>\n);\n\nexport { SelectScrollDownButton, type SelectScrollDownButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAmC,CAAC,kBAChFR,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,gBAAgB,EAAAC,MAAA,CAAAC,MAAA;EAC9BL,SAAS,EAAEF,EAAE,CACT,4EAA4E,EAC5EE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,WAAW;EAACK,SAAS,EAAC;AAAW,CAAE,CACL,CACtC;AAED,SAASD,sBAAsB","ignoreList":[]}

package/Select/primitives/components/SelectScrollUpButton.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { ReactComponent as ChevronUp } from "@webiny/icons/keyboard_arrow_up.svg";
 import { Select as SelectPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 const SelectScrollUpButton = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollUpButton, Object.assign({
-  className: cn("wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pb-sm wby-fill-neutral-xstrong", className)
+  className: cn("flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong", className)
 }, props), /*#__PURE__*/React.createElement(ChevronUp, {
-  className: "wby-h-md wby-w-md"
+  className: "h-md w-md"
 }));
 export { SelectScrollUpButton };
 

package/Select/primitives/components/SelectScrollUpButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronUp","Select","SelectPrimitives","cn","SelectScrollUpButton","className","props","createElement","ScrollUpButton","Object","assign"],"sources":["SelectScrollUpButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronUp } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;\n\nconst SelectScrollUpButton = ({ className, ...props }: SelectScrollUpButtonProps) => (\n    <SelectPrimitives.ScrollUpButton\n        className={cn(\n            \"wby-flex wby-cursor-default wby-items-center wby-justify-center wby-pb-sm wby-fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronUp className=\"wby-h-md wby-w-md\" />\n    </SelectPrimitives.ScrollUpButton>\n);\n\nexport { SelectScrollUpButton, type SelectScrollUpButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiC,CAAC,kBAC5ER,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,cAAc,EAAAC,MAAA,CAAAC,MAAA;EAC5BL,SAAS,EAAEF,EAAE,CACT,oGAAoG,EACpGE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,SAAS;EAACK,SAAS,EAAC;AAAmB,CAAE,CACb,CACpC;AAED,SAASD,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronUp","Select","SelectPrimitives","cn","SelectScrollUpButton","className","props","createElement","ScrollUpButton","Object","assign"],"sources":["SelectScrollUpButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronUp } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;\n\nconst SelectScrollUpButton = ({ className, ...props }: SelectScrollUpButtonProps) => (\n    <SelectPrimitives.ScrollUpButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronUp className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollUpButton>\n);\n\nexport { SelectScrollUpButton, type SelectScrollUpButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiC,CAAC,kBAC5ER,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,cAAc,EAAAC,MAAA,CAAAC,MAAA;EAC5BL,SAAS,EAAEF,EAAE,CACT,4EAA4E,EAC5EE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,SAAS;EAACK,SAAS,EAAC;AAAW,CAAE,CACL,CACpC;AAED,SAASD,oBAAoB","ignoreList":[]}

package/Select/primitives/components/SelectSeparator.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Select as SelectPrimitives } from "radix-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 const SelectSeparator = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(SelectPrimitives.Separator, Object.assign({
-  className: cn("wby--mx-sm wby-my-sm wby-h-px wby-bg-neutral-strong", className)
+  className: cn("-mx-sm my-sm h-px bg-neutral-strong", className)
 }, props));
 export { SelectSeparator };
 

package/Select/primitives/components/SelectSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectSeparator","className","props","createElement","Separator","Object","assign"],"sources":["SelectSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\ntype SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n    <SelectPrimitives.Separator\n        className={cn(\"wby--mx-sm wby-my-sm wby-h-px wby-bg-neutral-strong\", className)}\n        {...props}\n    />\n);\nexport { SelectSeparator, type SelectSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4B,CAAC,kBAClEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,SAAS,EAAAC,MAAA,CAAAC,MAAA;EACvBL,SAAS,EAAEF,EAAE,CAAC,qDAAqD,EAAEE,SAAS;AAAE,GAC5EC,KAAK,CACZ,CACJ;AACD,SAASF,eAAe","ignoreList":[]}
+{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectSeparator","className","props","createElement","Separator","Object","assign"],"sources":["SelectSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n    <SelectPrimitives.Separator\n        className={cn(\"-mx-sm my-sm h-px bg-neutral-strong\", className)}\n        {...props}\n    />\n);\nexport { SelectSeparator, type SelectSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4B,CAAC,kBAClEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,SAAS,EAAAC,MAAA,CAAAC,MAAA;EACvBL,SAAS,EAAEF,EAAE,CAAC,qCAAqC,EAAEE,SAAS;AAAE,GAC5DC,KAAK,CACZ,CACJ;AACD,SAASF,eAAe","ignoreList":[]}

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

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Select as SelectPrimitives } from "radix-ui";
-import { type VariantProps } from "../../../utils";
+import { type VariantProps } from "../../../utils.js";
 declare const selectTriggerVariants: (props?: ({
     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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SelectTriggerProps extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {
     startIcon?: React.ReactElement;
     endIcon?: React.ReactElement;

package/Select/primitives/components/SelectTrigger.js

@@ -1,20 +1,20 @@
 import * as React from "react";
 import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
 import { Select as SelectPrimitives } from "radix-ui";
-import { cn, cva } from "../../../utils";
-import { SelectIcon } from "./SelectIcon";
-const selectTriggerVariants = cva(["wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative", "focus:wby-outline-none", "disabled:wby-pointer-events-none"], {
+import { cn, cva } from "../../../utils.js";
+import { SelectIcon } from "./SelectIcon.js";
+const selectTriggerVariants = cva(["w-full flex items-center justify-between gap-sm border-sm text-md relative", "focus:outline-none", "disabled:pointer-events-none"], {
   variants: {
     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-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"]
+      primary: ["bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong", "hover:border-neutral-strong", "focus:border-neutral-black", "data-[state=open]:border-neutral-black", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
+      secondary: ["bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong", "hover:bg-neutral-dimmed", "focus:border-neutral-black focus:bg-neutral-base", "data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
+      ghost: ["bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed", "hover:bg-neutral-dark/5", "focus:bg-neutral-dark/5", "data-[state=open]:bg-neutral-dark/5", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
+      "ghost-negative": ["bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50", "hover:bg-neutral-base/20", "focus:bg-neutral-base/20", "data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong", "disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder: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))]"],
-      lg: ["wby-rounded-md", "wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
-      xl: ["wby-rounded-lg wby-leading-6", "wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]"]
+      md: ["rounded-md", "py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
+      lg: ["rounded-md", "py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
+      xl: ["rounded-lg leading-6", "py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]"]
     },
     invalid: {
       true: ""
@@ -23,19 +23,19 @@ const selectTriggerVariants = cva(["wby-w-full wby-flex wby-items-center wby-jus
   compoundVariants: [{
     variant: "primary",
     invalid: true,
-    class: "!wby-border-destructive-default"
+    class: "border-destructive-default!"
   }, {
     variant: "secondary",
     invalid: true,
-    class: "!wby-border-destructive-default"
+    class: "border-destructive-default!"
   }, {
     variant: "ghost",
     invalid: true,
-    class: "!wby-border-destructive-subtle !wby-bg-destructive-subtle"
+    class: "border-destructive-subtle! 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"
+    class: "border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!"
   }],
   defaultVariants: {
     variant: "primary",

package/Select/primitives/components/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { SelectIcon } from \"./SelectIcon\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-border-sm wby-text-md wby-relative\",\n        \"focus:wby-outline-none\",\n        \"disabled:wby-pointer-events-none\"\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 wby-fill-neutral-xstrong\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\",\n                    \"data-[state=open]:wby-border-neutral-black\",\n                    \"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\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-muted wby-fill-neutral-xstrong\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-border-neutral-black focus:wby-bg-neutral-base\",\n                    \"data-[state=open]:wby-border-neutral-black data-[state=open]:wby-bg-neutral-base\",\n                    \"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\"\n                ],\n                ghost: [\n                    \"wby-bg-neutral-base 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                    \"data-[state=open]:wby-bg-neutral-dark/5\",\n                    \"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\"\n                ],\n                \"ghost-negative\": [\n                    \"wby-bg-transparent wby-border-transparent wby-text-neutral-light/50 placeholder:wby-text-neutral-light/50 wby-fill-neutral-base/50\",\n                    \"hover:wby-bg-neutral-base/20\",\n                    \"focus:wby-bg-neutral-base/20\",\n                    \"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\",\n                    \"disabled:wby-bg-transparent disabled:wby-text-neutral-disabled/50 disabled:placeholder:wby-text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                lg: [\n                    \"wby-rounded-md\",\n                    \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                xl: [\n                    \"wby-rounded-lg wby-leading-6\",\n                    \"wby-py-[calc(theme(padding.md)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\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: \"ghost-negative\",\n                invalid: true,\n                class: \"!wby-border-destructive-default !wby-bg-destructive-subtle wby-text-neutral-primary placeholder:wby-text-neutral-dimmed !wby-fill-neutral-xstrong\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps,\n        VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4GAA4G,EAC5G,wBAAwB,EACxB,kCAAkC,CACrC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,mIAAmI,EACnI,iCAAiC,EACjC,gCAAgC,EAChC,4CAA4C,EAC5C,0LAA0L,CAC7L;MACDC,SAAS,EAAE,CACP,oIAAoI,EACpI,6BAA6B,EAC7B,0DAA0D,EAC1D,kFAAkF,EAClF,0LAA0L,CAC7L;MACDC,KAAK,EAAE,CACH,wGAAwG,EACxG,6BAA6B,EAC7B,6BAA6B,EAC7B,yCAAyC,EACzC,0LAA0L,CAC7L;MACD,gBAAgB,EAAE,CACd,oIAAoI,EACpI,8BAA8B,EAC9B,8BAA8B,EAC9B,kLAAkL,EAClL,qHAAqH;IAE7H,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,gBAAgB,EAChB,0HAA0H,CAC7H;MACDC,EAAE,EAAE,CACA,8BAA8B,EAC9B,+GAA+G;IAEvH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,gBAAgB;IACzBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAUD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","cva","SelectIcon","selectTriggerVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","compoundVariants","class","defaultVariants","SelectTrigger","className","children","startIcon","endIcon","createElement","resetButton","disabled","props","Trigger","Object","assign","icon"],"sources":["SelectTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { SelectIcon } from \"./SelectIcon.js\";\n\nconst selectTriggerVariants = cva(\n    [\n        \"w-full flex items-center justify-between gap-sm border-sm text-md relative\",\n        \"focus:outline-none\",\n        \"disabled:pointer-events-none\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong\",\n                    \"hover:border-neutral-strong\",\n                    \"focus:border-neutral-black\",\n                    \"data-[state=open]:border-neutral-black\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                secondary: [\n                    \"bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong\",\n                    \"hover:bg-neutral-dimmed\",\n                    \"focus:border-neutral-black focus:bg-neutral-base\",\n                    \"data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                ghost: [\n                    \"bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed\",\n                    \"hover:bg-neutral-dark/5\",\n                    \"focus:bg-neutral-dark/5\",\n                    \"data-[state=open]:bg-neutral-dark/5\",\n                    \"disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled\"\n                ],\n                \"ghost-negative\": [\n                    \"bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50\",\n                    \"hover:bg-neutral-base/20\",\n                    \"focus:bg-neutral-base/20\",\n                    \"data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong\",\n                    \"disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50\"\n                ]\n            },\n            size: {\n                md: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                lg: [\n                    \"rounded-md\",\n                    \"py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                xl: [\n                    \"rounded-lg leading-6\",\n                    \"py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]\"\n                ]\n            },\n            invalid: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"border-destructive-default!\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"border-destructive-subtle! bg-destructive-subtle!\"\n            },\n            {\n                variant: \"ghost-negative\",\n                invalid: true,\n                class: \"border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface SelectTriggerProps\n    extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {\n    startIcon?: React.ReactElement;\n    endIcon?: React.ReactElement;\n    resetButton?: React.ReactElement;\n}\n\nconst SelectTrigger = ({\n    className,\n    children,\n    size,\n    variant,\n    startIcon,\n    endIcon = <ChevronDown />,\n    resetButton,\n    disabled,\n    invalid,\n    ...props\n}: SelectTriggerProps) => (\n    <SelectPrimitives.Trigger\n        className={cn(selectTriggerVariants({ variant, size, invalid }), className)}\n        disabled={disabled}\n        {...props}\n    >\n        {startIcon && <SelectIcon icon={startIcon} />}\n        {children}\n        {resetButton}\n        <SelectIcon icon={endIcon} />\n    </SelectPrimitives.Trigger>\n);\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,UAAU;AAEnB,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,4EAA4E,EAC5E,oBAAoB,EACpB,8BAA8B,CACjC,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,+GAA+G,EAC/G,6BAA6B,EAC7B,4BAA4B,EAC5B,wCAAwC,EACxC,sKAAsK,CACzK;MACDC,SAAS,EAAE,CACP,gHAAgH,EAChH,yBAAyB,EACzB,kDAAkD,EAClD,0EAA0E,EAC1E,sKAAsK,CACzK;MACDC,KAAK,EAAE,CACH,wFAAwF,EACxF,yBAAyB,EACzB,yBAAyB,EACzB,qCAAqC,EACrC,sKAAsK,CACzK;MACD,gBAAgB,EAAE,CACd,gHAAgH,EAChH,0BAA0B,EAC1B,0BAA0B,EAC1B,kKAAkK,EAClK,yGAAyG;IAEjH,CAAC;IACDC,IAAI,EAAE;MACFC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,YAAY,EACZ,wHAAwH,CAC3H;MACDC,EAAE,EAAE,CACA,sBAAsB,EACtB,6GAA6G;IAErH,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIV,OAAO,EAAE,SAAS;IAClBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,WAAW;IACpBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,EACD;IACIX,OAAO,EAAE,gBAAgB;IACzBQ,OAAO,EAAE,IAAI;IACbG,KAAK,EAAE;EACX,CAAC,CACJ;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AASD,MAAMS,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,QAAQ;EACRX,IAAI;EACJJ,OAAO;EACPgB,SAAS;EACTC,OAAO,gBAAG3B,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,MAAE,CAAC;EACzB2B,WAAW;EACXC,QAAQ;EACRZ,OAAO;EACP,GAAGa;AACa,CAAC,kBACjB/B,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB,CAAC4B,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBV,SAAS,EAAEnB,EAAE,CAACG,qBAAqB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEI;EAAQ,CAAC,CAAC,EAAEM,SAAS,CAAE;EAC5EM,QAAQ,EAAEA;AAAS,GACfC,KAAK,GAERL,SAAS,iBAAI1B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAET;AAAU,CAAE,CAAC,EAC5CD,QAAQ,EACRI,WAAW,eACZ7B,KAAA,CAAA4B,aAAA,CAACrB,UAAU;EAAC4B,IAAI,EAAER;AAAQ,CAAE,CACN,CAC7B;AAED,SAASJ,aAAa,EAAEf,qBAAqB","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-export * from "./SelectContent";
-export * from "./SelectIcon";
-export * from "./SelectItem";
-export * from "./SelectLabel";
-export * from "./SelectScrollDownButton";
-export * from "./SelectScrollUpButton";
-export * from "./SelectSeparator";
-export * from "./SelectTrigger";
+export * from "./SelectContent.js";
+export * from "./SelectIcon.js";
+export * from "./SelectItem.js";
+export * from "./SelectLabel.js";
+export * from "./SelectScrollDownButton.js";
+export * from "./SelectScrollUpButton.js";
+export * from "./SelectSeparator.js";
+export * from "./SelectTrigger.js";

package/Select/primitives/components/index.js

@@ -1,10 +1,10 @@
-export * from "./SelectContent";
-export * from "./SelectIcon";
-export * from "./SelectItem";
-export * from "./SelectLabel";
-export * from "./SelectScrollDownButton";
-export * from "./SelectScrollUpButton";
-export * from "./SelectSeparator";
-export * from "./SelectTrigger";
+export * from "./SelectContent.js";
+export * from "./SelectIcon.js";
+export * from "./SelectItem.js";
+export * from "./SelectLabel.js";
+export * from "./SelectScrollDownButton.js";
+export * from "./SelectScrollUpButton.js";
+export * from "./SelectSeparator.js";
+export * from "./SelectTrigger.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectContent\";\nexport * from \"./SelectIcon\";\nexport * from \"./SelectItem\";\nexport * from \"./SelectLabel\";\nexport * from \"./SelectScrollDownButton\";\nexport * from \"./SelectScrollUpButton\";\nexport * from \"./SelectSeparator\";\nexport * from \"./SelectTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectContent.js\";\nexport * from \"./SelectIcon.js\";\nexport * from \"./SelectItem.js\";\nexport * from \"./SelectLabel.js\";\nexport * from \"./SelectScrollDownButton.js\";\nexport * from \"./SelectScrollUpButton.js\";\nexport * from \"./SelectSeparator.js\";\nexport * from \"./SelectTrigger.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Select/primitives/index.d.ts

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

package/Select/primitives/index.js

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

package/Select/primitives/index.js.map

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

package/Select/primitives/presenters/SelectPresenter.d.ts

@@ -1,5 +1,5 @@
-import type { SelectOptionsVm, SelectTriggerVm, SelectOption as SelectOptionParams } from "../SelectPrimitive";
-import { type SelectRootVm } from "../SelectPrimitive";
+import type { SelectOptionsVm, SelectTriggerVm, SelectOption as SelectOptionParams } from "../SelectPrimitive.js";
+import { type SelectRootVm } from "../SelectPrimitive.js";
 interface SelectPresenterParams {
     options?: SelectOptionParams[];
     value?: string;
@@ -34,7 +34,7 @@ declare class SelectPresenter implements ISelectPresenter {
             displayResetAction: boolean;
         };
         selectOptions: {
-            options: import("../../domains").SelectOptionFormatted[];
+            options: import("../../index.js").SelectOptionFormatted[];
         };
     };
     changeValue: (value?: string) => void;

package/Select/primitives/presenters/SelectPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { SelectOption, SelectOptionMapper } from "../../domains";
+import { SelectOption, SelectOptionMapper } from "../../domains/index.js";
 class SelectPresenter {
   displayResetAction = true;
   constructor() {

package/Select/primitives/presenters/SelectPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams\n} from \"../SelectPrimitive\";\nimport { type SelectRootVm } from \"../SelectPrimitive\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams\n} from \"../SelectPrimitive.js\";\nimport { type SelectRootVm } from \"../SelectPrimitive.js\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains/index.js\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}

package/Select/primitives/presenters/SelectPresenter.test.js

@@ -1,8 +1,9 @@
-import { SelectPresenter } from "./SelectPresenter";
+import { it, describe, expect, vi } from "vitest";
+import { SelectPresenter } from "./SelectPresenter.js";
 describe("SelectPresenter", () => {
-  const onValueChange = jest.fn();
+  const onValueChange = vi.fn();
   it("should return the compatible `vm.selectRoot` based on props", () => {
-    const onValueChange = jest.fn();
+    const onValueChange = vi.fn();
 
     // `value`
     {
@@ -23,7 +24,7 @@ describe("SelectPresenter", () => {
     }
   });
   it("should return the compatible `vm.selectTrigger` based on props", () => {
-    const onValueChange = jest.fn();
+    const onValueChange = vi.fn();
 
     // `placeholder`
     {
@@ -155,7 +156,7 @@ describe("SelectPresenter", () => {
     expect(onValueChange).toHaveBeenCalledWith("value-2");
   });
   it("should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called", () => {
-    const onValueReset = jest.fn();
+    const onValueReset = vi.fn();
     const presenter = new SelectPresenter();
     presenter.init({
       onValueChange,

package/Select/primitives/presenters/SelectPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectPresenter","describe","onValueChange","jest","fn","it","presenter","init","value","expect","vm","selectRoot","toEqual","placeholder","selectTrigger","displayResetAction","hasValue","options","selectOptions","label","disabled","separator","changeValue","toHaveBeenCalledWith","onValueReset","resetValue","toHaveBeenCalled"],"sources":["SelectPresenter.test.ts"],"sourcesContent":["import { SelectPresenter } from \"./SelectPresenter\";\n\ndescribe(\"SelectPresenter\", () => {\n    const onValueChange = jest.fn();\n\n    it(\"should return the compatible `vm.selectRoot` based on props\", () => {\n        const onValueChange = jest.fn();\n\n        // `value`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, value: \"Custom value\" });\n            expect(presenter.vm.selectRoot.value).toEqual(\"Custom value\");\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectRoot.value).toEqual(\"\");\n        }\n    });\n\n    it(\"should return the compatible `vm.selectTrigger` based on props\", () => {\n        const onValueChange = jest.fn();\n\n        // `placeholder`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, placeholder: \"Custom placeholder\" });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        // `displayResetAction`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, displayResetAction: false });\n            expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Select an option\");\n            expect(presenter.vm.selectTrigger.hasValue).toEqual(false);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectOptions` based on props\", () => {\n        // with `options` as string\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"] });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                }\n            ]);\n        }\n\n        // with `options` as formatted options\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({\n                onValueChange,\n                options: [\n                    {\n                        value: \"option-1\",\n                        label: \"Option 1\"\n                    },\n                    {\n                        value: \"option-2\",\n                        label: \"Option 2\",\n                        options: [\n                            {\n                                value: \"option-3\",\n                                label: \"Option 3\",\n                                options: [{ value: \"option-4\", label: \"Option 4\" }]\n                            }\n                        ]\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-6\",\n                        label: \"Option 6\",\n                        separator: true\n                    }\n                ]\n            });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    options: [\n                        {\n                            value: \"option-3\",\n                            label: \"Option 3\",\n                            options: [\n                                {\n                                    value: \"option-4\",\n                                    label: \"Option 4\",\n                                    options: [],\n                                    disabled: false,\n                                    separator: false\n                                }\n                            ],\n                            disabled: false,\n                            separator: false\n                        }\n                    ],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    options: [],\n                    disabled: true,\n                    separator: false\n                },\n                {\n                    value: \"option-6\",\n                    label: \"Option 6\",\n                    options: [],\n                    disabled: false,\n                    separator: true\n                }\n            ]);\n        }\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, value: \"value\" });\n        presenter.changeValue(\"value-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"value-2\");\n    });\n\n    it(\"should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called\", () => {\n        const onValueReset = jest.fn();\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, onValueReset, value: \"value\" });\n        presenter.resetValue();\n        expect(onValueChange).toHaveBeenCalledWith(\"\");\n        expect(onValueReset).toHaveBeenCalled();\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AAExBC,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMC,aAAa,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EAE/BC,EAAE,CAAC,6DAA6D,EAAE,MAAM;IACpE,MAAMH,aAAa,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;;IAE/B;IACA;MACI,MAAME,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL,aAAa;QAAEM,KAAK,EAAE;MAAe,CAAC,CAAC;MACxDC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,UAAU,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,cAAc,CAAC;IACjE;IAEA;MACI;MACA,MAAMN,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL;MAAc,CAAC,CAAC;MACjCO,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,UAAU,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,EAAE,CAAC;IACrD;EACJ,CAAC,CAAC;EAEFP,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACvE,MAAMH,aAAa,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;;IAE/B;IACA;MACI,MAAME,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL,aAAa;QAAEW,WAAW,EAAE;MAAqB,CAAC,CAAC;MACpEJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACI,aAAa,CAACD,WAAW,CAAC,CAACD,OAAO,CAAC,oBAAoB,CAAC;IAChF;;IAEA;IACA;MACI,MAAMN,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL,aAAa;QAAEa,kBAAkB,EAAE;MAAM,CAAC,CAAC;MAC5DN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACI,aAAa,CAACC,kBAAkB,CAAC,CAACH,OAAO,CAAC,KAAK,CAAC;IACxE;IAEA;MACI;MACA,MAAMN,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL;MAAc,CAAC,CAAC;MACjCO,MAAM,CAACH,SAAS,CAACI,EAAE,CAACI,aAAa,CAACD,WAAW,CAAC,CAACD,OAAO,CAAC,kBAAkB,CAAC;MAC1EH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACI,aAAa,CAACE,QAAQ,CAAC,CAACJ,OAAO,CAAC,KAAK,CAAC;IAC9D;EACJ,CAAC,CAAC;EAEFP,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACvE;IACA;MACI,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QAAEL,aAAa;QAAEe,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU;MAAE,CAAC,CAAC;MACpER,MAAM,CAACH,SAAS,CAACI,EAAE,CAACQ,aAAa,CAACD,OAAO,CAAC,CAACL,OAAO,CAAC,CAC/C;QACIJ,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,EAAE;QACXG,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;MACf,CAAC,EACD;QACIb,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,EAAE;QACXG,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;MACf,CAAC,CACJ,CAAC;IACN;;IAEA;IACA;MACI,MAAMf,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;MACvCM,SAAS,CAACC,IAAI,CAAC;QACXL,aAAa;QACbe,OAAO,EAAE,CACL;UACIT,KAAK,EAAE,UAAU;UACjBW,KAAK,EAAE;QACX,CAAC,EACD;UACIX,KAAK,EAAE,UAAU;UACjBW,KAAK,EAAE,UAAU;UACjBF,OAAO,EAAE,CACL;YACIT,KAAK,EAAE,UAAU;YACjBW,KAAK,EAAE,UAAU;YACjBF,OAAO,EAAE,CAAC;cAAET,KAAK,EAAE,UAAU;cAAEW,KAAK,EAAE;YAAW,CAAC;UACtD,CAAC;QAET,CAAC,EACD;UACIX,KAAK,EAAE,UAAU;UACjBW,KAAK,EAAE,UAAU;UACjBC,QAAQ,EAAE;QACd,CAAC,EACD;UACIZ,KAAK,EAAE,UAAU;UACjBW,KAAK,EAAE,UAAU;UACjBE,SAAS,EAAE;QACf,CAAC;MAET,CAAC,CAAC;MACFZ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACQ,aAAa,CAACD,OAAO,CAAC,CAACL,OAAO,CAAC,CAC/C;QACIJ,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,EAAE;QACXG,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;MACf,CAAC,EACD;QACIb,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,CACL;UACIT,KAAK,EAAE,UAAU;UACjBW,KAAK,EAAE,UAAU;UACjBF,OAAO,EAAE,CACL;YACIT,KAAK,EAAE,UAAU;YACjBW,KAAK,EAAE,UAAU;YACjBF,OAAO,EAAE,EAAE;YACXG,QAAQ,EAAE,KAAK;YACfC,SAAS,EAAE;UACf,CAAC,CACJ;UACDD,QAAQ,EAAE,KAAK;UACfC,SAAS,EAAE;QACf,CAAC,CACJ;QACDD,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;MACf,CAAC,EACD;QACIb,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,EAAE;QACXG,QAAQ,EAAE,IAAI;QACdC,SAAS,EAAE;MACf,CAAC,EACD;QACIb,KAAK,EAAE,UAAU;QACjBW,KAAK,EAAE,UAAU;QACjBF,OAAO,EAAE,EAAE;QACXG,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;MACf,CAAC,CACJ,CAAC;IACN;EACJ,CAAC,CAAC;EAEFhB,EAAE,CAAC,mEAAmE,EAAE,MAAM;IAC1E,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;IACvCM,SAAS,CAACC,IAAI,CAAC;MAAEL,aAAa;MAAEM,KAAK,EAAE;IAAQ,CAAC,CAAC;IACjDF,SAAS,CAACgB,WAAW,CAAC,SAAS,CAAC;IAChCb,MAAM,CAACP,aAAa,CAAC,CAACqB,oBAAoB,CAAC,SAAS,CAAC;EACzD,CAAC,CAAC;EAEFlB,EAAE,CAAC,sFAAsF,EAAE,MAAM;IAC7F,MAAMmB,YAAY,GAAGrB,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9B,MAAME,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;IACvCM,SAAS,CAACC,IAAI,CAAC;MAAEL,aAAa;MAAEsB,YAAY;MAAEhB,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC/DF,SAAS,CAACmB,UAAU,CAAC,CAAC;IACtBhB,MAAM,CAACP,aAAa,CAAC,CAACqB,oBAAoB,CAAC,EAAE,CAAC;IAC9Cd,MAAM,CAACe,YAAY,CAAC,CAACE,gBAAgB,CAAC,CAAC;EAC3C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["it","describe","expect","vi","SelectPresenter","onValueChange","fn","presenter","init","value","vm","selectRoot","toEqual","placeholder","selectTrigger","displayResetAction","hasValue","options","selectOptions","label","disabled","separator","changeValue","toHaveBeenCalledWith","onValueReset","resetValue","toHaveBeenCalled"],"sources":["SelectPresenter.test.ts"],"sourcesContent":["import { it, describe, expect, vi } from \"vitest\";\nimport { SelectPresenter } from \"./SelectPresenter.js\";\n\ndescribe(\"SelectPresenter\", () => {\n    const onValueChange = vi.fn();\n\n    it(\"should return the compatible `vm.selectRoot` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `value`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, value: \"Custom value\" });\n            expect(presenter.vm.selectRoot.value).toEqual(\"Custom value\");\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectRoot.value).toEqual(\"\");\n        }\n    });\n\n    it(\"should return the compatible `vm.selectTrigger` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `placeholder`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, placeholder: \"Custom placeholder\" });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        // `displayResetAction`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, displayResetAction: false });\n            expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Select an option\");\n            expect(presenter.vm.selectTrigger.hasValue).toEqual(false);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectOptions` based on props\", () => {\n        // with `options` as string\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"] });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                }\n            ]);\n        }\n\n        // with `options` as formatted options\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({\n                onValueChange,\n                options: [\n                    {\n                        value: \"option-1\",\n                        label: \"Option 1\"\n                    },\n                    {\n                        value: \"option-2\",\n                        label: \"Option 2\",\n                        options: [\n                            {\n                                value: \"option-3\",\n                                label: \"Option 3\",\n                                options: [{ value: \"option-4\", label: \"Option 4\" }]\n                            }\n                        ]\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-6\",\n                        label: \"Option 6\",\n                        separator: true\n                    }\n                ]\n            });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    options: [\n                        {\n                            value: \"option-3\",\n                            label: \"Option 3\",\n                            options: [\n                                {\n                                    value: \"option-4\",\n                                    label: \"Option 4\",\n                                    options: [],\n                                    disabled: false,\n                                    separator: false\n                                }\n                            ],\n                            disabled: false,\n                            separator: false\n                        }\n                    ],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    options: [],\n                    disabled: true,\n                    separator: false\n                },\n                {\n                    value: \"option-6\",\n                    label: \"Option 6\",\n                    options: [],\n                    disabled: false,\n                    separator: true\n                }\n            ]);\n        }\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, value: \"value\" });\n        presenter.changeValue(\"value-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"value-2\");\n    });\n\n    it(\"should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called\", () => {\n        const onValueReset = vi.fn();\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, onValueReset, value: \"value\" });\n        presenter.resetValue();\n        expect(onValueChange).toHaveBeenCalledWith(\"\");\n        expect(onValueReset).toHaveBeenCalled();\n    });\n});\n"],"mappings":"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","ignoreList":[]}

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

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

package/Select/primitives/presenters/index.js

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

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

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

package/Select/primitives/useSelect.d.ts

@@ -1,4 +1,4 @@
-import type { SelectPrimitiveProps } from "./SelectPrimitive";
+import type { SelectPrimitiveProps } from "./SelectPrimitive.js";
 export declare const useSelect: (props: SelectPrimitiveProps) => {
     vm: {
         selectRoot: {
@@ -10,9 +10,9 @@ export declare const useSelect: (props: SelectPrimitiveProps) => {
             displayResetAction: boolean;
         };
         selectOptions: {
-            options: import("..").SelectOptionFormatted[];
+            options: import("../index.js").SelectOptionFormatted[];
         };
     };
-    changeValue: (value?: string | undefined) => void;
+    changeValue: (value?: string) => void;
     resetValue: () => void;
 };

package/Select/primitives/useSelect.js

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

package/Select/primitives/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SelectPresenter","useSelect","props","params","options","value","placeholder","displayResetAction","onValueChange","onChange","onValueReset","presenter","vm","setVm","init","changeValue","resetValue"],"sources":["useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SelectPresenterParams } from \"./presenters/SelectPresenter\";\nimport { SelectPresenter } from \"./presenters/SelectPresenter\";\nimport type { SelectPrimitiveProps } from \"./SelectPrimitive\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\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        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAGxB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB;IAC5CC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EACxB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,WAAW,EACjBJ,KAAK,CAACK,kBAAkB,EACxBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,CAE1B,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,eAAe,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACY,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAACC,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACG,IAAI,CAACX,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,CAAC,CAAC;EAEvBf,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAClCC,UAAU,EAAEL,SAAS,CAACK;EAC1B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SelectPresenter","useSelect","props","params","options","value","placeholder","displayResetAction","onValueChange","onChange","onValueReset","presenter","vm","setVm","init","changeValue","resetValue"],"sources":["useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SelectPresenterParams } from \"./presenters/SelectPresenter.js\";\nimport { SelectPresenter } from \"./presenters/SelectPresenter.js\";\nimport type { SelectPrimitiveProps } from \"./SelectPrimitive.js\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\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        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAGxB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB;IAC5CC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EACxB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,WAAW,EACjBJ,KAAK,CAACK,kBAAkB,EACxBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,CAE1B,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,eAAe,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACY,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAACC,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACG,IAAI,CAACX,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,CAAC,CAAC;EAEvBf,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAClCC,UAAU,EAAEL,SAAS,CAACK;EAC1B,CAAC;AACL,CAAC","ignoreList":[]}

package/Separator/Separator.d.ts

@@ -1,27 +1,31 @@
 import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { type VariantProps } from "../utils";
+import { type VariantProps } from "../utils.js";
 declare const separatorVariants: (props?: ({
-    margin?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    margin?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
-    variant?: "base" | "transparent" | "strong" | "muted" | "dimmed" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type SeparatorProps = SeparatorPrimitive.SeparatorProps & VariantProps<typeof separatorVariants>;
-declare const Separator: (({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element) & {
-    original: ({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element;
+    variant?: "accent" | "base" | "strong" | "transparent" | "dimmed" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SeparatorPosition = "start" | "middle" | "end";
+type SeparatorProps = Omit<SeparatorPrimitive.SeparatorProps, "children"> & VariantProps<typeof separatorVariants> & {
+    children?: React.ReactNode;
+    labelPosition?: SeparatorPosition;
+};
+declare const Separator: (({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
+    original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element) & {
-        original: ({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element;
+    original: (({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
+        original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element) & {
-        original: ({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element) & {
+        original: ({ className, orientation, margin, variant, decorative, children, labelPosition, ...props }: SeparatorProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;