@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Dropdown/Dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.mjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect, useMemo } from 'react'\nimport Fuse from 'fuse.js'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport { FormInputLabel } from 'components/FormInputLabel'\nimport { MenuComponent } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { Chip } from 'components/Chip'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES, SIZES_CHECKBOX, SIZES_MENU, FuseSearchKeys } from './constants'\nimport {\n  getDropdownInputText,\n  getDropdownInputValue,\n  getDropdownInputMultipleValue,\n  groupDropdownOptions,\n} from './utils'\nimport * as Styled from './style'\nimport type { DropdownProps, DropdownOption } from './types'\n\nconst COMPONENT_NAME = 'Dropdown'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Dropdown/types.ts).\n */\nconst Dropdown: React.ForwardRefExoticComponent<DropdownProps> = withMergedProps<DropdownProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      optionsMultiToggle = true,\n      loading = false,\n      iconProps = {},\n      menuProps = {},\n      closeMenuOnScroll,\n      contrast,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      label,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      maxLength,\n      multiple,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      optionsEmptyIconProps,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      form,\n      ...rootProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n    }\n\n    const iconBaseProps: IconProps = {\n      size: 24,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const getRelevantOptions = useMemo(() => {\n      const fuse = new Fuse<DropdownOption>(options, {\n        threshold: 0.4,\n        ignoreLocation: true,\n        keys: [FuseSearchKeys.text, FuseSearchKeys.tags],\n      })\n\n      return (pattern: string): DropdownOption[] =>\n        pattern.length === 0 ? options : fuse.search(pattern).map((result) => result.item)\n    }, [options])\n\n    const [inputText, setInputText] = useState<string>(() =>\n      multiple ? '' : getDropdownInputText(defaultSelectedOption)\n    )\n\n    const [inputValue, setInputValue] = useState<string>(() => getDropdownInputValue(defaultSelectedOption))\n\n    const [inputMultipleValue, setInputMultipleValue] = useState<string[]>(() =>\n      getDropdownInputMultipleValue(defaultSelectedOption)\n    )\n\n    const [menuRelevantOptions, setMenuRelevantOptions] = useState<DropdownOption[]>(() =>\n      getRelevantOptions(inputText)\n    )\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = multiple\n      ? groupDropdownOptions(options, inputMultipleValue)\n      : [[], []]\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n    const menuNoRelevantOptions = menuRelevantOptions.length === 0 || loading\n\n    const inputActive = Boolean(menuOpen || inputText)\n    const inputValueEmpty = multiple ? inputMultipleValue.length === 0 : inputValue.length === 0\n\n    const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n    const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const menuRef = useRef<HTMLDivElement | null>(null)\n    const menuListRef = useRef<HTMLUListElement | null>(null)\n\n    const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    const inputTextPrevRef = useRef<string>(inputText)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    useEffect(() => {\n      if (inputText === inputTextPrevRef.current) {\n        setMenuRelevantOptions(getRelevantOptions(inputText))\n      } else {\n        inputTextPrevRef.current = inputText\n        timeoutIdRef.current = setTimeout(() => {\n          setMenuRelevantOptions(getRelevantOptions(inputText))\n        }, 150)\n      }\n\n      return () => {\n        if (timeoutIdRef.current) {\n          clearTimeout(timeoutIdRef.current)\n        }\n      }\n    }, [getRelevantOptions, inputText])\n\n    useEffect(() => {\n      if (menuOpen === menuOpenPrevRef.current) return\n\n      if (menuOpen && onOpenMenu) onOpenMenu()\n      if (!menuOpen && onCloseMenu) onCloseMenu()\n\n      menuOpenPrevRef.current = menuOpen\n    }, [menuOpen, onCloseMenu, onOpenMenu])\n\n    useEffect(() => {\n      const handleScroll = (evt: Event) => {\n        inputRef.current?.focus()\n        setMenuOpenRequest(false)\n\n        if (evt.currentTarget) {\n          evt.currentTarget.removeEventListener(evt.type, handleScroll)\n        }\n      }\n\n      if (closeMenuOnScroll && menuOpen) {\n        document.addEventListener('scroll', handleScroll)\n      }\n\n      return () => {\n        document.removeEventListener('scroll', handleScroll)\n      }\n    }, [closeMenuOnScroll, menuOpen])\n\n    const syncInputTextWithSelectedOption = () => {\n      let selectedOptionText = ''\n\n      if (!multiple) {\n        const selectedOption = options.find((option) => option.value === inputValue)\n        selectedOptionText = selectedOption ? selectedOption.text : ''\n      }\n\n      setInputText(selectedOptionText)\n    }\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        label={label}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        error={status === 'error'}\n        success={status === 'success'}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{ ...iconBaseProps, ...iconProps }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\n          colorHover: rootProps.disabled ? palette.labelColorDisabled : palette.labelColorHover,\n          backgroundColor: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n          backgroundColorHover: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n          borderColor: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n          borderColorHover: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n        }}\n        onClick={(evt) => {\n          if (rootProps.onClick) rootProps.onClick(evt)\n\n          if (rootProps.disabled) return\n\n          inputRef.current?.focus()\n\n          if (!menuOpen) {\n            setMenuOpenRequest(true)\n          } else if (menuRef.current && evt.target instanceof Node && !menuRef.current.contains(evt.target)) {\n            setMenuOpenRequest(false)\n          }\n        }}\n        onKeyUp={(evt) => {\n          if (rootProps.onKeyUp) rootProps.onKeyUp(evt)\n\n          if (keyboardKeys.Esc.validate(evt.key)) {\n            inputRef.current?.focus()\n            setMenuOpenRequest(false)\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          if (evt.target !== inputRef.current && evt.target instanceof Node && evt.currentTarget.contains(evt.target)) {\n            evt.preventDefault()\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (!evt.currentTarget.contains(evt.relatedTarget)) {\n            syncInputTextWithSelectedOption()\n            setMenuOpenRequest(false)\n          }\n        }}\n        input={\n          <>\n            <Styled.Input\n              ref={inputRef}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              inputMode={inputMode}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              required={required && inputValueEmpty}\n              disabled={rootProps.disabled}\n              label={label}\n              labelPosition={labelPosition}\n              active={inputActive}\n              value={inputText}\n              palette={{\n                color: palette.color,\n                colorDisabled: palette.colorDisabled,\n                placeholderColor: palette.placeholderColor,\n                placeholderColorDisabled: palette.placeholderColorDisabled,\n              }}\n              onClick={(evt) => {\n                if (menuOpen && evt.currentTarget.selectionStart !== evt.currentTarget.selectionEnd) {\n                  evt.stopPropagation()\n                }\n              }}\n              onChange={(evt) => {\n                setInputText(evt.currentTarget.value)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                  evt.preventDefault()\n                  focusFirstFocusable(menuListRef.current)\n                }\n              }}\n            />\n            {multiple\n              ? inputMultipleValue.map((value) => (\n                  <input\n                    key={value}\n                    type='hidden'\n                    name={name}\n                    value={value}\n                    form={form}\n                    disabled={rootProps.disabled}\n                  />\n                ))\n              : inputValue.length > 0 && (\n                  <input type='hidden' name={name} value={inputValue} form={form} disabled={rootProps.disabled} />\n                )}\n          </>\n        }\n        addon={\n          multiple && inputMultipleValue.length > 0 ? (\n            <Chip\n              size='xs'\n              active\n              black\n              disabled={rootProps.disabled}\n              cursor={rootProps.disabled ? 'not-allowed' : undefined}\n              text={inputMultipleValue.length}\n              textProps={{\n                appearance: 'caption',\n                size: 'xs',\n              }}\n              palette={\n                rootProps.disabled\n                  ? {\n                      color: 'content-disabled',\n                      colorHover: 'content-disabled',\n                      backgroundColor: 'bg-disabled-small',\n                      backgroundColorHover: 'bg-disabled-small',\n                    }\n                  : undefined\n              }\n              onPointerDown={(evt) => {\n                evt.preventDefault()\n              }}\n              discardButtonProps={{\n                contrast: !rootProps.disabled,\n                onKeyDown: (evt) => {\n                  if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                    evt.preventDefault()\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                },\n                onClick: (evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    setInputMultipleValue([])\n\n                    if (onSelectOption) onSelectOption([])\n\n                    inputRef.current?.focus()\n                    setMenuOpenRequest(true)\n                  }\n                },\n              }}\n            />\n          ) : undefined\n        }\n        dropdown={\n          menuOpen ? (\n            <MenuComponent\n              {...menuProps}\n              ref={menuRef}\n              sizeUnits='%'\n              sizes={SIZES_MENU}\n              size={menuProps.size ?? 100}\n              tabIndex={menuNoRelevantOptions ? undefined : 0}\n              secondary={!contrast}\n              elevated={contrast}\n              disableAutoFocus\n              palette={{\n                backgroundColor: palette.menuBackgroundColor,\n                borderColor: palette.menuBorderColor,\n              }}\n              onFocus={(evt) => {\n                if (!menuListRef.current) return\n\n                if (evt.target === evt.currentTarget) {\n                  if (menuListRef.current.contains(evt.relatedTarget)) {\n                    inputRef.current?.focus()\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  inputRef.current?.focus()\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n              }}\n            >\n              {menuNoRelevantOptions ? (\n                <DropdownMenuNoOptions\n                  loading={loading}\n                  loadingMessage={loadingMessage}\n                  loadingIcon={loadingIcon}\n                  loadingIconProps={{ ...iconBaseProps, ...loadingIconProps }}\n                  emptyMessage={optionsEmptyMessage}\n                  emptyIcon={optionsEmptyIcon}\n                  emptyIconProps={{ ...iconBaseProps, ...optionsEmptyIconProps }}\n                />\n              ) : multiple ? (\n                <MenuList ref={menuListRef}>\n                  {inputText.length > 0 ? (\n                    <>\n                      {menuRelevantOptions.map((option) => {\n                        const optionSelected = inputMultipleValue.includes(option.value)\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionSelected && optionStatus === 'error'\n                        const optionSuccessStatus = optionSelected && optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            active={optionSelected}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked={optionSelected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = optionSelected\n                                      ? inputMultipleValue.filter((value) => value !== option.value)\n                                      : [...inputMultipleValue, evt.currentTarget.value]\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                    </>\n                  ) : (\n                    <>\n                      {optionsMultiToggle && (\n                        <ListItem\n                          {...sizeProps}\n                          text={optionsMultiToggleCaption}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              checked={multiToggleChecked}\n                              indeterminate={multiToggleIndeterminate}\n                              error={(multiToggleChecked || multiToggleIndeterminate) && status === 'error'}\n                              success={(multiToggleChecked || multiToggleIndeterminate) && status === 'success'}\n                              onChange={() => {\n                                if (!readOnly) {\n                                  const update =\n                                    multiToggleChecked || multiToggleIndeterminate\n                                      ? []\n                                      : options.map((option) => option.value)\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) onSelectOption(update.length === 0 ? [] : options)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )}\n                      {optionsMultiToggle && <MenuDivider />}\n                      {menuOptionsGroups[0].map((option) => {\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionStatus === 'error'\n                        const optionSuccessStatus = optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            active\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              if (readOnly) evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = inputMultipleValue.filter(\n                                      (value) => value !== evt.currentTarget.value\n                                    )\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                      {menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 && <MenuDivider />}\n                      {menuOptionsGroups[1].map((option) => (\n                        <ListItem\n                          {...sizeProps}\n                          key={option.value}\n                          text={option.text}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              value={option.value}\n                              checked={false}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = [...inputMultipleValue, evt.currentTarget.value]\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) {\n                                    onSelectOption(options.filter((option) => update.includes(option.value)))\n                                  }\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      ))}\n                    </>\n                  )}\n                </MenuList>\n              ) : (\n                <MenuList ref={menuListRef}>\n                  {menuRelevantOptions.map((option) => {\n                    const optionSelected = inputValue === option.value\n\n                    return (\n                      <ListItem\n                        {...sizeProps}\n                        key={option.value}\n                        text={option.text}\n                        active={optionSelected}\n                        danger={optionSelected && status === 'error'}\n                        success={optionSelected && status === 'success'}\n                        disabled={rootProps.disabled}\n                        borderRadius={8}\n                        ellipsis={false}\n                        textProps={{ wordBreak: 'break-word' }}\n                        onClick={(evt) => {\n                          evt.stopPropagation()\n\n                          if (!readOnly) {\n                            const update = optionSelected ? { value: '', text: '' } : option\n\n                            setInputText(update.text)\n                            setInputValue(update.value)\n\n                            if (onSelectOption) onSelectOption(update.value ? update : null)\n\n                            inputRef.current?.focus()\n\n                            setMenuOpenRequest(!update.value)\n                          }\n                        }}\n                      />\n                    )\n                  })}\n                </MenuList>\n              )}\n            </MenuComponent>\n          ) : undefined\n        }\n      />\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { Dropdown, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Dropdown","withMergedProps","forwardRef","props","ref","size","name","labelPosition","optionsMultiToggle","loading","iconProps","menuProps","closeMenuOnScroll","contrast","defaultSelectedOption","icon","inputMode","label","loadingMessage","loadingIcon","loadingIconProps","maxLength","multiple","onCloseMenu","onOpenMenu","onSelectOption","options","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","optionsEmptyIconProps","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","form","rootProps","sizeProps","iconBaseProps","color","disabled","getRelevantOptions","useMemo","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","tags","pattern","length","search","map","result","item","inputText","setInputText","useState","getDropdownInputText","inputValue","setInputValue","getDropdownInputValue","inputMultipleValue","setInputMultipleValue","getDropdownInputMultipleValue","menuRelevantOptions","setMenuRelevantOptions","menuOpenRequest","setMenuOpenRequest","menuOptionsGroups","groupDropdownOptions","menuOpen","menuNoRelevantOptions","inputActive","Boolean","inputValueEmpty","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","menuListRef","timeoutIdRef","inputTextPrevRef","menuOpenPrevRef","useEffect","current","setTimeout","clearTimeout","handleScroll","evt","focus","currentTarget","removeEventListener","type","document","addEventListener","syncInputTextWithSelectedOption","selectedOptionText","selectedOption","find","option","value","_jsx","FormInputLabel","active","onColored","error","success","Styled","up","labelColorDisabled","labelColor","colorHover","labelColorHover","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","borderColorHover","onClick","target","Node","contains","onKeyUp","keyboardKeys","Esc","validate","key","onPointerDown","preventDefault","onBlur","relatedTarget","input","_jsxs","_Fragment","children","autoComplete","autoCapitalize","autoCorrect","spellCheck","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","onKeyDown","Enter","Space","prev","ArrowDown","focusFirstFocusable","addon","Chip","black","cursor","undefined","textProps","appearance","discardButtonProps","dropdown","MenuComponent","sizes","SIZES_MENU","tabIndex","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","onFocus","DropdownMenuNoOptions","emptyMessage","emptyIcon","emptyIconProps","MenuList","optionSelected","includes","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","ListItem","danger","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","update","filter","indeterminate","MenuDivider","SIZES","displayName"],"mappings":"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"}

package/components/Dropdown/DropdownMenuNoOptions.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import{MenuContainer as r}from'../MenuContainer/MenuContainer.js';import{Text as o}from'../Text/Text.js';import{Icon as n}from'../Icon/Icon.js';import'../Icon/icons.js';import{IconContainer as i,LoadingIconAnimated as t}from'./style.js';import{jsxs as a,jsx as s}from'react/jsx-runtime';var m=m=>{var{loadingIcon:p=s(t,{}),emptyIcon:c="redo",loadingIconProps:d={},emptyIconProps:g={},loading:l,loadingMessage:f,emptyMessage:h}=m;return a(r,{children:[s(i,{children:s(n,l?e(e({},d),{},{preset:"brand",name:'string'==typeof p?p:void 0,icon:'string'!=typeof p?p:void 0}):e(e({},g),{},{preset:"brand",name:'string'==typeof c?c:void 0,icon:'string'!=typeof c?c:void 0}))}),l&&f&&s(o,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:f}),!l&&h&&s(o,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:h})]})};export{m as DropdownMenuNoOptions};
+'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var MenuContainer=require('../MenuContainer/MenuContainer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');exports.DropdownMenuNoOptions=e=>{const{loadingIcon:r=require$$0.jsx(style.LoadingIconAnimated,{}),emptyIcon:n="redo",loadingIconProps:i={},emptyIconProps:t={},loading:o,loadingMessage:a,emptyMessage:s}=e;return require$$0.jsxs(MenuContainer.MenuContainer,{children:[require$$0.jsx(style.IconContainer,{children:require$$0.jsx(Icon.Icon,o?{...i,preset:"brand",name:typeof r=='string'?r:void 0,icon:typeof r!='string'?r:void 0}:{...t,preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0})}),o&&a&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!o&&s&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};
 //# sourceMappingURL=DropdownMenuNoOptions.js.map

package/components/Dropdown/DropdownMenuNoOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            {...loadingIconProps}\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n          />\n        ) : (\n          <Icon\n            {...emptyIconProps}\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      )}\n      {!loading && emptyMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      )}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled.LoadingIconAnimated","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Styled.IconContainer","Icon","preset","name","undefined","icon","_objectSpread","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"mVAOMA,IAAAA,EAAyBC,IAC7B,IAAMC,YACJA,EAAcC,EAACC,EADX,IAAAC,UAEJA,EAAY,OAFRC,iBAGJA,EAAmB,GAHfC,eAIJA,EAAiB,GAJbC,QAKJA,EALIC,eAMJA,EANIC,aAOJA,GACET,EAEJ,OACEU,EAACC,EAAD,CAAAC,SACE,CAAAV,EAACW,EAAD,CAAAD,SAEIV,EAACY,EADFP,SAEOF,GADN,GAAA,CAEEU,OAAO,QACPC,KAA6B,iBAAhBf,EAA2BA,OAAcgB,EACtDC,KAA6B,iBAAhBjB,EAA2BA,OAAcgB,IAGxDE,EAAAA,EAAA,GACMb,GADN,GAAA,CAEES,OAAO,QACPC,KAA2B,iBAAdZ,EAAyBA,OAAAA,EACtCc,KAA2B,iBAAdd,EAAyBA,OAAAA,OAI3CG,GAAWC,GACVN,EAACkB,EAAD,CACEC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GATdjB,SAWGJ,KAGHD,GAAWE,GACXP,EAACkB,EAAD,CACEC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GATdjB,SAWGH"}
+{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            {...loadingIconProps}\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n          />\n        ) : (\n          <Icon\n            {...emptyIconProps}\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      )}\n      {!loading && emptyMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      )}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","LoadingIconAnimated","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","jsx","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"8PAO+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAA0BC,wBAAGC,UAC5CA,EAAY,OAAMC,iBAClBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SACZX,CAAAA,WAAAY,IAACX,oBAAoB,CAAAU,SAEjBX,WAAAY,IAACC,UADFP,EACM,IACCF,EACJU,OAAO,QACPC,YAAahB,GAAgB,SAAWA,OAAciB,EACtDC,YAAalB,GAAgB,SAAWA,OAAciB,GAGnD,IACCX,EACJS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,MAIvDV,GAAWC,GACVP,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdJ,KAGHD,GAAWE,GACXR,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdH,MAGS"}

package/components/Dropdown/DropdownMenuNoOptions.mjs

@@ -0,0 +1,2 @@
+import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e="redo",loadingIconProps:r={},emptyIconProps:t={},loading:i,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,i?{...r,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0}:{...t,preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0})}),i&&a&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!i&&s&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};export{DropdownMenuNoOptions};
+//# sourceMappingURL=DropdownMenuNoOptions.mjs.map

package/components/Dropdown/DropdownMenuNoOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuNoOptions.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            {...loadingIconProps}\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n          />\n        ) : (\n          <Icon\n            {...emptyIconProps}\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      )}\n      {!loading && emptyMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      )}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"uOAOMA,MAAAA,sBAAyBC,IAC7B,MAAMC,YACJA,EAAcC,IAACC,wBAA6BC,UAC5CA,EAAY,OAAMC,iBAClBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACET,EAEJ,OACEU,KAACC,cAAa,CAAAC,SACZV,CAAAA,IAACC,cAAoB,CAAAS,SAEjBV,IAACW,KADFN,EACM,IACCF,EACJS,OAAO,QACPC,YAAad,GAAgB,SAAWA,OAAce,EACtDC,YAAahB,GAAgB,SAAWA,OAAce,GAGnD,IACCV,EACJQ,OAAO,QACPC,YAAaX,GAAc,SAAWA,OAAYY,EAClDC,YAAab,GAAc,SAAWA,OAAYY,MAIvDT,GAAWC,GACVN,IAACgB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,KAGHD,GAAWE,GACXP,IAACgB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,MAGS"}

package/components/Dropdown/constants.js

@@ -1,2 +1,2 @@
-import'../FormInputLabel/FormInputLabel.js';import{SIZES as x}from'../FormInputLabel/constants.js';import'../InputCheckbox/InputCheckbox.js';import{SIZES as t}from'../InputCheckbox/constants.js';var i={text:'text',tags:'tags'};var s={xxxl:x.l,xxl:x.l,xl:x.l,l:x.l,m:x.m,s:x.s,xs:x.s,xxs:x.s,xxxs:x.s};var n={xxxl:t.m,xxl:t.m,xl:t.m,l:t.m,m:t.s,s:t.xs,xs:t.xs,xxs:t.xs,xxxs:t.xs};var m={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};export{i as FuseSearchKeys,s as SIZES,n as SIZES_CHECKBOX,m as SIZES_MENU};
+'use strict';var constants=require('../FormInputLabel/constants.js');var constants$1=require('../InputCheckbox/constants.js');const SIZES={xxxl:constants.SIZES.l,xxl:constants.SIZES.l,xl:constants.SIZES.l,l:constants.SIZES.l,m:constants.SIZES.m,s:constants.SIZES.s,xs:constants.SIZES.s,xxs:constants.SIZES.s,xxxs:constants.SIZES.s};const SIZES_CHECKBOX={xxxl:constants$1.SIZES.m,xxl:constants$1.SIZES.m,xl:constants$1.SIZES.m,l:constants$1.SIZES.m,m:constants$1.SIZES.s,s:constants$1.SIZES.xs,xs:constants$1.SIZES.xs,xxs:constants$1.SIZES.xs,xxxs:constants$1.SIZES.xs};exports.FuseSearchKeys={text:'text',tags:'tags'},exports.SIZES=SIZES,exports.SIZES_CHECKBOX=SIZES_CHECKBOX,exports.SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};
 //# sourceMappingURL=constants.js.map

package/components/Dropdown/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Sizes } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Sizes = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Sizes = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Sizes = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","SIZES_MENU","width","minWidth","maxWidth"],"mappings":"mMAIO,IAAMA,EAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,IAAMC,EAAe,CAC1BC,KAAMC,EAAuBC,EAC7BC,IAAKF,EAAuBC,EAC5BE,GAAIH,EAAuBC,EAC3BA,EAAGD,EAAuBC,EAC1BG,EAAGJ,EAAuBI,EAC1BC,EAAGL,EAAuBK,EAC1BC,GAAIN,EAAuBK,EAC3BE,IAAKP,EAAuBK,EAC5BG,KAAMR,EAAuBK,GAGxB,IAAMI,EAAwB,CACnCV,KAAMW,EAAqBN,EAC3BF,IAAKQ,EAAqBN,EAC1BD,GAAIO,EAAqBN,EACzBH,EAAGS,EAAqBN,EACxBA,EAAGM,EAAqBL,EACxBA,EAAGK,EAAqBJ,GACxBA,GAAII,EAAqBJ,GACzBC,IAAKG,EAAqBJ,GAC1BE,KAAME,EAAqBJ,IAGtB,IAAMK,EAAoB,CAC/BZ,KAAM,CACJa,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,IAAK,CACHU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,GAAI,CACFS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,EAAG,CACDW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,GAAI,CACFM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,IAAK,CACHK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZN,KAAM,CACJI,MAAO,IACPC,SAAU,OACVC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Sizes } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Sizes = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Sizes = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Sizes = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","text","tags","width","minWidth","maxWidth"],"mappings":"8HASO,MAAMA,MAAe,CAC1BC,KAAMC,UAAsBF,MAACG,EAC7BC,IAAKF,UAAsBF,MAACG,EAC5BE,GAAIH,UAAsBF,MAACG,EAC3BA,EAAGD,UAAsBF,MAACG,EAC1BG,EAAGJ,UAAsBF,MAACM,EAC1BC,EAAGL,UAAsBF,MAACO,EAC1BC,GAAIN,UAAsBF,MAACO,EAC3BE,IAAKP,UAAsBF,MAACO,EAC5BG,KAAMR,UAAsBF,MAACO,GAGxB,MAAMI,eAAwB,CACnCV,KAAMW,YAAoBZ,MAACM,EAC3BF,IAAKQ,YAAoBZ,MAACM,EAC1BD,GAAIO,YAAoBZ,MAACM,EACzBH,EAAGS,YAAoBZ,MAACM,EACxBA,EAAGM,YAAoBZ,MAACO,EACxBA,EAAGK,YAAoBZ,MAACQ,GACxBA,GAAII,YAAoBZ,MAACQ,GACzBC,IAAKG,YAAoBZ,MAACQ,GAC1BE,KAAME,YAAoBZ,MAACQ,2BA1BC,CAC5BK,KAAM,OACNC,KAAM,qFA2ByB,CAC/Bb,KAAM,CACJc,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,IAAK,CACHW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,GAAI,CACFU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZd,EAAG,CACDY,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,EAAG,CACDS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,GAAI,CACFO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,IAAK,CACHM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,KAAM,CACJK,MAAO,IACPC,SAAU,OACVC,SAAU"}

package/components/Dropdown/constants.mjs

@@ -0,0 +1,2 @@
+import{SIZES as SIZES$1}from'../FormInputLabel/constants.mjs';import{SIZES as SIZES$2}from'../InputCheckbox/constants.mjs';const FuseSearchKeys={text:'text',tags:'tags'};const SIZES={xxxl:SIZES$1.l,xxl:SIZES$1.l,xl:SIZES$1.l,l:SIZES$1.l,m:SIZES$1.m,s:SIZES$1.s,xs:SIZES$1.s,xxs:SIZES$1.s,xxxs:SIZES$1.s};const SIZES_CHECKBOX={xxxl:SIZES$2.m,xxl:SIZES$2.m,xl:SIZES$2.m,l:SIZES$2.m,m:SIZES$2.s,s:SIZES$2.xs,xs:SIZES$2.xs,xxs:SIZES$2.xs,xxxs:SIZES$2.xs};const SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};export{FuseSearchKeys,SIZES,SIZES_CHECKBOX,SIZES_MENU};
+//# sourceMappingURL=constants.mjs.map

package/components/Dropdown/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Sizes } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Sizes = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Sizes = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Sizes = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","SIZES_MENU","width","minWidth","maxWidth"],"mappings":"2HAIO,MAAMA,eAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,MAAMC,MAAe,CAC1BC,KAAMC,QAAuBC,EAC7BC,IAAKF,QAAuBC,EAC5BE,GAAIH,QAAuBC,EAC3BA,EAAGD,QAAuBC,EAC1BG,EAAGJ,QAAuBI,EAC1BC,EAAGL,QAAuBK,EAC1BC,GAAIN,QAAuBK,EAC3BE,IAAKP,QAAuBK,EAC5BG,KAAMR,QAAuBK,GAGxB,MAAMI,eAAwB,CACnCV,KAAMW,QAAqBN,EAC3BF,IAAKQ,QAAqBN,EAC1BD,GAAIO,QAAqBN,EACzBH,EAAGS,QAAqBN,EACxBA,EAAGM,QAAqBL,EACxBA,EAAGK,QAAqBJ,GACxBA,GAAII,QAAqBJ,GACzBC,IAAKG,QAAqBJ,GAC1BE,KAAME,QAAqBJ,IAGtB,MAAMK,WAAoB,CAC/BZ,KAAM,CACJa,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,IAAK,CACHU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,GAAI,CACFS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,EAAG,CACDW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,GAAI,CACFM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,IAAK,CACHK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZN,KAAM,CACJI,MAAO,IACPC,SAAU,OACVC,SAAU"}

package/components/Dropdown/style.js

@@ -1,2 +1,2 @@
-import o,{keyframes as n}from'styled-components';import{ChevronDown as e,LoaderFill as r}from'@foxford/icon-pack';var t=o.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-519mcg-0"})([""," ",""],(o=>{var n='1';var e='0px';return o.label&&'dynamic'===o.labelPosition&&(n="".concat(o.active?1:0),e='0.8em'),o.label&&'top'===o.labelPosition&&(e='0.8em'),o.label&&'center'===o.labelPosition&&(n="".concat(o.active?1:0)),"\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ".concat(n,";\n      padding-top: ").concat(e,";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    ")}),(o=>{var n,e,r,t;return a={color:null!==(n=o.palette.color)&&void 0!==n?n:o.theme.colors['content-onmain-primary'],placeholderColor:null!==(e=o.palette.placeholderColor)&&void 0!==e?e:o.theme.colors['content-onmain-secondary'],colorDisabled:null!==(r=o.palette.colorDisabled)&&void 0!==r?r:o.theme.colors['content-disabled'],placeholderColorDisabled:null!==(t=o.palette.placeholderColorDisabled)&&void 0!==t?t:o.theme.colors['content-disabled']},"\n  color: ".concat(a.color,";\n  &::placeholder {\n    color: ").concat(a.placeholderColor,";\n  }\n  &:disabled {\n    color: ").concat(a.colorDisabled,";\n  }\n  &:disabled::placeholder {\n    color: ").concat(a.placeholderColorDisabled,";\n  }\n");var a}));var a=n(["100%{transform:rotate(360deg);}"]);var i=o.div.withConfig({componentId:"fox-ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);var l=o(e).withConfig({shouldForwardProp:o=>'up'!==o}).withConfig({componentId:"fox-ui__sc-519mcg-2"})(["",""],(o=>"\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(".concat(o.up?180:0,"deg);\n  ")));var c=o(r).withConfig({componentId:"fox-ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],a);export{l as ChevronIcon,i as IconContainer,t as Input,c as LoadingIconAnimated};
+'use strict';var styled=require('styled-components');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${o};\n      padding-top: ${e};\n      cursor: ${n.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(n=>{return`\n  color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated;
 //# sourceMappingURL=style.js.map

package/components/Dropdown/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","componentId","props","opacity","paddingTop","label","labelPosition","concat","active","disabled","_props$palette$color","_props$palette$placeh","_props$palette$colorD","_props$palette$placeh2","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"kHAiBO,IAAMA,EAAQC,EAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KADpFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,IAAA,KAGbO,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAAiC,YAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,GAChCJ,EAAa,SAGXF,EAAMG,OAAiC,QAAxBH,EAAMI,gBACvBF,EAAa,SAGXF,EAAMG,OAAiC,WAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,IAcrBL,yRAAAA,OAAAA,EACIC,0BAAAA,OAAAA,EACLF,qBAAAA,OAAAA,EAAMO,SAAW,cAAgB,UAb7C,yFAqBCP,IAAD,IAAAQ,EAAAC,EAAAC,EAAAC,EAAA,OAtDcC,EAuDL,CACPC,MAAK,QAAEb,EAAAA,EAAMY,QAAQC,aAAAA,IAAhBL,EAAAA,EAAyBR,EAAMc,MAAMC,OAAO,0BACjDC,iBAAgB,QAAEhB,EAAAA,EAAMY,QAAQI,wBAAhB,IAAAP,EAAAA,EAAoCT,EAAMc,MAAMC,OAAO,4BACvEE,cAAa,QAAEjB,EAAAA,EAAMY,QAAQK,yBAAhBP,EAAAA,EAAiCV,EAAMc,MAAMC,OAAO,oBACjEG,yBAAoElB,QAA1CA,EAAAA,EAAMY,QAAQM,gCAAAA,IAA4BlB,EAAAA,EAAAA,EAAMc,MAAMC,OAAO,0CA1DlFH,EAAQC,MAEND,sCAAAA,OAAAA,EAAQI,iBAHJ,uCAAAX,OAMJO,EAAQK,yEAGRL,EAAQM,yBATrB,YAAkBN,IAAAA,KA+DlB,IAAMO,EAAgBC,EAAtB,CAAA,oCAMaC,IAAAA,EAAgB5B,EAAO6B,IAAV3B,WAAA,CAAAI,YAAA,uBAAGN,CAAtB,CAAA,gGAQA,IAAM8B,EAAc9B,EAAO+B,GAAa7B,WAAmC,CAChFC,kBAAoBC,GAAwB,OAAZA,IADVF,WAAA,CAAAI,YAAA,uBAAGN,CAGtBO,CAAAA,GAAAA,KAAAA,GAImBA,gIAAAA,OAAAA,EAAMyB,GAAK,IAAM,EAJrC,mBAQSC,EAAsBjC,EAAOkC,GAAVhC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,qCAAA,4BAEjB0B"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","default","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"ufAiBO,MAAMA,MAAQC,gBAAAA,QAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGN,MAAMO,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgBzB,gBAAAA,QAAO0B,IAAGxB,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM2B,YAAc3B,gBAAM4B,QAACC,mBAAa3B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMsB,GAAK,IAAM,eAIlC,MAAMC,oBAAsB/B,gBAAM4B,QAACI,oBAAW9B,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtCuB"}

package/components/Dropdown/style.mjs

@@ -0,0 +1,2 @@
+import styled,{keyframes}from'styled-components';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated};
+//# sourceMappingURL=style.mjs.map

package/components/Dropdown/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"8aAiBO,MAAMA,MAAQC,OAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGN,MAAMO,cAAgBC,UAIrB,CAAA,0CAEYC,cAAgBzB,OAAO0B,IAAGxB,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM2B,YAAc3B,OAAO4B,eAAa1B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMqB,GAAK,IAAM,eAIlC,MAAMC,oBAAsB9B,OAAO+B,cAAW7B,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtCuB"}

package/components/Dropdown/utils.js

@@ -1,2 +1,2 @@
-var r=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'';var a=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'';var e=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[];var u=(r,a)=>r.reduce(((r,e)=>(r[a.includes(e.value)?0:1].push(e),r)),[[],[]]);export{e as getDropdownInputMultipleValue,r as getDropdownInputText,a as getDropdownInputValue,u as groupDropdownOptions};
+'use strict';exports.getDropdownInputMultipleValue=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[],exports.getDropdownInputText=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'',exports.getDropdownInputValue=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'',exports.groupDropdownOptions=(r,e)=>r.reduce(((r,t)=>(r[e.includes(t.value)?0:1].push(t),r)),[[],[]]);
 //# sourceMappingURL=utils.js.map

package/components/Dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,IAAAA,EAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,IAAAA,EAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,IAAAA,EAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,OAKTI,EAAuB,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["option","Array","isArray","map","item","value","text","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"mDAkB8CA,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOG,KAAKC,GAASA,EAAKC,QAAS,CAACL,EAAOK,OAFtD,gCAjBeL,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGM,KAAO,GAExDN,EAAOM,KAJM,iCAOgBN,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,gCAacE,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQX,KACPW,EAAOF,EAAsBG,SAASZ,EAAOK,OAAS,EAAI,GAAGQ,KAAKb,GAC3DW,IAET,CAAC,GAAI"}

package/components/Dropdown/utils.mjs

@@ -0,0 +1,2 @@
+const getDropdownInputText=t=>t?Array.isArray(t)?t[0]?t[0].text:'':t.text:'';const getDropdownInputValue=t=>t?Array.isArray(t)?t[0]?t[0].value:'':t.value:'';const getDropdownInputMultipleValue=t=>t?Array.isArray(t)?t.map((t=>t.value)):[t.value]:[];const groupDropdownOptions=(t,e)=>t.reduce(((t,o)=>(t[e.includes(o.value)?0:1].push(o),t)),[[],[]]);export{getDropdownInputMultipleValue,getDropdownInputText,getDropdownInputValue,groupDropdownOptions};
+//# sourceMappingURL=utils.mjs.map

package/components/Dropdown/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,MAAAA,qBAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,MAAAA,sBAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,MAAAA,8BAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,SAKTI,qBAAuBA,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}

package/components/FormInputLabel/FormInputLabel.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{Text as o}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Spacer as a}from'../Spacer/Spacer.js';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{SIZES as s}from'./constants.js';import{Root as p,Label as l,Caption as m,Dropdown as c}from'./style.js';import{jsxs as d,jsx as f}from'react/jsx-runtime';var h=["size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown"];var b='FormInputLabel';var g=n(i(((i,n)=>{var{size:s="m",labelPosition:b="dynamic",textProps:g={},iconProps:x={},icon:y,input:j,label:P,text:u,controls:v,addon:w,dropdown:I}=i,L=e(i,h);var[S,z]=Array.isArray(y)?y:[y];return d(p,r(r({},L),{},{size:s,labelPosition:b,ref:n,children:[S&&f(a,{display:"flex",marginRight:12,children:f(t,r({preset:"brand",name:'string'==typeof S?S:void 0,icon:'string'!=typeof S?S:void 0},x))}),d(l,r(r({size:"inherit",color:"inherit"},g),{},{children:[j,P&&f(m,{children:P})]})),u&&f(o,r(r({size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:w||z||v?void 0:6},g),{},{children:u})),w&&f(a,{display:"flex",marginLeft:12,children:w}),z&&f(a,{display:"flex",marginLeft:12,marginRight:8,children:f(t,r({preset:"brand",name:'string'==typeof z?z:void 0,icon:'string'!=typeof z?z:void 0},x))}),v&&f(a,{display:"flex",marginLeft:4,children:v}),I&&f(c,{children:I})]}))})),{sizes:s,displayName:"FormInputLabel"});export{b as COMPONENT_NAME,g as FormInputLabel};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:i="m",labelPosition:t="dynamic",textProps:s={},iconProps:n={},icon:a,input:o,label:c,text:p,controls:l,addon:d,dropdown:u,...x}=e;const[$,h]=Array.isArray(a)?a:[a];return require$$0.jsxs(style.Root,{...x,size:i,labelPosition:t,ref:r,children:[$&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginRight:12,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof $=='string'?$:void 0,icon:typeof $!='string'?$:void 0,...n})}),require$$0.jsxs(style.Label,{size:"inherit",color:"inherit",...s,children:[o,c&&require$$0.jsx(style.Caption,{children:c})]}),p&&require$$0.jsx(Text.Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:d||h||l?void 0:6,...s,children:p}),d&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,children:d}),h&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,marginRight:8,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),l&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:4,children:l}),u&&require$$0.jsx(style.Dropdown,{children:u})]})})),{sizes:constants.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
 //# sourceMappingURL=FormInputLabel.js.map

package/components/FormInputLabel/FormInputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","_excluded","before","after","Array","isArray","_jsxs","Styled.Root","children","_jsx","Spacer","display","marginRight","Icon","_objectSpread","preset","name","undefined","Styled.Label","color","Styled.Caption","Text","whiteSpace","marginLeft","Styled.Dropdown","sizes","SIZES","displayName"],"mappings":"6nBASMA,IAAAA,EAAiB,iBAEjBC,IAAAA,EAAuEC,EAI3EC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,cAEJA,EAAgB,UAFZC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,KAQJA,EARIC,SASJA,EATIC,MAUJA,EAVIC,SAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAOC,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,OACEa,EAACC,SAAgBP,GAAjB,GAAA,CAA4BX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAA3EoB,SACGN,CAAAA,GACCO,EAACC,EAAD,CAAQC,QAAQ,OAAOC,YAAa,GAApCJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXd,EAAsBA,OAAAA,EACnCT,KAAwB,iBAAXS,EAAsBA,OAASe,GACxCzB,MAIVc,EAACY,EAADJ,EAAAA,EAAA,CAAczB,KAAK,UAAU8B,MAAM,WAAc5B,GAAjD,GAAA,CAAAiB,SAAA,CACGd,EACAC,GAASc,EAACW,EAAD,CAAAZ,SAAiBb,QAE5BC,GACCa,EAACY,EAADP,EAAAA,EAAA,CACEzB,KAAK,UACL8B,MAAM,UACNG,WAAW,SACXC,WAAY,GACZX,YAAcd,GAAUK,GAAUN,OAAeoB,EAAJ,GACzC1B,GANN,GAAA,CAAAiB,SAQGZ,KAGJE,GACCW,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAnCf,SACGV,IAGJK,GACCM,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAIX,YAAa,EAApDJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVb,EAAqBA,SAClCV,KAAuB,iBAAVU,EAAqBA,OAAQc,GACtCzB,MAITK,GACCY,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,EAAnCf,SACGX,IAGJE,GAAYU,EAACe,EAAD,CAAAhB,SAAkBT,WAIrC,CACE0B,MAAOC,EACPC,YA9EmB"}
+{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","before","after","Array","isArray","_jsxs","Styled","children","_jsx","jsx","Spacer","display","marginRight","Icon","preset","name","undefined","jsxs","color","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"2UAWMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,cACVA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,MACRA,EAAKC,SACLA,KACGC,GACDb,EAEJ,MAAOc,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,OACEY,WAAAA,KAACC,MAAAA,KAAW,IAAKN,EAAWX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAAImB,SAC5EN,CAAAA,GACCO,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOC,YAAa,GAAGL,SACrCC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAad,GAAW,SAAWA,OAASe,EAC5CvB,YAAaQ,GAAW,SAAWA,OAASe,KACxCxB,MAIVa,WAAAY,KAACX,YAAY,CAACjB,KAAK,UAAU6B,MAAM,aAAc3B,EAASgB,SAAA,CACvDb,EACAC,GAASa,WAAAA,IAACF,MAAAA,QAAc,CAAAC,SAAEZ,OAE5BC,GACCY,WAAAC,IAACU,UAAI,CACH9B,KAAK,UACL6B,MAAM,UACNE,WAAW,SACXC,WAAY,GACZT,YAAcd,GAAUI,GAAUL,OAAemB,EAAJ,KACzCzB,EAASgB,SAEZX,IAGJE,GACCU,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAGd,SACnCT,IAGJI,GACCM,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAIT,YAAa,EAAEL,SACpDC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAab,GAAU,SAAWA,OAAQc,EAC1CvB,YAAaS,GAAU,SAAWA,OAAQc,KACtCxB,MAITK,GACCW,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,EAAEd,SAClCV,IAGJE,GAAYS,WAAAC,IAACH,eAAe,CAAAC,SAAER,MACnB,IAGlB,CACEuB,MAAOC,UAAKA,MACZC,YA9EmB,0CAAA"}

package/components/FormInputLabel/FormInputLabel.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Label,Caption,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef(((r,e)=>{const{size:o="m",labelPosition:i="dynamic",textProps:t={},iconProps:n={},icon:s,input:a,label:p,text:m,controls:c,addon:l,dropdown:d,...f}=r;const[x,h]=Array.isArray(s)?s:[s];return jsxs(Root,{...f,size:o,labelPosition:i,ref:e,children:[x&&jsx(Spacer,{display:"flex",marginRight:12,children:jsx(Icon,{preset:"brand",name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...n})}),jsxs(Label,{size:"inherit",color:"inherit",...t,children:[a,p&&jsx(Caption,{children:p})]}),m&&jsx(Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:l||h||c?void 0:6,...t,children:m}),l&&jsx(Spacer,{display:"flex",marginLeft:12,children:l}),h&&jsx(Spacer,{display:"flex",marginLeft:12,marginRight:8,children:jsx(Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),c&&jsx(Spacer,{display:"flex",marginLeft:4,children:c}),d&&jsx(Dropdown,{children:d})]})})),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};
+//# sourceMappingURL=FormInputLabel.mjs.map

package/components/FormInputLabel/FormInputLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputLabel.mjs","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","before","after","Array","isArray","_jsxs","Styled","children","_jsx","Spacer","display","marginRight","Icon","preset","name","undefined","color","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"yUASMA,MAAAA,eAAiB,iBAEjBC,MAAAA,eAAuEC,gBAI3EC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,cACVA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,MACRA,EAAKC,SACLA,KACGC,GACDb,EAEJ,MAAOc,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,OACEY,KAACC,KAAW,IAAKN,EAAWX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAAImB,SAC5EN,CAAAA,GACCO,IAACC,OAAM,CAACC,QAAQ,OAAOC,YAAa,GAAGJ,SACrCC,IAACI,KAAI,CACHC,OAAO,QACPC,YAAab,GAAW,SAAWA,OAASc,EAC5CtB,YAAaQ,GAAW,SAAWA,OAASc,KACxCvB,MAIVa,KAACC,MAAY,CAACjB,KAAK,UAAU2B,MAAM,aAAczB,EAASgB,SAAA,CACvDb,EACAC,GAASa,IAACF,QAAc,CAAAC,SAAEZ,OAE5BC,GACCY,IAACS,KAAI,CACH5B,KAAK,UACL2B,MAAM,UACNE,WAAW,SACXC,WAAY,GACZR,YAAcb,GAAUI,GAAUL,OAAekB,EAAJ,KACzCxB,EAASgB,SAEZX,IAGJE,GACCU,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,GAAGZ,SACnCT,IAGJI,GACCM,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,GAAIR,YAAa,EAAEJ,SACpDC,IAACI,KAAI,CACHC,OAAO,QACPC,YAAaZ,GAAU,SAAWA,OAAQa,EAC1CtB,YAAaS,GAAU,SAAWA,OAAQa,KACtCvB,MAITK,GACCW,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,EAAEZ,SAClCV,IAGJE,GAAYS,IAACF,SAAe,CAAAC,SAAER,MACnB,IAGlB,CACEqB,MAAOC,MACPC,YA9EmB"}

package/components/FormInputLabel/constants.js

@@ -1,2 +1,2 @@
-var d={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};export{d as SIZES};
+'use strict';exports.SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};
 //# sourceMappingURL=constants.js.map

package/components/FormInputLabel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}

package/components/FormInputLabel/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/FormInputLabel/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}

package/components/FormInputLabel/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{Text as t}from'../Text/Text.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';var s=c((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));var i=r(t).attrs({forwardedAs:'label'}).withConfig({componentId:"fox-ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);var b=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:focus-within {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(i,"::after {\n    color: ").concat(o.backgroundColor,";\n  }\n");var m={onColored:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},secondary:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},primary:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var g=r.div.withConfig({componentId:"fox-ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);var h=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({componentId:"fox-ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{var r;var e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';var n='1';var t='auto';'top'===o.labelPosition&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),'center'===o.labelPosition&&(e="translateY(-50%)",n=o.active?'0':'1',t=o.active?'-1':'auto');var c='1px';return"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      align-items: center;\n      min-width: min-content;\n      border: ").concat(c," solid transparent;\n      z-index: ").concat(null!==(r=o.zIndex)&&void 0!==r?r:'auto',";\n      transition-property: background-color;\n\n      & > ").concat(g," {\n        right: -").concat(c,";\n        left: -").concat(c,";\n      }\n\n      &,\n      & > ").concat(i,"::after,\n      & > ").concat(i," > ").concat(d," {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ").concat(i," > ").concat(d," {\n        transform: ").concat(e,";\n        opacity: ").concat(n,";\n        z-index: ").concat(t,";\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ").concat(i,"::after,\n      &:focus-within > ").concat(i,"::after {\n        opacity: 0;\n      }\n    ")}),(o=>{var r=m.primary;return o.secondary&&(r=m.secondary),o.onColored&&(r=m.onColored),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default}),a,l);export{d as Caption,g as Dropdown,i as Label,h as Root};
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var Text=require('../Text/Text.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardFormInputLabelProp=style.createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled__default.default(Text.Text).attrs({forwardedAs:'label'}).withConfig({displayName:"FormInputLabel__Label",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled__default.default.span.withConfig({displayName:"FormInputLabel__Caption",componentId:"ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled__default.default.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Caption=Caption,exports.Dropdown=Dropdown,exports.Label=Label,exports.Root=Root;
 //# sourceMappingURL=style.js.map