@veracity/vui 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport type { InputProps } from './input.types'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(iconLeft) ? <InputIcon ml={1} name={iconLeft} /> : iconLeft}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(iconRight) ? <InputIcon mr={1} name={iconRight} /> : iconRight}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton icon=\"uiTimes\" mr={0.5} onClick={onClear} size={clearIconSize[size]} title=\"Clear\" />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport type { InputProps } from './input.types'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Input] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Input] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(resolvedStartIcon) ? <InputIcon ml={1} name={resolvedStartIcon} /> : resolvedStartIcon}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(resolvedEndIcon) ? <InputIcon mr={1} name={resolvedEndIcon} /> : resolvedEndIcon}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\n                  variant=\"tertiary\"\n                />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,YAAY,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCtC,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,YACA,WACA,cACA,uBACA,qBACA,WACA,UACA,WACA,cACA,UACA,kBACA,WACA,UACA,WACA,SACA,UACA,WACA,IAAI,QACJ,OACA,YACA,UACA,UACA,WACA,OACA,mBACA,kBACA,KACA,WACA,KACA,WACA,MACA,QACA,UAAU,cACV,SACA,SACA,aACA,UACA,UACA,WACA,OAAO,MACP,QAAQ,IACR,cACA,MACA,OAAO,QACP,OACA,SACA,GAAG,SACD;CAEJ,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,gBAAgB,GAAG;CACtE,MAAM,SAAS;EAAE,GAAG;EAAmB,GAAG;EAAc;CAExD,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,SAAS,MAAM;CAE7C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAU;EAAM;EAAS,CAAC,EAAE;EAAC;EAAU;EAAM;EAAQ,CAAC;CAEtG,SAAS,SAAS,GAAgB;EAChC,MAAM,aAAa,EAAE,OAAO;EAG5B,MAAM,QAAQ,YAAY,WAAW,MAAM,GAAG,UAAU,GAAG;AAE3D,mBAAiB,MAAM;AACvB,WAAS,OAAO,OAAO;AACvB,iBAAe,EAAE;;CAGnB,SAAS,qBAAqB,OAAe;AAE3C,WADU;GAAE,QAAQ,EAAE,OAAO;GAAE,MAAM;GAAsB,CACtB;;CAGvC,SAAS,UAAU;EACjB,MAAM,QAAQ;EACd,MAAM,IAAI;GAAE,QAAQ,EAAE,OAAO;GAAE,MAAM;GAAW;AAChD,mBAAiB,MAAM;AACvB,WAAS,EAAE;AACX,WAAS,EAA4B;;CAGvC,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,MAAI,UAAU,UAAa,iBAAiB,OAAW;AACvD,mBAAiB,SAAS,GAAG;AAC7B,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,iBAAgB;AAEZ,MAAI,aAAa,OACf,SAAQ,KAAK,6DAA6D;AAE5E,MAAI,cAAc,OAChB,SAAQ,KAAK,4DAA4D;IAG5E,CAAC,UAAU,UAAU,CAAC;CAEzB,MAAM,6BAA6B,MACjC,kBAAkB,IAAI,QAAQ,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,GAAG,gBAAgB,aAAa,CAAC;AAE5G,QACE,oBAAC;EAAc,OAAO;YACnB,mBACC,oBAAC;GAAE,WAAW,GAAG,mBAAmB,UAAU;GAAE,MAAM,yBAAyB;aAC5E,SAAS;IACR,GAEJ,oBAACA;GACwB;GACF;GACM;GACL;aAEtB,qBAAC;IAAI,WAAU;IAAqB;IAAY;IAAK,GAAI;;KACtD,SAAS,MAAM,GACd,oBAAC;MACC,iBAAe;MACf,WAAU;MACV,SAAS;MACT,gBAAgB;MAChB,IAAI;MACJ,MAAM;MACN,aAAa;MACb,GAAI,OAAO;OACX,GAEF;KAGF,qBAAC;MAAU,WAAW,GAAG,aAAa,UAAU;MAAE,GAAI,OAAO;MAAW,GAAI;;OACzE;OACA,SAAS,kBAAkB,GAAG,oBAAC;QAAU,IAAI;QAAG,MAAM;SAAqB,GAAG;OAC9E,YAAY,SACX,oBAAC;QACC,KAAK;QAEH;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEF,cAAc,qBAAqB,SAAS,QAAQ;QACpD,OAAO;QACP,GAAI;SACJ;OAEH,SAAS,gBAAgB,GAAG,oBAAC;QAAU,IAAI;QAAG,MAAM;SAAmB,GAAG;OAC1E;OACA,SAAS,oBAAC;QAAU,IAAI;QAAG,GAAI,OAAO,QAAQ;SAAa;OAC3D,cAAc,CAAC,CAAC,iBACf,oBAAC;QACC,MAAK;QACL,IAAI;QACJ,SAAS;QACT,MAAM,cAAc;QACpB,OAAM;QACN,SAAQ;SACR;OAEH,aACC,qBAAC;QACC,WAAU;QACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;QACxE,UAAS;QACT,OAAO;QACP,MAAK;QACL,KAAI;;SAEH;SAAM;SAAE,YAAY,KAAK,cAAc;;SACtC;;OAEI;KACX,CAAC,CAAC,YAAY,oBAAC;MAAS,MAAM,aAAa;gBAAQ;OAAoB;KACvE,CAAC,CAAC,aACD,oBAAC;MAAS;MAAQ,IAAI,YAAY,iBAAiB;MAAW,MAAM,aAAa;gBAC9E;OACQ;;KAET;IACc;GAEV;EAElB;AAMF,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,MAAM,cAAc"}

package/dist/input/input.types.d.ts

@@ -23,8 +23,10 @@ type InputProps = SystemProps & ThemingProps<'Input'> & {
   defaultValue?: number | string; /** Passed to the inner input. */
   disabled?: boolean; /** Socket displaying error text below an input. */
   errorText?: string | React.ReactNode; /** Socket displaying help text below an input. */
-  helpText?: React.ReactNode | string; /** Socket displaying an icon on the left. */
-  iconLeft?: IconProp | JSX.Element; /** Socket displaying an icon on the right. */
+  helpText?: React.ReactNode | string; /** Icon displayed on the leading (left) side of the input. */
+  startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the input. */
+  endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
+  iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element; /** Socket rendering a custom input element. */
   input?: React.ReactNode; /** Props object passed to the inner input. */
   inputProps?: InputInputProps; /** Ref passed to the inner input. */

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

@@ -1 +1 @@
-{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,eAAA,GAAkB,OAAA,UAAiB,WAAA;AAAA,KACnC,UAAA,GAAa,WAAA,GACvB,YAAA;uDAEE,UAAA;EAEA,YAAA;EAEA,mBAAA,aARuB;EAUvB,qBAAA,WAV0B;EAY1B,SAAA,YAXQ;EAaR,SAAA;EAEA,WAAA,6BAdF;EAgBE,YAAA,oBAMW;EAJX,QAAA,YAMsB;EAJtB,SAAA,YAAqB,KAAA,CAAM,SAAA,EAMJ;EAJvB,QAAA,GAAW,KAAA,CAAM,SAAA,WAQJ;EANb,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAQf;EANX,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAYf;EAVZ,KAAA,GAAQ,KAAA,CAAM,SAAA,EAgBK;EAdnB,UAAA,GAAa,eAAA,EA4BF;EA1BX,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBA0C1B;EAxCR,SAAA,YA8CO;EA5CP,QAAA,GAAW,KAAA,CAAM,SAAA,EA4CD;EA1ChB,SAAA,GAAY,KAAA,CAAM,SAAA,EAtCpB;EAwCE,KAAA,YAAiB,KAAA,CAAM,SAAA,EApCvB;EAsCA,iBAAA,YAlCA;EAoCA,gBAAA,GAAmB,SAAA,EAhCnB;EAkCA,GAAA,oBA9BA;EAgCA,SAAA,WA5BA;EA8BA,GAAA,oBA9B2B;EAgC3B,SAAA,WA9BW;EAgCX,IAAA,WA9BA;EAgCA,MAAA,GAAS,iBAAA,EAhCa;EAkCtB,QAAA,GAAW,kBAAA,EAhCX;EAkCA,OAAA,GAAU,iBAAA,EAlCa;EAoCvB,OAAA,WAlCA;EAoCA,WAAA,WApCc;EAsCd,QAAA,YApCa;EAsCb,QAAA,YApCW;EAsCX,SAAA,YAtCkC;EAwClC,gBAAA,YApCA;EAsCA,KAAA,GAAQ,UAAA,EAtCS;EAwCjB,YAAA,GAAe,iBAAA,EAtCH;EAwCZ,IAAA,WAtCA;EAwCA,IAAA,GAAO,SAAA,EAxCgB;EA0CvB,KAAA;AAAA;AAAA,KAGQ,wBAAA;EAvCR,oCAyCF,mBAAA,aArCE;EAuCF,qBAAA,WAnCE;EAqCF,QAAA,EAAU,GAAA,CAAI,OAAA,EAnCH;EAqCX,yBAAA,GAA4B,KAAA,UAAe,KAAA,UAAe,KAAA;EAC1D,oBAAA,GAAuB,KAAA;AAAA;AAAA,KAGb,aAAA,GAAgB,MAAA;EAC1B,OAAA;AAAA;AAAA,KAGU,UAAA;AAAA,KAEA,iBAAA,GAAoB,MAAA;EAG5B,OAAA,GAAU,UAAA;EACV,SAAA,EAAW,SAAA;AAAA;AAAA,KAIH,SAAA"}
+{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,eAAA,GAAkB,OAAA,UAAiB,WAAA;AAAA,KACnC,UAAA,GAAa,WAAA,GACvB,YAAA;uDAEE,UAAA;EAEA,YAAA;EAEA,mBAAA,aARuB;EAUvB,qBAAA,WAV0B;EAY1B,SAAA,YAXQ;EAaR,SAAA;EAEA,WAAA,6BAdF;EAgBE,YAAA,oBAMW;EAJX,QAAA,YAMuB;EAJvB,SAAA,YAAqB,KAAA,CAAM,SAAA,EAMN;EAJrB,QAAA,GAAW,KAAA,CAAM,SAAA,WAMK;EAJtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAMJ;EAJvB,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAQZ;EANb,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAQf;EANX,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAYf;EAVZ,KAAA,GAAQ,KAAA,CAAM,SAAA,EAgBK;EAdnB,UAAA,GAAa,eAAA,EA4BF;EA1BX,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBA0C1B;EAxCR,SAAA,YA8CO;EA5CP,QAAA,GAAW,KAAA,CAAM,SAAA,EA4CD;EA1ChB,SAAA,GAAY,KAAA,CAAM,SAAA,EA1CpB;EA4CE,KAAA,YAAiB,KAAA,CAAM,SAAA,EAxCvB;EA0CA,iBAAA,YAtCA;EAwCA,gBAAA,GAAmB,SAAA,EApCnB;EAsCA,GAAA,oBAlCA;EAoCA,SAAA,WAhCA;EAkCA,GAAA,oBAlC2B;EAoC3B,SAAA,WAlCW;EAoCX,IAAA,WAlCA;EAoCA,MAAA,GAAS,iBAAA,EApCc;EAsCvB,QAAA,GAAW,kBAAA,EApCX;EAsCA,OAAA,GAAU,iBAAA,EAtCW;EAwCrB,OAAA,WAtCA;EAwCA,WAAA,WAxCsB;EA0CtB,QAAA,YAxCA;EA0CA,QAAA,YA1CuB;EA4CvB,SAAA,YA1CA;EA4CA,gBAAA,YA5Cc;EA8Cd,KAAA,GAAQ,UAAA,EA5CK;EA8Cb,YAAA,GAAe,iBAAA,EA5CJ;EA8CX,IAAA,WA9CkC;EAgDlC,IAAA,GAAO,SAAA,EA5CP;EA8CA,KAAA;AAAA;AAAA,KAGQ,wBAAA;EA/CI,oCAiDd,mBAAA,aA/CE;EAiDF,qBAAA,WAjDyB;EAmDzB,QAAA,EAAU,GAAA,CAAI,OAAA,EA/CZ;EAiDF,yBAAA,GAA4B,KAAA,UAAe,KAAA,UAAe,KAAA;EAC1D,oBAAA,GAAuB,KAAA;AAAA;AAAA,KAGb,aAAA,GAAgB,MAAA;EAC1B,OAAA;AAAA;AAAA,KAGU,UAAA;AAAA,KAEA,iBAAA,GAAoB,MAAA;EAG5B,OAAA,GAAU,UAAA;EACV,SAAA,EAAW,SAAA;AAAA;AAAA,KAIH,SAAA"}

package/dist/input/inputIcon.js

@@ -24,5 +24,5 @@ InputIcon.displayName = "InputIcon";
 
 //#endregion
 export { InputIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=inputIcon.js.map

package/dist/input/inputInput.js

@@ -49,5 +49,5 @@ InputInput.displayName = "InputInput";
 
 //#endregion
 export { InputInputBase, InputInput as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=inputInput.js.map

package/dist/input/theme.js

@@ -83,5 +83,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/label/label.js

@@ -73,5 +73,5 @@ Label.displayName = "Label";
 
 //#endregion
 export { Label as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=label.js.map

package/dist/label/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/link/context.js

@@ -5,5 +5,5 @@ const [LinkProvider, useLinkContext] = createContext({ isOptional: true });
 
 //#endregion
 export { LinkProvider, useLinkContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,QAAA,EAAQ,kBAAA,CAAA,eAAA,MA4BpB,kBAAA,CA5BoB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA6CP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,QAAA,EAAQ,kBAAA,CAAA,eAAA,MA4BpB,kBAAA,CA5BoB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA6DP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

package/dist/link/link.js

@@ -8,7 +8,7 @@ import T from "../t/t.js";
 import { LinkProvider } from "./context.js";
 import LinkIcon from "./linkIcon.js";
 import LinkText from "./linkText.js";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/link/link.tsx
@@ -49,7 +49,9 @@ const LinkBase = styled.aBox.attrs((props) => ({ isUnderlined: props.isUnderline
   }
 `;
 const Link = vui((props, ref) => {
-	const { children, className, fontWeight, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
+	const { children, className, fontWeight, startIcon, endIcon, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
+	const resolvedStartIcon = startIcon ?? iconLeft;
+	const resolvedEndIcon = endIcon ?? iconRight;
 	const styles = useStyleConfig("Link", props);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -60,9 +62,13 @@ const Link = vui((props, ref) => {
 		fontWeight: weight || fontWeight,
 		rel: isExternal ? "noopener" : void 0,
 		target: isExternal ? "_blank" : void 0,
-		pl: iconLeft ? iconPadding : void 0,
-		pr: iconRight ? iconPadding : void 0
+		pl: resolvedStartIcon ? iconPadding : void 0,
+		pr: resolvedEndIcon ? iconPadding : void 0
 	});
+	useEffect(() => {
+		if (iconLeft !== void 0) console.warn("[Link] `iconLeft` is deprecated. Use `startIcon` instead.");
+		if (iconRight !== void 0) console.warn("[Link] `iconRight` is deprecated. Use `endIcon` instead.");
+	}, [iconLeft, iconRight]);
 	return /* @__PURE__ */ jsx(LinkProvider, {
 		value: context,
 		"data-size": context.size,
@@ -76,20 +82,20 @@ const Link = vui((props, ref) => {
 			...aliasedProps,
 			...rest,
 			children: [
-				isString(iconLeft) ? /* @__PURE__ */ jsx(LinkIcon, {
+				isString(resolvedStartIcon) ? /* @__PURE__ */ jsx(LinkIcon, {
 					mr: 1,
 					left: 0,
-					name: iconLeft
-				}) : iconLeft,
+					name: resolvedStartIcon
+				}) : resolvedStartIcon,
 				children ? /* @__PURE__ */ jsx(T, {
 					fontSize: "inherit",
 					children
 				}) : isReactText(text) && /* @__PURE__ */ jsx(LinkText, { text }),
-				isString(iconRight) ? /* @__PURE__ */ jsx(LinkIcon, {
+				isString(resolvedEndIcon) ? /* @__PURE__ */ jsx(LinkIcon, {
 					ml: 1,
 					right: 0,
-					name: iconRight
-				}) : iconRight
+					name: resolvedEndIcon
+				}) : resolvedEndIcon
 			]
 		})
 	});
@@ -100,5 +106,5 @@ Link.displayName = "Link";
 
 //#endregion
 export { LinkBase, Link as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=link.js.map

package/dist/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const iconPadding = size === 'xs' ? '1.2rem' : '1.5rem'\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: iconLeft ? iconPadding : undefined,\n    pr: iconRight ? iconPadding : undefined,\n  })\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(iconLeft) ? <LinkIcon mr={1} left={0} name={iconLeft} /> : iconLeft}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(iconRight) ? <LinkIcon ml={1} right={0} name={iconRight} /> : iconRight}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,cAAc,SAAS,OAAO,WAAW;CAE/C,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,WAAW,cAAc;EAC7B,IAAI,YAAY,cAAc;EAC/B,CAAC;AAEF,QACE,oBAAC;EAAa,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC;GACC,WAAW,GAAG,YAAY,UAAU;GACpC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAG,MAAM;MAAY,GAAG;IACpE,WAAW,oBAAC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAAC,YAAe,OAAQ;IACjG,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAI;KAAG,OAAO;KAAG,MAAM;MAAa,GAAG;;IAC/D;GACE;EAEjB;AAKF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const iconPadding = size === 'xs' ? '1.2rem' : '1.5rem'\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: resolvedStartIcon ? iconPadding : undefined,\n    pr: resolvedEndIcon ? iconPadding : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Link] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Link] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(resolvedStartIcon) ? <LinkIcon mr={1} left={0} name={resolvedStartIcon} /> : resolvedStartIcon}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(resolvedEndIcon) ? <LinkIcon ml={1} right={0} name={resolvedEndIcon} /> : resolvedEndIcon}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,WACA,SACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,cAAc,SAAS,OAAO,WAAW;CAE/C,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,oBAAoB,cAAc;EACtC,IAAI,kBAAkB,cAAc;EACrC,CAAC;AAEF,iBAAgB;AAEZ,MAAI,aAAa,OACf,SAAQ,KAAK,4DAA4D;AAE3E,MAAI,cAAc,OAChB,SAAQ,KAAK,2DAA2D;IAG3E,CAAC,UAAU,UAAU,CAAC;AAEzB,QACE,oBAAC;EAAa,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC;GACC,WAAW,GAAG,YAAY,UAAU;GACpC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,kBAAkB,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAG,MAAM;MAAqB,GAAG;IACtF,WAAW,oBAAC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAAC,YAAe,OAAQ;IACjG,SAAS,gBAAgB,GAAG,oBAAC;KAAS,IAAI;KAAG,OAAO;KAAG,MAAM;MAAmB,GAAG;;IAC3E;GACE;EAEjB;AAKF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

package/dist/link/link.types.d.ts

@@ -12,8 +12,10 @@ type LinkProps = SystemProps & ThemingProps<'Link'> & {
   /** Deprecated. Please use variant instead. @deprecated  */colorScheme?: 'blue' | 'white'; /** Alias for textDecoration prop. @deprecated */
   decoration?: TypographyProps['textDecoration']; /** Alias for hoverTextDecoration prop. @deprecated */
   hoverDecoration?: TypographyProps['textDecoration']; /** Href attribute value for the a tag. */
-  href?: string; /** Socket displaying an icon on the left. */
-  iconLeft?: IconProp | JSX.Element; /** Socket displaying an icon on the right. */
+  href?: string; /** Icon displayed on the leading (left) side of the link content. */
+  startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the link content. */
+  endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
+  iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element; /** Opens the link in new tab with appropriate attributes. */
   isExternal?: boolean; /** Displays permanent underline. Should be used for inline links within text. */
   isUnderlined?: boolean; /** Socket displaying text within the Link. */

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

@@ -1 +1 @@
-{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"mappings":";;;;;;;;;;KAMY,SAAA,GAAY,WAAA,GACtB,YAAA;6DAEE,WAAA;EAEA,UAAA,GAAa,eAAA;EAEb,eAAA,GAAkB,eAAA,oBAPD;EASjB,IAAA,WAToB;EAWpB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EANb;EAQb,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAFhB;EAIX,UAAA,YAFY;EAIZ,YAAA,YAEyB;EAAzB,IAAA,qBAAyB,GAAA,CAAI,OAAA,EAEL;EAAxB,MAAA,GAAS,eAAA;AAAA"}
+{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"mappings":";;;;;;;;;;KAMY,SAAA,GAAY,WAAA,GACtB,YAAA;6DAEE,WAAA;EAEA,UAAA,GAAa,eAAA;EAEb,eAAA,GAAkB,eAAA,oBAPD;EASjB,IAAA,WAToB;EAWpB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EANd;EAQb,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAFb;EAIZ,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAFhB;EAIV,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAFhB;EAIX,UAAA,YAFY;EAIZ,YAAA,YAEyB;EAAzB,IAAA,qBAAyB,GAAA,CAAI,OAAA,EAEL;EAAxB,MAAA,GAAS,eAAA;AAAA"}

package/dist/link/linkIcon.js

@@ -21,5 +21,5 @@ LinkIcon.displayName = "LinkIcon";
 
 //#endregion
 export { LinkIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=linkIcon.js.map

package/dist/link/linkText.js

@@ -23,5 +23,5 @@ LinkText.displayName = "LinkText";
 
 //#endregion
 export { LinkText as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=linkText.js.map

package/dist/link/theme.js

@@ -55,5 +55,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/list/context.js

@@ -5,5 +5,5 @@ const [ListProvider, useListContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ListProvider, useListContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/list/list.js

@@ -83,5 +83,5 @@ List.displayName = "List";
 
 //#endregion
 export { ListBase, List as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=list.js.map

package/dist/list/list.types.d.ts

@@ -25,8 +25,10 @@ type ListItemProps = SystemProps & ThemingProps<'List'> & {
   centerV?: boolean; /** Deprecated. @deprecated  */
   colorScheme?: 'blue' | 'grey'; /** Displays content in a column. @deprecated */
   column?: boolean; /** Displays item and its content in disabled state with appropriate styling. */
-  disabled?: boolean; /** Socket displaying an icon on the left. */
-  iconLeft?: IconProp | JSX.Element; /** Socket displaying an icon on the right. */
+  disabled?: boolean; /** Icon displayed on the leading (left) side of the item content. */
+  startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the item content. */
+  endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
+  iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element; /** Makes item clickable and focusable with appropriate styling. */
   isInteractive?: boolean; /** Displays item in selected state with appropriate styling. */
   isSelected?: boolean; /** Socket displaying a custom item on the left. */

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

@@ -1 +1 @@
-{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPQ;EASR,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA;EAE7C,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EARU,mEAUR,MAAA,YAVoD;EAYpD,OAAA,YArBoB;EAuBpB,OAAA,YApBA;EAsBA,WAAA,oBApBU;EAsBV,MAAA,YApBA;EAsBA,QAAA,YApBQ;EAsBR,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBe;EAwBzC,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtB3B;EAwBA,aAAA,YAxBO;EA0BP,UAAA,YAvByB;EAyBzB,QAAA,GAAW,SAAA,EAzBiB;EA2B5B,SAAA,GAAY,SAAA,EAzBJ;EA2BR,aAAA;EAEA,SAAA,GAAY,iBAAA,EA5Bd;EA8BE,IAAA,GAAO,SAAA;AAAA"}
+{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPQ;EASR,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA;EAE7C,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EARU,mEAUR,MAAA,YAVoD;EAYpD,OAAA,YArBoB;EAuBpB,OAAA,YApBA;EAsBA,WAAA,oBApBU;EAsBV,MAAA,YApBA;EAsBA,QAAA,YApBQ;EAsBR,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBc;EAwBzC,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBzB;EAwBA,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAxBnB;EA0BP,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAvBF;EAyBzB,aAAA,YAzB4B;EA2B5B,UAAA,YAzBQ;EA2BR,QAAA,GAAW,SAAA;EAEX,SAAA,GAAY,SAAA,EA5Bd;EA8BE,aAAA,YAhBuB;EAkBvB,SAAA,GAAY,iBAAA,EAhBS;EAkBrB,IAAA,GAAO,SAAA;AAAA"}

package/dist/list/listDivider.js

@@ -22,5 +22,5 @@ ListDivider.displayName = "ListDivider";
 
 //#endregion
 export { ListDivider as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=listDivider.js.map

package/dist/list/listHeading.js

@@ -27,5 +27,5 @@ ListHeading.displayName = "ListHeading";
 
 //#endregion
 export { ListHeading as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=listHeading.js.map

package/dist/list/listIcon.js

@@ -21,5 +21,5 @@ ListIcon.displayName = "ListIcon";
 
 //#endregion
 export { ListIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=listIcon.js.map

package/dist/list/listItem.js

@@ -8,7 +8,7 @@ import { useListContext } from "./context.js";
 import ListIcon from "./listIcon.js";
 import Link from "../link/link.js";
 import ListText from "./listText.js";
-import { Fragment } from "react";
+import { Fragment, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/list/listItem.tsx
@@ -45,10 +45,12 @@ const ListItemBase = styled.liBox`
 * Optionally wraps the content with an <a> element when rendering a link.
 */
 const ListItem = vui((props, ref) => {
-	const { children, center, centerH, centerV = true, className, column, disabled, iconLeft, iconRight, isInteractive: isInteractiveProp, isSelected, isTruncated, itemLeft, itemRight, linkProps, onClick, text, ...rest } = {
+	const { children, center, centerH, centerV = true, className, column, disabled, startIcon, endIcon, iconLeft, iconRight, isInteractive: isInteractiveProp, isSelected, isTruncated, itemLeft, itemRight, linkProps, onClick, text, ...rest } = {
 		...useListContext(),
 		...props
 	};
+	const resolvedStartIcon = startIcon ?? iconLeft;
+	const resolvedEndIcon = endIcon ?? iconRight;
 	const { activeBg, hoverBg, selectedBg, ...itemStyles } = useStyleConfig("List", useListContext()).item;
 	const isLinkItem = linkProps !== void 0;
 	const isInteractive = isInteractiveProp || isLinkItem || onClick !== void 0;
@@ -82,6 +84,10 @@ const ListItem = vui((props, ref) => {
 		justifyContent,
 		px: isLinkItem ? 0 : void 0
 	});
+	useEffect(() => {
+		if (iconLeft !== void 0) console.warn("[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.");
+		if (iconRight !== void 0) console.warn("[List.Item] `iconRight` is deprecated. Use `endIcon` instead.");
+	}, [iconLeft, iconRight]);
 	return /* @__PURE__ */ jsx(ListItemBase, {
 		bg: disabled ? rest.disabledBg || "sandstone.95" : void 0,
 		className: cs("vui-listItem", className),
@@ -96,20 +102,20 @@ const ListItem = vui((props, ref) => {
 			...contentWrapperProps,
 			children: [
 				itemLeft,
-				isString(iconLeft) ? /* @__PURE__ */ jsx(ListIcon, {
+				isString(resolvedStartIcon) ? /* @__PURE__ */ jsx(ListIcon, {
 					mr: 1,
-					name: iconLeft,
+					name: resolvedStartIcon,
 					verticalAlign: "middle"
-				}) : iconLeft,
+				}) : resolvedStartIcon,
 				children ?? (isReactText(text) ? /* @__PURE__ */ jsx(ListText, {
 					isTruncated,
 					text
 				}) : text),
-				isString(iconRight) ? /* @__PURE__ */ jsx(ListIcon, {
+				isString(resolvedEndIcon) ? /* @__PURE__ */ jsx(ListIcon, {
 					ml: "auto",
-					name: iconRight,
+					name: resolvedEndIcon,
 					verticalAlign: "middle"
-				}) : iconRight,
+				}) : resolvedEndIcon,
 				itemRight
 			]
 		})
@@ -119,5 +125,5 @@ ListItem.displayName = "ListItem";
 
 //#endregion
 export { ListItemBase, ListItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC;CACC,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;GAAM,GAClD;GAAE,kBAAkB;GAAG,uBAAuB;GAAM;EACxD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAAC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[List.Item] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(resolvedStartIcon) ? (\n          <ListIcon mr={1} name={resolvedStartIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedStartIcon\n        )}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(resolvedEndIcon) ? (\n          <ListIcon ml=\"auto\" name={resolvedEndIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedEndIcon\n        )}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC;CACC,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,WACA,SACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SArBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAwBrD,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;GAAM,GAClD;GAAE,kBAAkB;GAAG,uBAAuB;GAAM;EACxD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,iBAAgB;AAEZ,MAAI,aAAa,OACf,SAAQ,KAAK,iEAAiE;AAEhF,MAAI,cAAc,OAChB,SAAQ,KAAK,gEAAgE;IAGhF,CAAC,UAAU,UAAU,CAAC;AAEzB,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,kBAAkB,GAC1B,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAmB,eAAe;MAAY,GAErE;IAGD,aAAa,YAAY,KAAK,GAAG,oBAAC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,gBAAgB,GACxB,oBAAC;KAAS,IAAG;KAAO,MAAM;KAAiB,eAAe;MAAY,GAEtE;IAGD;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc"}

package/dist/list/listText.js

@@ -23,5 +23,5 @@ ListText.displayName = "ListText";
 
 //#endregion
 export { ListText as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=listText.js.map

package/dist/list/theme.js

@@ -100,5 +100,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/logo/Logo.js

@@ -48,5 +48,5 @@ Logo.displayName = "Logo";
 
 //#endregion
 export { Logo as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=Logo.js.map

package/dist/menu/context.js

@@ -5,5 +5,5 @@ const [MenuProvider, useMenuContext] = createContext({ isOptional: true });
 
 //#endregion
 export { MenuProvider, useMenuContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/menu/menu.js

@@ -31,5 +31,5 @@ Menu.displayName = "Menu";
 
 //#endregion
 export { Menu as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=menu.js.map

package/dist/menu/menuButton.js

@@ -23,5 +23,5 @@ MenuButton.displayName = "MenuButton";
 
 //#endregion
 export { MenuButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=menuButton.js.map

package/dist/menu/menuItem.js

@@ -33,5 +33,5 @@ MenuItem.displayName = "MenuItem";
 
 //#endregion
 export { MenuItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=menuItem.js.map

package/dist/menu/menuList.js

@@ -44,5 +44,5 @@ MenuList.displayName = "MenuList";
 
 //#endregion
 export { MenuList as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=menuList.js.map

package/dist/menu/theme.js

@@ -34,5 +34,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/message/consts.js

@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/message/message.js

@@ -40,5 +40,5 @@ Message.displayName = "Message";
 
 //#endregion
 export { MessageBase, Message as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=message.js.map

package/dist/message/theme.js

@@ -35,5 +35,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/modal/context.js

@@ -5,5 +5,5 @@ const [ModalProvider, useModalContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ModalProvider, useModalContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/modal/modal.js

@@ -87,5 +87,5 @@ Modal.displayName = "Modal";
 
 //#endregion
 export { Modal as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=modal.js.map

package/dist/modal/modalBackdrop.js

@@ -31,5 +31,5 @@ ModalBackdrop.displayName = "ModalBackdrop";
 
 //#endregion
 export { ModalBackdropBase, ModalBackdrop as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalContent.js

@@ -31,5 +31,5 @@ ModalContent.displayName = "ModalContent";
 
 //#endregion
 export { ModalContentBase, ModalContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalManager.js

@@ -29,5 +29,5 @@ function useModalManager(ref, isOpen, disableScrollLock) {
 
 //#endregion
 export { manager, useModalManager };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=modalManager.js.map

package/dist/modal/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/notification/consts.js

@@ -71,5 +71,5 @@ const notificationStatusMapping = {
 
 //#endregion
 export { INTENT_ICON_MAP, LOADING_ICON_PROPS, notificationStatusMapping };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map