@veracity/vui 3.1.2 → 4.0.0-alpha.366771.2601090922

package/dist/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["SelectLabel","SelectButton","SelectContent","SelectGroup","SelectOption","HelpText"],"sources":["../../src/select/select.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box } from '../box'\nimport { Input } from '../input'\nimport { helpTextSize } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { Popover } from '../popover'\nimport { __DEV__ } from '../utils'\nimport { SelectProvider } from './context'\nimport type { SelectOptionData, SelectProps } from './select.types'\nimport SelectButton from './selectButton'\nimport SelectContent from './selectContent'\nimport SelectGroup from './selectGroup'\nimport SelectLabel from './selectLabel'\nimport SelectOption from './selectOption'\nimport useSelect from './useSelect'\n\n/**\n * Wraps trigger and content elements, providing them with context.\n * When no children are provided, content can be displayed based on 'options' data prop.\n * Supports single select and multi select, as well as controlled and uncontrolled modes.\n */\nexport function Select(props: SelectProps) {\n  const {\n    children,\n    defaultValue,\n    disabled,\n    errorText,\n    closeOnScroll,\n    helpText,\n    id: idProp,\n    isInvalid,\n    isMultiple,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxHeight,\n    name,\n    onChange,\n    options,\n    matchWidth = true,\n    placeholder = 'Please select',\n    selectedText,\n    readOnly,\n    selectButton,\n    selectButtonProps,\n    showOptionsFilter,\n    size = 'lg',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const selectProps = useSelect({ defaultValue, isMultiple, onChange, value, options, selectedText, children })\n\n  if (__DEV__ && isMultiple && !Array.isArray(selectProps.value))\n    console.error('<Select /> is used with isMultiple but its value is not an array: ', value)\n\n  const generatedId = useId()\n  const [query, setQuery] = useState<string>('')\n  const [filteredOptions, setFilteredOptions] = useState(options)\n\n  const id = idProp || generatedId\n\n  const context = {\n    disabled,\n    isInvalid,\n    isMultiple,\n    name,\n    options,\n    placeholder,\n    selectedText,\n    readOnly,\n    size,\n    variant,\n    ...selectProps,\n  }\n  const onQueryChange = (e: any) => setQuery(e.target.value?.toLowerCase())\n\n  const filterOptions = (i: SelectOptionData) =>\n    !showOptionsFilter || !query?.length ? true : i?.text?.toLowerCase()?.includes(query)\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(filterOptions))\n  }, [query, options])\n\n  return (\n    <SelectProvider value={context}>\n      <Box className=\"vui-selectContainer\" column {...rest}>\n        {!!label && (\n          <SelectLabel\n            disabled={disabled}\n            id={id}\n            label={label}\n            labelMarkOptional={labelMarkOptional}\n            labelTooltipText={labelTooltipText}\n          />\n        )}\n        <Popover matchWidth={matchWidth}>\n          <>\n            {selectButton ?? <SelectButton {...selectButtonProps} />}\n            <SelectContent overflow=\"hidden\">\n              {showOptionsFilter && (\n                <Box>\n                  <Input\n                    iconLeft=\"uiSearch\"\n                    id={id}\n                    m={1}\n                    mt={0}\n                    onChange={onQueryChange}\n                    placeholder=\"Filter…\"\n                    size={size}\n                    value={query}\n                    w=\"100%\"\n                  />\n                </Box>\n              )}\n              <SelectGroup maxH={maxHeight} overflowY=\"auto\" tabIndex={1000}>\n                {children ??\n                  filteredOptions?.map?.(option => (\n                    <SelectOption closeOnScroll={closeOnScroll} key={option.value} title={option.text} {...option} />\n                  ))}\n              </SelectGroup>\n            </SelectContent>\n          </>\n        </Popover>\n        {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n        {!!errorText && (\n          <HelpText isError size={helpTextSize[size]}>\n            {errorText}\n          </HelpText>\n        )}\n      </Box>\n    </SelectProvider>\n  )\n}\n\nSelect.Button = SelectButton\nSelect.Content = SelectContent\nSelect.Group = SelectGroup\nSelect.Option = SelectOption\nSelect.displayName = 'Select'\n\nexport default Select\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,OAAO,OAAoB;CACzC,MAAM,EACJ,UACA,cACA,UACA,WACA,eACA,UACA,IAAI,QACJ,WACA,YACA,OACA,mBACA,kBACA,WACA,MACA,UACA,SACA,aAAa,MACb,cAAc,iBACd,cACA,UACA,cACA,mBACA,mBACA,OAAO,MACP,OACA,QACA,GAAG,SACD;CAEJ,MAAM,cAAc,UAAU;EAAE;EAAc;EAAY;EAAU;EAAO;EAAS;EAAc;EAAU,CAAC;AAE7G,KAAI,WAAW,cAAc,CAAC,MAAM,QAAQ,YAAY,MAAM,CAC5D,SAAQ,MAAM,sEAAsE,MAAM;CAE5F,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAiB,GAAG;CAC9C,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,QAAQ;CAE/D,MAAM,KAAK,UAAU;CAErB,MAAM,UAAU;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ;CACD,MAAM,iBAAiB,MAAW,SAAS,EAAE,OAAO,OAAO,aAAa,CAAC;CAEzE,MAAM,iBAAiB,MACrB,CAAC,qBAAqB,CAAC,OAAO,SAAS,OAAO,GAAG,MAAM,aAAa,EAAE,SAAS,MAAM;AAEvF,iBAAgB;AACd,qBAAmB,SAAS,OAAO,cAAc,CAAC;IACjD,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GAAI,WAAU;GAAsB;GAAO,GAAI;;IAC7C,CAAC,CAAC,SACD,oBAACA;KACW;KACN;KACG;KACY;KACD;MAClB;IAEJ,oBAAC;KAAoB;eACnB,8CACG,gBAAgB,oBAACC,wBAAa,GAAI,oBAAqB,EACxD,qBAACC;MAAc,UAAS;iBACrB,qBACC,oBAAC,iBACC,oBAAC;OACC,UAAS;OACL;OACJ,GAAG;OACH,IAAI;OACJ,UAAU;OACV,aAAY;OACN;OACN,OAAO;OACP,GAAE;QACF,GACE,EAER,oBAACC;OAAY,MAAM;OAAW,WAAU;OAAO,UAAU;iBACtD,YACC,iBAAiB,OAAM,WACrB,oBAACC;QAA4B;QAAkC,OAAO,OAAO;QAAM,GAAI;UAAtC,OAAO,MAAyC,CACjG;QACQ;OACA,IACf;MACK;IACT,CAAC,CAAC,YAAY,oBAACC;KAAS,MAAM,aAAa;eAAQ;MAAoB;IACvE,CAAC,CAAC,aACD,oBAACA;KAAS;KAAQ,MAAM,aAAa;eAClC;MACQ;;IAET;GACS;;AAIrB,OAAO,SAASJ;AAChB,OAAO,UAAUC;AACjB,OAAO,QAAQC;AACf,OAAO,SAASC;AAChB,OAAO,cAAc"}
+{"version":3,"file":"select.js","names":["SelectLabel","SelectButton","SelectContent","SelectGroup","SelectOption","HelpText"],"sources":["../../src/select/select.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box } from '../box'\nimport { Input } from '../input'\nimport { helpTextSize } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { Popover } from '../popover'\nimport { __DEV__ } from '../utils'\nimport { SelectProvider } from './context'\nimport type { SelectOptionData, SelectProps } from './select.types'\nimport SelectButton from './selectButton'\nimport SelectContent from './selectContent'\nimport SelectGroup from './selectGroup'\nimport SelectLabel from './selectLabel'\nimport SelectOption from './selectOption'\nimport useSelect from './useSelect'\n\n/**\n * Wraps trigger and content elements, providing them with context.\n * When no children are provided, content can be displayed based on 'options' data prop.\n * Supports single select and multi select, as well as controlled and uncontrolled modes.\n */\nexport function Select(props: SelectProps) {\n  const {\n    children,\n    defaultValue,\n    disabled,\n    errorText,\n    closeOnScroll,\n    helpText,\n    id: idProp,\n    isInvalid,\n    isMultiple,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxHeight,\n    name,\n    onChange,\n    onClose,\n    onOpen,\n    options,\n    matchWidth = true,\n    placeholder = 'Please select',\n    selectedText,\n    readOnly,\n    selectButton,\n    selectButtonProps,\n    showOptionsFilter,\n    size = 'lg',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const selectProps = useSelect({ defaultValue, isMultiple, onChange, value, options, selectedText, children })\n\n  if (__DEV__ && isMultiple && !Array.isArray(selectProps.value))\n    console.error('<Select /> is used with isMultiple but its value is not an array: ', value)\n\n  const generatedId = useId()\n  const [query, setQuery] = useState<string>('')\n  const [filteredOptions, setFilteredOptions] = useState(options)\n\n  const id = idProp || generatedId\n\n  const context = {\n    disabled,\n    isInvalid,\n    isMultiple,\n    name,\n    options,\n    placeholder,\n    selectedText,\n    readOnly,\n    size,\n    variant,\n    ...selectProps,\n  }\n  const onQueryChange = (e: any) => setQuery(e.target.value?.toLowerCase())\n\n  const filterOptions = (i: SelectOptionData) =>\n    !showOptionsFilter || !query?.length ? true : i?.text?.toLowerCase()?.includes(query)\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(filterOptions))\n  }, [query, options])\n\n  return (\n    <SelectProvider value={context}>\n      <Box className=\"vui-selectContainer\" column {...rest}>\n        {!!label && (\n          <SelectLabel\n            disabled={disabled}\n            id={id}\n            label={label}\n            labelMarkOptional={labelMarkOptional}\n            labelTooltipText={labelTooltipText}\n          />\n        )}\n        <Popover matchWidth={matchWidth} onClose={onClose} onOpen={onOpen}>\n          <>\n            {selectButton ?? <SelectButton {...selectButtonProps} />}\n            <SelectContent overflow=\"hidden\">\n              {showOptionsFilter && (\n                <Box>\n                  <Input\n                    iconLeft=\"uiSearch\"\n                    id={id}\n                    m={1}\n                    mt={0}\n                    onChange={onQueryChange}\n                    placeholder=\"Filter…\"\n                    size={size}\n                    value={query}\n                    w=\"100%\"\n                  />\n                </Box>\n              )}\n              <SelectGroup maxH={maxHeight} overflowY=\"auto\" tabIndex={1000}>\n                {children ??\n                  filteredOptions?.map?.(option => (\n                    <SelectOption closeOnScroll={closeOnScroll} key={option.value} title={option.text} {...option} />\n                  ))}\n              </SelectGroup>\n            </SelectContent>\n          </>\n        </Popover>\n        {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n        {!!errorText && (\n          <HelpText isError size={helpTextSize[size]}>\n            {errorText}\n          </HelpText>\n        )}\n      </Box>\n    </SelectProvider>\n  )\n}\n\nSelect.Button = SelectButton\nSelect.Content = SelectContent\nSelect.Group = SelectGroup\nSelect.Option = SelectOption\nSelect.displayName = 'Select'\n\nexport default Select\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,OAAO,OAAoB;CACzC,MAAM,EACJ,UACA,cACA,UACA,WACA,eACA,UACA,IAAI,QACJ,WACA,YACA,OACA,mBACA,kBACA,WACA,MACA,UACA,SACA,QACA,SACA,aAAa,MACb,cAAc,iBACd,cACA,UACA,cACA,mBACA,mBACA,OAAO,MACP,OACA,SACA,GAAG,SACD;CAEJ,MAAM,cAAc,UAAU;EAAE;EAAc;EAAY;EAAU;EAAO;EAAS;EAAc;EAAU,CAAC;AAE7G,KAAI,WAAW,cAAc,CAAC,MAAM,QAAQ,YAAY,MAAM,CAC5D,SAAQ,MAAM,sEAAsE,MAAM;CAE5F,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAiB,GAAG;CAC9C,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,QAAQ;CAE/D,MAAM,KAAK,UAAU;CAErB,MAAM,UAAU;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ;CACD,MAAM,iBAAiB,MAAW,SAAS,EAAE,OAAO,OAAO,aAAa,CAAC;CAEzE,MAAM,iBAAiB,MACrB,CAAC,qBAAqB,CAAC,OAAO,SAAS,OAAO,GAAG,MAAM,aAAa,EAAE,SAAS,MAAM;AAEvF,iBAAgB;AACd,qBAAmB,SAAS,OAAO,cAAc,CAAC;IACjD,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GAAI,WAAU;GAAsB;GAAO,GAAI;;IAC7C,CAAC,CAAC,SACD,oBAACA;KACW;KACN;KACG;KACY;KACD;MAClB;IAEJ,oBAAC;KAAoB;KAAqB;KAAiB;eACzD,8CACG,gBAAgB,oBAACC,wBAAa,GAAI,oBAAqB,EACxD,qBAACC;MAAc,UAAS;iBACrB,qBACC,oBAAC,iBACC,oBAAC;OACC,UAAS;OACL;OACJ,GAAG;OACH,IAAI;OACJ,UAAU;OACV,aAAY;OACN;OACN,OAAO;OACP,GAAE;QACF,GACE,EAER,oBAACC;OAAY,MAAM;OAAW,WAAU;OAAO,UAAU;iBACtD,YACC,iBAAiB,OAAM,WACrB,oBAACC;QAA4B;QAAkC,OAAO,OAAO;QAAM,GAAI;UAAtC,OAAO,MAAyC,CACjG;QACQ;OACA,IACf;MACK;IACT,CAAC,CAAC,YAAY,oBAACC;KAAS,MAAM,aAAa;eAAQ;MAAoB;IACvE,CAAC,CAAC,aACD,oBAACA;KAAS;KAAQ,MAAM,aAAa;eAClC;MACQ;;IAET;GACS;;AAIrB,OAAO,SAASJ;AAChB,OAAO,UAAUC;AACjB,OAAO,QAAQC;AACf,OAAO,SAASC;AAChB,OAAO,cAAc"}

package/dist/select/select.types.d.ts

@@ -1,10 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
-import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
 import { ListItemProps, ListProps } from "../list/list.types.js";
 import "../list/index.js";
+import { ButtonProps } from "../button/button.types.js";
+import "../button/index.js";
 import { PopoverContentProps, PopoverProps } from "../popover/popover.types.js";
 import "../popover/index.js";
 import { UseSelectProps } from "./useSelect.types.js";
@@ -74,4 +74,5 @@ type SelectLabelProps = Pick<SelectProps, 'disabled' | 'id' | 'label' | 'labelMa
 type SelectValue = number | string;
 //#endregion
 export { SelectButtonProps, SelectContentProps, SelectContext, SelectGroupProps, SelectLabelProps, SelectOptionData, SelectOptionProps, SelectProps, SelectValue };
+
 //# sourceMappingURL=select.types.d.ts.map

package/dist/select/select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;KAUY,iBAAA,CAAA,CAAA,CAAoB;KAEpB,kBAAA,CAAA,CAAA,CAAqB;KAErB,aAAA,CAAA,CAAA,CAAgB,KAC1B,+HAGA;KAEU,gBAAA,CAAA,CAAA,CAAmB;KAEnB,WAAA,CAAA,CAAA,CAAc,yBACxB,cACA,eACA;;EAfU,QAAA,CAAA,CAAA,CAAA,OAAA;EAEA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,WAAA,CAAA,GAAA,CAAA,UAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAEA,aAAA,CAAA,CAAA,CAAa,OAAA;EACvB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAD0B,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAiBH,KAAA,CAAM,SAjBH;EAI1B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAmB,QAAA,CAAA,CAAA,CAeN,KAAA,CAAM,SAfA,CAAA,CAAA,CAAA,MAAA;EAET,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA;EAEA,EAAA,CAAA,CAAA,CAAA,MAAA;EAAc,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,CAAA,CAAA;EACxB,SAAA,CAAA,CAAA,CAAA,OAAA;EACA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EACA,SAAA,CAAA,CAAA,CAAA,MAAA;EAMuB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,OAAA,CAAA,WAAA,CAAA,CAAA,CAAA;EAEV,IAAM,CAAA,CAAA,CAAA,MAAA;EAUA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAQP,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CARO,KAAA,CAAM,SAQb;EAQK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,SAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;EAAS,iBAAA,CAAA,CAAA,CAAA,OAAA;EAKhB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EASA,gBAAA,CAAA,CAAA,CAAA,MAAiB;EASjB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;EAEA,UAAA,CAAA,CAAA,CAAA,OAAW;;YAjCT;;;;;;;;iBAQK;;;;KAKP,gBAAA,CAAA,CAAA;;;;;;SAMH;;KAGG,iBAAA,CAAA,CAAA,CAAoB;;;;UAItB;;;;KAKE,gBAAA,CAAA,CAAA,CAAmB,KAAK;KAExB,WAAA,CAAA,CAAA"}
+{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;KAUY,iBAAA,GAAoB;KAEpB,kBAAA,GAAqB;KAErB,aAAA,GAAgB,KAC1B,+HAGA;KAEU,gBAAA,GAAmB;KAEnB,WAAA,GAAc,yBACxB,cACA,eACA;;EAfU,QAAA,CAAA,EAAA,OAAA;EAEA;EAEA,aAAA,CAAA,EAAa,OAAA;EACvB;EAD0B,SAAA,CAAA,EAAA,MAAA,GAiBH,KAAA,CAAM,SAjBH;EAI1B;EAAmB,QAAA,CAAA,EAeN,KAAA,CAAM,SAfA,GAAA,MAAA;EAET;EAEA,EAAA,CAAA,EAAA,MAAA;EAAc;EACxB,SAAA,CAAA,EAAA,OAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EAMuB;EAEV,IAAM,CAAA,EAAA,MAAA;EAUA;EAQP,KAAA,CAAA,EAAA,MAAA,GARO,KAAA,CAAM,SAQb;EAQK;EAAS,iBAAA,CAAA,EAAA,OAAA;EAKhB;EASA,gBAAA,CAAA,EAAA,MAAiB;EASjB;EAEA,UAAA,CAAA,EAAA,OAAW;;YAjCT;;;;;;;;iBAQK;;;;KAKP,gBAAA;;;;;;SAMH;;KAGG,iBAAA,GAAoB;;;;UAItB;;;;KAKE,gBAAA,GAAmB,KAAK;KAExB,WAAA"}

package/dist/select/selectButton.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../button/button.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { ButtonProps } from "../button/button.types.js";
 import "../index.js";
 
 //#region src/select/selectButton.d.ts
@@ -11,4 +11,5 @@ import "../index.js";
 declare const SelectButton: VuiComponent<"button", ButtonProps>;
 //#endregion
 export { SelectButton };
+
 //# sourceMappingURL=selectButton.d.ts.map

package/dist/select/selectButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectButton.d.ts","names":[],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAYa,OAAA,CAAA,KAAA,CAAA,YAkEX,CAAA,CAlEuB,YAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAkEvB,WAAA,CAlEuB"}
+{"version":3,"file":"selectButton.d.ts","names":[],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAYa,cAAA,YAkEX,EAlEuB,YAAA,CAAA,QAAA,EAkEvB,WAAA,CAlEuB"}

package/dist/select/selectButton.js

@@ -1,9 +1,13 @@
 import { cs, ellipsisOverflow } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import button_default from "../button/button.js";
 import { LineButton } from "../button/buttons.js";
+import "../button/index.js";
+import "../core/index.js";
 import popoverTrigger_default from "../popover/popoverTrigger.js";
+import "../popover/index.js";
 import { useSelectContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -14,7 +18,7 @@ import { jsx } from "react/jsx-runtime";
 * Includes special styling for disabled, readOnly and invalid states.
 */
 const SelectButton = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {};
 	const styles = useStyleConfig("Select", useSelectContext());
 	const text = valueText || placeholder;
@@ -75,5 +79,5 @@ var selectButton_default = SelectButton;
 
 //#endregion
 export { SelectButton, selectButton_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectButton.js.map

package/dist/select/selectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectButton.js","names":["PopoverTrigger","Button"],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":["import Button, { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectButtonProps } from './select.types'\n\n/**\n * Displays a custom button component, which opens a popover on click.\n * Text within the button is either selected value or placeholder.\n * Includes special styling for disabled, readOnly and invalid states.\n */\nexport const SelectButton = vui<'button', SelectButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const text = valueText || placeholder\n\n  const disabledProps = disabled\n    ? {\n        activeBg: 'sandstone.79',\n        cursor: 'not-allowed',\n        backgroundColor: 'sandstone.79',\n        borderColor: 'sandstone.79',\n        hoverBg: 'sandstone.79',\n        hoverBorderColor: 'sandstone.79',\n        activeBorderColor: 'sandstone.79',\n      }\n    : undefined\n\n  const readOnlyProps = readOnly\n    ? {\n        activeBg: 'sandstone.95',\n        bg: 'sandstone.95',\n        color: 'seaBlue.main',\n        cursor: 'auto',\n        disabled: true,\n        hoverBg: 'sandstone.95',\n        opacity: 1,\n      }\n    : undefined\n\n  const isInvalidProps = isInvalid\n    ? {\n        borderColor: 'energyRed.45',\n        hoverBorderColor: 'energyRed.45',\n      }\n    : undefined\n\n  const textColor = 'sandstone.10'\n  const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main'\n\n  return (\n    <PopoverTrigger\n      as={LineButton}\n      bg=\"white\"\n      className={cs('vui-selectButton', className)}\n      disabled={disabled}\n      focusRing={2}\n      fontWeight=\"regular\"\n      iconRight={<Button.Icon color={iconColor} ml=\"auto\" name=\"uiAngleDown\" />}\n      isFullWidth\n      px={1}\n      ref={ref}\n      text={\n        <Button.Text color={textColor} {...ellipsisOverflow}>\n          {text}\n        </Button.Text>\n      }\n      userSelect=\"text\"\n      {...styles.button}\n      {...disabledProps}\n      {...readOnlyProps}\n      {...isInvalidProps}\n      {...rest}\n    />\n  )\n})\n\nSelectButton.displayName = 'SelectButton'\nexport default SelectButton\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,UAAU,WAAW,aAAa,UAAU,cAAc,kBAAkB,IAAI,EAAE;CAC1F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,OAAO,aAAa;CAE1B,MAAM,gBAAgB,WAClB;EACE,UAAU;EACV,QAAQ;EACR,iBAAiB;EACjB,aAAa;EACb,SAAS;EACT,kBAAkB;EAClB,mBAAmB;EACpB,GACD;CAEJ,MAAM,gBAAgB,WAClB;EACE,UAAU;EACV,IAAI;EACJ,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,SAAS;EACV,GACD;CAEJ,MAAM,iBAAiB,YACnB;EACE,aAAa;EACb,kBAAkB;EACnB,GACD;CAEJ,MAAM,YAAY;CAClB,MAAM,YAAY,WAAW,iBAAiB;AAE9C,QACE,oBAACA;EACC,IAAI;EACJ,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,WAAW;EACX,YAAW;EACX,WAAW,oBAACC,eAAO;GAAK,OAAO;GAAW,IAAG;GAAO,MAAK;IAAgB;EACzE;EACA,IAAI;EACC;EACL,MACE,oBAACA,eAAO;GAAK,OAAO;GAAW,GAAI;aAChC;IACW;EAEhB,YAAW;EACX,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,aAAa,cAAc;AAC3B,2BAAe"}
+{"version":3,"file":"selectButton.js","names":["PopoverTrigger","Button"],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":["import Button, { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectButtonProps } from './select.types'\n\n/**\n * Displays a custom button component, which opens a popover on click.\n * Text within the button is either selected value or placeholder.\n * Includes special styling for disabled, readOnly and invalid states.\n */\nexport const SelectButton = vui<'button', SelectButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const text = valueText || placeholder\n\n  const disabledProps = disabled\n    ? {\n        activeBg: 'sandstone.79',\n        cursor: 'not-allowed',\n        backgroundColor: 'sandstone.79',\n        borderColor: 'sandstone.79',\n        hoverBg: 'sandstone.79',\n        hoverBorderColor: 'sandstone.79',\n        activeBorderColor: 'sandstone.79',\n      }\n    : undefined\n\n  const readOnlyProps = readOnly\n    ? {\n        activeBg: 'sandstone.95',\n        bg: 'sandstone.95',\n        color: 'seaBlue.main',\n        cursor: 'auto',\n        disabled: true,\n        hoverBg: 'sandstone.95',\n        opacity: 1,\n      }\n    : undefined\n\n  const isInvalidProps = isInvalid\n    ? {\n        borderColor: 'energyRed.45',\n        hoverBorderColor: 'energyRed.45',\n      }\n    : undefined\n\n  const textColor = 'sandstone.10'\n  const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main'\n\n  return (\n    <PopoverTrigger\n      as={LineButton}\n      bg=\"white\"\n      className={cs('vui-selectButton', className)}\n      disabled={disabled}\n      focusRing={2}\n      fontWeight=\"regular\"\n      iconRight={<Button.Icon color={iconColor} ml=\"auto\" name=\"uiAngleDown\" />}\n      isFullWidth\n      px={1}\n      ref={ref}\n      text={\n        <Button.Text color={textColor} {...ellipsisOverflow}>\n          {text}\n        </Button.Text>\n      }\n      userSelect=\"text\"\n      {...styles.button}\n      {...disabledProps}\n      {...readOnlyProps}\n      {...isInvalidProps}\n      {...rest}\n    />\n  )\n})\n\nSelectButton.displayName = 'SelectButton'\nexport default SelectButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,UAAU,WAAW,aAAa,UAAU,cAAc,kBAAkB,IAAI,EAAE;CAC1F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,OAAO,aAAa;CAE1B,MAAM,gBAAgB,WAClB;EACE,UAAU;EACV,QAAQ;EACR,iBAAiB;EACjB,aAAa;EACb,SAAS;EACT,kBAAkB;EAClB,mBAAmB;EACpB,GACD;CAEJ,MAAM,gBAAgB,WAClB;EACE,UAAU;EACV,IAAI;EACJ,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,SAAS;EACV,GACD;CAEJ,MAAM,iBAAiB,YACnB;EACE,aAAa;EACb,kBAAkB;EACnB,GACD;CAEJ,MAAM,YAAY;CAClB,MAAM,YAAY,WAAW,iBAAiB;AAE9C,QACE,oBAACA;EACC,IAAI;EACJ,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,WAAW;EACX,YAAW;EACX,WAAW,oBAACC,eAAO;GAAK,OAAO;GAAW,IAAG;GAAO,MAAK;IAAgB;EACzE;EACA,IAAI;EACC;EACL,MACE,oBAACA,eAAO;GAAK,OAAO;GAAW,GAAI;aAChC;IACW;EAEhB,YAAW;EACX,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/select/selectContent.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { BoxProps } from "../box/box.types.js";
 import "../index.js";
 
 //#region src/select/selectContent.d.ts
@@ -7,4 +7,5 @@ import "../index.js";
 declare const SelectContent: VuiComponent<"div", BoxProps>;
 //#endregion
 export { SelectContent };
+
 //# sourceMappingURL=selectContent.d.ts.map

package/dist/select/selectContent.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import popoverContent_default from "../popover/popoverContent.js";
+import "../popover/index.js";
 import { useSelectContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/select/selectContent.tsx
 /** Extends PopoverContent to display given content is an overlaying box. */
 const SelectContent = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Select", useSelectContext());
 	return /* @__PURE__ */ jsx(popoverContent_default, {
 		className: cs("vui-selectContent", className),
@@ -24,5 +27,5 @@ var selectContent_default = SelectContent;
 
 //#endregion
 export { SelectContent, selectContent_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectContent.js.map

package/dist/select/selectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectContent.js","names":["PopoverContent"],"sources":["../../src/select/selectContent.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectContentProps } from './select.types'\n\n/** Extends PopoverContent to display given content is an overlaying box. */\nexport const SelectContent = vui<'div', SelectContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return (\n    <PopoverContent\n      className={cs('vui-selectContent', className)}\n      column\n      py={1}\n      ref={ref}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nSelectContent.displayName = 'SelectContent'\n\nexport default SelectContent\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C;EACA,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"selectContent.js","names":["PopoverContent"],"sources":["../../src/select/selectContent.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectContentProps } from './select.types'\n\n/** Extends PopoverContent to display given content is an overlaying box. */\nexport const SelectContent = vui<'div', SelectContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return (\n    <PopoverContent\n      className={cs('vui-selectContent', className)}\n      column\n      py={1}\n      ref={ref}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nSelectContent.displayName = 'SelectContent'\n\nexport default SelectContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C;EACA,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/select/selectGroup.d.ts

@@ -13,4 +13,5 @@ declare const SelectGroup: VuiComponent<"ul", SelectGroupProps> & {
 };
 //#endregion
 export { SelectGroup };
+
 //# sourceMappingURL=selectGroup.d.ts.map

package/dist/select/selectGroup.js

@@ -1,16 +1,19 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { ListDivider } from "../list/listDivider.js";
 import { ListHeading } from "../list/listHeading.js";
 import { List } from "../list/list.js";
+import "../list/index.js";
 import { useSelectContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/select/selectGroup.tsx
 /** Displays a list of options with optional heading to describe an individual group. */
 const SelectGroup = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Select", useSelectContext());
 	return /* @__PURE__ */ jsx(List, {
 		className: cs("vui-selectGroup", "vui-allowScroll", className),
@@ -26,5 +29,5 @@ var selectGroup_default = SelectGroup;
 
 //#endregion
 export { SelectGroup, selectGroup_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectGroup.js","names":[],"sources":["../../src/select/selectGroup.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListDivider, ListHeading } from '../list'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectGroupProps } from './select.types'\n\n/** Displays a list of options with optional heading to describe an individual group. */\nexport const SelectGroup = vui<'ul', SelectGroupProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return <List className={cs('vui-selectGroup', 'vui-allowScroll', className)} ref={ref} {...styles.group} {...rest} />\n}) as VuiComponent<'ul', SelectGroupProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n}\n\nSelectGroup.Divider = ListDivider\nSelectGroup.Heading = ListHeading\n\nSelectGroup.displayName = 'SelectGroup'\n\nexport default SelectGroup\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAK,WAAW,GAAG,mBAAmB,mBAAmB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACrH;AAKF,YAAY,UAAU;AACtB,YAAY,UAAU;AAEtB,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"selectGroup.js","names":[],"sources":["../../src/select/selectGroup.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListDivider, ListHeading } from '../list'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectGroupProps } from './select.types'\n\n/** Displays a list of options with optional heading to describe an individual group. */\nexport const SelectGroup = vui<'ul', SelectGroupProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return <List className={cs('vui-selectGroup', 'vui-allowScroll', className)} ref={ref} {...styles.group} {...rest} />\n}) as VuiComponent<'ul', SelectGroupProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n}\n\nSelectGroup.Divider = ListDivider\nSelectGroup.Heading = ListHeading\n\nSelectGroup.displayName = 'SelectGroup'\n\nexport default SelectGroup\n"],"mappings":";;;;;;;;;;;;;;AAQA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAK,WAAW,GAAG,mBAAmB,mBAAmB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACrH;AAKF,YAAY,UAAU;AACtB,YAAY,UAAU;AAEtB,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/select/selectLabel.js

@@ -1,6 +1,9 @@
 import { isString } from "../utils/assertion.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
+import "../core/index.js";
 import label_default from "../label/label.js";
+import "../label/index.js";
 import { useSelectContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -23,5 +26,5 @@ var selectLabel_default = SelectLabel;
 
 //#endregion
 export { selectLabel_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectLabel.js","names":["Label"],"sources":["../../src/select/selectLabel.tsx"],"sourcesContent":["import { useStyleConfig } from '../core'\nimport Label from '../label'\nimport { isString } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectLabelProps } from './select.types'\n\nexport const SelectLabel = ({ disabled, id, label, labelMarkOptional, labelTooltipText }: SelectLabelProps) => {\n  const styles = useStyleConfig('Select', useSelectContext())\n  return isString(label) ? (\n    <Label\n      aria-disabled={disabled}\n      className=\"vui-input-label\"\n      htmlFor={id}\n      markAsOptional={labelMarkOptional}\n      mb={0.5}\n      text={label}\n      tooltipText={labelTooltipText}\n      {...styles.label}\n    />\n  ) : (\n    label\n  )\n}\n\nSelectLabel.displayName = 'SelectLabel'\n\nexport default SelectLabel\n"],"mappings":";;;;;;;AAMA,MAAa,eAAe,EAAE,UAAU,IAAI,OAAO,mBAAmB,uBAAyC;CAC7G,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAC3D,QAAO,SAAS,MAAM,GACpB,oBAACA;EACC,iBAAe;EACf,WAAU;EACV,SAAS;EACT,gBAAgB;EAChB,IAAI;EACJ,MAAM;EACN,aAAa;EACb,GAAI,OAAO;GACX,GAEF;;AAIJ,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"selectLabel.js","names":["Label"],"sources":["../../src/select/selectLabel.tsx"],"sourcesContent":["import { useStyleConfig } from '../core'\nimport Label from '../label'\nimport { isString } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectLabelProps } from './select.types'\n\nexport const SelectLabel = ({ disabled, id, label, labelMarkOptional, labelTooltipText }: SelectLabelProps) => {\n  const styles = useStyleConfig('Select', useSelectContext())\n  return isString(label) ? (\n    <Label\n      aria-disabled={disabled}\n      className=\"vui-input-label\"\n      htmlFor={id}\n      markAsOptional={labelMarkOptional}\n      mb={0.5}\n      text={label}\n      tooltipText={labelTooltipText}\n      {...styles.label}\n    />\n  ) : (\n    label\n  )\n}\n\nSelectLabel.displayName = 'SelectLabel'\n\nexport default SelectLabel\n"],"mappings":";;;;;;;;;;AAMA,MAAa,eAAe,EAAE,UAAU,IAAI,OAAO,mBAAmB,uBAAyC;CAC7G,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAC3D,QAAO,SAAS,MAAM,GACpB,oBAACA;EACC,iBAAe;EACf,WAAU;EACV,SAAS;EACT,gBAAgB;EAChB,IAAI;EACJ,MAAM;EACN,aAAa;EACb,GAAI,OAAO;GACX,GAEF;;AAIJ,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/select/selectOption.d.ts

@@ -12,4 +12,5 @@ import "../index.js";
 declare const SelectOption: VuiComponent<"li", SelectOptionProps>;
 //#endregion
 export { SelectOption };
+
 //# sourceMappingURL=selectOption.d.ts.map

package/dist/select/selectOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectOption.d.ts","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAgBA,CAAA,CAAA;cAAa,cAAY,mBAAA"}
+{"version":3,"file":"selectOption.d.ts","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAgBA;cAAa,cAAY,mBAAA"}

package/dist/select/selectOption.js

@@ -1,11 +1,16 @@
 import { useCallbackRef } from "../utils/react.js";
 import { cs, ellipsisOverflow } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { ListItem } from "../list/listItem.js";
 import { List } from "../list/list.js";
+import "../list/index.js";
 import { Checkbox } from "../checkbox/checkbox.js";
+import "../checkbox/index.js";
 import { usePopoverContext } from "../popover/context.js";
+import "../popover/index.js";
 import { useSelectContext } from "./context.js";
 import { useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -17,12 +22,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.
 */
 const SelectOption = vui((props, ref) => {
-	const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp,...rest } = props;
-	const { instance } = usePopoverContext() ?? {};
+	const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props;
+	const { close } = usePopoverContext() ?? {};
 	const { isMultiple, name, onChange, value } = useSelectContext() ?? {};
 	const styles = useStyleConfig("Select", useSelectContext());
 	const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
-	const hide = () => instance?.hide();
+	const hide = () => close?.();
 	const onClick = useCallbackRef((e) => {
 		const nativeEvent = e.nativeEvent || e;
 		const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
@@ -75,5 +80,5 @@ var selectOption_default = SelectOption;
 
 //#endregion
 export { SelectOption, selectOption_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectOption.js.map

package/dist/select/selectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectOption.js","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { cs, ellipsisOverflow, useCallbackRef } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectOptionProps } from './select.types'\n\n/**\n * Displays a select option as a list item. By default, closes popover when option is selected.\n * In multi-select mode, displays a checkbox and doesn't close popover.\n * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.\n */\nexport const SelectOption = vui<'li', SelectOptionProps>((props, ref) => {\n  const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props\n  const { instance } = usePopoverContext() ?? {}\n  const { isMultiple, name, onChange, value } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp\n\n  const hide = () => instance?.hide()\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => {\n    const nativeEvent = e.nativeEvent || e\n    const clonedEvent = new (nativeEvent.constructor as any)(nativeEvent.type, nativeEvent)\n\n    Object.defineProperty(clonedEvent, 'target', {\n      writable: true,\n      value: { value: valueProp, name },\n    })\n\n    onClickProp?.(e as MouseEvent<HTMLLIElement>)\n    onChange?.(clonedEvent)\n    !isMultiple && hide()\n  })\n\n  const onKeyDown = useCallbackRef((e: KeyboardEvent<HTMLLIElement>) => e.key === 'Enter' && onClick(e))\n\n  const onScroll = (e: Event) => !(e.target as HTMLElement)?.className?.includes('vui-allowScroll') && hide()\n\n  // Hiding the popover on scroll\n  useEffect(() => {\n    if (closeOnScroll) document.addEventListener('scroll', onScroll, true)\n\n    return () => {\n      if (closeOnScroll) document.removeEventListener('scroll', onScroll, true)\n    }\n  }, [closeOnScroll])\n\n  return (\n    <ListItem\n      activeBg=\"skyBlue.active\"\n      className={cs('vui-selectOption', className)}\n      disabled={disabled}\n      hoverBg=\"skyBlue.hover\"\n      isInteractive\n      isSelected={isSelected}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n      selectedBg=\"skyBlue.selected\"\n      tabIndex={0}\n      title={title}\n      value={valueProp}\n      {...styles.option}\n      {...rest}\n      {...ellipsisOverflow}\n    >\n      {children ??\n        (isMultiple && (\n          <>\n            <Checkbox checked={isSelected} disabled={disabled} mr={1} {...styles.option} />\n            <List.Text>{props.text}</List.Text>\n          </>\n        ))}\n    </ListItem>\n  )\n})\n\nSelectOption.displayName = 'SelectOption'\n\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA8B,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,eAAe,WAAW,UAAU,OAAO,SAAS,aAAa,OAAO,UAAW,GAAG,SAAS;CACjH,MAAM,EAAE,aAAa,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,YAAY,MAAM,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,aAAa,MAAM,QAAQ,MAAM,IAAI,YAAY,MAAM,SAAS,UAAU,GAAG,UAAU;CAE7F,MAAM,aAAa,UAAU,MAAM;CAEnC,MAAM,UAAU,gBAAgB,MAAgE;EAC9F,MAAM,cAAc,EAAE,eAAe;EACrC,MAAM,cAAc,IAAK,YAAY,YAAoB,YAAY,MAAM,YAAY;AAEvF,SAAO,eAAe,aAAa,UAAU;GAC3C,UAAU;GACV,OAAO;IAAE,OAAO;IAAW;IAAM;GAClC,CAAC;AAEF,gBAAc,EAA+B;AAC7C,aAAW,YAAY;AACvB,GAAC,cAAc,MAAM;GACrB;CAEF,MAAM,YAAY,gBAAgB,MAAoC,EAAE,QAAQ,WAAW,QAAQ,EAAE,CAAC;CAEtG,MAAM,YAAY,MAAa,CAAE,EAAE,QAAwB,WAAW,SAAS,kBAAkB,IAAI,MAAM;AAG3G,iBAAgB;AACd,MAAI,cAAe,UAAS,iBAAiB,UAAU,UAAU,KAAK;AAEtE,eAAa;AACX,OAAI,cAAe,UAAS,oBAAoB,UAAU,UAAU,KAAK;;IAE1E,CAAC,cAAc,CAAC;AAEnB,QACE,oBAAC;EACC,UAAS;EACT,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,SAAQ;EACR;EACY;EACH;EACE;EACN;EACL,YAAW;EACX,UAAU;EACH;EACP,OAAO;EACP,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,aACE,cACC,8CACE,oBAAC;GAAS,SAAS;GAAsB;GAAU,IAAI;GAAG,GAAI,OAAO;IAAU,EAC/E,oBAAC,KAAK,kBAAM,MAAM,OAAiB,IAClC;GAEE;EAEb;AAEF,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"selectOption.js","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { cs, ellipsisOverflow, useCallbackRef } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectOptionProps } from './select.types'\n\n/**\n * Displays a select option as a list item. By default, closes popover when option is selected.\n * In multi-select mode, displays a checkbox and doesn't close popover.\n * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.\n */\nexport const SelectOption = vui<'li', SelectOptionProps>((props, ref) => {\n  const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { isMultiple, name, onChange, value } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp\n\n  const hide = () => close?.()\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => {\n    const nativeEvent = e.nativeEvent || e\n    const clonedEvent = new (nativeEvent.constructor as any)(nativeEvent.type, nativeEvent)\n\n    Object.defineProperty(clonedEvent, 'target', {\n      writable: true,\n      value: { value: valueProp, name },\n    })\n\n    onClickProp?.(e as MouseEvent<HTMLLIElement>)\n    onChange?.(clonedEvent)\n    !isMultiple && hide()\n  })\n\n  const onKeyDown = useCallbackRef((e: KeyboardEvent<HTMLLIElement>) => e.key === 'Enter' && onClick(e))\n\n  const onScroll = (e: Event) => !(e.target as HTMLElement)?.className?.includes('vui-allowScroll') && hide()\n\n  // Hiding the popover on scroll\n  useEffect(() => {\n    if (closeOnScroll) document.addEventListener('scroll', onScroll, true)\n\n    return () => {\n      if (closeOnScroll) document.removeEventListener('scroll', onScroll, true)\n    }\n  }, [closeOnScroll])\n\n  return (\n    <ListItem\n      activeBg=\"skyBlue.active\"\n      className={cs('vui-selectOption', className)}\n      disabled={disabled}\n      hoverBg=\"skyBlue.hover\"\n      isInteractive\n      isSelected={isSelected}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n      selectedBg=\"skyBlue.selected\"\n      tabIndex={0}\n      title={title}\n      value={valueProp}\n      {...styles.option}\n      {...rest}\n      {...ellipsisOverflow}\n    >\n      {children ??\n        (isMultiple && (\n          <>\n            <Checkbox checked={isSelected} disabled={disabled} mr={1} {...styles.option} />\n            <List.Text>{props.text}</List.Text>\n          </>\n        ))}\n    </ListItem>\n  )\n})\n\nSelectOption.displayName = 'SelectOption'\n\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA8B,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,eAAe,WAAW,UAAU,OAAO,SAAS,aAAa,OAAO,WAAW,GAAG,SAAS;CACjH,MAAM,EAAE,UAAU,mBAAmB,IAAI,EAAE;CAC3C,MAAM,EAAE,YAAY,MAAM,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,aAAa,MAAM,QAAQ,MAAM,IAAI,YAAY,MAAM,SAAS,UAAU,GAAG,UAAU;CAE7F,MAAM,aAAa,SAAS;CAE5B,MAAM,UAAU,gBAAgB,MAAgE;EAC9F,MAAM,cAAc,EAAE,eAAe;EACrC,MAAM,cAAc,IAAK,YAAY,YAAoB,YAAY,MAAM,YAAY;AAEvF,SAAO,eAAe,aAAa,UAAU;GAC3C,UAAU;GACV,OAAO;IAAE,OAAO;IAAW;IAAM;GAClC,CAAC;AAEF,gBAAc,EAA+B;AAC7C,aAAW,YAAY;AACvB,GAAC,cAAc,MAAM;GACrB;CAEF,MAAM,YAAY,gBAAgB,MAAoC,EAAE,QAAQ,WAAW,QAAQ,EAAE,CAAC;CAEtG,MAAM,YAAY,MAAa,CAAE,EAAE,QAAwB,WAAW,SAAS,kBAAkB,IAAI,MAAM;AAG3G,iBAAgB;AACd,MAAI,cAAe,UAAS,iBAAiB,UAAU,UAAU,KAAK;AAEtE,eAAa;AACX,OAAI,cAAe,UAAS,oBAAoB,UAAU,UAAU,KAAK;;IAE1E,CAAC,cAAc,CAAC;AAEnB,QACE,oBAAC;EACC,UAAS;EACT,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,SAAQ;EACR;EACY;EACH;EACE;EACN;EACL,YAAW;EACX,UAAU;EACH;EACP,OAAO;EACP,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,aACE,cACC,8CACE,oBAAC;GAAS,SAAS;GAAsB;GAAU,IAAI;GAAG,GAAI,OAAO;IAAU,EAC/E,oBAAC,KAAK,kBAAM,MAAM,OAAiB,IAClC;GAEE;EAEb;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/select/theme.js

@@ -62,5 +62,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.d.ts

@@ -14,4 +14,5 @@ declare function useSelect(props: UseSelectProps): {
 type UseSelectReturnType = ReturnType<typeof useSelect>;
 //#endregion
 export { UseSelectReturnType, getOptionText };
+
 //# sourceMappingURL=useSelect.d.ts.map

package/dist/select/useSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.d.ts","names":[],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,uBAAwB,sBAAsB,uBAAkB;;iBAOrD,SAAA,QAAiB;EAP5B,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAgCyB,WA5BrC,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAJoC,KAAA,CAAA,YAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA;EAAsB,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA,SAAA;CAAkB;AAI5E,IAAA,CAiDW,mBAAA,CAAA,CAAA,CAAsB,UAjDjC,CAAA,MAAA,CAiDmD,SAjDnD,CAAA"}
+{"version":3,"file":"useSelect.d.ts","names":[],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,uBAAwB,sBAAsB,uBAAkB;;iBAOrD,SAAA,QAAiB;EAP5B,QAAA,EAAA,CAAA,CAAA,EAgCyB,WA5BrC,EAAA,GAAA,IAAA;EAJoC,KAAA,aAAA,cAAA,EAAA,GAAA,SAAA;EAAsB,SAAA,aAAA,GAAA,SAAA;CAAkB;AAI5E,KAiDW,mBAAA,GAAsB,UAjDjC,CAAA,OAiDmD,SAjDnD,CAAA"}

package/dist/select/useSelect.js

@@ -1,5 +1,6 @@
 import { toggleItem } from "../utils/array.js";
 import { useCallbackRef } from "../utils/react.js";
+import "../utils/index.js";
 import { Children, isValidElement, useState } from "react";
 
 //#region src/select/useSelect.tsx
@@ -30,5 +31,5 @@ function useSelect(props) {
 
 //#endregion
 export { useSelect as default, getOptionText };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useSelect.js.map

package/dist/select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","names":["dynamicOptions: SelectOptionData[]","option: SelectOptionData","value"],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":["import { Children, isValidElement, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport { toggleItem, useCallbackRef } from '../utils'\nimport type { SelectOptionData, SelectValue } from './select.types'\nimport type { UseSelectProps } from './useSelect.types'\n\nexport const getOptionText = (value: SelectValue, options: SelectOptionData[]) => {\n  const option = options?.find((o: SelectOptionData) => o?.value === value)\n\n  return option?.text || value\n}\n\n/** Handles controlled/uncontrolled value state. Supports single and multiple values. */\nexport default function useSelect(props: UseSelectProps) {\n  const {\n    defaultValue,\n    isMultiple,\n    onChange: onChangeProp,\n    value: valueProp,\n    options = [],\n    selectedText,\n    children,\n  } = props\n\n  // Not using useControlled here, because we need custom value setter when uncontrolled\n  const [stateValue, setStateValue] = useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : stateValue\n\n  // Iterating over the children to dynamically obtain the list of available options\n  const dynamicOptions: SelectOptionData[] = []\n  Children.forEach(children, element => {\n    if (!isValidElement(element)) return\n    const option: SelectOptionData = element.props as SelectOptionData\n    if (option.text && option.value) dynamicOptions.push(option)\n  })\n\n  /** Sends a change event to the external consumer, but internal keeps the actual value as primitive or array. */\n  const onChange = useCallbackRef((e: ChangeEvent) => {\n    onChangeProp?.(e)\n\n    if (!isControlled)\n      setStateValue(value => (Array.isArray(value) ? toggleItem(value, e.target.value).sort() : e.target.value))\n  })\n\n  const valueText =\n    isMultiple && Array.isArray(value)\n      ? value[0]\n        ? selectedText && value.length > 1\n          ? selectedText\n          : `${getOptionText(value[0], [...options, ...dynamicOptions])}${\n              value.length > 1 ? ` (+${value.length - 1})` : ''\n            }`\n        : undefined\n      : getOptionText(value as SelectValue, [...options, ...dynamicOptions])\n\n  return { onChange, value, valueText }\n}\n\nexport type UseSelectReturnType = ReturnType<typeof useSelect>\n"],"mappings":";;;;;AAOA,MAAa,iBAAiB,OAAoB,YAAgC;AAGhF,SAFe,SAAS,MAAM,MAAwB,GAAG,UAAU,MAAM,GAE1D,QAAQ;;;AAIzB,SAAwB,UAAU,OAAuB;CACvD,MAAM,EACJ,cACA,YACA,UAAU,cACV,OAAO,WACP,UAAU,EAAE,EACZ,cACA,aACE;CAGJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,aAAa;CAC1D,MAAM,eAAe,cAAc;CACnC,MAAM,QAAQ,eAAe,YAAY;CAGzC,MAAMA,iBAAqC,EAAE;AAC7C,UAAS,QAAQ,WAAU,YAAW;AACpC,MAAI,CAAC,eAAe,QAAQ,CAAE;EAC9B,MAAMC,SAA2B,QAAQ;AACzC,MAAI,OAAO,QAAQ,OAAO,MAAO,gBAAe,KAAK,OAAO;GAC5D;AAqBF,QAAO;EAAE,UAlBQ,gBAAgB,MAAmB;AAClD,kBAAe,EAAE;AAEjB,OAAI,CAAC,aACH,gBAAc,YAAU,MAAM,QAAQC,QAAM,GAAG,WAAWA,SAAO,EAAE,OAAO,MAAM,CAAC,MAAM,GAAG,EAAE,OAAO,MAAO;IAC5G;EAaiB;EAAO,WAVxB,cAAc,MAAM,QAAQ,MAAM,GAC9B,MAAM,KACJ,gBAAgB,MAAM,SAAS,IAC7B,eACA,GAAG,cAAc,MAAM,IAAI,CAAC,GAAG,SAAS,GAAG,eAAe,CAAC,GACzD,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,EAAE,KAAK,OAEnD,SACF,cAAc,OAAsB,CAAC,GAAG,SAAS,GAAG,eAAe,CAAC;EAErC"}
+{"version":3,"file":"useSelect.js","names":["dynamicOptions: SelectOptionData[]","option: SelectOptionData","value"],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":["import { Children, isValidElement, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport { toggleItem, useCallbackRef } from '../utils'\nimport type { SelectOptionData, SelectValue } from './select.types'\nimport type { UseSelectProps } from './useSelect.types'\n\nexport const getOptionText = (value: SelectValue, options: SelectOptionData[]) => {\n  const option = options?.find((o: SelectOptionData) => o?.value === value)\n\n  return option?.text || value\n}\n\n/** Handles controlled/uncontrolled value state. Supports single and multiple values. */\nexport default function useSelect(props: UseSelectProps) {\n  const {\n    defaultValue,\n    isMultiple,\n    onChange: onChangeProp,\n    value: valueProp,\n    options = [],\n    selectedText,\n    children,\n  } = props\n\n  // Not using useControlled here, because we need custom value setter when uncontrolled\n  const [stateValue, setStateValue] = useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : stateValue\n\n  // Iterating over the children to dynamically obtain the list of available options\n  const dynamicOptions: SelectOptionData[] = []\n  Children.forEach(children, element => {\n    if (!isValidElement(element)) return\n    const option: SelectOptionData = element.props as SelectOptionData\n    if (option.text && option.value) dynamicOptions.push(option)\n  })\n\n  /** Sends a change event to the external consumer, but internal keeps the actual value as primitive or array. */\n  const onChange = useCallbackRef((e: ChangeEvent) => {\n    onChangeProp?.(e)\n\n    if (!isControlled)\n      setStateValue(value => (Array.isArray(value) ? toggleItem(value, e.target.value).sort() : e.target.value))\n  })\n\n  const valueText =\n    isMultiple && Array.isArray(value)\n      ? value[0]\n        ? selectedText && value.length > 1\n          ? selectedText\n          : `${getOptionText(value[0], [...options, ...dynamicOptions])}${\n              value.length > 1 ? ` (+${value.length - 1})` : ''\n            }`\n        : undefined\n      : getOptionText(value as SelectValue, [...options, ...dynamicOptions])\n\n  return { onChange, value, valueText }\n}\n\nexport type UseSelectReturnType = ReturnType<typeof useSelect>\n"],"mappings":";;;;;;AAOA,MAAa,iBAAiB,OAAoB,YAAgC;AAGhF,SAFe,SAAS,MAAM,MAAwB,GAAG,UAAU,MAAM,GAE1D,QAAQ;;;AAIzB,SAAwB,UAAU,OAAuB;CACvD,MAAM,EACJ,cACA,YACA,UAAU,cACV,OAAO,WACP,UAAU,EAAE,EACZ,cACA,aACE;CAGJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,aAAa;CAC1D,MAAM,eAAe,cAAc;CACnC,MAAM,QAAQ,eAAe,YAAY;CAGzC,MAAMA,iBAAqC,EAAE;AAC7C,UAAS,QAAQ,WAAU,YAAW;AACpC,MAAI,CAAC,eAAe,QAAQ,CAAE;EAC9B,MAAMC,SAA2B,QAAQ;AACzC,MAAI,OAAO,QAAQ,OAAO,MAAO,gBAAe,KAAK,OAAO;GAC5D;AAqBF,QAAO;EAAE,UAlBQ,gBAAgB,MAAmB;AAClD,kBAAe,EAAE;AAEjB,OAAI,CAAC,aACH,gBAAc,YAAU,MAAM,QAAQC,QAAM,GAAG,WAAWA,SAAO,EAAE,OAAO,MAAM,CAAC,MAAM,GAAG,EAAE,OAAO,MAAO;IAC5G;EAaiB;EAAO,WAVxB,cAAc,MAAM,QAAQ,MAAM,GAC9B,MAAM,KACJ,gBAAgB,MAAM,SAAS,IAC7B,eACA,GAAG,cAAc,MAAM,IAAI,CAAC,GAAG,SAAS,GAAG,eAAe,CAAC,GACzD,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,EAAE,KAAK,OAEnD,SACF,cAAc,OAAsB,CAAC,GAAG,SAAS,GAAG,eAAe,CAAC;EAErC"}

package/dist/select/useSelect.types.d.ts

@@ -31,4 +31,5 @@ type UseSelectProps = {
 };
 //#endregion
 export { UseSelectProps };
+
 //# sourceMappingURL=useSelect.types.d.ts.map

package/dist/select/useSelect.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.types.d.ts","names":[],"sources":["../../src/select/useSelect.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,CAAA,CAAA;;UAEF,cAAc;;EAFZ,YAAA,CAAA,CAAA,CAIK,WAJS,CAAA,CAAA,CAIK,WAJL,CAAA,CAAA;EAEhB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,QAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,aAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAc,UAAA,CAAA,CAAA,CAAA,OAAA;EAEP,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,OAAA,CAAA,CAAA;EAAc,OAAA,CAAA,CAAA,CAInB,gBAJmB,CAAA,CAAA;EAInB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA;EAEC,QAAA,CAAA,CAAA,CAAA,SAAA;EAES,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA;EASL,iBAAA,CAAA,CAAA,CATK,WASL;EAAW,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;iBAAX"}
+{"version":3,"file":"useSelect.types.d.ts","names":[],"sources":["../../src/select/useSelect.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA;;UAEF,cAAc;;EAFZ,YAAA,CAAA,EAIK,WAJS,GAIK,WAJL,EAAA;EAEhB;EAAc,UAAA,CAAA,EAAA,OAAA;EAEP;EAAc,OAAA,CAAA,EAInB,gBAJmB,EAAA;EAInB;EAEC,QAAA,CAAA,EAAA,SAAA;EAES;EASL,iBAAA,CAAA,EATK,WASL;EAAW;;;;;;;;iBAAX"}

package/dist/sidemenu/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/sidemenu/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/sidemenu/context.ts
 const [SidemenuProvider, useSidemenuContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SidemenuProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/sidemenu/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/sidemenu/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<Dict>({ isOptional: true })\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,kBAAkB,sBAAsB,cAAoB,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/sidemenu/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<Dict>({ isOptional: true })\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,kBAAkB,sBAAsB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/sidemenu/index.d.ts

@@ -1,4 +1,4 @@
 import { SidemenuItemProps, SidemenuOrientation, SidemenuProps, SidemenuTopProps } from "./sidemenu.types.js";
 import { SidemenuItem } from "./sidemenuItem.js";
 import { SidemenuTop } from "./sidemenuTop.js";
-import { Sidemenu } from "./sidemenu.js";
+import { Sidemenu } from "./sidemenu.js";

package/dist/sidemenu/index.js

@@ -0,0 +1,5 @@
+import { SidemenuItem } from "./sidemenuItem.js";
+import { SidemenuTop } from "./sidemenuTop.js";
+import { Sidemenu } from "./sidemenu.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/sidemenu/sidemenu.d.ts

@@ -12,4 +12,5 @@ declare const Sidemenu: VuiComponent<"div", SidemenuProps> & {
 };
 //#endregion
 export { Sidemenu };
+
 //# sourceMappingURL=sidemenu.d.ts.map

package/dist/sidemenu/sidemenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAea,UA6FP,oBAAoB;cACZ;EA9FD,IAAA,CAAA,CAAA,MAAA,CA+FE,YACd;CAHyB"}
+{"version":3,"file":"sidemenu.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAea,UA6FP,oBAAoB;cACZ;EA9FD,IAAA,EAAA,OA+FE,YACd;CAHyB"}

package/dist/sidemenu/sidemenu.js

@@ -1,11 +1,16 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
 import { isActivePath } from "../utils/window.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import { collapsedWidth, expandedWidth } from "./consts.js";
 import { SidemenuProvider } from "./context.js";
 import sidemenuItem_default from "./sidemenuItem.js";
@@ -16,7 +21,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/sidemenu/sidemenu.tsx
 /** A collapsible side menu for navigation. */
 const Sidemenu = vui((props, ref) => {
-	const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = expandedWidth, onNavigate,...rest } = props;
+	const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = expandedWidth, onNavigate, ...rest } = props;
 	const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -94,5 +99,5 @@ Sidemenu.displayName = "Sidemenu";
 
 //#endregion
 export { Sidemenu };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=sidemenu.js.map

package/dist/sidemenu/sidemenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.js","names":["Box","SidemenuItem","Button","Icon","SidemenuTop"],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,aAAa,OACb,WAAW,OACX,MACA,SACA,QAAQ,eACR,WACA,GAAG,SACD;CAEJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,WAAW;CAChF,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAM;EAAS;EAAwB,CAAC,EAChE;EAAC;EAAM;EAAS;EAAuB,CACxC;CAED,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,SAAS,YAAY;AAE3B,iBAAgB;AACd,4BAA0B,WAAW;IACpC,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,0BAA0B,CAAC,uBAAuB;CAEzE,MAAM,IAAI,yBAAyB,QAAQ;CAC3C,MAAM,OAAO,WAAW,yBAAyB,SAAS;CAC1D,MAAM,iBAAiB,yBAAyB,aAAa;CAE7D,SAAS,YAAY,MAAyB;AAC5C,QAAM,WAAW;AACjB,MAAI,MAAM,KAAM,cAAa,KAAK,KAAK;;AAGzC,QACE,oBAAC;EAAiB,OAAO;YACvB,qBAACA;GACC,WAAW,GAAG,gBAAgB,UAAU;GACxC,WAAU;GACV,eAAc;GACd,UAAU;GACV,WAAU;GACV,UAAU,WAAW,WAAW;GAC3B;GACL,KAAK,WAAY,MAAM,MAAM,IAAK;GAClC,oBAAmB;GAChB;GACH,GAAI,OAAO;GACX,GAAI;cAEJ,oBAACA;IACC,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN,WAAU;IACV,WAAU;IACV,GAAE;cAED,QACG,OAAO,OAAO,MAAyB,QACrC,oBAACC;KACC,UAAU,aAAa,MAAM,KAAK;KAElC,GAAI;KACJ,eAAe,YAAY,KAAK;OAF3B,IAGL,CACF,GACF;KACA,EACN,oBAACD;IAAI,WAAU;IAAsB,GAAE;IAAO,GAAI,OAAO;cACvD,oBAACE;KACC,cAAY,yBAAyB,aAAa;KAClD,cAAc;KACE;KAChB,MAAM,SAAS,OAAO,SAAS;KAC/B,SAAS;KACT,IAAI;KACJ,MAAK;KACL,SAAS,SAAS,kBAAkB;KACpC,GAAE;eAEF,oBAACC,gBAAK,MAAM,OAAQ;MACb;KACL;IACF;GACW;EAErB;AAKF,SAAS,MAAMC;AACf,SAAS,OAAOH;AAChB,SAAS,cAAc"}
+{"version":3,"file":"sidemenu.js","names":["Box","SidemenuItem","Button","Icon","SidemenuTop"],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,aAAa,OACb,WAAW,OACX,MACA,SACA,QAAQ,eACR,YACA,GAAG,SACD;CAEJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,WAAW;CAChF,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAM;EAAS;EAAwB,CAAC,EAChE;EAAC;EAAM;EAAS;EAAuB,CACxC;CAED,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,SAAS,YAAY;AAE3B,iBAAgB;AACd,4BAA0B,WAAW;IACpC,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,0BAA0B,CAAC,uBAAuB;CAEzE,MAAM,IAAI,yBAAyB,QAAQ;CAC3C,MAAM,OAAO,WAAW,yBAAyB,SAAS;CAC1D,MAAM,iBAAiB,yBAAyB,aAAa;CAE7D,SAAS,YAAY,MAAyB;AAC5C,QAAM,WAAW;AACjB,MAAI,MAAM,KAAM,cAAa,KAAK,KAAK;;AAGzC,QACE,oBAAC;EAAiB,OAAO;YACvB,qBAACA;GACC,WAAW,GAAG,gBAAgB,UAAU;GACxC,WAAU;GACV,eAAc;GACd,UAAU;GACV,WAAU;GACV,UAAU,WAAW,WAAW;GAC3B;GACL,KAAK,WAAY,MAAM,MAAM,IAAK;GAClC,oBAAmB;GAChB;GACH,GAAI,OAAO;GACX,GAAI;cAEJ,oBAACA;IACC,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN,WAAU;IACV,WAAU;IACV,GAAE;cAED,QACG,OAAO,OAAO,MAAyB,QACrC,oBAACC;KACC,UAAU,aAAa,MAAM,KAAK;KAElC,GAAI;KACJ,eAAe,YAAY,KAAK;OAF3B,IAGL,CACF,GACF;KACA,EACN,oBAACD;IAAI,WAAU;IAAsB,GAAE;IAAO,GAAI,OAAO;cACvD,oBAACE;KACC,cAAY,yBAAyB,aAAa;KAClD,cAAc;KACE;KAChB,MAAM,SAAS,OAAO,SAAS;KAC/B,SAAS;KACT,IAAI;KACJ,MAAK;KACL,SAAS,SAAS,kBAAkB;KACpC,GAAE;eAEF,oBAACC,gBAAK,MAAM,OAAQ;MACb;KACL;IACF;GACW;EAErB;AAKF,SAAS,MAAMC;AACf,SAAS,OAAOH;AAChB,SAAS,cAAc"}

package/dist/sidemenu/sidemenu.types.d.ts

@@ -1,10 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
+import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { ReactNode } from "react";
 
 //#region src/sidemenu/sidemenu.types.d.ts
@@ -54,4 +54,5 @@ type SidemenuTopProps = BoxProps & {
 };
 //#endregion
 export { SidemenuItemProps, SidemenuOrientation, SidemenuProps, SidemenuTopProps };
+
 //# sourceMappingURL=sidemenu.types.d.ts.map

package/dist/sidemenu/sidemenu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,mBAAA,CAAA,CAAA;KAEA,aAAA,CAAA,CAAA,CAAgB,cAC1B;;UAEU;;EALA,UAAA,CAAA,CAAA,CAAA,OAAA;EAEA,QAAA,CAAA,CAAA,CAAA,OAAa;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,WAAA,CAAA,GAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAC1B,UAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAEU,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAiB,KAAA,CAAA,CAAA,CAAA,MAAA;AAU7B,CAAA;AAAgC,IAAA,CAApB,iBAAA,CAAA,CAAA,CAAoB,QAAA,CAAA,CAAA,CAAA;EAInB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAEJ,SAAA,CAAA,CAAA,CAAA,MAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;EAmBL,QAAA,CAAA,CAAA,CArBC,SAqBe;EAAG,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAIlB,IAAA,CAAA,CAAA,CAvBJ,QAuBI;EAEC,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EAAS,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;KANX,gBAAA,CAAA,CAAA,CAAmB;;;;aAIlB;;cAEC"}
+{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,mBAAA;KAEA,aAAA,GAAgB,cAC1B;;UAEU;;EALA,UAAA,CAAA,EAAA,OAAA;EAEA,QAAA,CAAA,EAAA,OAAa;EAAG;EAC1B,UAAA,CAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAEU;EAAiB,KAAA,CAAA,EAAA,MAAA;AAU7B,CAAA;AAAgC,KAApB,iBAAA,GAAoB,QAAA,GAAA;EAInB;EAEJ,SAAA,CAAA,EAAA,MAAA;EAAQ;EAmBL,QAAA,CAAA,EArBC,SAqBe;EAAG;EAIlB,IAAA,CAAA,EAvBJ,QAuBI;EAEC;EAAS,QAAA,CAAA,EAAA,IAAA,GAAA,IAAA;;;;;;;;;;;;;;;;KANX,gBAAA,GAAmB;;;;aAIlB;;cAEC"}

package/dist/sidemenu/sidemenuItem.d.ts

@@ -7,4 +7,5 @@ import { SidemenuItemProps } from "./sidemenu.types.js";
 declare const SidemenuItem: VuiComponent<"div", SidemenuItemProps>;
 //#endregion
 export { SidemenuItem };
+
 //# sourceMappingURL=sidemenuItem.d.ts.map

package/dist/sidemenu/sidemenuItem.js

@@ -1,11 +1,18 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import Popover from "../popover/popover.js";
+import "../popover/index.js";
 import { collapsedWidth, expandedWidth } from "./consts.js";
 import useSidemenuItem_default from "./useSidemenuItem.js";
 import { useEffect } from "react";
@@ -14,7 +21,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/sidemenu/sidemenuItem.tsx
 /** A menu item. */
 const SidemenuItem = vui((props, ref) => {
-	const { className, children, icon, iconSize = "md", isActive, isExpanded = true, pl = 0, py = 0, onClick, onCollapse, onExpand, title,...rest } = omitThemingProps(props);
+	const { className, children, icon, iconSize = "md", isActive, isExpanded = true, pl = 0, py = 0, onClick, onCollapse, onExpand, title, ...rest } = omitThemingProps(props);
 	const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } = useSidemenuItem_default(isExpanded);
 	useEffect(() => {
 		if (isExpandedVertically) onExpand?.();
@@ -112,5 +119,5 @@ var sidemenuItem_default = SidemenuItem;
 
 //#endregion
 export { SidemenuItem, sidemenuItem_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=sidemenuItem.js.map