npm - @webiny/admin-ui - Versions diffs - 6.0.0-alpha.0 → 6.0.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (413) hide show

package/AutoComplete/primitives/useAutoComplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useMemo","useState","autorun","AutoCompletePresenter","AutoCompleteInputPresenter","AutoCompleteListOptionsPresenter","useAutoComplete","props","params","options","value","emptyMessage","loadingMessage","initialMessage","onOpenChange","onValueChange","onValueReset","onValueSearch","inputParams","placeholder","displayResetAction","presenter","inputPresenter","optionsListPresenter","init","vm","setVm","initInput","setSelectedOption","searchOption","resetSelectedOption","setListOpenState","showSelectedOption"],"sources":["useAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { AutoCompletePrimitiveProps } from \"./AutoCompletePrimitive\";\nimport {\n AutoCompletePresenter,\n ~~AutoCompletePresenterParams,\n~~ AutoCompleteInputPresenter,\n AutoCompleteListOptionsPresenter~~,\n AutoCompleteInputPresenterParams~~\n} from \"./presenters\";\n\nexport const useAutoComplete = (props: AutoCompletePrimitiveProps) => {\n const params: AutoCompletePresenterParams = useMemo(\n () => ({\n options: props.options,\n value: props.value,\n emptyMessage: props.emptyMessage,\n loadingMessage: props.loadingMessage,\n initialMessage: props.initialMessage,\n onOpenChange: props.onOpenChange,\n onValueChange: props.onValueChange,\n onValueReset: props.onValueReset,\n onValueSearch: props.onValueSearch\n }),\n [\n props.options,\n props.value,\n props.emptyMessage,\n props.loadingMessage,\n props.initialMessage,\n props.onOpenChange,\n props.onValueChange,\n props.onValueReset,\n props.onValueSearch\n ]\n );\n\n const inputParams: AutoCompleteInputPresenterParams = useMemo(\n () => ({\n value: props.value,\n placeholder: props.placeholder,\n displayResetAction: props.displayResetAction\n }),\n [props.value, props.placeholder, props.displayResetAction]\n );\n\n const presenter = useMemo(() => {\n const inputPresenter = new AutoCompleteInputPresenter();\n const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n presenter.init(params);\n return presenter;\n }, []);\n\n const [vm, setVm] = useState(presenter.vm);\n\n useEffect(() => {\n presenter.init(params);\n }, [params]);\n\n useEffect(() => {\n presenter.initInput(inputParams);\n }, [inputParams]);\n\n useEffect(() => {\n return autorun(() => {\n setVm(presenter.vm);\n });\n }, [presenter]);\n\n return {\n vm,\n setSelectedOption: presenter.setSelectedOption,\n searchOption: presenter.searchOption,\n resetSelectedOption: presenter.resetSelectedOption,\n setListOpenState: presenter.setListOpenState,\n showSelectedOption: presenter.showSelectedOption\n };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;~~AAE9B~~,SACIC,qBAAqB,~~EAErBC~~,0BAA0B,EAC1BC,gCAAgC;~~AAIpC~~,OAAO,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAClE,MAAMC,MAAmC,GAAGR,OAAO,CAC/C,OAAO;IACHS,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,YAAY,EAAEJ,KAAK,CAACI,YAAY;IAChCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,YAAY,EAAEP,KAAK,CAACO,YAAY;IAChCC,aAAa,EAAER,KAAK,CAACQ,aAAa;IAClCC,YAAY,EAAET,KAAK,CAACS,YAAY;IAChCC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,YAAY,EAClBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,YAAY,EAClBP,KAAK,CAACQ,aAAa,EACnBR,KAAK,CAACS,YAAY,EAClBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,WAA6C,GAAGlB,OAAO,CACzD,OAAO;IACHU,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBS,WAAW,EAAEZ,KAAK,CAACY,WAAW;IAC9BC,kBAAkB,EAAEb,KAAK,CAACa;EAC9B,CAAC,CAAC,EACF,CAACb,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACY,WAAW,EAAEZ,KAAK,CAACa,kBAAkB,CAC7D,CAAC;EAED,MAAMC,SAAS,GAAGrB,OAAO,CAAC,MAAM;IAC5B,MAAMsB,cAAc,GAAG,IAAIlB,0BAA0B,CAAC,CAAC;IACvD,MAAMmB,oBAAoB,GAAG,IAAIlB,gCAAgC,CAAC,CAAC;IACnE,MAAMgB,SAAS,GAAG,IAAIlB,qBAAqB,CAACmB,cAAc,EAAEC,oBAAoB,CAAC;IACjFF,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;IACtB,OAAOa,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGzB,QAAQ,CAACoB,SAAS,CAACI,EAAE,CAAC;EAE1C1B,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZT,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACM,SAAS,CAACT,WAAW,CAAC;EACpC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBwB,KAAK,CAACL,SAAS,CAACI,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,OAAO;IACHI,EAAE;IACFG,iBAAiB,EAAEP,SAAS,CAACO,iBAAiB;IAC9CC,YAAY,EAAER,SAAS,CAACQ,YAAY;IACpCC,mBAAmB,EAAET,SAAS,CAACS,mBAAmB;IAClDC,gBAAgB,EAAEV,SAAS,CAACU,gBAAgB;IAC5CC,kBAAkB,EAAEX,SAAS,CAACW;EAClC,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useEffect","useMemo","useState","autorun","AutoCompletePresenter","AutoCompleteInputPresenter","AutoCompleteListOptionsPresenter","useAutoComplete","props","params","options","value","emptyMessage","loadingMessage","initialMessage","onOpenChange","onValueChange","onValueReset","onValueSearch","inputParams","placeholder","displayResetAction","presenter","inputPresenter","optionsListPresenter","init","vm","setVm","initInput","setSelectedOption","searchOption","resetSelectedOption","setListOpenState","showSelectedOption"],"sources":["useAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { AutoCompletePrimitiveProps } from \"./AutoCompletePrimitive\";\nimport type { AutoCompletePresenterParams, AutoCompleteInputPresenterParams } from \"./presenters\";\nimport {\n AutoCompletePresenter,\n AutoCompleteInputPresenter,\n AutoCompleteListOptionsPresenter\n} from \"./presenters\";\n\nexport const useAutoComplete = (props: AutoCompletePrimitiveProps) => {\n const params: AutoCompletePresenterParams = useMemo(\n () => ({\n options: props.options,\n value: props.value,\n emptyMessage: props.emptyMessage,\n loadingMessage: props.loadingMessage,\n initialMessage: props.initialMessage,\n onOpenChange: props.onOpenChange,\n onValueChange: props.onValueChange,\n onValueReset: props.onValueReset,\n onValueSearch: props.onValueSearch\n }),\n [\n props.options,\n props.value,\n props.emptyMessage,\n props.loadingMessage,\n props.initialMessage,\n props.onOpenChange,\n props.onValueChange,\n props.onValueReset,\n props.onValueSearch\n ]\n );\n\n const inputParams: AutoCompleteInputPresenterParams = useMemo(\n () => ({\n value: props.value,\n placeholder: props.placeholder,\n displayResetAction: props.displayResetAction\n }),\n [props.value, props.placeholder, props.displayResetAction]\n );\n\n const presenter = useMemo(() => {\n const inputPresenter = new AutoCompleteInputPresenter();\n const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n presenter.init(params);\n return presenter;\n }, []);\n\n const [vm, setVm] = useState(presenter.vm);\n\n useEffect(() => {\n presenter.init(params);\n }, [params]);\n\n useEffect(() => {\n presenter.initInput(inputParams);\n }, [inputParams]);\n\n useEffect(() => {\n return autorun(() => {\n setVm(presenter.vm);\n });\n }, [presenter]);\n\n return {\n vm,\n setSelectedOption: presenter.setSelectedOption,\n searchOption: presenter.searchOption,\n resetSelectedOption: presenter.resetSelectedOption,\n setListOpenState: presenter.setListOpenState,\n showSelectedOption: presenter.showSelectedOption\n };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SACIC,qBAAqB,EACrBC,0BAA0B,EAC1BC,gCAAgC;AAGpC,OAAO,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAClE,MAAMC,MAAmC,GAAGR,OAAO,CAC/C,OAAO;IACHS,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,YAAY,EAAEJ,KAAK,CAACI,YAAY;IAChCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,YAAY,EAAEP,KAAK,CAACO,YAAY;IAChCC,aAAa,EAAER,KAAK,CAACQ,aAAa;IAClCC,YAAY,EAAET,KAAK,CAACS,YAAY;IAChCC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,YAAY,EAClBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,YAAY,EAClBP,KAAK,CAACQ,aAAa,EACnBR,KAAK,CAACS,YAAY,EAClBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,WAA6C,GAAGlB,OAAO,CACzD,OAAO;IACHU,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBS,WAAW,EAAEZ,KAAK,CAACY,WAAW;IAC9BC,kBAAkB,EAAEb,KAAK,CAACa;EAC9B,CAAC,CAAC,EACF,CAACb,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACY,WAAW,EAAEZ,KAAK,CAACa,kBAAkB,CAC7D,CAAC;EAED,MAAMC,SAAS,GAAGrB,OAAO,CAAC,MAAM;IAC5B,MAAMsB,cAAc,GAAG,IAAIlB,0BAA0B,CAAC,CAAC;IACvD,MAAMmB,oBAAoB,GAAG,IAAIlB,gCAAgC,CAAC,CAAC;IACnE,MAAMgB,SAAS,GAAG,IAAIlB,qBAAqB,CAACmB,cAAc,EAAEC,oBAAoB,CAAC;IACjFF,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;IACtB,OAAOa,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGzB,QAAQ,CAACoB,SAAS,CAACI,EAAE,CAAC;EAE1C1B,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZT,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACM,SAAS,CAACT,WAAW,CAAC;EACpC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBwB,KAAK,CAACL,SAAS,CAACI,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,OAAO;IACHI,EAAE;IACFG,iBAAiB,EAAEP,SAAS,CAACO,iBAAiB;IAC9CC,YAAY,EAAER,SAAS,CAACQ,YAAY;IACpCC,mBAAmB,EAAET,SAAS,CAACS,mBAAmB;IAClDC,gBAAgB,EAAEV,SAAS,CAACU,gBAAgB;IAC5CC,kBAAkB,EAAEX,SAAS,CAACW;EAClC,CAAC;AACL,CAAC","ignoreList":[]}

package/Button/Button.js CHANGED Viewed

@@ -15,8 +15,8 @@ const buttonVariants = cva(["wby-border-transparent wby-rounded wby-font-sans wb
       primary: ["wby-bg-primary wby-text-neutral-light wby-fill-neutral-base", "hover:wby-bg-primary-strong", "active:wby-bg-primary-xstrong", "aria-disabled:wby-bg-primary-disabled", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
       secondary: ["wby-bg-neutral-dimmed wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-muted", "active:wby-bg-neutral-strong", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
       tertiary: ["wby-bg-neutral-base wby-text-neutral-strong wby-border-neutral-muted wby-fill-neutral-xstrong", "hover:wby-bg-neutral-light", "active:wby-bg-neutral-muted", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
-      ghost: ["wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "active:wby-bg-neutral-muted", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong"],
-      "ghost-negative": ["wby-text-neutral-light wby-fill-neutral-base", "hover:wby-bg-neutral-base/20", "active:wby-bg-neutral-base/30", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50", "focus-visible:!wby-border-neutral-base"]
+      ghost: ["wby-bg-transparent wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "active:wby-bg-neutral-muted", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong"],
+      "ghost-negative": ["wby-bg-transparent wby-text-neutral-light wby-fill-neutral-base", "hover:wby-bg-neutral-base/20", "active:wby-bg-neutral-base/30", "aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50", "focus-visible:!wby-border-neutral-base"]
     },
     size: {
       sm: ["wby-text-sm wby-border-sm wby-rounded-sm [&>svg]:wby-size-md", "wby-py-[calc(theme(padding.xs)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]"],

package/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","Slot","cn","cva","makeDecoratable","buttonWrapperVariants","variants","disabled","true","false","buttonVariants","variant","primary","secondary","tertiary","ghost","size","sm","md","lg","xl","contentLayout","text","icon","compoundVariants","className","defaultVariants","ButtonBase","asChild","iconPosition","containerClassName","rest","Comp","Root","cssClasses","createElement","Object","assign","Slottable","Button"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils\";\n\nconst buttonWrapperVariants = cva(\"wby-inline-block\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed\",\n false: \"wby-cursor-pointer\"\n }\n }\n});\n\nconst buttonVariants = cva(\n [\n \"wby-border-transparent wby-rounded wby-font-sans wby-inline-flex wby-items-center wby-justify-center wby-whitespace-nowrap wby-ring-offset-background wby-transition-colors !wby-no-underline\",\n \"aria-disabled:wby-pointer-events-none\",\n \"focus-visible:wby-outline-none focus-visible:wby-border-accent-default\"\n ],\n {\n variants: {\n variant: {\n primary: [\n \"wby-bg-primary wby-text-neutral-light wby-fill-neutral-base\",\n \"hover:wby-bg-primary-strong\",\n \"active:wby-bg-primary-xstrong\",\n \"aria-disabled:wby-bg-primary-disabled\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n secondary: [\n \"wby-bg-neutral-dimmed wby-text-neutral-strong wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-muted\",\n \"active:wby-bg-neutral-strong\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n tertiary: [\n \"wby-bg-neutral-base wby-text-neutral-strong wby-border-neutral-muted wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-light\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n ghost: [\n \"wby-text-neutral-strong wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-dimmed\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\"\n ],\n \"ghost-negative\": [\n \"wby-text-neutral-light wby-fill-neutral-base\",\n \"hover:wby-bg-neutral-base/20\",\n \"active:wby-bg-neutral-base/30\",\n \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50\",\n \"focus-visible:!wby-border-neutral-base\"\n ]\n },\n size: {\n sm: [\n \"wby-text-sm wby-border-sm wby-rounded-sm [&>svg]:wby-size-md\",\n \"wby-py-[calc(theme(padding.xs)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n ],\n md: [\n \"wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-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-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md-plus\",\n \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n ],\n xl: [\n \"wby-text-lg wby-font-semibold wby-border-lg wby-rounded-md [&>svg]:wby-size-lg\",\n \"wby-py-[calc(theme(padding.md-plus)-theme(borderWidth.md))] wby-px-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n ]\n },\n contentLayout: {\n text: \"\",\n icon: \"\",\n \"text-icon-start\": \"\",\n \"text-icon-end\": \"\"\n }\n },\n compoundVariants: [\n {\n size: \"xl\",\n variant: \"ghost\",\n className: \"focus-visible:wby-border-md\"\n },\n {\n size: \"sm\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))]\"\n },\n {\n size: \"sm\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n },\n {\n size: \"sm\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n },\n {\n size: \"md\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n },\n {\n size: \"md\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n },\n {\n size: \"md\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n },\n {\n size: \"lg\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))]\"\n },\n {\n size: \"lg\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs-plus\"\n },\n {\n size: \"lg\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs-plus\"\n },\n {\n size: \"xl\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n },\n {\n size: \"xl\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-mr-sm\"\n },\n {\n size: \"xl\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-ml-sm\"\n }\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n }\n);\n\ninterface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof buttonVariants> {\n text?: React.ReactNode;\n\n icon?: React.ReactNode;\n\n iconPosition?: \"start\" \| \"end\";\n\n asChild?: boolean;\n\n containerClassName?: string;\n}\n\ntype ContentLayout = \"text\" \| \"icon\" \| \"text-icon-start\" \| \"text-icon-end\";\n\nconst ButtonBase = ({\n className,\n variant,\n size,\n asChild = false,\n text,\n icon,\n iconPosition = \"start\",\n disabled,\n containerClassName,\n ...rest\n}: ButtonProps) => {\n const Comp = asChild ? Slot.Root : \"button\";\n\n const contentLayout = useMemo<ContentLayout>(() => {\n if (!text) {\n return \"icon\";\n }\n\n if (!icon) {\n return \"text\";\n }\n\n return `text-icon-${iconPosition}` as ContentLayout;\n }, [text, icon, iconPosition]);\n\n const cssClasses = cn(\n buttonVariants({\n variant,\n size,\n contentLayout\n }),\n className\n );\n\n return (\n <span className={cn(buttonWrapperVariants({ disabled }), containerClassName)}>\n <Comp className={cssClasses} disabled={disabled} aria-disabled={disabled} {...rest}>\n {iconPosition !== \"end\" && icon}\n <Slot.Slottable>{text}</Slot.Slottable>\n {iconPosition === \"end\" && icon}\n </Comp>\n </span>\n );\n};\n\nconst Button = makeDecoratable(\"Button\", ButtonBase);\n\nexport { Button, type ButtonProps, buttonVariants };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","Slot","cn","cva","makeDecoratable","buttonWrapperVariants","variants","disabled","true","false","buttonVariants","variant","primary","secondary","tertiary","ghost","size","sm","md","lg","xl","contentLayout","text","icon","compoundVariants","className","defaultVariants","ButtonBase","asChild","iconPosition","containerClassName","rest","Comp","Root","cssClasses","createElement","Object","assign","Slottable","Button"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils\";\n\nconst buttonWrapperVariants = cva(\"wby-inline-block\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed\",\n false: \"wby-cursor-pointer\"\n }\n }\n});\n\nconst buttonVariants = cva(\n [\n \"wby-border-transparent wby-rounded wby-font-sans wby-inline-flex wby-items-center wby-justify-center wby-whitespace-nowrap wby-ring-offset-background wby-transition-colors !wby-no-underline\",\n \"aria-disabled:wby-pointer-events-none\",\n \"focus-visible:wby-outline-none focus-visible:wby-border-accent-default\"\n ],\n {\n variants: {\n variant: {\n primary: [\n \"wby-bg-primary wby-text-neutral-light wby-fill-neutral-base\",\n \"hover:wby-bg-primary-strong\",\n \"active:wby-bg-primary-xstrong\",\n \"aria-disabled:wby-bg-primary-disabled\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n secondary: [\n \"wby-bg-neutral-dimmed wby-text-neutral-strong wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-muted\",\n \"active:wby-bg-neutral-strong\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n tertiary: [\n \"wby-bg-neutral-base wby-text-neutral-strong wby-border-neutral-muted wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-light\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-border-neutral-dimmed aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n ghost: [\n \"wby-bg-transparent wby-text-neutral-strong wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-dimmed\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-strong\"\n ],\n \"ghost-negative\": [\n \"wby-bg-transparent wby-text-neutral-light wby-fill-neutral-base\",\n \"hover:wby-bg-neutral-base/20\",\n \"active:wby-bg-neutral-base/30\",\n \"aria-disabled:wby-text-neutral-disabled aria-disabled:wby-fill-neutral-base/50\",\n \"focus-visible:!wby-border-neutral-base\"\n ]\n },\n size: {\n sm: [\n \"wby-text-sm wby-border-sm wby-rounded-sm [&>svg]:wby-size-md\",\n \"wby-py-[calc(theme(padding.xs)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n ],\n md: [\n \"wby-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-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-text-md wby-border-sm wby-rounded-md [&>svg]:wby-size-md-plus\",\n \"wby-py-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.md)-theme(borderWidth.sm))]\"\n ],\n xl: [\n \"wby-text-lg wby-font-semibold wby-border-lg wby-rounded-md [&>svg]:wby-size-lg\",\n \"wby-py-[calc(theme(padding.md-plus)-theme(borderWidth.md))] wby-px-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n ]\n },\n contentLayout: {\n text: \"\",\n icon: \"\",\n \"text-icon-start\": \"\",\n \"text-icon-end\": \"\"\n }\n },\n compoundVariants: [\n {\n size: \"xl\",\n variant: \"ghost\",\n className: \"focus-visible:wby-border-md\"\n },\n {\n size: \"sm\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))]\"\n },\n {\n size: \"sm\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n },\n {\n size: \"sm\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n },\n {\n size: \"md\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n },\n {\n size: \"md\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs\"\n },\n {\n size: \"md\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs\"\n },\n {\n size: \"lg\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))]\"\n },\n {\n size: \"lg\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-mr-xs-plus\"\n },\n {\n size: \"lg\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] [&>svg]:wby-ml-xs-plus\"\n },\n {\n size: \"xl\",\n contentLayout: \"icon\",\n className: \"wby-p-[calc(theme(padding.md)-theme(borderWidth.md))]\"\n },\n {\n size: \"xl\",\n contentLayout: \"text-icon-start\",\n className:\n \"wby-pl-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-mr-sm\"\n },\n {\n size: \"xl\",\n contentLayout: \"text-icon-end\",\n className:\n \"wby-pr-[calc(theme(padding.sm-extra)-theme(borderWidth.md))] [&>svg]:wby-ml-sm\"\n }\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n }\n);\n\ninterface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof buttonVariants> {\n text?: React.ReactNode;\n\n icon?: React.ReactNode;\n\n iconPosition?: \"start\" \| \"end\";\n\n asChild?: boolean;\n\n containerClassName?: string;\n}\n\ntype ContentLayout = \"text\" \| \"icon\" \| \"text-icon-start\" \| \"text-icon-end\";\n\nconst ButtonBase = ({\n className,\n variant,\n size,\n asChild = false,\n text,\n icon,\n iconPosition = \"start\",\n disabled,\n containerClassName,\n ...rest\n}: ButtonProps) => {\n const Comp = asChild ? Slot.Root : \"button\";\n\n const contentLayout = useMemo<ContentLayout>(() => {\n if (!text) {\n return \"icon\";\n }\n\n if (!icon) {\n return \"text\";\n }\n\n return `text-icon-${iconPosition}` as ContentLayout;\n }, [text, icon, iconPosition]);\n\n const cssClasses = cn(\n buttonVariants({\n variant,\n size,\n contentLayout\n }),\n className\n );\n\n return (\n <span className={cn(buttonWrapperVariants({ disabled }), containerClassName)}>\n <Comp className={cssClasses} disabled={disabled} aria-disabled={disabled} {...rest}>\n {iconPosition !== \"end\" && icon}\n <Slot.Slottable>{text}</Slot.Slottable>\n {iconPosition === \"end\" && icon}\n </Comp>\n </span>\n );\n};\n\nconst Button = makeDecoratable(\"Button\", ButtonBase);\n\nexport { Button, type ButtonProps, buttonVariants };\n"],"mappings":"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","ignoreList":[]}

package/Button/CopyButton.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonProps } from "./Button";
+import type { ButtonProps } from "./Button";
 interface CopyButtonProps extends ButtonProps {
     /**
      * Value to copy to clipboard.
@@ -17,10 +17,9 @@ declare const CopyButton: ((props: CopyButtonProps) => React.JSX.Element) & {
 } & {
     original: ((props: CopyButtonProps) => React.JSX.Element) & {
         original: (props: CopyButtonProps) => React.JSX.Element;
-        /**
+        originalName: string; /**
          * Callback function that is executed after the value is copied to the clipboard.
          */
-        originalName: string;
         displayName: string;
     };
     originalName: string;

package/Button/CopyButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","ReactComponent","CopyToClipboardIcon","Button","makeDecoratable","CopyButtonBase","props","value","onCopy","rest","copyToClipboard","navigator","clipboard","writeText","createElement","Object","assign","onClick","icon","CopyButton"],"sources":["CopyButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ButtonProps, Button } from \"./Button\";\nimport { makeDecoratable } from \"../utils\";\n\ninterface CopyButtonProps extends ButtonProps {\n /*\n Value to copy to clipboard.\n /\n value: string;\n\n /\n Callback function that is executed after the value is copied to the clipboard.\n */\n onCopy?: () => void;\n}\n\nconst CopyButtonBase = (props: CopyButtonProps) => {\n const { value, onCopy, ...rest } = props;\n\n const copyToClipboard = useCallback(() => {\n navigator.clipboard.writeText(value);\n if (typeof onCopy === \"function\") {\n onCopy();\n }\n }, [value]);\n\n return <Button {...rest} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nconst CopyButton = makeDecoratable(\"CopyButton\", CopyButtonBase);\n\nexport { CopyButton, type CopyButtonProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,mBAAmB,QAAQ,gCAAgC;~~AACtF~~,~~SAAsBC~~,MAAM;~~AAC5B~~,SAASC,eAAe;AAcxB,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EAC/C,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAExC,MAAMI,eAAe,GAAGV,WAAW,CAAC,MAAM;IACtCW,SAAS,CAACC,SAAS,CAACC,SAAS,CAACN,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOR,KAAA,CAAAe,aAAA,CAACX,MAAM,EAAAY,MAAA,CAAAC,MAAA,KAAKP,IAAI;IAAEQ,OAAO,EAAEP,eAAgB;IAACQ,IAAI,eAAEnB,KAAA,CAAAe,aAAA,CAACZ,mBAAmB,MAAE;EAAE,EAAE,CAAC;AACxF,CAAC;AAED,MAAMiB,UAAU,GAAGf,eAAe,CAAC,YAAY,EAAEC,cAAc,CAAC;AAEhE,SAASc,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","ReactComponent","CopyToClipboardIcon","Button","makeDecoratable","CopyButtonBase","props","value","onCopy","rest","copyToClipboard","navigator","clipboard","writeText","createElement","Object","assign","onClick","icon","CopyButton"],"sources":["CopyButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"@webiny/icons/content_copy.svg\";\nimport type { ButtonProps } from \"./Button\";\nimport { Button } from \"./Button\";\nimport { makeDecoratable } from \"../utils\";\n\ninterface CopyButtonProps extends ButtonProps {\n /*\n Value to copy to clipboard.\n /\n value: string;\n\n /\n Callback function that is executed after the value is copied to the clipboard.\n */\n onCopy?: () => void;\n}\n\nconst CopyButtonBase = (props: CopyButtonProps) => {\n const { value, onCopy, ...rest } = props;\n\n const copyToClipboard = useCallback(() => {\n navigator.clipboard.writeText(value);\n if (typeof onCopy === \"function\") {\n onCopy();\n }\n }, [value]);\n\n return <Button {...rest} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nconst CopyButton = makeDecoratable(\"CopyButton\", CopyButtonBase);\n\nexport { CopyButton, type CopyButtonProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,mBAAmB,QAAQ,gCAAgC;AAEtF,SAASC,MAAM;AACf,SAASC,eAAe;AAcxB,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EAC/C,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAExC,MAAMI,eAAe,GAAGV,WAAW,CAAC,MAAM;IACtCW,SAAS,CAACC,SAAS,CAACC,SAAS,CAACN,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOR,KAAA,CAAAe,aAAA,CAACX,MAAM,EAAAY,MAAA,CAAAC,MAAA,KAAKP,IAAI;IAAEQ,OAAO,EAAEP,eAAgB;IAACQ,IAAI,eAAEnB,KAAA,CAAAe,aAAA,CAACZ,mBAAmB,MAAE;EAAE,EAAE,CAAC;AACxF,CAAC;AAED,MAAMiB,UAAU,GAAGf,eAAe,CAAC,YAAY,EAAEC,cAAc,CAAC;AAEhE,SAASc,UAAU","ignoreList":[]}

package/Button/IconButton.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { type VariantProps } from "../utils";
 declare const iconButtonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "ghost-negative" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxs" | null | undefined;
-    iconSize?: "default" | "lg" | null | undefined;
+    iconSize?: "lg" | "default" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof iconButtonVariants> {
     icon?: React.ReactNode;

package/Button/IconButton.js CHANGED Viewed

@@ -15,8 +15,8 @@ const iconButtonVariants = cva(["wby-border-transparent wby-rounded wby-flex wby
       primary: ["wby-bg-primary wby-fill-neutral-base", "hover:wby-bg-primary-strong", "active:wby-bg-primary-xstrong", "aria-disabled:wby-bg-primary-disabled", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
       secondary: ["wby-bg-neutral-dimmed wby-fill-neutral-xstrong", "hover:wby-bg-neutral-muted", "active:wby-bg-neutral-strong", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
       tertiary: ["wby-bg-neutral-base wby-border-neutral-muted wby-fill-neutral-xstrong", "hover:wby-bg-neutral-light", "active:wby-bg-neutral-muted", "aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong aria-disabled:wby-border-neutral-dimmed", "focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed"],
-      ghost: ["wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "active:wby-bg-neutral-muted", "aria-disabled:wby-fill-neutral-strong hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent"],
-      "ghost-negative": ["wby-fill-neutral-base", "hover:wby-bg-neutral-base/20", "active:wby-bg-neutral-base/30", "focus-visible:!wby-border-neutral-base", "aria-disabled:wby-fill-neutral-base aria-disabled:wby-opacity-50 hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent"]
+      ghost: ["wby-bg-transparent wby-fill-neutral-xstrong", "hover:wby-bg-neutral-dimmed", "active:wby-bg-neutral-muted", "aria-disabled:wby-fill-neutral-strong hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent"],
+      "ghost-negative": ["wby-bg-transparent wby-fill-neutral-base", "hover:wby-bg-neutral-base/20", "active:wby-bg-neutral-base/30", "focus-visible:!wby-border-neutral-base", "aria-disabled:wby-fill-neutral-base aria-disabled:wby-opacity-50 hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent"]
     },
     size: {
       xxs: "wby-border-sm wby-rounded-xs wby-size-sm-extra [&_svg]:wby-size-md [&_img]:wby-size-md",

package/Button/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Slot","cn","cva","makeDecoratable","iconButtonWrapperVariants","variants","disabled","true","false","iconButtonVariants","variant","primary","secondary","tertiary","ghost","size","xxs","xs","sm","md","lg","xl","iconSize","default","compoundVariants","className","defaultVariants","DecoratableIconButton","icon","asChild","props","Comp","Root","createElement","Object","assign","IconButton"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils\";\n\nconst iconButtonWrapperVariants = cva(\"wby-inline-block\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed\",\n false: \"wby-cursor-pointer\"\n }\n }\n});\n\nconst iconButtonVariants = cva(\n [\n \"wby-border-transparent wby-rounded wby-flex wby-flex-shrink-0 wby-items-center wby-justify-center wby-ring-offset-background wby-transition-colors\",\n \"[&_svg]:wby-pointer-events-none [&_svg]:wby-shrink-0\",\n \"[&_img]:wby-pointer-events-none [&_img]:wby-shrink-0\",\n \"aria-disabled:wby-pointer-events-none\",\n \"focus-visible:wby-outline-none focus-visible:wby-border-accent-default\"\n ],\n {\n variants: {\n variant: {\n primary: [\n \"wby-bg-primary wby-fill-neutral-base\",\n \"hover:wby-bg-primary-strong\",\n \"active:wby-bg-primary-xstrong\",\n \"aria-disabled:wby-bg-primary-disabled\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n secondary: [\n \"wby-bg-neutral-dimmed wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-muted\",\n \"active:wby-bg-neutral-strong\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n tertiary: [\n \"wby-bg-neutral-base wby-border-neutral-muted wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-light\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong aria-disabled:wby-border-neutral-dimmed\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n ghost: [\n \"wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-dimmed\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-fill-neutral-strong hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent\"\n ],\n \"ghost-negative\": [\n \"wby-fill-neutral-base\",\n \"hover:wby-bg-neutral-base/20\",\n \"active:wby-bg-neutral-base/30\",\n \"focus-visible:!wby-border-neutral-base\",\n \"aria-disabled:wby-fill-neutral-base aria-disabled:wby-opacity-50 hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent\"\n ]\n },\n size: {\n xxs: \"wby-border-sm wby-rounded-xs wby-size-sm-extra [&_svg]:wby-size-md [&_img]:wby-size-md\",\n xs: \"wby-border-sm wby-rounded-xs wby-size-md [&_svg]:wby-size-md [&_img]:wby-size-md\",\n sm: \"wby-border-sm wby-rounded-sm\",\n md: \"wby-border-sm wby-rounded-md\",\n lg: \"wby-border-sm wby-rounded-md\",\n xl: \"wby-border-md wby-rounded-lg wby-p-[calc(theme(padding.md)-theme(borderWidth.md))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n },\n iconSize: {\n default: \"\",\n lg: \"\"\n }\n },\n compoundVariants: [\n {\n size: \"xl\",\n variant: \"ghost\",\n className: \"focus-visible:wby-border-md\"\n },\n {\n size: \"sm\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&_svg]:wby-size-md [&_img]:wby-size-md\"\n },\n {\n size: \"sm\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.xxs)-theme(borderWidth.sm))] [&_svg]:wby-size-md-plus [&_img]:wby-size-md-plus\"\n },\n {\n size: \"md\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))] [&_svg]:wby-size-md [&_img]:wby-size-md\"\n },\n {\n size: \"md\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n },\n {\n size: \"lg\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] [&_svg]:wby-size-md-plus [&_img]:wby-size-md-plus\"\n },\n {\n size: \"lg\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n }\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n iconSize: \"default\"\n }\n }\n);\n\ninterface IconButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof iconButtonVariants> {\n icon?: React.ReactNode;\n asChild?: boolean;\n}\n\nconst DecoratableIconButton = ({\n className,\n variant,\n size,\n icon,\n iconSize,\n asChild = false,\n disabled,\n ...props\n}: IconButtonProps) => {\n const Comp = asChild ? Slot.Root : \"button\";\n return (\n <span className={cn(iconButtonWrapperVariants({ disabled }))}>\n <Comp\n {...props}\n className={cn(iconButtonVariants({ variant, size, iconSize }), className)}\n disabled={disabled}\n aria-disabled={disabled}\n >\n {icon}\n </Comp>\n </span>\n );\n};\n\nconst IconButton = makeDecoratable(\"IconButton\", DecoratableIconButton);\n\nexport { IconButton, type IconButtonProps, iconButtonVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AAEpD,MAAMC,yBAAyB,GAAGF,GAAG,CAAC,kBAAkB,EAAE;EACtDG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE,wBAAwB;MAC9BC,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,kBAAkB,GAAGP,GAAG,CAC1B,CACI,oJAAoJ,EACpJ,sDAAsD,EACtD,sDAAsD,EACtD,uCAAuC,EACvC,wEAAwE,CAC3E,EACD;EACIG,QAAQ,EAAE;IACNK,OAAO,EAAE;MACLC,OAAO,EAAE,CACL,sCAAsC,EACtC,6BAA6B,EAC7B,+BAA+B,EAC/B,uCAAuC,EACvC,iEAAiE,CACpE;MACDC,SAAS,EAAE,CACP,gDAAgD,EAChD,4BAA4B,EAC5B,8BAA8B,EAC9B,6EAA6E,EAC7E,iEAAiE,CACpE;MACDC,QAAQ,EAAE,CACN,uEAAuE,EACvE,4BAA4B,EAC5B,6BAA6B,EAC7B,qHAAqH,EACrH,iEAAiE,CACpE;MACDC,KAAK,EAAE,CACH,~~0BAA0B~~,~~EAC1B~~,6BAA6B,EAC7B,6BAA6B,EAC7B,sHAAsH,CACzH;MACD,gBAAgB,EAAE,CACd,~~uBAAuB~~,~~EACvB~~,8BAA8B,EAC9B,+BAA+B,EAC/B,wCAAwC,EACxC,iJAAiJ;IAEzJ,CAAC;IACDC,IAAI,EAAE;MACFC,GAAG,EAAE,wFAAwF;MAC7FC,EAAE,EAAE,kFAAkF;MACtFC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,OAAO,EAAE,EAAE;MACXH,EAAE,EAAE;IACR;EACJ,CAAC;EACDI,gBAAgB,EAAE,CACd;IACIT,IAAI,EAAE,IAAI;IACVL,OAAO,EAAE,OAAO;IAChBe,SAAS,EAAE;EACf,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,SAAS;IACnBG,SAAS,EACL;EACR,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,IAAI;IACdG,SAAS,EACL;EACR,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,SAAS;IACnBG,SAAS,EACL;EACR,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,IAAI;IACdG,SAAS,EACL;EACR,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,SAAS;IACnBG,SAAS,EACL;EACR,CAAC,EACD;IACIV,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE,IAAI;IACdG,SAAS,EACL;EACR,CAAC,CACJ;EACDC,eAAe,EAAE;IACbhB,OAAO,EAAE,SAAS;IAClBK,IAAI,EAAE,IAAI;IACVO,QAAQ,EAAE;EACd;AACJ,CACJ,CAAC;AASD,MAAMK,qBAAqB,GAAGA,CAAC;EAC3BF,SAAS;EACTf,OAAO;EACPK,IAAI;EACJa,IAAI;EACJN,QAAQ;EACRO,OAAO,GAAG,KAAK;EACfvB,QAAQ;EACR,GAAGwB;AACU,CAAC,KAAK;EACnB,MAAMC,IAAI,GAAGF,OAAO,GAAG7B,IAAI,CAACgC,IAAI,GAAG,QAAQ;EAC3C,oBACIjC,KAAA,CAAAkC,aAAA;IAAMR,SAAS,EAAExB,EAAE,CAACG,yBAAyB,CAAC;MAAEE;IAAS,CAAC,CAAC;EAAE,gBACzDP,KAAA,CAAAkC,aAAA,CAACF,IAAI,EAAAG,MAAA,CAAAC,MAAA,KACGL,KAAK;IACTL,SAAS,EAAExB,EAAE,CAACQ,kBAAkB,CAAC;MAAEC,OAAO;MAAEK,IAAI;MAAEO;IAAS,CAAC,CAAC,EAAEG,SAAS,CAAE;IAC1EnB,QAAQ,EAAEA,QAAS;IACnB,iBAAeA;EAAS,IAEvBsB,IACC,CACJ,CAAC;AAEf,CAAC;AAED,MAAMQ,UAAU,GAAGjC,eAAe,CAAC,YAAY,EAAEwB,qBAAqB,CAAC;AAEvE,SAASS,UAAU,EAAwB3B,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["React","Slot","cn","cva","makeDecoratable","iconButtonWrapperVariants","variants","disabled","true","false","iconButtonVariants","variant","primary","secondary","tertiary","ghost","size","xxs","xs","sm","md","lg","xl","iconSize","default","compoundVariants","className","defaultVariants","DecoratableIconButton","icon","asChild","props","Comp","Root","createElement","Object","assign","IconButton"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn, cva, type VariantProps, makeDecoratable } from \"~/utils\";\n\nconst iconButtonWrapperVariants = cva(\"wby-inline-block\", {\n variants: {\n disabled: {\n true: \"wby-cursor-not-allowed\",\n false: \"wby-cursor-pointer\"\n }\n }\n});\n\nconst iconButtonVariants = cva(\n [\n \"wby-border-transparent wby-rounded wby-flex wby-flex-shrink-0 wby-items-center wby-justify-center wby-ring-offset-background wby-transition-colors\",\n \"[&_svg]:wby-pointer-events-none [&_svg]:wby-shrink-0\",\n \"[&_img]:wby-pointer-events-none [&_img]:wby-shrink-0\",\n \"aria-disabled:wby-pointer-events-none\",\n \"focus-visible:wby-outline-none focus-visible:wby-border-accent-default\"\n ],\n {\n variants: {\n variant: {\n primary: [\n \"wby-bg-primary wby-fill-neutral-base\",\n \"hover:wby-bg-primary-strong\",\n \"active:wby-bg-primary-xstrong\",\n \"aria-disabled:wby-bg-primary-disabled\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n secondary: [\n \"wby-bg-neutral-dimmed wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-muted\",\n \"active:wby-bg-neutral-strong\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n tertiary: [\n \"wby-bg-neutral-base wby-border-neutral-muted wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-light\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-bg-neutral-disabled aria-disabled:wby-fill-neutral-strong aria-disabled:wby-border-neutral-dimmed\",\n \"focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\"\n ],\n ghost: [\n \"wby-bg-transparent wby-fill-neutral-xstrong\",\n \"hover:wby-bg-neutral-dimmed\",\n \"active:wby-bg-neutral-muted\",\n \"aria-disabled:wby-fill-neutral-strong hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent\"\n ],\n \"ghost-negative\": [\n \"wby-bg-transparent wby-fill-neutral-base\",\n \"hover:wby-bg-neutral-base/20\",\n \"active:wby-bg-neutral-base/30\",\n \"focus-visible:!wby-border-neutral-base\",\n \"aria-disabled:wby-fill-neutral-base aria-disabled:wby-opacity-50 hover:aria-disabled:wby-bg-transparent active:aria-disabled:wby-bg-transparent\"\n ]\n },\n size: {\n xxs: \"wby-border-sm wby-rounded-xs wby-size-sm-extra [&_svg]:wby-size-md [&_img]:wby-size-md\",\n xs: \"wby-border-sm wby-rounded-xs wby-size-md [&_svg]:wby-size-md [&_img]:wby-size-md\",\n sm: \"wby-border-sm wby-rounded-sm\",\n md: \"wby-border-sm wby-rounded-md\",\n lg: \"wby-border-sm wby-rounded-md\",\n xl: \"wby-border-md wby-rounded-lg wby-p-[calc(theme(padding.md)-theme(borderWidth.md))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n },\n iconSize: {\n default: \"\",\n lg: \"\"\n }\n },\n compoundVariants: [\n {\n size: \"xl\",\n variant: \"ghost\",\n className: \"focus-visible:wby-border-md\"\n },\n {\n size: \"sm\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&_svg]:wby-size-md [&_img]:wby-size-md\"\n },\n {\n size: \"sm\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.xxs)-theme(borderWidth.sm))] [&_svg]:wby-size-md-plus [&_img]:wby-size-md-plus\"\n },\n {\n size: \"md\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))] [&_svg]:wby-size-md [&_img]:wby-size-md\"\n },\n {\n size: \"md\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.xs)-theme(borderWidth.sm))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n },\n {\n size: \"lg\",\n iconSize: \"default\",\n className:\n \"wby-p-[calc(theme(padding.sm-plus)-theme(borderWidth.sm))] [&_svg]:wby-size-md-plus [&_img]:wby-size-md-plus\"\n },\n {\n size: \"lg\",\n iconSize: \"lg\",\n className:\n \"wby-p-[calc(theme(padding.sm)-theme(borderWidth.sm))] [&_svg]:wby-size-lg [&_img]:wby-size-lg\"\n }\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n iconSize: \"default\"\n }\n }\n);\n\ninterface IconButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof iconButtonVariants> {\n icon?: React.ReactNode;\n asChild?: boolean;\n}\n\nconst DecoratableIconButton = ({\n className,\n variant,\n size,\n icon,\n iconSize,\n asChild = false,\n disabled,\n ...props\n}: IconButtonProps) => {\n const Comp = asChild ? Slot.Root : \"button\";\n return (\n <span className={cn(iconButtonWrapperVariants({ disabled }))}>\n <Comp\n {...props}\n className={cn(iconButtonVariants({ variant, size, iconSize }), className)}\n disabled={disabled}\n aria-disabled={disabled}\n >\n {icon}\n </Comp>\n </span>\n );\n};\n\nconst IconButton = makeDecoratable(\"IconButton\", DecoratableIconButton);\n\nexport { IconButton, type IconButtonProps, iconButtonVariants };\n"],"mappings":"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","ignoreList":[]}

package/Card/Card.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from "react";
 import { type VariantProps } from "../utils";
-import { type CardRootProps, cardRootVariants } from "./components";
+import type { cardRootVariants } from "./components";
+import { type CardRootProps } from "./components";
 interface CardProps extends CardRootProps, VariantProps<typeof cardRootVariants> {
     title?: React.ReactNode;
     description?: React.ReactNode;

package/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","makeDecoratable","CardFooter","CardHeader","CardRoot","CardBase","props","title","description","actions","children","options","rest","createElement","Card"],"sources":["Card.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, type VariantProps } from \"~/utils\";\nimport {\n CardFooter~~,\n~~ CardHeader~~,\n~~ CardRoot~~,\n~~ type CardRootProps~~,\n cardRootVariants\n~~} from \"./components\";\n\ninterface CardProps extends CardRootProps, VariantProps<typeof cardRootVariants> {\n title?: React.ReactNode;\n description?: React.ReactNode;\n actions?: React.ReactNode;\n options?: React.ReactNode;\n}\n\nconst CardBase = (props: CardProps) => {\n const { title, description, actions, children, options, ...rest } = props;\n\n return (\n <CardRoot {...rest}>\n <CardHeader title={title} description={description} options={options} />\n {children}\n <CardFooter actions={actions} />\n </CardRoot>\n );\n};\n\nconst Card = makeDecoratable(\"Card\", CardBase);\n\nexport { Card, type CardProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;~~AACxB~~,~~SACIC~~,UAAU,~~EACVC~~,UAAU,~~EACVC~~,QAAQ;~~AAYZ~~,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAEzE,oBACIN,KAAA,CAAAa,aAAA,CAACT,QAAQ,EAAKQ,IAAI,eACdZ,KAAA,CAAAa,aAAA,CAACV,UAAU;IAACI,KAAK,EAAEA,KAAM;IAACC,WAAW,EAAEA,WAAY;IAACG,OAAO,EAAEA;EAAQ,CAAE,CAAC,EACvED,QAAQ,eACTV,KAAA,CAAAa,aAAA,CAACX,UAAU;IAACO,OAAO,EAAEA;EAAQ,CAAE,CACzB,CAAC;AAEnB,CAAC;AAED,MAAMK,IAAI,GAAGb,eAAe,CAAC,MAAM,EAAEI,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}
1	+ {"version":3,"names":["React","makeDecoratable","CardFooter","CardHeader","CardRoot","CardBase","props","title","description","actions","children","options","rest","createElement","Card"],"sources":["Card.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, type VariantProps } from \"~/utils\";\nimport type { cardRootVariants } from \"./components\";\nimport { CardFooter, CardHeader, CardRoot, type CardRootProps } from \"./components\";\n\ninterface CardProps extends CardRootProps, VariantProps<typeof cardRootVariants> {\n title?: React.ReactNode;\n description?: React.ReactNode;\n actions?: React.ReactNode;\n options?: React.ReactNode;\n}\n\nconst CardBase = (props: CardProps) => {\n const { title, description, actions, children, options, ...rest } = props;\n\n return (\n <CardRoot {...rest}>\n <CardHeader title={title} description={description} options={options} />\n {children}\n <CardFooter actions={actions} />\n </CardRoot>\n );\n};\n\nconst Card = makeDecoratable(\"Card\", CardBase);\n\nexport { Card, type CardProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAExB,SAASC,UAAU,EAAEC,UAAU,EAAEC,QAAQ;AASzC,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAEzE,oBACIN,KAAA,CAAAa,aAAA,CAACT,QAAQ,EAAKQ,IAAI,eACdZ,KAAA,CAAAa,aAAA,CAACV,UAAU;IAACI,KAAK,EAAEA,KAAM;IAACC,WAAW,EAAEA,WAAY;IAACG,OAAO,EAAEA;EAAQ,CAAE,CAAC,EACvED,QAAQ,eACTV,KAAA,CAAAa,aAAA,CAACX,UAAU;IAACO,OAAO,EAAEA;EAAQ,CAAE,CACzB,CAAC;AAEnB,CAAC;AAED,MAAMK,IAAI,GAAGb,eAAe,CAAC,MAAM,EAAEI,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}

package/Card/components/CardFooter.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CardProps } from "..";
+import type { CardProps } from "..";
 type CardFooterProps = Pick<CardProps, "actions">;
 declare const CardFooter: ({ actions }: CardFooterProps) => React.JSX.Element | null;
 export { CardFooter, type CardFooterProps };

package/Card/components/CardFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","CardFooter","actions","createElement","className"],"sources":["CardFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { CardProps } from \"~/Card\";\n\ntype CardFooterProps = Pick<CardProps, \"actions\">;\n\nconst CardFooter = ({ actions }: CardFooterProps) => {\n if (!actions) {\n return null;\n }\n\n return <div className={\"wby-flex wby-justify-end wby-gap-sm\"}>{actions}</div>;\n};\n\nexport { CardFooter, type CardFooterProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOF,KAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE;EAAsC,GAAEF,OAAa,CAAC;AACjF,CAAC;AAED,SAASD,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","CardFooter","actions","createElement","className"],"sources":["CardFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CardProps } from \"~/Card\";\n\ntype CardFooterProps = Pick<CardProps, \"actions\">;\n\nconst CardFooter = ({ actions }: CardFooterProps) => {\n if (!actions) {\n return null;\n }\n\n return <div className={\"wby-flex wby-justify-end wby-gap-sm\"}>{actions}</div>;\n};\n\nexport { CardFooter, type CardFooterProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOF,KAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE;EAAsC,GAAEF,OAAa,CAAC;AACjF,CAAC;AAED,SAASD,UAAU","ignoreList":[]}

package/Card/components/CardHeader.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CardProps } from "..";
+import type { CardProps } from "..";
 type CardHeaderProps = Pick<CardProps, "title" | "description" | "options">;
 declare const CardHeader: ({ title, description, options }: CardHeaderProps) => React.JSX.Element | null;
 export { CardHeader, type CardHeaderProps };

package/Card/components/CardHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Heading","Text","CardHeader","title","description","options","createElement","className","level","as","size"],"sources":["CardHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading } from \"~/Heading\";\nimport { Text } from \"~/Text\";\nimport { CardProps } from \"~/Card\";\n\ntype CardHeaderProps = Pick<CardProps, \"title\" \| \"description\" \| \"options\">;\n\nconst CardHeader = ({ title, description, options }: CardHeaderProps) => {\n if (!title && !description && !options) {\n return null;\n }\n\n return (\n <div className={\"wby-flex wby-flex-row wby-justify-between\"}>\n <div className={\"wby-flex wby-flex-col wby-gap-y-xs\"}>\n {typeof title === \"string\" ? (\n <Heading level={6} as={\"h1\"}>\n {title}\n </Heading>\n ) : (\n title\n )}\n {typeof description === \"string\" ? (\n <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n {description}\n </Text>\n ) : (\n description\n )}\n </div>\n <div>{options}</div>\n </div>\n );\n};\n\nexport { CardHeader, type CardHeaderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,IAAI;AAKb,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EACrE,IAAI,CAACF,KAAK,IAAI,CAACC,WAAW,IAAI,CAACC,OAAO,EAAE;IACpC,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAA4C,gBACxDR,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqC,GAChD,OAAOJ,KAAK,KAAK,QAAQ,gBACtBJ,KAAA,CAAAO,aAAA,CAACN,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE;EAAK,GACvBN,KACI,CAAC,GAEVA,KACH,EACA,OAAOC,WAAW,KAAK,QAAQ,gBAC5BL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACS,IAAI,EAAC,IAAI;IAACH,SAAS,EAAE;EAA0B,GAChDH,WACC,CAAC,GAEPA,WAEH,CAAC,eACNL,KAAA,CAAAO,aAAA,cAAMD,OAAa,CAClB,CAAC;AAEd,CAAC;AAED,SAASH,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","Heading","Text","CardHeader","title","description","options","createElement","className","level","as","size"],"sources":["CardHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading } from \"~/Heading\";\nimport { Text } from \"~/Text\";\nimport type { CardProps } from \"~/Card\";\n\ntype CardHeaderProps = Pick<CardProps, \"title\" \| \"description\" \| \"options\">;\n\nconst CardHeader = ({ title, description, options }: CardHeaderProps) => {\n if (!title && !description && !options) {\n return null;\n }\n\n return (\n <div className={\"wby-flex wby-flex-row wby-justify-between\"}>\n <div className={\"wby-flex wby-flex-col wby-gap-y-xs\"}>\n {typeof title === \"string\" ? (\n <Heading level={6} as={\"h1\"}>\n {title}\n </Heading>\n ) : (\n title\n )}\n {typeof description === \"string\" ? (\n <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n {description}\n </Text>\n ) : (\n description\n )}\n </div>\n <div>{options}</div>\n </div>\n );\n};\n\nexport { CardHeader, type CardHeaderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,IAAI;AAKb,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EACrE,IAAI,CAACF,KAAK,IAAI,CAACC,WAAW,IAAI,CAACC,OAAO,EAAE;IACpC,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAA4C,gBACxDR,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqC,GAChD,OAAOJ,KAAK,KAAK,QAAQ,gBACtBJ,KAAA,CAAAO,aAAA,CAACN,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE;EAAK,GACvBN,KACI,CAAC,GAEVA,KACH,EACA,OAAOC,WAAW,KAAK,QAAQ,gBAC5BL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACS,IAAI,EAAC,IAAI;IAACH,SAAS,EAAE;EAA0B,GAChDH,WACC,CAAC,GAEPA,WAEH,CAAC,eACNL,KAAA,CAAAO,aAAA,cAAMD,OAAa,CAClB,CAAC;AAEd,CAAC;AAED,SAASH,UAAU","ignoreList":[]}

package/Card/components/CardRoot.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from "react";
-import { VariantProps } from "../../utils";
+import type { VariantProps } from "../../utils";
 declare const cardRootVariants: (props?: ({
-    padding?: "standard" | "compact" | "comfortable" | null | undefined;
-    elevation?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    borderRadius?: "none" | "sm" | "md" | null | undefined;
+    padding?: "standard" | "comfortable" | "compact" | null | undefined;
+    elevation?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
+    borderRadius?: "sm" | "md" | "none" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface CardRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof cardRootVariants> {
 }

package/Card/components/CardRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","cn","cva","cardRootVariants","variants","padding","standard","comfortable","compact","elevation","none","xs","sm","md","lg","xl","borderRadius","defaultVariants","CardRoot","className","props","createElement","Object","assign"],"sources":["CardRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, ~~VariantProps~~ } from \"~/utils\";\n\nconst cardRootVariants = cva(\n \"wby-flex wby-flex-col wby-bg-neutral-base wby-gap-y-md-plus wby-text-sm\",\n {\n variants: {\n padding: {\n standard: \"wby-p-lg\",\n comfortable: \"wby-p-xl\",\n compact: \"wby-p-md\"\n },\n elevation: {\n none: \"\",\n xs: \"wby-shadow-xs\",\n sm: \"wby-shadow-sm\",\n md: \"wby-shadow-md\",\n lg: \"wby-shadow-lg\",\n xl: \"wby-shadow-xl\"\n },\n borderRadius: {\n none: \"wby-rounded-none\",\n sm: \"wby-rounded-sm\",\n md: \"wby-rounded-md\"\n }\n },\n defaultVariants: {\n padding: \"standard\",\n elevation: \"none\",\n borderRadius: \"md\"\n }\n }\n);\n\ninterface CardRootProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n VariantProps<typeof cardRootVariants> {}\n\nconst CardRoot = ({ className, padding, elevation, borderRadius, ...props }: CardRootProps) => (\n <div\n className={cn(cardRootVariants({ padding, elevation, borderRadius }), className)}\n {...props}\n />\n);\n\nexport { CardRoot, type CardRootProps, cardRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;~~AACzB~~,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,gBAAgB,GAAGD,GAAG,CACxB,yEAAyE,EACzE;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAE,UAAU;MACvBC,OAAO,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACVN,IAAI,EAAE,kBAAkB;MACxBE,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDI,eAAe,EAAE;IACbZ,OAAO,EAAE,UAAU;IACnBI,SAAS,EAAE,MAAM;IACjBO,YAAY,EAAE;EAClB;AACJ,CACJ,CAAC;AAMD,MAAME,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEd,OAAO;EAAEI,SAAS;EAAEO,YAAY;EAAE,GAAGI;AAAqB,CAAC,kBACtFpB,KAAA,CAAAqB,aAAA,QAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAElB,EAAE,CAACE,gBAAgB,CAAC;IAAEE,OAAO;IAAEI,SAAS;IAAEO;EAAa,CAAC,CAAC,EAAEG,SAAS;AAAE,GAC7EC,KAAK,CACZ,CACJ;AAED,SAASF,QAAQ,EAAsBf,gBAAgB","ignoreList":[]}
1	+ {"version":3,"names":["React","cn","cva","cardRootVariants","variants","padding","standard","comfortable","compact","elevation","none","xs","sm","md","lg","xl","borderRadius","defaultVariants","CardRoot","className","props","createElement","Object","assign"],"sources":["CardRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport type { VariantProps } from \"~/utils\";\nimport { cn, cva } from \"~/utils\";\n\nconst cardRootVariants = cva(\n \"wby-flex wby-flex-col wby-bg-neutral-base wby-gap-y-md-plus wby-text-sm\",\n {\n variants: {\n padding: {\n standard: \"wby-p-lg\",\n comfortable: \"wby-p-xl\",\n compact: \"wby-p-md\"\n },\n elevation: {\n none: \"\",\n xs: \"wby-shadow-xs\",\n sm: \"wby-shadow-sm\",\n md: \"wby-shadow-md\",\n lg: \"wby-shadow-lg\",\n xl: \"wby-shadow-xl\"\n },\n borderRadius: {\n none: \"wby-rounded-none\",\n sm: \"wby-rounded-sm\",\n md: \"wby-rounded-md\"\n }\n },\n defaultVariants: {\n padding: \"standard\",\n elevation: \"none\",\n borderRadius: \"md\"\n }\n }\n);\n\ninterface CardRootProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n VariantProps<typeof cardRootVariants> {}\n\nconst CardRoot = ({ className, padding, elevation, borderRadius, ...props }: CardRootProps) => (\n <div\n className={cn(cardRootVariants({ padding, elevation, borderRadius }), className)}\n {...props}\n />\n);\n\nexport { CardRoot, type CardRootProps, cardRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,gBAAgB,GAAGD,GAAG,CACxB,yEAAyE,EACzE;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAE,UAAU;MACvBC,OAAO,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACVN,IAAI,EAAE,kBAAkB;MACxBE,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDI,eAAe,EAAE;IACbZ,OAAO,EAAE,UAAU;IACnBI,SAAS,EAAE,MAAM;IACjBO,YAAY,EAAE;EAClB;AACJ,CACJ,CAAC;AAMD,MAAME,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEd,OAAO;EAAEI,SAAS;EAAEO,YAAY;EAAE,GAAGI;AAAqB,CAAC,kBACtFpB,KAAA,CAAAqB,aAAA,QAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAElB,EAAE,CAACE,gBAAgB,CAAC;IAAEE,OAAO;IAAEI,SAAS;IAAEO;EAAa,CAAC,CAAC,EAAEG,SAAS;AAAE,GAC7EC,KAAK,CACZ,CACJ;AAED,SAASF,QAAQ,EAAsBf,gBAAgB","ignoreList":[]}

package/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { CheckboxPrimitiveProps } from "./primitives/";
-import { FormComponentProps } from "../FormComponent";
+import type { CheckboxPrimitiveProps } from "./primitives/";
+import type { FormComponentProps } from "../FormComponent";
 type CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;
 declare const Checkbox: (({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element) & {
     original: ({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element;

package/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","makeDecoratable","CheckboxPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentNote","DecoratableCheckbox","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","disabled","Checkbox"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { ~~CheckboxPrimitive,~~ CheckboxPrimitiveProps } from \"./primitives/\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentNote~~,\n FormComponentProps~~\n} from \"~/FormComponent\";\n\ntype CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;\n\nconst DecoratableCheckbox = ({ description, note, validation, ...props }: CheckboxProps) => {\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <div className={\"wby-w-full\"}>\n <FormComponentDescription text={description} disabled={props.disabled} />\n <CheckboxPrimitive {...props} />\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={props.disabled}\n />\n <FormComponentNote text={note} disabled={props.disabled} />\n </div>\n );\n};\nconst Checkbox = makeDecoratable(\"Checkbox\", DecoratableCheckbox);\n\nexport { Checkbox };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;~~AACxB~~,SAASC,iBAAiB;~~AAC1B~~,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,iBAAiB;~~AAMrB~~,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACxF,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGf,OAAO,CAAC,MAAMY,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIb,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBlB,KAAA,CAAAiB,aAAA,CAACb,wBAAwB;IAACe,IAAI,EAAEX,WAAY;IAACY,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CAAC,eACzEpB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,EAAKQ,KAAQ,CAAC,eAChCX,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB;IACtBc,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAET,KAAK,CAACS;EAAS,CAC5B,CAAC,eACFpB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACa,IAAI,EAAEV,IAAK;IAACW,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AACD,MAAMC,QAAQ,GAAGnB,eAAe,CAAC,UAAU,EAAEK,mBAAmB,CAAC;AAEjE,SAASc,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","makeDecoratable","CheckboxPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentNote","DecoratableCheckbox","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","disabled","Checkbox"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { CheckboxPrimitiveProps } from \"./primitives/\";\nimport { CheckboxPrimitive } from \"./primitives/\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentNote\n} from \"~/FormComponent\";\n\ntype CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;\n\nconst DecoratableCheckbox = ({ description, note, validation, ...props }: CheckboxProps) => {\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <div className={\"wby-w-full\"}>\n <FormComponentDescription text={description} disabled={props.disabled} />\n <CheckboxPrimitive {...props} />\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={props.disabled}\n />\n <FormComponentNote text={note} disabled={props.disabled} />\n </div>\n );\n};\nconst Checkbox = makeDecoratable(\"Checkbox\", DecoratableCheckbox);\n\nexport { Checkbox };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACxF,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGf,OAAO,CAAC,MAAMY,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIb,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBlB,KAAA,CAAAiB,aAAA,CAACb,wBAAwB;IAACe,IAAI,EAAEX,WAAY;IAACY,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CAAC,eACzEpB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,EAAKQ,KAAQ,CAAC,eAChCX,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB;IACtBc,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAET,KAAK,CAACS;EAAS,CAC5B,CAAC,eACFpB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACa,IAAI,EAAEV,IAAK;IAACW,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AACD,MAAMC,QAAQ,GAAGnB,eAAe,CAAC,UAAU,EAAEK,mBAAmB,CAAC;AAEjE,SAASc,QAAQ","ignoreList":[]}

package/Checkbox/domains/CheckboxItem.d.ts CHANGED Viewed

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

package/Checkbox/domains/CheckboxItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["generateId","CheckboxItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_indeterminate","indeterminate","_disabled","disabled","create","Boolean"],"sources":["CheckboxItem.ts"],"sourcesContent":["import { CheckboxItemDto } from \"./CheckboxItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class CheckboxItem {\n private readonly _id: string;\n private readonly _label: any;\n private readonly _value: string \| number;\n private readonly _checked: boolean;\n private readonly _indeterminate: boolean;\n private readonly _disabled: boolean;\n\n protected constructor(data: {\n id: string;\n label: any;\n value: any;\n checked: boolean;\n disabled: boolean;\n indeterminate: boolean;\n }) {\n this._id = data.id;\n this._label = data.label;\n this._value = data.value;\n this._checked = data.checked;\n this._indeterminate = data.indeterminate;\n this._disabled = data.disabled;\n }\n\n static create(data: CheckboxItemDto): CheckboxItem {\n return new CheckboxItem({\n id: generateId(data.id),\n label: data.label,\n value: data.value,\n checked: Boolean(data.checked),\n indeterminate: (data.indeterminate && !data.checked) ?? false,\n disabled: data.disabled ?? false\n });\n }\n\n get id() {\n return this._id;\n }\n\n get label() {\n return this._label;\n }\n\n get value() {\n return this._value;\n }\n\n get checked() {\n return this._checked;\n }\n\n get indeterminate() {\n return this._indeterminate;\n }\n\n get disabled() {\n return this._disabled;\n }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,YAAY,CAAC;EAQZC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,cAAc,GAAGT,IAAI,CAACU,aAAa;IACxC,IAAI,CAACC,SAAS,GAAGX,IAAI,CAACY,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACb,IAAqB,EAAgB;IAC/C,OAAO,IAAIF,YAAY,CAAC;MACpBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAEM,OAAO,CAACd,IAAI,CAACQ,OAAO,CAAC;MAC9BE,aAAa,EAAE,CAACV,IAAI,CAACU,aAAa,IAAI,CAACV,IAAI,CAACQ,OAAO,KAAK,KAAK;MAC7DI,QAAQ,EAAEZ,IAAI,CAACY,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIV,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,aAAaA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACD,cAAc;EAC9B;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["generateId","CheckboxItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_indeterminate","indeterminate","_disabled","disabled","create","Boolean"],"sources":["CheckboxItem.ts"],"sourcesContent":["import type { CheckboxItemDto } from \"./CheckboxItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class CheckboxItem {\n private readonly _id: string;\n private readonly _label: any;\n private readonly _value: string \| number;\n private readonly _checked: boolean;\n private readonly _indeterminate: boolean;\n private readonly _disabled: boolean;\n\n protected constructor(data: {\n id: string;\n label: any;\n value: any;\n checked: boolean;\n disabled: boolean;\n indeterminate: boolean;\n }) {\n this._id = data.id;\n this._label = data.label;\n this._value = data.value;\n this._checked = data.checked;\n this._indeterminate = data.indeterminate;\n this._disabled = data.disabled;\n }\n\n static create(data: CheckboxItemDto): CheckboxItem {\n return new CheckboxItem({\n id: generateId(data.id),\n label: data.label,\n value: data.value,\n checked: Boolean(data.checked),\n indeterminate: (data.indeterminate && !data.checked) ?? false,\n disabled: data.disabled ?? false\n });\n }\n\n get id() {\n return this._id;\n }\n\n get label() {\n return this._label;\n }\n\n get value() {\n return this._value;\n }\n\n get checked() {\n return this._checked;\n }\n\n get indeterminate() {\n return this._indeterminate;\n }\n\n get disabled() {\n return this._disabled;\n }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,YAAY,CAAC;EAQZC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,cAAc,GAAGT,IAAI,CAACU,aAAa;IACxC,IAAI,CAACC,SAAS,GAAGX,IAAI,CAACY,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACb,IAAqB,EAAgB;IAC/C,OAAO,IAAIF,YAAY,CAAC;MACpBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAEM,OAAO,CAACd,IAAI,CAACQ,OAAO,CAAC;MAC9BE,aAAa,EAAE,CAACV,IAAI,CAACU,aAAa,IAAI,CAACV,IAAI,CAACQ,OAAO,KAAK,KAAK;MAC7DI,QAAQ,EAAEZ,IAAI,CAACY,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIV,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,aAAaA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACD,cAAc;EAC9B;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/Checkbox/domains/CheckboxItemDto.d.ts CHANGED Viewed

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

package/Checkbox/domains/CheckboxItemDto.js.map CHANGED Viewed

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

package/Checkbox/domains/CheckboxItemFormatted.d.ts CHANGED Viewed

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

package/Checkbox/domains/CheckboxItemFormatted.js.map CHANGED Viewed

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

package/Checkbox/domains/CheckboxItemMapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CheckboxItemFormatted } from "./CheckboxItemFormatted";
-import { CheckboxItem } from "./CheckboxItem";
+import type { CheckboxItemFormatted } from "./CheckboxItemFormatted";
+import type { CheckboxItem } from "./CheckboxItem";
 export declare class CheckboxItemMapper {
     static toFormatted(item: CheckboxItem): CheckboxItemFormatted;
 }

package/Checkbox/domains/CheckboxItemMapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["CheckboxItemMapper","toFormatted","item","id","label","value","checked","indeterminate","disabled","hasLabel"],"sources":["CheckboxItemMapper.ts"],"sourcesContent":["import { CheckboxItemFormatted } from \"./CheckboxItemFormatted\";\nimport { CheckboxItem } from \"./CheckboxItem\";\n\nexport class CheckboxItemMapper {\n static toFormatted(item: CheckboxItem): CheckboxItemFormatted {\n return {\n id: item.id,\n label: item.label,\n value: item.value,\n checked: item.checked,\n indeterminate: item.indeterminate,\n disabled: item.disabled,\n hasLabel: !!item.label\n };\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,IAAkB,EAAyB;IAC1D,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,aAAa,EAAEL,IAAI,CAACK,aAAa;MACjCC,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,QAAQ,EAAE,CAAC,CAACP,IAAI,CAACE;IACrB,CAAC;EACL;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["CheckboxItemMapper","toFormatted","item","id","label","value","checked","indeterminate","disabled","hasLabel"],"sources":["CheckboxItemMapper.ts"],"sourcesContent":["import type { CheckboxItemFormatted } from \"./CheckboxItemFormatted\";\nimport type { CheckboxItem } from \"./CheckboxItem\";\n\nexport class CheckboxItemMapper {\n static toFormatted(item: CheckboxItem): CheckboxItemFormatted {\n return {\n id: item.id,\n label: item.label,\n value: item.value,\n checked: item.checked,\n indeterminate: item.indeterminate,\n disabled: item.disabled,\n hasLabel: !!item.label\n };\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,IAAkB,EAAyB;IAC1D,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,aAAa,EAAEL,IAAI,CAACK,aAAa;MACjCC,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,QAAQ,EAAE,CAAC,CAACP,IAAI,CAACE;IACrB,CAAC;EACL;AACJ","ignoreList":[]}

package/Checkbox/primitives/CheckboxPrimitive.d.ts CHANGED Viewed

@@ -34,6 +34,9 @@ declare const CheckboxPrimitiveRenderer: (({ label, id, hasLabel, indeterminate,
     createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, id, hasLabel, indeterminate, changeChecked, checked, className, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
         original: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
         originalName: string;
+        /**
+         * Checkbox Renderer
+         */
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
@@ -53,6 +56,9 @@ declare const CheckboxPrimitive: ((props: CheckboxPrimitiveProps) => React.JSX.E
     createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
         original: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
         originalName: string;
+        /**
+         * Checkbox Renderer
+         */
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };

package/Checkbox/primitives/presenters/CheckboxPresenter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CheckboxPrimitiveVm } from "../CheckboxPrimitive";
+import type { CheckboxPrimitiveVm } from "../CheckboxPrimitive";
 import { type CheckboxItemDto } from "../../domains/CheckboxItemDto";
 type CheckboxPresenterParams = CheckboxItemDto & {
     onCheckedChange: (checked: boolean) => void;

package/Checkbox/primitives/presenters/CheckboxPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeAutoObservable","CheckboxItem","CheckboxItemMapper","CheckboxPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","indeterminate","disabled","vm","toFormatted","changeChecked","onCheckedChange"],"sources":["CheckboxPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CheckboxPrimitiveVm } from \"../CheckboxPrimitive\";\nimport { CheckboxItem } from \"~/Checkbox/domains/CheckboxItem\";\nimport { type CheckboxItemDto } from \"~/Checkbox/domains/CheckboxItemDto\";\nimport { CheckboxItemMapper } from \"~/Checkbox/domains/CheckboxItemMapper\";\n\ntype CheckboxPresenterParams = CheckboxItemDto & {\n onCheckedChange: (checked: boolean) => void;\n};\n\ninterface ICheckboxPresenter<TParams extends CheckboxPresenterParams = CheckboxPresenterParams> {\n vm: CheckboxPrimitiveVm;\n init: (params: TParams) => void;\n changeChecked: (checked: boolean) => void;\n}\n\nclass CheckboxPresenter implements ICheckboxPresenter {\n private params?: CheckboxPresenterParams = undefined;\n private item?: CheckboxItem = undefined;\n\n constructor() {\n makeAutoObservable(this);\n }\n\n public init = (params: CheckboxPresenterParams) => {\n this.params = params;\n this.item = CheckboxItem.create({\n id: params.id,\n label: params.label,\n value: params.value,\n checked: params.checked,\n indeterminate: params.indeterminate,\n disabled: params.disabled\n });\n };\n\n get vm() {\n return {\n item: this.item ? CheckboxItemMapper.toFormatted(this.item) : undefined\n };\n }\n\n public changeChecked = (checked: boolean) => {\n this.params?.onCheckedChange(checked);\n };\n}\n\nexport { CheckboxPresenter, type CheckboxPresenterParams, type ICheckboxPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,YAAY;AAErB,SAASC,kBAAkB;AAY3B,MAAMC,iBAAiB,CAA+B;EAC1CC,MAAM,GAA6BC,SAAS;EAC5CC,IAAI,GAAkBD,SAAS;EAEvCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA+B,IAAK;IAC/C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,YAAY,CAACQ,MAAM,CAAC;MAC5BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,aAAa,EAAEV,MAAM,CAACU,aAAa;MACnCC,QAAQ,EAAEX,MAAM,CAACW;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHV,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,kBAAkB,CAACe,WAAW,CAAC,IAAI,CAACX,IAAI,CAAC,GAAGD;IAClE,CAAC;EACL;EAEOa,aAAa,GAAIL,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEe,eAAe,CAACN,OAAO,CAAC;EACzC,CAAC;AACL;AAEA,SAASV,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["makeAutoObservable","CheckboxItem","CheckboxItemMapper","CheckboxPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","indeterminate","disabled","vm","toFormatted","changeChecked","onCheckedChange"],"sources":["CheckboxPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CheckboxPrimitiveVm } from \"../CheckboxPrimitive\";\nimport { CheckboxItem } from \"~/Checkbox/domains/CheckboxItem\";\nimport { type CheckboxItemDto } from \"~/Checkbox/domains/CheckboxItemDto\";\nimport { CheckboxItemMapper } from \"~/Checkbox/domains/CheckboxItemMapper\";\n\ntype CheckboxPresenterParams = CheckboxItemDto & {\n onCheckedChange: (checked: boolean) => void;\n};\n\ninterface ICheckboxPresenter<TParams extends CheckboxPresenterParams = CheckboxPresenterParams> {\n vm: CheckboxPrimitiveVm;\n init: (params: TParams) => void;\n changeChecked: (checked: boolean) => void;\n}\n\nclass CheckboxPresenter implements ICheckboxPresenter {\n private params?: CheckboxPresenterParams = undefined;\n private item?: CheckboxItem = undefined;\n\n constructor() {\n makeAutoObservable(this);\n }\n\n public init = (params: CheckboxPresenterParams) => {\n this.params = params;\n this.item = CheckboxItem.create({\n id: params.id,\n label: params.label,\n value: params.value,\n checked: params.checked,\n indeterminate: params.indeterminate,\n disabled: params.disabled\n });\n };\n\n get vm() {\n return {\n item: this.item ? CheckboxItemMapper.toFormatted(this.item) : undefined\n };\n }\n\n public changeChecked = (checked: boolean) => {\n this.params?.onCheckedChange(checked);\n };\n}\n\nexport { CheckboxPresenter, type CheckboxPresenterParams, type ICheckboxPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,YAAY;AAErB,SAASC,kBAAkB;AAY3B,MAAMC,iBAAiB,CAA+B;EAC1CC,MAAM,GAA6BC,SAAS;EAC5CC,IAAI,GAAkBD,SAAS;EAEvCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA+B,IAAK;IAC/C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,YAAY,CAACQ,MAAM,CAAC;MAC5BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,aAAa,EAAEV,MAAM,CAACU,aAAa;MACnCC,QAAQ,EAAEX,MAAM,CAACW;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHV,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,kBAAkB,CAACe,WAAW,CAAC,IAAI,CAACX,IAAI,CAAC,GAAGD;IAClE,CAAC;EACL;EAEOa,aAAa,GAAIL,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEe,eAAe,CAACN,OAAO,CAAC;EACzC,CAAC;AACL;AAEA,SAASV,iBAAiB","ignoreList":[]}

package/Checkbox/primitives/useCheckbox.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CheckboxPrimitiveProps } from "./CheckboxPrimitive";
+import type { CheckboxPrimitiveProps } from "./CheckboxPrimitive";
 export declare const useCheckbox: (props: CheckboxPrimitiveProps) => {
     vm: {
         item: import(".").CheckboxItemFormatted | undefined;

package/Checkbox/primitives/useCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useMemo","useState","autorun","CheckboxPresenter","useCheckbox","props","params","id","label","value","checked","indeterminate","disabled","onCheckedChange","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useCheckbox.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { CheckboxPrimitiveProps } from \"./CheckboxPrimitive\";\nimport { CheckboxPresenter, ~~CheckboxPresenterParams~~ } from \"./presenters/CheckboxPresenter\";\n\nexport const useCheckbox = (props: CheckboxPrimitiveProps) => {\n const params: CheckboxPresenterParams = useMemo(\n () => ({\n id: props.id,\n label: props.label,\n value: props.value,\n checked: props.checked,\n indeterminate: props.indeterminate,\n disabled: props.disabled,\n onCheckedChange: props.onChange\n }),\n [\n props.id,\n props.label,\n props.value,\n props.checked,\n props.indeterminate,\n props.disabled,\n props.onChange\n ]\n );\n const presenter = useMemo(() => {\n const presenter = new CheckboxPresenter();\n presenter.init(params);\n return presenter;\n }, []);\n\n const [vm, setVm] = useState(presenter.vm);\n\n useEffect(() => {\n presenter.init(params);\n }, [params]);\n\n useEffect(() => {\n return autorun(() => {\n setVm(presenter.vm);\n });\n }, [presenter]);\n\n return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;~~AAE9B~~,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,WAAW,GAAIC,KAA6B,IAAK;EAC1D,MAAMC,MAA+B,GAAGN,OAAO,CAC3C,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,aAAa,EAAEN,KAAK,CAACM,aAAa;IAClCC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;IACxBC,eAAe,EAAER,KAAK,CAACS;EAC3B,CAAC,CAAC,EACF,CACIT,KAAK,CAACE,EAAE,EACRF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,KAAK,EACXJ,KAAK,CAACK,OAAO,EACbL,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACS,QAAQ,CAEtB,CAAC;EACD,MAAMC,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,MAAMe,SAAS,GAAG,IAAIZ,iBAAiB,CAAC,CAAC;IACzCY,SAAS,CAACC,IAAI,CAACV,MAAM,CAAC;IACtB,OAAOS,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGjB,QAAQ,CAACc,SAAS,CAACE,EAAE,CAAC;EAE1ClB,SAAS,CAAC,MAAM;IACZgB,SAAS,CAACC,IAAI,CAACV,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBgB,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useEffect","useMemo","useState","autorun","CheckboxPresenter","useCheckbox","props","params","id","label","value","checked","indeterminate","disabled","onCheckedChange","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useCheckbox.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { CheckboxPrimitiveProps } from \"./CheckboxPrimitive\";\nimport type { CheckboxPresenterParams } from \"./presenters/CheckboxPresenter\";\nimport { CheckboxPresenter } from \"./presenters/CheckboxPresenter\";\n\nexport const useCheckbox = (props: CheckboxPrimitiveProps) => {\n const params: CheckboxPresenterParams = useMemo(\n () => ({\n id: props.id,\n label: props.label,\n value: props.value,\n checked: props.checked,\n indeterminate: props.indeterminate,\n disabled: props.disabled,\n onCheckedChange: props.onChange\n }),\n [\n props.id,\n props.label,\n props.value,\n props.checked,\n props.indeterminate,\n props.disabled,\n props.onChange\n ]\n );\n const presenter = useMemo(() => {\n const presenter = new CheckboxPresenter();\n presenter.init(params);\n return presenter;\n }, []);\n\n const [vm, setVm] = useState(presenter.vm);\n\n useEffect(() => {\n presenter.init(params);\n }, [params]);\n\n useEffect(() => {\n return autorun(() => {\n setVm(presenter.vm);\n });\n }, [presenter]);\n\n return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,WAAW,GAAIC,KAA6B,IAAK;EAC1D,MAAMC,MAA+B,GAAGN,OAAO,CAC3C,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,aAAa,EAAEN,KAAK,CAACM,aAAa;IAClCC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;IACxBC,eAAe,EAAER,KAAK,CAACS;EAC3B,CAAC,CAAC,EACF,CACIT,KAAK,CAACE,EAAE,EACRF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,KAAK,EACXJ,KAAK,CAACK,OAAO,EACbL,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACS,QAAQ,CAEtB,CAAC;EACD,MAAMC,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,MAAMe,SAAS,GAAG,IAAIZ,iBAAiB,CAAC,CAAC;IACzCY,SAAS,CAACC,IAAI,CAACV,MAAM,CAAC;IACtB,OAAOS,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGjB,QAAQ,CAACc,SAAS,CAACE,EAAE,CAAC;EAE1ClB,SAAS,CAAC,MAAM;IACZgB,SAAS,CAACC,IAAI,CAACV,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBgB,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}

package/CheckboxGroup/CheckboxGroup.d.ts CHANGED Viewed

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

package/CheckboxGroup/CheckboxGroup.js.map CHANGED Viewed

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

package/CheckboxGroup/primitives/CheckboxGroupPrimitive.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CheckboxItemDto, CheckboxItemFormatted } from "../../Checkbox";
+import type { CheckboxItemDto, CheckboxItemFormatted } from "../../Checkbox";
 interface CheckboxGroupPrimitiveProps<TValue = any> {
     /**
      * Array of checkbox items.

package/CheckboxGroup/primitives/CheckboxGroupPrimitive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","cn","makeDecoratable","CheckboxPrimitiveRenderer","useCheckboxGroup","DecoratableCheckboxGroupPrimitiveRenderer","items","changeChecked","createElement","className","map","item","Object","assign","key","id","value","CheckboxGroupPrimitiveRenderer","DecoratableCheckboxGroupPrimitive","props","vm","CheckboxGroupPrimitive"],"sources":["CheckboxGroupPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { CheckboxItemDto, CheckboxItemFormatted, CheckboxPrimitiveRenderer } from \"~/Checkbox\";\nimport { useCheckboxGroup } from \"./useCheckboxGroup\";\n\ninterface CheckboxGroupPrimitiveProps<TValue = any> {\n /*\n Array of checkbox items.\n /\n items: CheckboxItemDto[];\n /\n Callback function called when the checkbox values change.\n /\n onChange?: (values: TValue[]) => void;\n /\n Array of selected checkbox values.\n /\n value?: TValue[];\n}\n\ninterface CheckboxGroupPrimitiveVm {\n items: CheckboxItemFormatted[];\n}\n\ntype CheckboxGroupPrimitiveRendererProps<TValue = any> = CheckboxGroupPrimitiveVm & {\n changeChecked: (value: TValue) => void;\n};\n\n/\n Checkbox Group Renderer\n /\nconst DecoratableCheckboxGroupPrimitiveRenderer = ({\n items,\n changeChecked\n}: CheckboxGroupPrimitiveRendererProps) => {\n return (\n <div className={cn(\"wby-grid wby-gap-sm-extra wby-py-xs-plus\")}>\n {items.map(item => (\n <CheckboxPrimitiveRenderer\n key={item.id}\n {...item}\n changeChecked={() => changeChecked(item.value)}\n />\n ))}\n </div>\n );\n};\nconst CheckboxGroupPrimitiveRenderer = makeDecoratable(\n \"CheckboxGroupPrimitiveRenderer\",\n DecoratableCheckboxGroupPrimitiveRenderer\n);\n\n/\n Checkbox Group\n */\nconst DecoratableCheckboxGroupPrimitive = (props: CheckboxGroupPrimitiveProps) => {\n const { vm, changeChecked } = useCheckboxGroup(props);\n return <CheckboxGroupPrimitiveRenderer {...vm} changeChecked={changeChecked} />;\n};\nconst CheckboxGroupPrimitive = makeDecoratable(\n \"CheckboxGroupPrimitive\",\n DecoratableCheckboxGroupPrimitive\n);\n\nexport {\n CheckboxGroupPrimitive,\n CheckboxGroupPrimitiveRenderer,\n type CheckboxGroupPrimitiveProps,\n type CheckboxGroupPrimitiveRendererProps,\n type CheckboxGroupPrimitiveVm\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;~~AAC5B~~,~~SAAiDC~~,yBAAyB;~~AAC1E~~,SAASC,gBAAgB;AAyBzB;AACA;AACA;AACA,MAAMC,yCAAyC,GAAGA,CAAC;EAC/CC,KAAK;EACLC;AACiC,CAAC,KAAK;EACvC,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAER,EAAE,CAAC,0CAA0C;EAAE,GAC1DK,KAAK,CAACI,GAAG,CAACC,IAAI,iBACXX,KAAA,CAAAQ,aAAA,CAACL,yBAAyB,EAAAS,MAAA,CAAAC,MAAA;IACtBC,GAAG,EAAEH,IAAI,CAACI;EAAG,GACTJ,IAAI;IACRJ,aAAa,EAAEA,CAAA,KAAMA,aAAa,CAACI,IAAI,CAACK,KAAK;EAAE,EAClD,CACJ,CACA,CAAC;AAEd,CAAC;AACD,MAAMC,8BAA8B,GAAGf,eAAe,CAClD,gCAAgC,EAChCG,yCACJ,CAAC;;AAED;AACA;AACA;AACA,MAAMa,iCAAiC,GAAIC,KAAkC,IAAK;EAC9E,MAAM;IAAEC,EAAE;IAAEb;EAAc,CAAC,GAAGH,gBAAgB,CAACe,KAAK,CAAC;EACrD,oBAAOnB,KAAA,CAAAQ,aAAA,CAACS,8BAA8B,EAAAL,MAAA,CAAAC,MAAA,KAAKO,EAAE;IAAEb,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMc,sBAAsB,GAAGnB,eAAe,CAC1C,wBAAwB,EACxBgB,iCACJ,CAAC;AAED,SACIG,sBAAsB,EACtBJ,8BAA8B","ignoreList":[]}
1	+ {"version":3,"names":["React","cn","makeDecoratable","CheckboxPrimitiveRenderer","useCheckboxGroup","DecoratableCheckboxGroupPrimitiveRenderer","items","changeChecked","createElement","className","map","item","Object","assign","key","id","value","CheckboxGroupPrimitiveRenderer","DecoratableCheckboxGroupPrimitive","props","vm","CheckboxGroupPrimitive"],"sources":["CheckboxGroupPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport type { CheckboxItemDto, CheckboxItemFormatted } from \"~/Checkbox\";\nimport { CheckboxPrimitiveRenderer } from \"~/Checkbox\";\nimport { useCheckboxGroup } from \"./useCheckboxGroup\";\n\ninterface CheckboxGroupPrimitiveProps<TValue = any> {\n /*\n Array of checkbox items.\n /\n items: CheckboxItemDto[];\n /\n Callback function called when the checkbox values change.\n /\n onChange?: (values: TValue[]) => void;\n /\n Array of selected checkbox values.\n /\n value?: TValue[];\n}\n\ninterface CheckboxGroupPrimitiveVm {\n items: CheckboxItemFormatted[];\n}\n\ntype CheckboxGroupPrimitiveRendererProps<TValue = any> = CheckboxGroupPrimitiveVm & {\n changeChecked: (value: TValue) => void;\n};\n\n/\n Checkbox Group Renderer\n /\nconst DecoratableCheckboxGroupPrimitiveRenderer = ({\n items,\n changeChecked\n}: CheckboxGroupPrimitiveRendererProps) => {\n return (\n <div className={cn(\"wby-grid wby-gap-sm-extra wby-py-xs-plus\")}>\n {items.map(item => (\n <CheckboxPrimitiveRenderer\n key={item.id}\n {...item}\n changeChecked={() => changeChecked(item.value)}\n />\n ))}\n </div>\n );\n};\nconst CheckboxGroupPrimitiveRenderer = makeDecoratable(\n \"CheckboxGroupPrimitiveRenderer\",\n DecoratableCheckboxGroupPrimitiveRenderer\n);\n\n/\n Checkbox Group\n */\nconst DecoratableCheckboxGroupPrimitive = (props: CheckboxGroupPrimitiveProps) => {\n const { vm, changeChecked } = useCheckboxGroup(props);\n return <CheckboxGroupPrimitiveRenderer {...vm} changeChecked={changeChecked} />;\n};\nconst CheckboxGroupPrimitive = makeDecoratable(\n \"CheckboxGroupPrimitive\",\n DecoratableCheckboxGroupPrimitive\n);\n\nexport {\n CheckboxGroupPrimitive,\n CheckboxGroupPrimitiveRenderer,\n type CheckboxGroupPrimitiveProps,\n type CheckboxGroupPrimitiveRendererProps,\n type CheckboxGroupPrimitiveVm\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,yBAAyB;AAClC,SAASC,gBAAgB;AAyBzB;AACA;AACA;AACA,MAAMC,yCAAyC,GAAGA,CAAC;EAC/CC,KAAK;EACLC;AACiC,CAAC,KAAK;EACvC,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAER,EAAE,CAAC,0CAA0C;EAAE,GAC1DK,KAAK,CAACI,GAAG,CAACC,IAAI,iBACXX,KAAA,CAAAQ,aAAA,CAACL,yBAAyB,EAAAS,MAAA,CAAAC,MAAA;IACtBC,GAAG,EAAEH,IAAI,CAACI;EAAG,GACTJ,IAAI;IACRJ,aAAa,EAAEA,CAAA,KAAMA,aAAa,CAACI,IAAI,CAACK,KAAK;EAAE,EAClD,CACJ,CACA,CAAC;AAEd,CAAC;AACD,MAAMC,8BAA8B,GAAGf,eAAe,CAClD,gCAAgC,EAChCG,yCACJ,CAAC;;AAED;AACA;AACA;AACA,MAAMa,iCAAiC,GAAIC,KAAkC,IAAK;EAC9E,MAAM;IAAEC,EAAE;IAAEb;EAAc,CAAC,GAAGH,gBAAgB,CAACe,KAAK,CAAC;EACrD,oBAAOnB,KAAA,CAAAQ,aAAA,CAACS,8BAA8B,EAAAL,MAAA,CAAAC,MAAA,KAAKO,EAAE;IAAEb,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMc,sBAAsB,GAAGnB,eAAe,CAC1C,wBAAwB,EACxBgB,iCACJ,CAAC;AAED,SACIG,sBAAsB,EACtBJ,8BAA8B","ignoreList":[]}

package/CheckboxGroup/primitives/presenters/CheckboxGroupPresenter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CheckboxGroupPrimitiveVm } from "../CheckboxGroupPrimitive";
+import type { CheckboxGroupPrimitiveVm } from "../CheckboxGroupPrimitive";
 import type { CheckboxItemDto } from "../../../Checkbox/domains/CheckboxItemDto";
 interface CheckboxGroupPresenterParams<TValue = string | number> {
     items: CheckboxItemDto[];