softable-pixels-web 1.3.0 → 1.3.1

package/dist/{MonthPicker-C9wimVNC.js.map → MonthPicker-B_kdFSBn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker-C9wimVNC.js","names":["format","MonthButton: React.FC<MonthButtonProps>","MonthGrid: React.FC<MonthGridProps>","MonthPickerTrigger","MonthPicker: React.FC<MonthPickerProps>"],"sources":["../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/utils/getMonthLabel.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/index.tsx","../src/components/commons/inputs/MonthPicker/components/MonthGrid/constants.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/index.tsx","../src/components/commons/inputs/MonthPicker/components/MonthPickerTrigger/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthPickerTrigger/index.tsx","../src/components/commons/inputs/MonthPicker/hooks/useMonthPicker.ts","../src/components/commons/inputs/MonthPicker/styles.ts","../src/components/commons/inputs/MonthPicker/types.ts","../src/components/commons/inputs/MonthPicker/index.tsx"],"sourcesContent":["// External libraries\nimport { format } from 'date-fns'\nimport { ptBR } from 'date-fns/locale'\n\n// Utils\nimport { capitalize } from '@utils/functions'\n\nexport function getMonthLabel(month: number, year: number) {\n  const date = new Date(year, month - 1, 1)\n  return capitalize(format(date, 'MMM', { locale: ptBR }))\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\ninterface MonthButtonStyleProps {\n  isSelected: boolean\n  isDisabled: boolean\n  isCurrentMonth: boolean\n}\n\nexport function createMonthButtonStyles(props: MonthButtonStyleProps) {\n  return styled({\n    button: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: '0.5rem',\n      borderRadius: '0.5rem',\n      cursor: props.isDisabled ? 'not-allowed' : 'pointer',\n      opacity: props.isDisabled ? 0.4 : 1,\n      fontWeight: props.isCurrentMonth ? '600' : '400',\n\n      backgroundColor: props.isSelected\n        ? 'var(--px-color-primary)'\n        : 'transparent',\n\n      color: props.isSelected\n        ? 'var(--px-color-primary-contrast)'\n        : 'var(--px-text-primary)',\n\n      border:\n        props.isCurrentMonth && !props.isSelected\n          ? '1px solid var(--px-border-primary)'\n          : '1px solid transparent',\n\n      transition: 'background-color 0.15s ease-out',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: props.isSelected\n            ? 'var(--px-color-primary)'\n            : props.isDisabled\n              ? 'transparent'\n              : 'var(--color-gray-50)'\n        }\n      }\n    }\n  })\n}\n","// External libraries\nimport type React from 'react'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getMonthLabel } from './utils'\n\n// Types\nimport type { MonthPickerValue } from '@components/commons/inputs/MonthPicker/types'\n\n// Styles\nimport { createMonthButtonStyles } from './styles'\n\ninterface MonthButtonProps {\n  month: number\n  year: number\n  isSelected: boolean\n  isDisabled: boolean\n  isCurrentMonth: boolean\n  onSelect: (value: MonthPickerValue) => void\n}\n\nexport const MonthButton: React.FC<MonthButtonProps> = ({\n  month,\n  year,\n  isSelected,\n  isDisabled,\n  isCurrentMonth,\n  onSelect\n}) => {\n  const { styles, classes } = useThemedStyles(\n    { isSelected, isDisabled, isCurrentMonth },\n    createMonthButtonStyles,\n    { pick: p => [p.isSelected, p.isDisabled, p.isCurrentMonth] }\n  )\n\n  return (\n    <button\n      type=\"button\"\n      disabled={isDisabled}\n      style={styles.button}\n      className={classes.button}\n      onClick={() => !isDisabled && onSelect({ year, month })}\n    >\n      <Typography\n        variant=\"b2\"\n        fontWeight={'semibold'}\n        color={isSelected ? 'var(--px-text-inverse)' : undefined}\n      >\n        {getMonthLabel(month, year)}\n      </Typography>\n    </button>\n  )\n}\n","export const MONTHS = Array.from({ length: 12 }, (_, i) => i + 1)\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createMonthGridStyles() {\n  return styled({\n    container: {\n      padding: '1rem',\n      display: 'flex',\n      flexDirection: 'column' as const,\n      gap: '0.75rem',\n      minWidth: '16rem'\n    },\n\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between'\n    },\n\n    navButton: {\n      display: 'flex',\n      cursor: 'pointer',\n      padding: '0.125rem',\n      borderRadius: '50%',\n      transition: 'background-color 0.2s ease-out',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--color-gray-50)'\n        }\n      }\n    },\n\n    grid: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n      gap: '0.5rem'\n    }\n  })\n}","// External Libraries\nimport type React from 'react'\nimport { useState } from 'react'\n\n// Components\nimport { MonthButton } from './components/MonthButton'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { MONTHS } from './constants'\n\n// Types\nimport type { MonthGridProps } from './types'\n\n// Styles\nimport { createMonthGridStyles } from './styles'\n\nexport const MonthGrid: React.FC<MonthGridProps> = ({\n  value,\n  disablePastMonths,\n  disableFutureMonths,\n  onSelect\n}) => {\n  const today = new Date()\n  const [displayYear, setDisplayYear] = useState(\n    value?.year ?? today.getFullYear()\n  )\n\n  const { styles } = useThemedStyles({}, createMonthGridStyles, {\n    applyCommonProps: true\n  })\n\n  function isPastMonth(month: number) {\n    if (!disablePastMonths) return false\n    return (\n      displayYear < today.getFullYear() ||\n      (displayYear === today.getFullYear() && month < today.getMonth() + 1)\n    )\n  }\n\n  function isFutureMonth(month: number) {\n    if (!disableFutureMonths) return false\n    return (\n      displayYear > today.getFullYear() ||\n      (displayYear === today.getFullYear() && month > today.getMonth() + 1)\n    )\n  }\n\n  const canGoPrev = !disablePastMonths || displayYear > today.getFullYear()\n\n  const canGoNext = !disableFutureMonths || displayYear < today.getFullYear()\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.header}>\n        <button\n          type=\"button\"\n          disabled={!canGoPrev}\n          style={{ ...styles.navButton, opacity: canGoPrev ? 1 : 0.3 }}\n          onClick={() => canGoPrev && setDisplayYear(y => y - 1)}\n        >\n          <Icon name=\"chevrons-left\" color=\"var(--px-text-secondary)\" />\n        </button>\n\n        <Typography variant=\"b2\" fontWeight=\"semibold\">\n          {displayYear}\n        </Typography>\n\n        <button\n          type=\"button\"\n          disabled={!canGoNext}\n          style={{\n            ...styles.navButton,\n            opacity: canGoNext ? 1 : 0.3,\n            rotate: '180deg'\n          }}\n          onClick={() => canGoNext && setDisplayYear(y => y + 1)}\n        >\n          <Icon name=\"chevrons-left\" color=\"var(--px-text-secondary)\" />\n        </button>\n      </div>\n\n      <div style={styles.grid}>\n        {MONTHS.map(month => (\n          <MonthButton\n            key={month}\n            month={month}\n            year={displayYear}\n            isSelected={value?.year === displayYear && value?.month === month}\n            isDisabled={isPastMonth(month) || isFutureMonth(month)}\n            isCurrentMonth={\n              today.getFullYear() === displayYear &&\n              today.getMonth() + 1 === month\n            }\n            onSelect={onSelect}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { MonthPickerTriggerProps } from './types'\n\nexport function createMonthPickerTriggerStyles(props: MonthPickerTriggerProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      gap: '0.5rem',\n\n      opacity: props.disabled ? 0.5 : 1,\n      cursor: props.disabled ? 'not-allowed' : 'pointer'\n    },\n    fieldWrapper: {\n      position: 'relative',\n      width: '100%'\n    },\n    button: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n\n      gap: '0.5rem',\n      borderRadius: '0.5rem',\n      padding:\n        props.showClearButton &&\n        props.value?.year !== undefined &&\n        props.value.month !== undefined &&\n        !props.disabled\n          ? '0.625rem 3.75rem 0.625rem 0.875rem'\n          : '0.625rem 0.875rem',\n\n      border: props.errorMessage\n        ? '1px solid var(--px-color-error)'\n        : '1px solid var(--px-border-primary)',\n\n      __rules: {\n        '&:hover': {\n          boxShadow: 'var(--px-shadow-default)',\n          borderColor: 'var(--px-color-primary)'\n        },\n        '&:focus-within': {\n          outlineOffset: '-1px',\n          outline: props.errorMessage\n            ? '2px solid var(--px-color-error)'\n            : `2px solid var(--px-color-primary)`\n        }\n      }\n    },\n    buttonContent: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n      minWidth: 0\n    },\n    chevronIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: '0.875rem',\n      transform: 'translateY(-50%)',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      pointerEvents: 'none'\n    },\n    clearButton: {\n      position: 'absolute',\n      top: '50%',\n      right: '2.25rem',\n      transform: 'translateY(-50%)',\n\n      width: '1.5rem',\n      height: '1.5rem',\n      padding: 0,\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      color: 'var(--px-text-secondary)',\n      border: 'none',\n      borderRadius: '999px',\n      background: 'transparent',\n      cursor: 'pointer',\n\n      __rules: {\n        '&:hover': {\n          color: 'var(--px-text-primary)',\n          backgroundColor: 'var(--px-bg-secondary)'\n        },\n        '&:focus-visible': {\n          outlineOffset: '2px',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport { forwardRef, useId } from 'react'\nimport { ptBR } from 'date-fns/locale'\nimport { format } from 'date-fns/format'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Label } from '@components/commons/toolkit/Label'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { capitalize } from '@utils/functions'\n\n// Types\nimport type { MonthPickerTriggerProps } from './types'\n\n// Styles\nimport { createMonthPickerTriggerStyles } from './styles'\n\nexport const MonthPickerTrigger = forwardRef<\n  HTMLButtonElement,\n  MonthPickerTriggerProps\n>(function MonthPickerTrigger(props, ref) {\n  const inputId = useId()\n  const { styles, classes } = useThemedStyles(\n    props,\n    createMonthPickerTriggerStyles,\n    {\n      pick: p => [\n        p.disabled,\n        p.errorMessage,\n        p.showClearButton,\n        p.value?.year,\n        p.value?.month\n      ],\n      applyCommonProps: true,\n      commonSlot: 'container'\n    }\n  )\n\n  // Constants\n  const { label, value, disabled, required, hideLabel, placeholder, onClick } =\n    props\n  const hasSelectedValue = value?.year !== undefined && value.month !== undefined\n  const shouldShowClearButton =\n    props.showClearButton && hasSelectedValue && !disabled\n\n  // Functions\n  function renderLabel() {\n    if (!hasSelectedValue) return placeholder ?? 'Selecione um mês'\n\n    const date = new Date(value.year, value.month - 1, 1)\n    return capitalize(format(date, 'MMMM yyyy', { locale: ptBR }))\n  }\n\n  return (\n    <div style={styles.container}>\n      {!hideLabel ? (\n        <Label\n          label={label}\n          htmlFor={inputId}\n          required={required}\n          requiredColor=\"var(--color-error)\"\n        />\n      ) : null}\n\n      <div style={styles.fieldWrapper}>\n        <button\n          ref={ref}\n          id={inputId}\n          type=\"button\"\n          disabled={disabled}\n          style={styles.button}\n          aria-expanded={props.ariaExpanded}\n          aria-label={hideLabel ? label : undefined}\n          className={classes.button}\n          onClick={onClick}\n        >\n          <div style={styles.buttonContent}>\n            <Icon\n              size=\"sm\"\n              name=\"general-calendar\"\n              color=\"var(--px-text-primary)\"\n            />\n\n            <Typography variant=\"b1\" className=\"font-normal\">\n              {renderLabel()}\n            </Typography>\n          </div>\n        </button>\n\n        {shouldShowClearButton ? (\n          <button\n            type=\"button\"\n            style={styles.clearButton}\n            className={classes.clearButton}\n            aria-label=\"Limpar mês selecionado\"\n            onClick={props.onClear}\n          >\n            <Icon size=\"sm\" name=\"general-close\" color=\"currentColor\" />\n          </button>\n        ) : null}\n\n        <span style={styles.chevronIcon}>\n          <Icon\n            size=\"sm\"\n            color=\"var(--px-text-primary)\"\n            name={props.ariaExpanded ? 'chevrons-up' : 'chevrons-down'}\n          />\n        </span>\n      </div>\n\n      {props.errorMessage ? (\n        <Typography\n          variant=\"b2\"\n          fontSize=\"0.75rem\"\n          fontWeight=\"regular\"\n          color=\"var(--px-color-error)\"\n        >\n          {props.errorMessage}\n        </Typography>\n      ) : null}\n    </div>\n  )\n})\n","// External Libraries\nimport { useState } from 'react'\n\n// Types\nimport type { MonthPickerProps, MonthPickerValue } from '../types'\n\nexport function useMonthPicker(params: MonthPickerProps) {\n  // States\n  const [isOpen, setOpen] = useState(false)\n  const [selectedValue, setSelectedValue] = useState<\n    MonthPickerValue | undefined\n  >(params.value)\n\n  // Functions\n  function toggleDialog(status: boolean) {\n    if (status) setSelectedValue(params.value)\n    setOpen(status)\n  }\n\n  function handleMonthSelect(value: MonthPickerValue) {\n    setOpen(false)\n    params.onChange(value)\n  }\n\n  function handleClear() {\n    setOpen(false)\n    setSelectedValue(undefined)\n    params.onChange({ year: undefined, month: undefined })\n  }\n\n  return {\n    isOpen,\n    selectedValue,\n    toggleDialog,\n    handleMonthSelect,\n    handleClear\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createMonthPickerStyles() {\n  return styled({\n    container: {\n      width: '100%'\n    }\n  })\n}\n","import type { PopoverProps } from '@components/commons/toolkit/Popover/types'\n\nexport interface MonthPickerValue {\n  year?: number\n  month?: number\n}\n\nexport interface MonthPickerProps {\n  label: string\n  value?: MonthPickerValue\n  onChange: (value: MonthPickerValue) => void\n\n  disabled?: boolean\n  required?: boolean\n  hideLabel?: boolean\n  showClearButton?: boolean\n  placeholder?: string\n  errorMessage?: string\n  scrollContainerId: string\n  placementContainer?: 'bottom' | 'bottom-end' | 'bottom-start'\n  portalId?: PopoverProps['portalId']\n  disablePastMonths?: boolean\n  disableFutureMonths?: boolean\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { MonthGrid } from './components/MonthGrid'\nimport { MonthPickerTrigger } from './components/MonthPickerTrigger'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useMonthPicker } from './hooks/useMonthPicker'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { MonthPickerProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\n\n// Styles\nimport { createMonthPickerStyles } from './styles'\n\nexport * as MonthPickerTypes from './types'\n\nexport const MonthPicker: React.FC<MonthPickerProps> = ({\n  placementContainer = 'bottom-start',\n  ...props\n}) => {\n  // Hooks\n  const { isOpen, selectedValue, toggleDialog, handleMonthSelect, handleClear } =\n    useMonthPicker(props)\n  const { styles } = useThemedStyles(props, createMonthPickerStyles, {\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    return (\n      <MonthPickerTrigger\n        {...props}\n        ref={ref as any}\n        value={props.value}\n        ariaExpanded={ariaExpanded}\n        onClick={onClick}\n        onClear={handleClear}\n      />\n    )\n  }\n\n  return (\n    <div style={styles.container}>\n      <BasePopover\n        open={isOpen}\n        maxWidth=\"fit-content\"\n        minWidth=\"fit-content\"\n        maxHeight=\"fit-content\"\n        portalId={props.portalId}\n        trigger={renderTrigger}\n        onOpenChange={toggleDialog}\n        floatingOptions={{\n          strategy: 'fixed',\n          placement: placementContainer,\n          scrollContainerId: props.scrollContainerId\n        }}\n      >\n        <MonthGrid\n          value={selectedValue}\n          disablePastMonths={props.disablePastMonths}\n          disableFutureMonths={props.disableFutureMonths}\n          onSelect={handleMonthSelect}\n        />\n      </BasePopover>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MonthPicker-B_kdFSBn.js","names":["format","MonthButton: React.FC<MonthButtonProps>","MonthGrid: React.FC<MonthGridProps>","MonthPickerTrigger","MonthPicker: React.FC<MonthPickerProps>"],"sources":["../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/utils/getMonthLabel.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/components/MonthButton/index.tsx","../src/components/commons/inputs/MonthPicker/components/MonthGrid/constants.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthGrid/index.tsx","../src/components/commons/inputs/MonthPicker/components/MonthPickerTrigger/styles.ts","../src/components/commons/inputs/MonthPicker/components/MonthPickerTrigger/index.tsx","../src/components/commons/inputs/MonthPicker/hooks/useMonthPicker.ts","../src/components/commons/inputs/MonthPicker/styles.ts","../src/components/commons/inputs/MonthPicker/types.ts","../src/components/commons/inputs/MonthPicker/index.tsx"],"sourcesContent":["// External libraries\nimport { format } from 'date-fns'\nimport { ptBR } from 'date-fns/locale'\n\n// Utils\nimport { capitalize } from '@utils/functions'\n\nexport function getMonthLabel(month: number, year: number) {\n  const date = new Date(year, month - 1, 1)\n  return capitalize(format(date, 'MMM', { locale: ptBR }))\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\ninterface MonthButtonStyleProps {\n  isSelected: boolean\n  isDisabled: boolean\n  isCurrentMonth: boolean\n}\n\nexport function createMonthButtonStyles(props: MonthButtonStyleProps) {\n  return styled({\n    button: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: '0.5rem',\n      borderRadius: '0.5rem',\n      cursor: props.isDisabled ? 'not-allowed' : 'pointer',\n      opacity: props.isDisabled ? 0.4 : 1,\n      fontWeight: props.isCurrentMonth ? '600' : '400',\n\n      backgroundColor: props.isSelected\n        ? 'var(--px-color-primary)'\n        : 'transparent',\n\n      color: props.isSelected\n        ? 'var(--px-color-primary-contrast)'\n        : 'var(--px-text-primary)',\n\n      border:\n        props.isCurrentMonth && !props.isSelected\n          ? '1px solid var(--px-border-primary)'\n          : '1px solid transparent',\n\n      transition: 'background-color 0.15s ease-out',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: props.isSelected\n            ? 'var(--px-color-primary)'\n            : props.isDisabled\n              ? 'transparent'\n              : 'var(--color-gray-50)'\n        }\n      }\n    }\n  })\n}\n","// External libraries\nimport type React from 'react'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getMonthLabel } from './utils'\n\n// Types\nimport type { MonthPickerValue } from '@components/commons/inputs/MonthPicker/types'\n\n// Styles\nimport { createMonthButtonStyles } from './styles'\n\ninterface MonthButtonProps {\n  month: number\n  year: number\n  isSelected: boolean\n  isDisabled: boolean\n  isCurrentMonth: boolean\n  onSelect: (value: MonthPickerValue) => void\n}\n\nexport const MonthButton: React.FC<MonthButtonProps> = ({\n  month,\n  year,\n  isSelected,\n  isDisabled,\n  isCurrentMonth,\n  onSelect\n}) => {\n  const { styles, classes } = useThemedStyles(\n    { isSelected, isDisabled, isCurrentMonth },\n    createMonthButtonStyles,\n    { pick: p => [p.isSelected, p.isDisabled, p.isCurrentMonth] }\n  )\n\n  return (\n    <button\n      type=\"button\"\n      disabled={isDisabled}\n      style={styles.button}\n      className={classes.button}\n      onClick={() => !isDisabled && onSelect({ year, month })}\n    >\n      <Typography\n        variant=\"b2\"\n        fontWeight={'semibold'}\n        color={isSelected ? 'var(--px-text-inverse)' : undefined}\n      >\n        {getMonthLabel(month, year)}\n      </Typography>\n    </button>\n  )\n}\n","export const MONTHS = Array.from({ length: 12 }, (_, i) => i + 1)\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createMonthGridStyles() {\n  return styled({\n    container: {\n      padding: '1rem',\n      display: 'flex',\n      flexDirection: 'column' as const,\n      gap: '0.75rem',\n      minWidth: '16rem'\n    },\n\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between'\n    },\n\n    navButton: {\n      display: 'flex',\n      cursor: 'pointer',\n      padding: '0.125rem',\n      borderRadius: '50%',\n      transition: 'background-color 0.2s ease-out',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--color-gray-50)'\n        }\n      }\n    },\n\n    grid: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n      gap: '0.5rem'\n    }\n  })\n}","// External Libraries\nimport type React from 'react'\nimport { useState } from 'react'\n\n// Components\nimport { MonthButton } from './components/MonthButton'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { MONTHS } from './constants'\n\n// Types\nimport type { MonthGridProps } from './types'\n\n// Styles\nimport { createMonthGridStyles } from './styles'\n\nexport const MonthGrid: React.FC<MonthGridProps> = ({\n  value,\n  disablePastMonths,\n  disableFutureMonths,\n  onSelect\n}) => {\n  const today = new Date()\n  const [displayYear, setDisplayYear] = useState(\n    value?.year ?? today.getFullYear()\n  )\n\n  const { styles } = useThemedStyles({}, createMonthGridStyles, {\n    applyCommonProps: true\n  })\n\n  function isPastMonth(month: number) {\n    if (!disablePastMonths) return false\n    return (\n      displayYear < today.getFullYear() ||\n      (displayYear === today.getFullYear() && month < today.getMonth() + 1)\n    )\n  }\n\n  function isFutureMonth(month: number) {\n    if (!disableFutureMonths) return false\n    return (\n      displayYear > today.getFullYear() ||\n      (displayYear === today.getFullYear() && month > today.getMonth() + 1)\n    )\n  }\n\n  const canGoPrev = !disablePastMonths || displayYear > today.getFullYear()\n\n  const canGoNext = !disableFutureMonths || displayYear < today.getFullYear()\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.header}>\n        <button\n          type=\"button\"\n          disabled={!canGoPrev}\n          style={{ ...styles.navButton, opacity: canGoPrev ? 1 : 0.3 }}\n          onClick={() => canGoPrev && setDisplayYear(y => y - 1)}\n        >\n          <Icon name=\"chevrons-left\" color=\"var(--px-text-secondary)\" />\n        </button>\n\n        <Typography variant=\"b2\" fontWeight=\"semibold\">\n          {displayYear}\n        </Typography>\n\n        <button\n          type=\"button\"\n          disabled={!canGoNext}\n          style={{\n            ...styles.navButton,\n            opacity: canGoNext ? 1 : 0.3,\n            rotate: '180deg'\n          }}\n          onClick={() => canGoNext && setDisplayYear(y => y + 1)}\n        >\n          <Icon name=\"chevrons-left\" color=\"var(--px-text-secondary)\" />\n        </button>\n      </div>\n\n      <div style={styles.grid}>\n        {MONTHS.map(month => (\n          <MonthButton\n            key={month}\n            month={month}\n            year={displayYear}\n            isSelected={value?.year === displayYear && value?.month === month}\n            isDisabled={isPastMonth(month) || isFutureMonth(month)}\n            isCurrentMonth={\n              today.getFullYear() === displayYear &&\n              today.getMonth() + 1 === month\n            }\n            onSelect={onSelect}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { MonthPickerTriggerProps } from './types'\n\nexport function createMonthPickerTriggerStyles(props: MonthPickerTriggerProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      gap: '0.5rem',\n\n      opacity: props.disabled ? 0.5 : 1,\n      cursor: props.disabled ? 'not-allowed' : 'pointer'\n    },\n    fieldWrapper: {\n      position: 'relative',\n      width: '100%'\n    },\n    button: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n\n      gap: '0.5rem',\n      borderRadius: '0.5rem',\n      padding:\n        props.showClearButton &&\n        props.value?.year !== undefined &&\n        props.value.month !== undefined &&\n        !props.disabled\n          ? '0.625rem 3.75rem 0.625rem 0.875rem'\n          : '0.625rem 0.875rem',\n\n      border: props.errorMessage\n        ? '1px solid var(--px-color-error)'\n        : '1px solid var(--px-border-primary)',\n\n      __rules: {\n        '&:hover': {\n          boxShadow: 'var(--px-shadow-default)',\n          borderColor: 'var(--px-color-primary)'\n        },\n        '&:focus-within': {\n          outlineOffset: '-1px',\n          outline: props.errorMessage\n            ? '2px solid var(--px-color-error)'\n            : `2px solid var(--px-color-primary)`\n        }\n      }\n    },\n    buttonContent: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n      minWidth: 0\n    },\n    chevronIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: '0.875rem',\n      transform: 'translateY(-50%)',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      pointerEvents: 'none'\n    },\n    clearButton: {\n      position: 'absolute',\n      top: '50%',\n      right: '2.25rem',\n      transform: 'translateY(-50%)',\n\n      width: '1.5rem',\n      height: '1.5rem',\n      padding: 0,\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      color: 'var(--px-text-secondary)',\n      border: 'none',\n      borderRadius: '999px',\n      background: 'transparent',\n      cursor: 'pointer',\n\n      __rules: {\n        '&:hover': {\n          color: 'var(--px-text-primary)',\n          backgroundColor: 'var(--px-bg-secondary)'\n        },\n        '&:focus-visible': {\n          outlineOffset: '2px',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport { forwardRef, useId } from 'react'\nimport { ptBR } from 'date-fns/locale'\nimport { format } from 'date-fns/format'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Label } from '@components/commons/toolkit/Label'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { capitalize } from '@utils/functions'\n\n// Types\nimport type { MonthPickerTriggerProps } from './types'\n\n// Styles\nimport { createMonthPickerTriggerStyles } from './styles'\n\nexport const MonthPickerTrigger = forwardRef<\n  HTMLButtonElement,\n  MonthPickerTriggerProps\n>(function MonthPickerTrigger(props, ref) {\n  const inputId = useId()\n  const { styles, classes } = useThemedStyles(\n    props,\n    createMonthPickerTriggerStyles,\n    {\n      pick: p => [\n        p.disabled,\n        p.errorMessage,\n        p.showClearButton,\n        p.value?.year,\n        p.value?.month\n      ],\n      applyCommonProps: true,\n      commonSlot: 'container'\n    }\n  )\n\n  // Constants\n  const { label, value, disabled, required, hideLabel, placeholder, onClick } =\n    props\n  const hasSelectedValue = value?.year !== undefined && value.month !== undefined\n  const shouldShowClearButton =\n    props.showClearButton && hasSelectedValue && !disabled\n\n  // Functions\n  function renderLabel() {\n    if (!hasSelectedValue) return placeholder ?? 'Selecione um mês'\n\n    const date = new Date(value.year, value.month - 1, 1)\n    return capitalize(format(date, 'MMMM yyyy', { locale: ptBR }))\n  }\n\n  return (\n    <div style={styles.container}>\n      {!hideLabel ? (\n        <Label\n          label={label}\n          htmlFor={inputId}\n          required={required}\n          requiredColor=\"var(--color-error)\"\n        />\n      ) : null}\n\n      <div style={styles.fieldWrapper}>\n        <button\n          ref={ref}\n          id={inputId}\n          type=\"button\"\n          disabled={disabled}\n          style={styles.button}\n          aria-expanded={props.ariaExpanded}\n          aria-label={hideLabel ? label : undefined}\n          className={classes.button}\n          onClick={onClick}\n        >\n          <div style={styles.buttonContent}>\n            <Icon\n              size=\"sm\"\n              name=\"general-calendar\"\n              color=\"var(--px-text-primary)\"\n            />\n\n            <Typography variant=\"b1\" className=\"font-normal\">\n              {renderLabel()}\n            </Typography>\n          </div>\n        </button>\n\n        {shouldShowClearButton ? (\n          <button\n            type=\"button\"\n            style={styles.clearButton}\n            className={classes.clearButton}\n            aria-label=\"Limpar mês selecionado\"\n            onClick={props.onClear}\n          >\n            <Icon size=\"sm\" name=\"general-close\" color=\"currentColor\" />\n          </button>\n        ) : null}\n\n        <span style={styles.chevronIcon}>\n          <Icon\n            size=\"sm\"\n            color=\"var(--px-text-primary)\"\n            name={props.ariaExpanded ? 'chevrons-up' : 'chevrons-down'}\n          />\n        </span>\n      </div>\n\n      {props.errorMessage ? (\n        <Typography\n          variant=\"b2\"\n          fontSize=\"0.75rem\"\n          fontWeight=\"regular\"\n          color=\"var(--px-color-error)\"\n        >\n          {props.errorMessage}\n        </Typography>\n      ) : null}\n    </div>\n  )\n})\n","// External Libraries\nimport { useState } from 'react'\n\n// Types\nimport type { MonthPickerProps, MonthPickerValue } from '../types'\n\nexport function useMonthPicker(params: MonthPickerProps) {\n  // States\n  const [isOpen, setOpen] = useState(false)\n  const [selectedValue, setSelectedValue] = useState<\n    MonthPickerValue | undefined\n  >(params.value)\n\n  // Functions\n  function toggleDialog(status: boolean) {\n    if (status) setSelectedValue(params.value)\n    setOpen(status)\n  }\n\n  function handleMonthSelect(value: MonthPickerValue) {\n    setOpen(false)\n    params.onChange(value)\n  }\n\n  function handleClear() {\n    setOpen(false)\n    setSelectedValue(undefined)\n    params.onChange({ year: undefined, month: undefined })\n  }\n\n  return {\n    isOpen,\n    selectedValue,\n    toggleDialog,\n    handleMonthSelect,\n    handleClear\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createMonthPickerStyles() {\n  return styled({\n    container: {\n      width: '100%'\n    }\n  })\n}\n","import type { PopoverProps } from '@components/commons/toolkit/Popover/types'\n\nexport interface MonthPickerValue {\n  year?: number\n  month?: number\n}\n\nexport interface MonthPickerProps {\n  label: string\n  value?: MonthPickerValue\n  onChange: (value: MonthPickerValue) => void\n\n  disabled?: boolean\n  required?: boolean\n  hideLabel?: boolean\n  showClearButton?: boolean\n  placeholder?: string\n  errorMessage?: string\n  scrollContainerId: string\n  placementContainer?: 'bottom' | 'bottom-end' | 'bottom-start'\n  portalId?: PopoverProps['portalId']\n  disablePastMonths?: boolean\n  disableFutureMonths?: boolean\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { MonthGrid } from './components/MonthGrid'\nimport { MonthPickerTrigger } from './components/MonthPickerTrigger'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useMonthPicker } from './hooks/useMonthPicker'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { MonthPickerProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\n\n// Styles\nimport { createMonthPickerStyles } from './styles'\n\nexport * as MonthPickerTypes from './types'\n\nexport const MonthPicker: React.FC<MonthPickerProps> = ({\n  placementContainer = 'bottom-start',\n  ...props\n}) => {\n  // Hooks\n  const { isOpen, selectedValue, toggleDialog, handleMonthSelect, handleClear } =\n    useMonthPicker(props)\n  const { styles } = useThemedStyles(props, createMonthPickerStyles, {\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    return (\n      <MonthPickerTrigger\n        {...props}\n        ref={ref as any}\n        value={props.value}\n        ariaExpanded={ariaExpanded}\n        onClick={onClick}\n        onClear={handleClear}\n      />\n    )\n  }\n\n  return (\n    <div style={styles.container}>\n      <BasePopover\n        open={isOpen}\n        maxWidth=\"fit-content\"\n        minWidth=\"fit-content\"\n        maxHeight=\"fit-content\"\n        portalId={props.portalId}\n        trigger={renderTrigger}\n        onOpenChange={toggleDialog}\n        floatingOptions={{\n          strategy: 'fixed',\n          placement: placementContainer,\n          scrollContainerId: props.scrollContainerId\n        }}\n      >\n        <MonthGrid\n          value={selectedValue}\n          disablePastMonths={props.disablePastMonths}\n          disableFutureMonths={props.disableFutureMonths}\n          onSelect={handleMonthSelect}\n        />\n      </BasePopover>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/{Popover-CED1_qlu.js → Popover-BEyV-ZVn.js}

@@ -1,6 +1,6 @@
 import { n as styled, t as useThemedStyles } from "./useThemedStyles-BRdb57J9.js";
 import { t as useDismiss } from "./useDismiss-Bk0KtHnr.js";
-import { t as useFloating } from "./useFloating-CJu3mhQW.js";
+import { t as useFloating } from "./useFloating-lgB89YRF.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -278,4 +278,4 @@ const Popover = (props) => {
 
 //#endregion
 export { types_exports as n, Popover as t };
-//# sourceMappingURL=Popover-CED1_qlu.js.map
+//# sourceMappingURL=Popover-BEyV-ZVn.js.map

package/dist/{Popover-CED1_qlu.js.map → Popover-BEyV-ZVn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-CED1_qlu.js","names":["node: HTMLElement | null","Popover: React.FC<PopoverProps>"],"sources":["../src/components/commons/toolkit/Popover/hooks/usePortalContainer/index.ts","../src/components/commons/toolkit/Popover/utils/focusNextFrom.ts","../src/components/commons/toolkit/Popover/utils/portal.ts","../src/components/commons/toolkit/Popover/hooks/usePopoverA11yFocus/index.ts","../src/components/commons/toolkit/Popover/hooks/usePopoverFloatingOptions/index.ts","../src/components/commons/toolkit/Popover/styles.ts","../src/components/commons/toolkit/Popover/types.ts","../src/components/commons/toolkit/Popover/index.tsx"],"sourcesContent":["// External Libraries\nimport { useEffect, useMemo, useRef, useState } from 'react'\n\nexport function usePortalContainer(portalId?: string) {\n  const portalRef = useRef<HTMLElement | null>(null)\n  const [portalEl, setPortalEl] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    if (!portalId) {\n      setPortalEl(null)\n      return\n    }\n\n    const found = document.getElementById(portalId) as HTMLElement | null\n    setPortalEl(found)\n    if (found) return\n\n    const obs = new MutationObserver(() => {\n      const el = document.getElementById(portalId) as HTMLElement | null\n      if (el) {\n        setPortalEl(el)\n        obs.disconnect()\n      }\n    })\n\n    obs.observe(document.documentElement, { childList: true, subtree: true })\n    return () => obs.disconnect()\n  }, [portalId])\n\n  useEffect(() => {\n    portalRef.current = portalEl\n  }, [portalEl])\n\n  const portalContainer = useMemo(() => {\n    if (typeof document === 'undefined') return null\n    return portalEl ?? document.body\n  }, [portalEl])\n\n  return { portalRef, portalEl, portalContainer }\n}\n","const SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]'\n].join(',')\n\nfunction isVisible(el: HTMLElement) {\n  const style = window.getComputedStyle(el)\n  if (style.display === 'none' || style.visibility === 'hidden') return false\n  const r = el.getBoundingClientRect()\n  return r.width > 0 && r.height > 0\n}\n\nexport function focusNextFrom(from: HTMLElement, root: ParentNode = document) {\n  const list = Array.from(root.querySelectorAll<HTMLElement>(SELECTOR)).filter(\n    isVisible\n  )\n\n  const i = list.indexOf(from)\n  const next = i >= 0 ? list[i + 1] : list[0]\n  next?.focus?.()\n  return next ?? null\n}\n","export function resolvePortalContainer(portalId?: string): HTMLElement | null {\n  if (typeof document === 'undefined') return null\n  if (!portalId) return document.body\n  return document.getElementById(portalId) ?? document.body\n}\n\nexport function createsFixedContainingBlock(el: HTMLElement): boolean {\n  let node: HTMLElement | null = el\n  while (node) {\n    const s = getComputedStyle(node)\n    if (\n      s.transform !== 'none' ||\n      s.translate !== 'none' ||\n      s.perspective !== 'none' ||\n      s.filter !== 'none' ||\n      s.backdropFilter !== 'none' ||\n      s.contain.includes('paint')\n    ) {\n      return true\n    }\n    node = node.parentElement\n  }\n  return false\n}\n","// External Libraries\nimport { useEffect, useRef } from 'react'\n\n// Utils\nimport { focusNextFrom } from '../../utils'\n\n// Types\nimport type { CloseReason } from '../../types'\n\ntype Params = {\n  open: boolean\n  restoreFocusOnClose: boolean\n  triggerRef: React.RefObject<HTMLElement | null>\n  lastCloseReasonRef: React.MutableRefObject<CloseReason>\n  setOpen: (v: boolean) => void\n}\n\nexport function usePopoverA11yFocus({\n  open,\n  restoreFocusOnClose,\n  triggerRef,\n  lastCloseReasonRef,\n  setOpen\n}: Params) {\n  const tabFocusFromRef = useRef<HTMLElement | null>(null)\n  const prevOpenRef = useRef<boolean>(open)\n\n  useEffect(() => {\n    if (!open) return\n    if (typeof document === 'undefined') return\n\n    const onKeyDownCapture = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return\n      lastCloseReasonRef.current = 'tab'\n      tabFocusFromRef.current = triggerRef.current\n      setOpen(false)\n    }\n\n    document.addEventListener('keydown', onKeyDownCapture, true)\n    return () => document.removeEventListener('keydown', onKeyDownCapture, true)\n  }, [open, setOpen, triggerRef, lastCloseReasonRef])\n\n  useEffect(() => {\n    const wasOpen = prevOpenRef.current\n    prevOpenRef.current = open\n\n    if (open) return\n    if (!wasOpen) return\n\n    if (!restoreFocusOnClose) return\n\n    const reason = lastCloseReasonRef.current\n\n    if (reason === 'tab') {\n      const from = tabFocusFromRef.current\n      tabFocusFromRef.current = null\n      lastCloseReasonRef.current = 'programmatic'\n\n      if (from) {\n        requestAnimationFrame(() => {\n          focusNextFrom(from, document)\n        })\n      }\n      return\n    }\n\n    requestAnimationFrame(() => triggerRef.current?.focus?.())\n    lastCloseReasonRef.current = 'programmatic'\n  }, [open, restoreFocusOnClose, triggerRef, lastCloseReasonRef])\n}\n","// External Libraries\nimport { useMemo } from 'react'\nimport type { RefObject } from 'react'\n\n// Hooks\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\n// Utils\nimport { createsFixedContainingBlock } from '../../utils'\n\ntype Params = {\n  portalId?: string\n  portalContainer: HTMLElement | null\n  portalRef: RefObject<HTMLElement | null>\n  floatingOptions?: FloatingOptions\n  absoluteReference?: FloatingOptions['absoluteReference']\n}\n\nexport function usePopoverFloatingOptions({\n  portalId,\n  portalContainer,\n  portalRef,\n  floatingOptions,\n  absoluteReference\n}: Params) {\n  return useMemo(() => {\n    const base = {\n      offsetY: 6,\n      keepInViewport: true,\n      placement: 'bottom-start',\n      portalRef\n    } as const\n\n    const userStrategy = floatingOptions?.strategy ?? 'fixed'\n\n    const shouldFixFixedInPortal =\n      !!portalId &&\n      portalContainer &&\n      userStrategy === 'fixed' &&\n      portalContainer !== document.body &&\n      createsFixedContainingBlock(portalContainer)\n\n    if (shouldFixFixedInPortal) {\n      return {\n        ...base,\n        ...floatingOptions,\n        strategy: 'absolute',\n        absoluteReference: 'offsetParent'\n      } as any\n    }\n\n    return {\n      ...base,\n      ...floatingOptions,\n      absoluteReference\n    } as any\n  }, [portalId, portalContainer, portalRef, floatingOptions, absoluteReference])\n}\n","// Types\nimport type { PopoverProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createPopoverStyles({ hideShadow = false }: PopoverProps) {\n  return styled({\n    popoverNode: {\n      position: 'fixed',\n      left: 0,\n      top: 0,\n\n      zIndex: 10,\n\n      padding: '0.25rem',\n\n      backgroundColor: 'var(--px-bg)',\n      boxShadow: hideShadow ? 'none' : 'var(--px-ring-1)',\n\n      borderRadius: '0.75rem',\n      overflow: 'hidden'\n    },\n\n    trigger: {\n      width: 'fit-content',\n      height: 'fit-content'\n    }\n  })\n}\n","// External Libraries\nimport type { MouseEvent, MouseEventHandler, ReactNode, RefObject } from 'react'\n\n// Types\nimport type { createPopoverStyles } from './styles'\nimport type { FloatingOptions } from '@hooks/useFloating/types'\nimport type { PaddingProps, TypeStyles } from '@hooks/useThemedStyles/types'\n\nexport type PopoverTriggerRenderProps = {\n  ariaExpanded: boolean\n  ref: RefObject<HTMLElement>\n  onClick: (event: MouseEvent<HTMLSpanElement>) => void\n}\n\nexport type CloseReason = 'outside' | 'escape' | 'tab' | 'programmatic'\n\nexport interface PopoverProps extends PaddingProps {\n  open?: boolean\n  portalId?: string\n  containerId?: string\n  hideShadow?: boolean\n  dismissScope?: string\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  floatingOptions?: FloatingOptions\n  anchorRef?: RefObject<HTMLElement>\n  absoluteReference?: FloatingOptions['absoluteReference']\n\n  restoreFocusOnClose?: boolean\n\n  onOpenChange?: (v: boolean) => void\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>\n  onMouseLeave?: MouseEventHandler<HTMLDivElement>\n  content: (ctx: { close: () => void; widthTrigger: number }) => ReactNode\n  trigger?: (props: PopoverTriggerRenderProps) => ReactNode\n\n  styles?: TypeStyles<typeof createPopoverStyles>\n}\n","// External Libraries\nimport type React from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  type MouseEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react'\n\n// Hooks\nimport { useDismiss } from '@hooks/useDismiss'\nimport { useFloating } from '@hooks/useFloating'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { usePortalContainer } from './hooks/usePortalContainer'\nimport { usePopoverA11yFocus } from './hooks/usePopoverA11yFocus'\nimport { usePopoverFloatingOptions } from './hooks/usePopoverFloatingOptions'\n\n// Types\nimport type { CloseReason, PopoverProps } from './types'\n\n// Styles\nimport { createPopoverStyles } from './styles'\n\nexport * as PopoverTypes from './types'\n\nexport const Popover: React.FC<PopoverProps> = props => {\n  const {\n    portalId,\n    anchorRef,\n    dismissScope,\n    floatingOptions,\n    absoluteReference,\n    closeOnEscape = true,\n    open: controlledOpen,\n    closeOnOutsideClick = true,\n    restoreFocusOnClose = true,\n    trigger,\n    content,\n    onOpenChange,\n    onMouseEnter,\n    onMouseLeave\n  } = props\n\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const resolvedAnchorRef = (anchorRef ?? triggerRef) as any\n\n  const lastCloseReasonRef = useRef<CloseReason>('programmatic')\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false)\n  const [widthTrigger, setWidthTrigger] = useState(0)\n  const open = controlledOpen ?? uncontrolledOpen\n\n  const { portalRef, portalContainer } = usePortalContainer(portalId)\n\n  const { styles } = useThemedStyles(props, createPopoverStyles, {\n    applyCommonProps: true,\n    override: props.styles,\n    commonSlot: 'popoverNode',\n    pick: p => [p.open, p.content, p.trigger]\n  })\n\n  const setOpen = useCallback(\n    (v: boolean) => {\n      onOpenChange?.(v)\n      if (controlledOpen === undefined) setUncontrolledOpen(v)\n    },\n    [controlledOpen, onOpenChange]\n  )\n\n  const effectiveFloating = usePopoverFloatingOptions({\n    portalId,\n    portalContainer: portalContainer as any,\n    portalRef,\n    floatingOptions,\n    absoluteReference\n  })\n\n  const { floatingRef, update } = useFloating(\n    resolvedAnchorRef,\n    effectiveFloating\n  )\n\n  usePopoverA11yFocus({\n    open,\n    triggerRef,\n    lastCloseReasonRef,\n    restoreFocusOnClose,\n    setOpen\n  })\n\n  useDismiss({\n    open,\n    closeOnEscape,\n    closeOnOutsideClick,\n    dismissScope: props.dismissScope,\n    refs: [triggerRef, popoverRef],\n    onClose: () => {\n      lastCloseReasonRef.current = 'outside'\n      setOpen(false)\n    }\n  })\n\n  useEffect(() => {\n    if (!open) return\n    setWidthTrigger(triggerRef.current?.offsetWidth ?? 0)\n    requestAnimationFrame(update)\n  }, [open, update])\n\n  const triggerNode =\n    trigger?.({\n      ariaExpanded: open,\n      ref: triggerRef as any,\n      onClick: handleTriggerClick\n    }) ?? null\n\n  const popoverNode = open ? (\n    <div\n      ref={el => {\n        popoverRef.current = el\n        floatingRef(el as any)\n      }}\n      role=\"dialog\"\n      style={styles.popoverNode}\n      data-dismiss-scope={dismissScope}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onKeyDown={e => {\n        if (e.key === 'Escape') {\n          e.preventDefault()\n          lastCloseReasonRef.current = 'escape'\n          setOpen(false)\n        }\n      }}\n    >\n      {content({ close: () => setOpen(false), widthTrigger })}\n    </div>\n  ) : null\n\n  // Functions\n  function handleTriggerClick(e: MouseEvent) {\n    e.stopPropagation()\n    e.preventDefault()\n    setOpen(!open)\n  }\n\n  return (\n    <>\n      {triggerNode}\n      {typeof document !== 'undefined'\n        ? createPortal(popoverNode, portalContainer ?? document.body)\n        : null}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Popover-BEyV-ZVn.js","names":["node: HTMLElement | null","Popover: React.FC<PopoverProps>"],"sources":["../src/components/commons/toolkit/Popover/hooks/usePortalContainer/index.ts","../src/components/commons/toolkit/Popover/utils/focusNextFrom.ts","../src/components/commons/toolkit/Popover/utils/portal.ts","../src/components/commons/toolkit/Popover/hooks/usePopoverA11yFocus/index.ts","../src/components/commons/toolkit/Popover/hooks/usePopoverFloatingOptions/index.ts","../src/components/commons/toolkit/Popover/styles.ts","../src/components/commons/toolkit/Popover/types.ts","../src/components/commons/toolkit/Popover/index.tsx"],"sourcesContent":["// External Libraries\nimport { useEffect, useMemo, useRef, useState } from 'react'\n\nexport function usePortalContainer(portalId?: string) {\n  const portalRef = useRef<HTMLElement | null>(null)\n  const [portalEl, setPortalEl] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    if (!portalId) {\n      setPortalEl(null)\n      return\n    }\n\n    const found = document.getElementById(portalId) as HTMLElement | null\n    setPortalEl(found)\n    if (found) return\n\n    const obs = new MutationObserver(() => {\n      const el = document.getElementById(portalId) as HTMLElement | null\n      if (el) {\n        setPortalEl(el)\n        obs.disconnect()\n      }\n    })\n\n    obs.observe(document.documentElement, { childList: true, subtree: true })\n    return () => obs.disconnect()\n  }, [portalId])\n\n  useEffect(() => {\n    portalRef.current = portalEl\n  }, [portalEl])\n\n  const portalContainer = useMemo(() => {\n    if (typeof document === 'undefined') return null\n    return portalEl ?? document.body\n  }, [portalEl])\n\n  return { portalRef, portalEl, portalContainer }\n}\n","const SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]'\n].join(',')\n\nfunction isVisible(el: HTMLElement) {\n  const style = window.getComputedStyle(el)\n  if (style.display === 'none' || style.visibility === 'hidden') return false\n  const r = el.getBoundingClientRect()\n  return r.width > 0 && r.height > 0\n}\n\nexport function focusNextFrom(from: HTMLElement, root: ParentNode = document) {\n  const list = Array.from(root.querySelectorAll<HTMLElement>(SELECTOR)).filter(\n    isVisible\n  )\n\n  const i = list.indexOf(from)\n  const next = i >= 0 ? list[i + 1] : list[0]\n  next?.focus?.()\n  return next ?? null\n}\n","export function resolvePortalContainer(portalId?: string): HTMLElement | null {\n  if (typeof document === 'undefined') return null\n  if (!portalId) return document.body\n  return document.getElementById(portalId) ?? document.body\n}\n\nexport function createsFixedContainingBlock(el: HTMLElement): boolean {\n  let node: HTMLElement | null = el\n  while (node) {\n    const s = getComputedStyle(node)\n    if (\n      s.transform !== 'none' ||\n      s.translate !== 'none' ||\n      s.perspective !== 'none' ||\n      s.filter !== 'none' ||\n      s.backdropFilter !== 'none' ||\n      s.contain.includes('paint')\n    ) {\n      return true\n    }\n    node = node.parentElement\n  }\n  return false\n}\n","// External Libraries\nimport { useEffect, useRef } from 'react'\n\n// Utils\nimport { focusNextFrom } from '../../utils'\n\n// Types\nimport type { CloseReason } from '../../types'\n\ntype Params = {\n  open: boolean\n  restoreFocusOnClose: boolean\n  triggerRef: React.RefObject<HTMLElement | null>\n  lastCloseReasonRef: React.MutableRefObject<CloseReason>\n  setOpen: (v: boolean) => void\n}\n\nexport function usePopoverA11yFocus({\n  open,\n  restoreFocusOnClose,\n  triggerRef,\n  lastCloseReasonRef,\n  setOpen\n}: Params) {\n  const tabFocusFromRef = useRef<HTMLElement | null>(null)\n  const prevOpenRef = useRef<boolean>(open)\n\n  useEffect(() => {\n    if (!open) return\n    if (typeof document === 'undefined') return\n\n    const onKeyDownCapture = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return\n      lastCloseReasonRef.current = 'tab'\n      tabFocusFromRef.current = triggerRef.current\n      setOpen(false)\n    }\n\n    document.addEventListener('keydown', onKeyDownCapture, true)\n    return () => document.removeEventListener('keydown', onKeyDownCapture, true)\n  }, [open, setOpen, triggerRef, lastCloseReasonRef])\n\n  useEffect(() => {\n    const wasOpen = prevOpenRef.current\n    prevOpenRef.current = open\n\n    if (open) return\n    if (!wasOpen) return\n\n    if (!restoreFocusOnClose) return\n\n    const reason = lastCloseReasonRef.current\n\n    if (reason === 'tab') {\n      const from = tabFocusFromRef.current\n      tabFocusFromRef.current = null\n      lastCloseReasonRef.current = 'programmatic'\n\n      if (from) {\n        requestAnimationFrame(() => {\n          focusNextFrom(from, document)\n        })\n      }\n      return\n    }\n\n    requestAnimationFrame(() => triggerRef.current?.focus?.())\n    lastCloseReasonRef.current = 'programmatic'\n  }, [open, restoreFocusOnClose, triggerRef, lastCloseReasonRef])\n}\n","// External Libraries\nimport { useMemo } from 'react'\nimport type { RefObject } from 'react'\n\n// Hooks\nimport type { FloatingOptions } from '@hooks/useFloating/types'\n\n// Utils\nimport { createsFixedContainingBlock } from '../../utils'\n\ntype Params = {\n  portalId?: string\n  portalContainer: HTMLElement | null\n  portalRef: RefObject<HTMLElement | null>\n  floatingOptions?: FloatingOptions\n  absoluteReference?: FloatingOptions['absoluteReference']\n}\n\nexport function usePopoverFloatingOptions({\n  portalId,\n  portalContainer,\n  portalRef,\n  floatingOptions,\n  absoluteReference\n}: Params) {\n  return useMemo(() => {\n    const base = {\n      offsetY: 6,\n      keepInViewport: true,\n      placement: 'bottom-start',\n      portalRef\n    } as const\n\n    const userStrategy = floatingOptions?.strategy ?? 'fixed'\n\n    const shouldFixFixedInPortal =\n      !!portalId &&\n      portalContainer &&\n      userStrategy === 'fixed' &&\n      portalContainer !== document.body &&\n      createsFixedContainingBlock(portalContainer)\n\n    if (shouldFixFixedInPortal) {\n      return {\n        ...base,\n        ...floatingOptions,\n        strategy: 'absolute',\n        absoluteReference: 'offsetParent'\n      } as any\n    }\n\n    return {\n      ...base,\n      ...floatingOptions,\n      absoluteReference\n    } as any\n  }, [portalId, portalContainer, portalRef, floatingOptions, absoluteReference])\n}\n","// Types\nimport type { PopoverProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createPopoverStyles({ hideShadow = false }: PopoverProps) {\n  return styled({\n    popoverNode: {\n      position: 'fixed',\n      left: 0,\n      top: 0,\n\n      zIndex: 10,\n\n      padding: '0.25rem',\n\n      backgroundColor: 'var(--px-bg)',\n      boxShadow: hideShadow ? 'none' : 'var(--px-ring-1)',\n\n      borderRadius: '0.75rem',\n      overflow: 'hidden'\n    },\n\n    trigger: {\n      width: 'fit-content',\n      height: 'fit-content'\n    }\n  })\n}\n","// External Libraries\nimport type { MouseEvent, MouseEventHandler, ReactNode, RefObject } from 'react'\n\n// Types\nimport type { createPopoverStyles } from './styles'\nimport type { FloatingOptions } from '@hooks/useFloating/types'\nimport type { PaddingProps, TypeStyles } from '@hooks/useThemedStyles/types'\n\nexport type PopoverTriggerRenderProps = {\n  ariaExpanded: boolean\n  ref: RefObject<HTMLElement>\n  onClick: (event: MouseEvent<HTMLSpanElement>) => void\n}\n\nexport type CloseReason = 'outside' | 'escape' | 'tab' | 'programmatic'\n\nexport interface PopoverProps extends PaddingProps {\n  open?: boolean\n  portalId?: string\n  containerId?: string\n  hideShadow?: boolean\n  dismissScope?: string\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  floatingOptions?: FloatingOptions\n  anchorRef?: RefObject<HTMLElement>\n  absoluteReference?: FloatingOptions['absoluteReference']\n\n  restoreFocusOnClose?: boolean\n\n  onOpenChange?: (v: boolean) => void\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>\n  onMouseLeave?: MouseEventHandler<HTMLDivElement>\n  content: (ctx: { close: () => void; widthTrigger: number }) => ReactNode\n  trigger?: (props: PopoverTriggerRenderProps) => ReactNode\n\n  styles?: TypeStyles<typeof createPopoverStyles>\n}\n","// External Libraries\nimport type React from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  type MouseEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react'\n\n// Hooks\nimport { useDismiss } from '@hooks/useDismiss'\nimport { useFloating } from '@hooks/useFloating'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { usePortalContainer } from './hooks/usePortalContainer'\nimport { usePopoverA11yFocus } from './hooks/usePopoverA11yFocus'\nimport { usePopoverFloatingOptions } from './hooks/usePopoverFloatingOptions'\n\n// Types\nimport type { CloseReason, PopoverProps } from './types'\n\n// Styles\nimport { createPopoverStyles } from './styles'\n\nexport * as PopoverTypes from './types'\n\nexport const Popover: React.FC<PopoverProps> = props => {\n  const {\n    portalId,\n    anchorRef,\n    dismissScope,\n    floatingOptions,\n    absoluteReference,\n    closeOnEscape = true,\n    open: controlledOpen,\n    closeOnOutsideClick = true,\n    restoreFocusOnClose = true,\n    trigger,\n    content,\n    onOpenChange,\n    onMouseEnter,\n    onMouseLeave\n  } = props\n\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const resolvedAnchorRef = (anchorRef ?? triggerRef) as any\n\n  const lastCloseReasonRef = useRef<CloseReason>('programmatic')\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false)\n  const [widthTrigger, setWidthTrigger] = useState(0)\n  const open = controlledOpen ?? uncontrolledOpen\n\n  const { portalRef, portalContainer } = usePortalContainer(portalId)\n\n  const { styles } = useThemedStyles(props, createPopoverStyles, {\n    applyCommonProps: true,\n    override: props.styles,\n    commonSlot: 'popoverNode',\n    pick: p => [p.open, p.content, p.trigger]\n  })\n\n  const setOpen = useCallback(\n    (v: boolean) => {\n      onOpenChange?.(v)\n      if (controlledOpen === undefined) setUncontrolledOpen(v)\n    },\n    [controlledOpen, onOpenChange]\n  )\n\n  const effectiveFloating = usePopoverFloatingOptions({\n    portalId,\n    portalContainer: portalContainer as any,\n    portalRef,\n    floatingOptions,\n    absoluteReference\n  })\n\n  const { floatingRef, update } = useFloating(\n    resolvedAnchorRef,\n    effectiveFloating\n  )\n\n  usePopoverA11yFocus({\n    open,\n    triggerRef,\n    lastCloseReasonRef,\n    restoreFocusOnClose,\n    setOpen\n  })\n\n  useDismiss({\n    open,\n    closeOnEscape,\n    closeOnOutsideClick,\n    dismissScope: props.dismissScope,\n    refs: [triggerRef, popoverRef],\n    onClose: () => {\n      lastCloseReasonRef.current = 'outside'\n      setOpen(false)\n    }\n  })\n\n  useEffect(() => {\n    if (!open) return\n    setWidthTrigger(triggerRef.current?.offsetWidth ?? 0)\n    requestAnimationFrame(update)\n  }, [open, update])\n\n  const triggerNode =\n    trigger?.({\n      ariaExpanded: open,\n      ref: triggerRef as any,\n      onClick: handleTriggerClick\n    }) ?? null\n\n  const popoverNode = open ? (\n    <div\n      ref={el => {\n        popoverRef.current = el\n        floatingRef(el as any)\n      }}\n      role=\"dialog\"\n      style={styles.popoverNode}\n      data-dismiss-scope={dismissScope}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onKeyDown={e => {\n        if (e.key === 'Escape') {\n          e.preventDefault()\n          lastCloseReasonRef.current = 'escape'\n          setOpen(false)\n        }\n      }}\n    >\n      {content({ close: () => setOpen(false), widthTrigger })}\n    </div>\n  ) : null\n\n  // Functions\n  function handleTriggerClick(e: MouseEvent) {\n    e.stopPropagation()\n    e.preventDefault()\n    setOpen(!open)\n  }\n\n  return (\n    <>\n      {triggerNode}\n      {typeof document !== 'undefined'\n        ? createPortal(popoverNode, portalContainer ?? document.body)\n        : null}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/{Select-Dk5WzuDp.js → Select-CMQu59xD.js}

@@ -1,7 +1,7 @@
 import { n as styled, t as useThemedStyles } from "./useThemedStyles-BRdb57J9.js";
 import { t as Typography } from "./Typography-0qDw3WVA.js";
 import { t as Icon } from "./Icon-UUxBec64.js";
-import { t as BasePopover } from "./BasePopover-BTCH2Kyr.js";
+import { t as BasePopover } from "./BasePopover-BsPsBQj2.js";
 import { t as Label } from "./Label-bfESBaYl.js";
 import { t as ErrorMessage } from "./ErrorMessage-DE8DECL9.js";
 import { t as Loader } from "./Loader-Bf_JszPG.js";
@@ -527,4 +527,4 @@ const Select = (props) => {
 
 //#endregion
 export { types_exports as n, Select as t };
-//# sourceMappingURL=Select-Dk5WzuDp.js.map
+//# sourceMappingURL=Select-CMQu59xD.js.map

package/dist/{Select-Dk5WzuDp.js.map → Select-CMQu59xD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-Dk5WzuDp.js","names":["value","Select: React.FC<SelectProps>","result: React.ReactNode[] | string"],"sources":["../src/utils/functions/normalizeString.ts","../src/components/commons/inputs/Select/components/OptionItem/styles.ts","../src/components/commons/inputs/Select/components/OptionItem/index.tsx","../src/hooks/useCompositeListNavigation/index.ts","../src/components/commons/inputs/Select/hooks/useSelect/index.ts","../src/components/commons/inputs/Select/styles.ts","../src/components/commons/inputs/Select/types.ts","../src/components/commons/inputs/Select/index.tsx"],"sourcesContent":["export function normalizeString(value: string) {\n  if (!value || typeof value !== 'string') return ''\n\n  return value\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .toUpperCase()\n    .trim()\n}\n","import type { OptionItemProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createOptionsStyles(\n  props: OptionItemProps & { ['data-active']?: string }\n) {\n  const { isSelected } = props\n  const isActive = props['data-active'] === 'true'\n  const highlighted = isSelected || isActive\n\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n      textAlign: 'left',\n\n      borderRadius: '0.25rem',\n      padding: '0.5rem 0.75rem',\n\n      cursor: 'pointer',\n      transition: 'background-color 0.2s ease-out',\n\n      backgroundColor: highlighted\n        ? 'var(--px-background-card-hover)'\n        : 'transparent',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--px-background-card-hover) !important'\n        },\n\n        '&:focus': {\n          outlineOffset: '-2px',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    },\n\n    text: {\n      flex: 1,\n\n      fontSize: '1rem',\n      fontWeight: 500,\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis'\n    },\n\n    optionContent: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      columnGap: '0.25rem'\n    }\n  })\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: It's a custom select component */\nimport type React from 'react'\nimport { forwardRef } from 'react'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { OptionItemProps } from './types'\n\n// Styles\nimport { createOptionsStyles } from './styles'\n\ntype NativeButtonProps = Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'onClick'\n>\n\nexport const OptionItem = forwardRef<\n  HTMLButtonElement,\n  OptionItemProps & NativeButtonProps\n>((props, ref) => {\n  const { styles, classes } = useThemedStyles(props, createOptionsStyles)\n\n  const { option, isSelected, onClick, ...rest } = props\n\n  return (\n    <button\n      {...rest}\n      ref={ref}\n      type=\"button\"\n      role=\"option\"\n      style={styles.container}\n      className={classes.container}\n      aria-label={option.label}\n      aria-selected={isSelected}\n      onClick={() => onClick(option.value)}\n    >\n      <div style={styles.optionContent}>\n        {option.startIcon}\n        <span style={styles.text}> {option.label}</span>\n      </div>\n    </button>\n  )\n})\n\nOptionItem.displayName = 'OptionItem'\n","// External Libraries\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type CompositeItemMeta = {\n  disabled?: boolean\n  hasChildren?: boolean\n  onActivate?: () => void\n  onOpenChildren?: () => void\n  onCloseChildren?: () => void\n}\n\ntype Params = {\n  open: boolean\n  itemCount: number\n  autoFocusFirstOption?: boolean\n  initialIndex?: number\n  onCloseByTab?: () => void\n  setOpen: (v: boolean) => void\n  makeMeta: (index: number) => CompositeItemMeta\n}\n\nfunction findNextEnabled(\n  start: number,\n  dir: 1 | -1,\n  count: number,\n  isDisabled: (i: number) => boolean\n) {\n  if (count <= 0) return 0\n  let i = start\n  for (let step = 0; step < count; step++) {\n    i = (i + dir + count) % count\n    if (!isDisabled(i)) return i\n  }\n  return start\n}\n\nfunction findFirstEnabled(count: number, isDisabled: (i: number) => boolean) {\n  for (let i = 0; i < count; i++) if (!isDisabled(i)) return i\n  return 0\n}\n\nexport function useCompositeListNavigation({\n  open,\n  itemCount,\n  autoFocusFirstOption = true,\n  initialIndex,\n  setOpen,\n  makeMeta,\n  onCloseByTab\n}: Params) {\n  const listRef = useRef<HTMLElement | null>(null)\n  const itemRefs = useRef<Array<HTMLButtonElement | null>>([])\n\n  const isDisabled = useCallback(\n    (i: number) => !!makeMeta(i).disabled,\n    [makeMeta]\n  )\n\n  const [activeIndex, setActiveIndex] = useState(0)\n\n  const focusItem = useCallback((i: number) => {\n    const el = itemRefs.current[i]\n    if (!el) return\n    el.focus({ preventScroll: true })\n    el.scrollIntoView({ block: 'nearest' })\n  }, [])\n\n  const openAndFocus = useCallback(\n    (index?: number) => {\n      setOpen(true)\n\n      if (!autoFocusFirstOption) return\n\n      const next =\n        typeof index === 'number'\n          ? index\n          : typeof initialIndex === 'number'\n            ? initialIndex\n            : findFirstEnabled(itemCount, isDisabled)\n\n      setActiveIndex(next)\n      requestAnimationFrame(() => focusItem(next))\n    },\n    [\n      autoFocusFirstOption,\n      focusItem,\n      initialIndex,\n      isDisabled,\n      itemCount,\n      setOpen\n    ]\n  )\n\n  useEffect(() => {\n    if (!open || !autoFocusFirstOption) return\n    requestAnimationFrame(() => focusItem(activeIndex))\n  }, [open, activeIndex, autoFocusFirstOption, focusItem])\n\n  const move = useCallback(\n    (dir: 1 | -1) => {\n      const next = findNextEnabled(activeIndex, dir, itemCount, isDisabled)\n      setActiveIndex(next)\n      requestAnimationFrame(() => focusItem(next))\n    },\n    [activeIndex, itemCount, isDisabled, focusItem]\n  )\n\n  const activate = useCallback(() => {\n    const meta = makeMeta(activeIndex)\n    if (meta.disabled) return\n    meta.onActivate?.()\n  }, [activeIndex, makeMeta])\n\n  const onListKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!open) return\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault()\n          move(+1)\n          return\n\n        case 'ArrowUp':\n          e.preventDefault()\n          move(-1)\n          return\n\n        case 'Escape':\n          e.preventDefault()\n          setOpen(false)\n          onCloseByTab?.()\n          return\n\n        case 'Home': {\n          e.preventDefault()\n          const first = findFirstEnabled(itemCount, isDisabled)\n          setActiveIndex(first)\n          requestAnimationFrame(() => focusItem(first))\n          return\n        }\n\n        case 'End': {\n          e.preventDefault()\n          let last = itemCount - 1\n          for (let i = itemCount - 1; i >= 0; i--) {\n            if (!isDisabled(i)) {\n              last = i\n              break\n            }\n          }\n          setActiveIndex(last)\n          requestAnimationFrame(() => focusItem(last))\n          return\n        }\n\n        case 'Enter': {\n          e.preventDefault()\n          activate()\n          return\n        }\n\n        case 'ArrowRight': {\n          e.preventDefault()\n          const meta = makeMeta(activeIndex)\n          if (meta.hasChildren) meta.onOpenChildren?.()\n          return\n        }\n\n        case 'ArrowLeft': {\n          e.preventDefault()\n          const meta = makeMeta(activeIndex)\n          meta.onCloseChildren?.()\n          return\n        }\n      }\n    },\n    [\n      open,\n      itemCount,\n      activeIndex,\n      move,\n      activate,\n      makeMeta,\n      focusItem,\n      isDisabled,\n      onCloseByTab,\n      setOpen\n    ]\n  )\n\n  const getTriggerProps = useCallback(() => {\n    return {\n      onKeyDown: (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n          e.preventDefault()\n          if (!open) openAndFocus()\n          return\n        }\n\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          if (!open) openAndFocus(itemCount > 0 ? itemCount - 1 : 0)\n        }\n      }\n    }\n  }, [open, openAndFocus, itemCount])\n\n  const getListProps = useCallback(() => {\n    return {\n      ref: (el: HTMLElement | null) => {\n        listRef.current = el\n      },\n      onKeyDown: onListKeyDown\n    }\n  }, [onListKeyDown])\n\n  const getItemProps = useCallback(\n    (index: number) => {\n      const isActive = index === activeIndex\n      return {\n        ref: (el: HTMLButtonElement | null) => {\n          itemRefs.current[index] = el\n        },\n        tabIndex: isActive ? 0 : -1,\n        'data-active': isActive ? 'true' : 'false'\n      } as const\n    },\n    [activeIndex]\n  )\n\n  return {\n    activeIndex,\n    getListProps,\n    getItemProps,\n    openAndFocus,\n    setActiveIndex,\n    getTriggerProps\n  }\n}\n","// External Libraries\nimport { useEffect, useRef, useState } from 'react'\n\n// Hooks\nimport { useCompositeListNavigation } from '@hooks/useCompositeListNavigation'\n\n// Utils\nimport { normalizeString } from '@utils/functions'\n\n// Types\nimport type { SelectOption, SelectProps } from '../../types'\n\nexport function useSelect({\n  value,\n  options,\n  multiple,\n  disabled,\n  canClear,\n  withSearch,\n  onChange,\n  onSearchChange\n}: SelectProps) {\n  // Refs\n  const timeoutRef = useRef<NodeJS.Timeout>(null)\n\n  // States\n  const [open, setOpen] = useState(false)\n  const [search, setSearch] = useState('')\n  const [availableOptions, setAvailableOptions] = useState<SelectOption[]>([])\n\n  // Hooks\n  const nav = useCompositeListNavigation({\n    open,\n    itemCount: availableOptions.length,\n    autoFocusFirstOption: !withSearch,\n    makeMeta: makeMeta,\n    setOpen: changeOpen\n  })\n\n  useEffect(() => {\n    setAvailableOptions(options ?? [])\n  }, [options])\n\n  // Functions\n  function handleOptionClick(option: string) {\n    const isAlreadySelected = value.includes(option)\n\n    if (!multiple) {\n      if (isAlreadySelected) {\n        if (canClear) onChange([])\n      } else onChange([option])\n\n      setOpen(false)\n      return\n    }\n\n    if (isAlreadySelected) {\n      if (value.length === 1) {\n        if (canClear) onChange([])\n      } else onChange(value.filter(v => v !== option))\n    } else onChange([...value, option])\n  }\n\n  function makeMeta(index: number) {\n    const opt = availableOptions[index]\n\n    return {\n      onActivate: () => {\n        if (opt) handleOptionClick(opt.value)\n      }\n    }\n  }\n\n  function changeOpen(value: boolean) {\n    setOpen(value)\n    setSearch('')\n    setAvailableOptions(options)\n  }\n\n  function togglePanel() {\n    if (disabled) return\n    if (!open) nav.openAndFocus()\n  }\n\n  function closePanel() {\n    setOpen(false)\n  }\n\n  function handleSearchChange(value: string) {\n    setSearch(value)\n    if (onSearchChange) return onSearchChange(value)\n\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    if (!search) return setAvailableOptions(options)\n\n    timeoutRef.current = setTimeout(() => {\n      const normalizedSearch = normalizeString(value)\n      const filteredOptions = options.filter(opt =>\n        normalizeString(opt.label).includes(normalizedSearch)\n      )\n\n      setAvailableOptions(filteredOptions)\n    }, 500)\n  }\n\n  return {\n    nav,\n    open,\n    search,\n    availableOptions,\n    makeMeta,\n    changeOpen,\n    togglePanel,\n    closePanel,\n    handleOptionClick,\n    handleSearchChange\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { SelectProps } from './types'\n\nexport function createSelectStyles(props: SelectProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n\n      rowGap: '0.375rem'\n    },\n\n    content: {\n      width: '100%',\n      height: '2.75rem',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n\n      borderWidth: 1,\n      columnGap: '0.25rem',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\n\n      opacity: props.disabled || props.isLoading ? 0.5 : 1,\n      cursor: props.isLoading\n        ? 'progress'\n        : props.disabled\n          ? 'not-allowed'\n          : 'pointer',\n      boxShadow: 'var(--px-shadow-default)',\n      borderColor: props.errorMessage\n        ? 'var(--px-color-error)'\n        : 'var(--px-border-primary)',\n\n      __rules: {\n        '&:focus-within': {\n          outlineOffset: '-1px !important',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'}) !important`\n        }\n      }\n    },\n\n    text: {\n      flex: 1,\n\n      textAlign: 'left',\n\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n\n      fontSize: '1rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      fontWeight: props.value.length ? 500 : 400,\n      color: props.value.length\n        ? 'var(--px-text-primary)'\n        : 'var(--px-text-secondary)'\n    },\n\n    panel: { width: '100%' },\n\n    contentValueImage: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      columnGap: '0.25rem'\n    },\n\n    iconContainer: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      maxWidth: '1rem'\n    }\n  })\n}\n","import type {\n  TextProps,\n  LayoutProps,\n  MarginProps,\n  TypeStyles\n} from '@hooks/useThemedStyles/types'\nimport type { createSelectStyles } from './styles'\nimport type { FloatingOptions } from '@hooks/useFloating/types'\nimport type { PopoverProps } from '@components/commons/toolkit/Popover/types'\nimport type { Pagination } from '@components/commons/toolkit/ScrollPaginationContainer/types'\n\nexport interface SelectProps extends LayoutProps, MarginProps {\n  label: string\n  value: string[]\n  placeholder?: string\n  options: SelectOption[]\n  isLoading?: boolean\n\n  portalId?: PopoverProps['portalId']\n  strategy?: FloatingOptions['strategy']\n  placement?: FloatingOptions['placement']\n  scrollContainerId?: FloatingOptions['scrollContainerId']\n  absoluteReference?: FloatingOptions['absoluteReference']\n\n  canClear?: boolean\n  multiple?: boolean\n  required?: boolean\n  disabled?: boolean\n  hideLabel?: boolean\n  withSearch?: boolean\n  autoFocusFirstOption?: boolean\n  errorMessage?: string\n  maxVisibleItems?: number\n  maxHeightPopover?: string\n  searchPlaceholder?: string\n\n  pagination?: Pagination\n\n  startIcon?: React.ReactNode\n  styles?: TypeStyles<typeof createSelectStyles>\n\n  requiredColor?: string\n  labelConfig?: TextProps\n\n  onChange: (value: string[]) => void\n  onSearchChange?: (value: string) => void\n}\n\nexport interface SelectOption {\n  label: string\n  value: string\n  startIcon?: React.ReactNode\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: It's a custom select component */\n// External Libraries\nimport type React from 'react'\nimport { useMemo } from 'react'\n\n// Components\nimport { Input } from '../Input'\nimport { OptionItem } from './components/OptionItem'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Label } from '@components/commons/toolkit/Label'\nimport { ErrorMessage } from '../../toolkit/ErrorMessage'\nimport { Loader } from '@components/commons/toolkit/Loader'\nimport { Typography } from '@components/commons/toolkit/Typography'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\nimport { ScrollPaginationContainer } from '@components/commons/toolkit/ScrollPaginationContainer'\n\n// Hooks\nimport { useSelect } from './hooks/useSelect'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { SelectProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\nimport { ScrollDirection } from '@components/commons/toolkit/ScrollPaginationContainer/types'\n\n// Styles\nimport { createSelectStyles } from './styles'\n\nexport * as SelectTypes from './types'\n\nexport const Select: React.FC<SelectProps> = props => {\n  const {\n    nav,\n    open,\n    search,\n    availableOptions,\n    changeOpen,\n    handleOptionClick,\n    handleSearchChange\n  } = useSelect(props)\n  const { styles, classes } = useThemedStyles(props, createSelectStyles, {\n    pick: p => [p.disabled, p.errorMessage, p.value, p.isLoading],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  const maxVisible = props.maxVisibleItems ?? Infinity\n  const optionsMap = useMemo(\n    () =>\n      new Map(\n        props.options.map(option => [\n          option.value,\n          { label: option.label, startIcon: option.startIcon }\n        ])\n      ),\n    [props.options]\n  )\n\n  // Functions\n  function renderContent() {\n    if (!props.value?.length) return props.placeholder\n\n    const resolvedValues = props.value.map(\n      val => optionsMap.get(val) ?? { label: val, startIcon: null }\n    )\n    const visibleItems = resolvedValues.slice(0, maxVisible)\n    const hiddenCount = resolvedValues.length - visibleItems.length\n\n    let result: React.ReactNode[] | string = []\n\n    if (props.multiple) {\n      result = visibleItems.map(i => i.label).join(', ')\n    } else {\n      result = visibleItems.map(i => (\n        <span key={i.label} style={styles.contentValueImage}>\n          {i.startIcon ? i.startIcon : null}\n          <span style={styles.text}>{i.label}</span>\n        </span>\n      ))\n    }\n\n    if (typeof result === 'object' && hiddenCount > 0)\n      result.push(<span key=\"hidden-count\">{hiddenCount}</span>)\n\n    if (typeof result === 'string' && hiddenCount > 0)\n      result = `${result} ${hiddenCount}`\n\n    return result\n  }\n\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    const triggerKeyProps = nav.getTriggerProps()\n\n    return (\n      <button\n        ref={ref as React.RefObject<HTMLButtonElement>}\n        dir=\"ltr\"\n        type=\"button\"\n        role=\"combobox\"\n        style={styles.content}\n        aria-autocomplete=\"none\"\n        aria-label={props.label}\n        className={classes.content}\n        aria-expanded={ariaExpanded}\n        disabled={props.disabled || props.isLoading}\n        {...triggerKeyProps}\n        onClick={onClick}\n      >\n        {props.value.length ? props.startIcon : null}\n\n        <span id=\"text-content\" style={styles.text}>\n          {renderContent()}\n        </span>\n\n        {props.isLoading ? (\n          <Loader size=\"1rem\" color=\"var(--px-color-primary)\" />\n        ) : (\n          <div style={styles.iconContainer}>\n            <Icon size=\"sm\" name=\"chevrons-down\" />\n          </div>\n        )}\n      </button>\n    )\n  }\n\n  function renderOptions() {\n    if (availableOptions.length === 0) {\n      return (\n        <Typography variant=\"b2\" textAlign=\"center\">\n          No options\n        </Typography>\n      )\n    }\n\n    return availableOptions.map((option, idx) => (\n      <OptionItem\n        key={option.value}\n        option={option}\n        onClick={handleOptionClick}\n        isSelected={props.value.includes(option.value)}\n        {...nav.getItemProps(idx)}\n      />\n    ))\n  }\n\n  return (\n    <div style={styles.container}>\n      {props.hideLabel ? null : (\n        <Label\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      )}\n\n      <BasePopover\n        open={open}\n        portalId={props.portalId}\n        absoluteReference={props.absoluteReference}\n        maxHeight={props.maxHeightPopover}\n        floatingOptions={{\n          viewportMargin: 0,\n          strategy: props.strategy,\n          placement: props.placement,\n          scrollContainerId: props.scrollContainerId\n        }}\n        trigger={renderTrigger}\n        onOpenChange={changeOpen}\n      >\n        <ScrollPaginationContainer\n          fillFlex\n          direction={ScrollDirection.Vertical}\n          verticalPagination={props.pagination}\n        >\n          <div style={styles.panel} role=\"listbox\" {...nav.getListProps()}>\n            {props.withSearch ? (\n              <Input\n                hideLabel\n                autoFocus\n                mb=\"0.5rem\"\n                value={search}\n                label=\"Search\"\n                placeholder={props.searchPlaceholder ?? 'Pesquisar...'}\n                onChange={handleSearchChange}\n              />\n            ) : null}\n\n            {renderOptions()}\n          </div>\n        </ScrollPaginationContainer>\n      </BasePopover>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Select-CMQu59xD.js","names":["value","Select: React.FC<SelectProps>","result: React.ReactNode[] | string"],"sources":["../src/utils/functions/normalizeString.ts","../src/components/commons/inputs/Select/components/OptionItem/styles.ts","../src/components/commons/inputs/Select/components/OptionItem/index.tsx","../src/hooks/useCompositeListNavigation/index.ts","../src/components/commons/inputs/Select/hooks/useSelect/index.ts","../src/components/commons/inputs/Select/styles.ts","../src/components/commons/inputs/Select/types.ts","../src/components/commons/inputs/Select/index.tsx"],"sourcesContent":["export function normalizeString(value: string) {\n  if (!value || typeof value !== 'string') return ''\n\n  return value\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .toUpperCase()\n    .trim()\n}\n","import type { OptionItemProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createOptionsStyles(\n  props: OptionItemProps & { ['data-active']?: string }\n) {\n  const { isSelected } = props\n  const isActive = props['data-active'] === 'true'\n  const highlighted = isSelected || isActive\n\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n      textAlign: 'left',\n\n      borderRadius: '0.25rem',\n      padding: '0.5rem 0.75rem',\n\n      cursor: 'pointer',\n      transition: 'background-color 0.2s ease-out',\n\n      backgroundColor: highlighted\n        ? 'var(--px-background-card-hover)'\n        : 'transparent',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--px-background-card-hover) !important'\n        },\n\n        '&:focus': {\n          outlineOffset: '-2px',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    },\n\n    text: {\n      flex: 1,\n\n      fontSize: '1rem',\n      fontWeight: 500,\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis'\n    },\n\n    optionContent: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      columnGap: '0.25rem'\n    }\n  })\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: It's a custom select component */\nimport type React from 'react'\nimport { forwardRef } from 'react'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { OptionItemProps } from './types'\n\n// Styles\nimport { createOptionsStyles } from './styles'\n\ntype NativeButtonProps = Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'onClick'\n>\n\nexport const OptionItem = forwardRef<\n  HTMLButtonElement,\n  OptionItemProps & NativeButtonProps\n>((props, ref) => {\n  const { styles, classes } = useThemedStyles(props, createOptionsStyles)\n\n  const { option, isSelected, onClick, ...rest } = props\n\n  return (\n    <button\n      {...rest}\n      ref={ref}\n      type=\"button\"\n      role=\"option\"\n      style={styles.container}\n      className={classes.container}\n      aria-label={option.label}\n      aria-selected={isSelected}\n      onClick={() => onClick(option.value)}\n    >\n      <div style={styles.optionContent}>\n        {option.startIcon}\n        <span style={styles.text}> {option.label}</span>\n      </div>\n    </button>\n  )\n})\n\nOptionItem.displayName = 'OptionItem'\n","// External Libraries\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type CompositeItemMeta = {\n  disabled?: boolean\n  hasChildren?: boolean\n  onActivate?: () => void\n  onOpenChildren?: () => void\n  onCloseChildren?: () => void\n}\n\ntype Params = {\n  open: boolean\n  itemCount: number\n  autoFocusFirstOption?: boolean\n  initialIndex?: number\n  onCloseByTab?: () => void\n  setOpen: (v: boolean) => void\n  makeMeta: (index: number) => CompositeItemMeta\n}\n\nfunction findNextEnabled(\n  start: number,\n  dir: 1 | -1,\n  count: number,\n  isDisabled: (i: number) => boolean\n) {\n  if (count <= 0) return 0\n  let i = start\n  for (let step = 0; step < count; step++) {\n    i = (i + dir + count) % count\n    if (!isDisabled(i)) return i\n  }\n  return start\n}\n\nfunction findFirstEnabled(count: number, isDisabled: (i: number) => boolean) {\n  for (let i = 0; i < count; i++) if (!isDisabled(i)) return i\n  return 0\n}\n\nexport function useCompositeListNavigation({\n  open,\n  itemCount,\n  autoFocusFirstOption = true,\n  initialIndex,\n  setOpen,\n  makeMeta,\n  onCloseByTab\n}: Params) {\n  const listRef = useRef<HTMLElement | null>(null)\n  const itemRefs = useRef<Array<HTMLButtonElement | null>>([])\n\n  const isDisabled = useCallback(\n    (i: number) => !!makeMeta(i).disabled,\n    [makeMeta]\n  )\n\n  const [activeIndex, setActiveIndex] = useState(0)\n\n  const focusItem = useCallback((i: number) => {\n    const el = itemRefs.current[i]\n    if (!el) return\n    el.focus({ preventScroll: true })\n    el.scrollIntoView({ block: 'nearest' })\n  }, [])\n\n  const openAndFocus = useCallback(\n    (index?: number) => {\n      setOpen(true)\n\n      if (!autoFocusFirstOption) return\n\n      const next =\n        typeof index === 'number'\n          ? index\n          : typeof initialIndex === 'number'\n            ? initialIndex\n            : findFirstEnabled(itemCount, isDisabled)\n\n      setActiveIndex(next)\n      requestAnimationFrame(() => focusItem(next))\n    },\n    [\n      autoFocusFirstOption,\n      focusItem,\n      initialIndex,\n      isDisabled,\n      itemCount,\n      setOpen\n    ]\n  )\n\n  useEffect(() => {\n    if (!open || !autoFocusFirstOption) return\n    requestAnimationFrame(() => focusItem(activeIndex))\n  }, [open, activeIndex, autoFocusFirstOption, focusItem])\n\n  const move = useCallback(\n    (dir: 1 | -1) => {\n      const next = findNextEnabled(activeIndex, dir, itemCount, isDisabled)\n      setActiveIndex(next)\n      requestAnimationFrame(() => focusItem(next))\n    },\n    [activeIndex, itemCount, isDisabled, focusItem]\n  )\n\n  const activate = useCallback(() => {\n    const meta = makeMeta(activeIndex)\n    if (meta.disabled) return\n    meta.onActivate?.()\n  }, [activeIndex, makeMeta])\n\n  const onListKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!open) return\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault()\n          move(+1)\n          return\n\n        case 'ArrowUp':\n          e.preventDefault()\n          move(-1)\n          return\n\n        case 'Escape':\n          e.preventDefault()\n          setOpen(false)\n          onCloseByTab?.()\n          return\n\n        case 'Home': {\n          e.preventDefault()\n          const first = findFirstEnabled(itemCount, isDisabled)\n          setActiveIndex(first)\n          requestAnimationFrame(() => focusItem(first))\n          return\n        }\n\n        case 'End': {\n          e.preventDefault()\n          let last = itemCount - 1\n          for (let i = itemCount - 1; i >= 0; i--) {\n            if (!isDisabled(i)) {\n              last = i\n              break\n            }\n          }\n          setActiveIndex(last)\n          requestAnimationFrame(() => focusItem(last))\n          return\n        }\n\n        case 'Enter': {\n          e.preventDefault()\n          activate()\n          return\n        }\n\n        case 'ArrowRight': {\n          e.preventDefault()\n          const meta = makeMeta(activeIndex)\n          if (meta.hasChildren) meta.onOpenChildren?.()\n          return\n        }\n\n        case 'ArrowLeft': {\n          e.preventDefault()\n          const meta = makeMeta(activeIndex)\n          meta.onCloseChildren?.()\n          return\n        }\n      }\n    },\n    [\n      open,\n      itemCount,\n      activeIndex,\n      move,\n      activate,\n      makeMeta,\n      focusItem,\n      isDisabled,\n      onCloseByTab,\n      setOpen\n    ]\n  )\n\n  const getTriggerProps = useCallback(() => {\n    return {\n      onKeyDown: (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n          e.preventDefault()\n          if (!open) openAndFocus()\n          return\n        }\n\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          if (!open) openAndFocus(itemCount > 0 ? itemCount - 1 : 0)\n        }\n      }\n    }\n  }, [open, openAndFocus, itemCount])\n\n  const getListProps = useCallback(() => {\n    return {\n      ref: (el: HTMLElement | null) => {\n        listRef.current = el\n      },\n      onKeyDown: onListKeyDown\n    }\n  }, [onListKeyDown])\n\n  const getItemProps = useCallback(\n    (index: number) => {\n      const isActive = index === activeIndex\n      return {\n        ref: (el: HTMLButtonElement | null) => {\n          itemRefs.current[index] = el\n        },\n        tabIndex: isActive ? 0 : -1,\n        'data-active': isActive ? 'true' : 'false'\n      } as const\n    },\n    [activeIndex]\n  )\n\n  return {\n    activeIndex,\n    getListProps,\n    getItemProps,\n    openAndFocus,\n    setActiveIndex,\n    getTriggerProps\n  }\n}\n","// External Libraries\nimport { useEffect, useRef, useState } from 'react'\n\n// Hooks\nimport { useCompositeListNavigation } from '@hooks/useCompositeListNavigation'\n\n// Utils\nimport { normalizeString } from '@utils/functions'\n\n// Types\nimport type { SelectOption, SelectProps } from '../../types'\n\nexport function useSelect({\n  value,\n  options,\n  multiple,\n  disabled,\n  canClear,\n  withSearch,\n  onChange,\n  onSearchChange\n}: SelectProps) {\n  // Refs\n  const timeoutRef = useRef<NodeJS.Timeout>(null)\n\n  // States\n  const [open, setOpen] = useState(false)\n  const [search, setSearch] = useState('')\n  const [availableOptions, setAvailableOptions] = useState<SelectOption[]>([])\n\n  // Hooks\n  const nav = useCompositeListNavigation({\n    open,\n    itemCount: availableOptions.length,\n    autoFocusFirstOption: !withSearch,\n    makeMeta: makeMeta,\n    setOpen: changeOpen\n  })\n\n  useEffect(() => {\n    setAvailableOptions(options ?? [])\n  }, [options])\n\n  // Functions\n  function handleOptionClick(option: string) {\n    const isAlreadySelected = value.includes(option)\n\n    if (!multiple) {\n      if (isAlreadySelected) {\n        if (canClear) onChange([])\n      } else onChange([option])\n\n      setOpen(false)\n      return\n    }\n\n    if (isAlreadySelected) {\n      if (value.length === 1) {\n        if (canClear) onChange([])\n      } else onChange(value.filter(v => v !== option))\n    } else onChange([...value, option])\n  }\n\n  function makeMeta(index: number) {\n    const opt = availableOptions[index]\n\n    return {\n      onActivate: () => {\n        if (opt) handleOptionClick(opt.value)\n      }\n    }\n  }\n\n  function changeOpen(value: boolean) {\n    setOpen(value)\n    setSearch('')\n    setAvailableOptions(options)\n  }\n\n  function togglePanel() {\n    if (disabled) return\n    if (!open) nav.openAndFocus()\n  }\n\n  function closePanel() {\n    setOpen(false)\n  }\n\n  function handleSearchChange(value: string) {\n    setSearch(value)\n    if (onSearchChange) return onSearchChange(value)\n\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    if (!search) return setAvailableOptions(options)\n\n    timeoutRef.current = setTimeout(() => {\n      const normalizedSearch = normalizeString(value)\n      const filteredOptions = options.filter(opt =>\n        normalizeString(opt.label).includes(normalizedSearch)\n      )\n\n      setAvailableOptions(filteredOptions)\n    }, 500)\n  }\n\n  return {\n    nav,\n    open,\n    search,\n    availableOptions,\n    makeMeta,\n    changeOpen,\n    togglePanel,\n    closePanel,\n    handleOptionClick,\n    handleSearchChange\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { SelectProps } from './types'\n\nexport function createSelectStyles(props: SelectProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n\n      rowGap: '0.375rem'\n    },\n\n    content: {\n      width: '100%',\n      height: '2.75rem',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n\n      borderWidth: 1,\n      columnGap: '0.25rem',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\n\n      opacity: props.disabled || props.isLoading ? 0.5 : 1,\n      cursor: props.isLoading\n        ? 'progress'\n        : props.disabled\n          ? 'not-allowed'\n          : 'pointer',\n      boxShadow: 'var(--px-shadow-default)',\n      borderColor: props.errorMessage\n        ? 'var(--px-color-error)'\n        : 'var(--px-border-primary)',\n\n      __rules: {\n        '&:focus-within': {\n          outlineOffset: '-1px !important',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'}) !important`\n        }\n      }\n    },\n\n    text: {\n      flex: 1,\n\n      textAlign: 'left',\n\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n\n      fontSize: '1rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      fontWeight: props.value.length ? 500 : 400,\n      color: props.value.length\n        ? 'var(--px-text-primary)'\n        : 'var(--px-text-secondary)'\n    },\n\n    panel: { width: '100%' },\n\n    contentValueImage: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      columnGap: '0.25rem'\n    },\n\n    iconContainer: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      maxWidth: '1rem'\n    }\n  })\n}\n","import type {\n  TextProps,\n  LayoutProps,\n  MarginProps,\n  TypeStyles\n} from '@hooks/useThemedStyles/types'\nimport type { createSelectStyles } from './styles'\nimport type { FloatingOptions } from '@hooks/useFloating/types'\nimport type { PopoverProps } from '@components/commons/toolkit/Popover/types'\nimport type { Pagination } from '@components/commons/toolkit/ScrollPaginationContainer/types'\n\nexport interface SelectProps extends LayoutProps, MarginProps {\n  label: string\n  value: string[]\n  placeholder?: string\n  options: SelectOption[]\n  isLoading?: boolean\n\n  portalId?: PopoverProps['portalId']\n  strategy?: FloatingOptions['strategy']\n  placement?: FloatingOptions['placement']\n  scrollContainerId?: FloatingOptions['scrollContainerId']\n  absoluteReference?: FloatingOptions['absoluteReference']\n\n  canClear?: boolean\n  multiple?: boolean\n  required?: boolean\n  disabled?: boolean\n  hideLabel?: boolean\n  withSearch?: boolean\n  autoFocusFirstOption?: boolean\n  errorMessage?: string\n  maxVisibleItems?: number\n  maxHeightPopover?: string\n  searchPlaceholder?: string\n\n  pagination?: Pagination\n\n  startIcon?: React.ReactNode\n  styles?: TypeStyles<typeof createSelectStyles>\n\n  requiredColor?: string\n  labelConfig?: TextProps\n\n  onChange: (value: string[]) => void\n  onSearchChange?: (value: string) => void\n}\n\nexport interface SelectOption {\n  label: string\n  value: string\n  startIcon?: React.ReactNode\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: It's a custom select component */\n// External Libraries\nimport type React from 'react'\nimport { useMemo } from 'react'\n\n// Components\nimport { Input } from '../Input'\nimport { OptionItem } from './components/OptionItem'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { Label } from '@components/commons/toolkit/Label'\nimport { ErrorMessage } from '../../toolkit/ErrorMessage'\nimport { Loader } from '@components/commons/toolkit/Loader'\nimport { Typography } from '@components/commons/toolkit/Typography'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\nimport { ScrollPaginationContainer } from '@components/commons/toolkit/ScrollPaginationContainer'\n\n// Hooks\nimport { useSelect } from './hooks/useSelect'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { SelectProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\nimport { ScrollDirection } from '@components/commons/toolkit/ScrollPaginationContainer/types'\n\n// Styles\nimport { createSelectStyles } from './styles'\n\nexport * as SelectTypes from './types'\n\nexport const Select: React.FC<SelectProps> = props => {\n  const {\n    nav,\n    open,\n    search,\n    availableOptions,\n    changeOpen,\n    handleOptionClick,\n    handleSearchChange\n  } = useSelect(props)\n  const { styles, classes } = useThemedStyles(props, createSelectStyles, {\n    pick: p => [p.disabled, p.errorMessage, p.value, p.isLoading],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  const maxVisible = props.maxVisibleItems ?? Infinity\n  const optionsMap = useMemo(\n    () =>\n      new Map(\n        props.options.map(option => [\n          option.value,\n          { label: option.label, startIcon: option.startIcon }\n        ])\n      ),\n    [props.options]\n  )\n\n  // Functions\n  function renderContent() {\n    if (!props.value?.length) return props.placeholder\n\n    const resolvedValues = props.value.map(\n      val => optionsMap.get(val) ?? { label: val, startIcon: null }\n    )\n    const visibleItems = resolvedValues.slice(0, maxVisible)\n    const hiddenCount = resolvedValues.length - visibleItems.length\n\n    let result: React.ReactNode[] | string = []\n\n    if (props.multiple) {\n      result = visibleItems.map(i => i.label).join(', ')\n    } else {\n      result = visibleItems.map(i => (\n        <span key={i.label} style={styles.contentValueImage}>\n          {i.startIcon ? i.startIcon : null}\n          <span style={styles.text}>{i.label}</span>\n        </span>\n      ))\n    }\n\n    if (typeof result === 'object' && hiddenCount > 0)\n      result.push(<span key=\"hidden-count\">{hiddenCount}</span>)\n\n    if (typeof result === 'string' && hiddenCount > 0)\n      result = `${result} ${hiddenCount}`\n\n    return result\n  }\n\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    const triggerKeyProps = nav.getTriggerProps()\n\n    return (\n      <button\n        ref={ref as React.RefObject<HTMLButtonElement>}\n        dir=\"ltr\"\n        type=\"button\"\n        role=\"combobox\"\n        style={styles.content}\n        aria-autocomplete=\"none\"\n        aria-label={props.label}\n        className={classes.content}\n        aria-expanded={ariaExpanded}\n        disabled={props.disabled || props.isLoading}\n        {...triggerKeyProps}\n        onClick={onClick}\n      >\n        {props.value.length ? props.startIcon : null}\n\n        <span id=\"text-content\" style={styles.text}>\n          {renderContent()}\n        </span>\n\n        {props.isLoading ? (\n          <Loader size=\"1rem\" color=\"var(--px-color-primary)\" />\n        ) : (\n          <div style={styles.iconContainer}>\n            <Icon size=\"sm\" name=\"chevrons-down\" />\n          </div>\n        )}\n      </button>\n    )\n  }\n\n  function renderOptions() {\n    if (availableOptions.length === 0) {\n      return (\n        <Typography variant=\"b2\" textAlign=\"center\">\n          No options\n        </Typography>\n      )\n    }\n\n    return availableOptions.map((option, idx) => (\n      <OptionItem\n        key={option.value}\n        option={option}\n        onClick={handleOptionClick}\n        isSelected={props.value.includes(option.value)}\n        {...nav.getItemProps(idx)}\n      />\n    ))\n  }\n\n  return (\n    <div style={styles.container}>\n      {props.hideLabel ? null : (\n        <Label\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      )}\n\n      <BasePopover\n        open={open}\n        portalId={props.portalId}\n        absoluteReference={props.absoluteReference}\n        maxHeight={props.maxHeightPopover}\n        floatingOptions={{\n          viewportMargin: 0,\n          strategy: props.strategy,\n          placement: props.placement,\n          scrollContainerId: props.scrollContainerId\n        }}\n        trigger={renderTrigger}\n        onOpenChange={changeOpen}\n      >\n        <ScrollPaginationContainer\n          fillFlex\n          direction={ScrollDirection.Vertical}\n          verticalPagination={props.pagination}\n        >\n          <div style={styles.panel} role=\"listbox\" {...nav.getListProps()}>\n            {props.withSearch ? (\n              <Input\n                hideLabel\n                autoFocus\n                mb=\"0.5rem\"\n                value={search}\n                label=\"Search\"\n                placeholder={props.searchPlaceholder ?? 'Pesquisar...'}\n                onChange={handleSearchChange}\n              />\n            ) : null}\n\n            {renderOptions()}\n          </div>\n        </ScrollPaginationContainer>\n      </BasePopover>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,gBAAgB,OAAe;AAC7C,KAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAEhD,QAAO,MACJ,UAAU,MAAM,CAChB,QAAQ,oBAAoB,GAAG,CAC/B,aAAa,CACb,MAAM;;;;;ACJX,SAAgB,oBACd,OACA;CACA,MAAM,EAAE,eAAe;CACvB,MAAM,WAAW,MAAM,mBAAmB;AAG1C,QAAO,OAAO;EACZ,WAAW;GACT,OAAO;GAEP,SAAS;GACT,YAAY;GACZ,WAAW;GAEX,cAAc;GACd,SAAS;GAET,QAAQ;GACR,YAAY;GAEZ,iBAhBgB,cAAc,WAiB1B,oCACA;GAEJ,SAAS;IACP,WAAW,EACT,iBAAiB,8CAClB;IAED,WAAW;KACT,eAAe;KACf,SAAS;KACV;IACF;GACF;EAED,MAAM;GACJ,MAAM;GAEN,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,OAAO;GAEP,UAAU;GACV,YAAY;GACZ,cAAc;GACf;EAED,eAAe;GACb,SAAS;GACT,eAAe;GACf,YAAY;GACZ,WAAW;GACZ;EACF,CAAC;;;;;AC1CJ,MAAa,aAAa,YAGvB,OAAO,QAAQ;CAChB,MAAM,EAAE,QAAQ,YAAY,gBAAgB,OAAO,oBAAoB;CAEvE,MAAM,EAAE,QAAQ,YAAY,SAAS,GAAG,SAAS;AAEjD,QACE,oBAAC;EACC,GAAI;EACC;EACL,MAAK;EACL,MAAK;EACL,OAAO,OAAO;EACd,WAAW,QAAQ;EACnB,cAAY,OAAO;EACnB,iBAAe;EACf,eAAe,QAAQ,OAAO,MAAM;YAEpC,qBAAC;GAAI,OAAO,OAAO;cAChB,OAAO,WACR,qBAAC;IAAK,OAAO,OAAO;eAAM,KAAE,OAAO;KAAa;IAC5C;GACC;EAEX;AAEF,WAAW,cAAc;;;;ACzBzB,SAAS,gBACP,OACA,KACA,OACA,YACA;AACA,KAAI,SAAS,EAAG,QAAO;CACvB,IAAI,IAAI;AACR,MAAK,IAAI,OAAO,GAAG,OAAO,OAAO,QAAQ;AACvC,OAAK,IAAI,MAAM,SAAS;AACxB,MAAI,CAAC,WAAW,EAAE,CAAE,QAAO;;AAE7B,QAAO;;AAGT,SAAS,iBAAiB,OAAe,YAAoC;AAC3E,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,IAAK,KAAI,CAAC,WAAW,EAAE,CAAE,QAAO;AAC3D,QAAO;;AAGT,SAAgB,2BAA2B,EACzC,MACA,WACA,uBAAuB,MACvB,cACA,SACA,UACA,gBACS;CACT,MAAM,UAAU,OAA2B,KAAK;CAChD,MAAM,WAAW,OAAwC,EAAE,CAAC;CAE5D,MAAM,aAAa,aAChB,MAAc,CAAC,CAAC,SAAS,EAAE,CAAC,UAC7B,CAAC,SAAS,CACX;CAED,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,YAAY,aAAa,MAAc;EAC3C,MAAM,KAAK,SAAS,QAAQ;AAC5B,MAAI,CAAC,GAAI;AACT,KAAG,MAAM,EAAE,eAAe,MAAM,CAAC;AACjC,KAAG,eAAe,EAAE,OAAO,WAAW,CAAC;IACtC,EAAE,CAAC;CAEN,MAAM,eAAe,aAClB,UAAmB;AAClB,UAAQ,KAAK;AAEb,MAAI,CAAC,qBAAsB;EAE3B,MAAM,OACJ,OAAO,UAAU,WACb,QACA,OAAO,iBAAiB,WACtB,eACA,iBAAiB,WAAW,WAAW;AAE/C,iBAAe,KAAK;AACpB,8BAA4B,UAAU,KAAK,CAAC;IAE9C;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,iBAAgB;AACd,MAAI,CAAC,QAAQ,CAAC,qBAAsB;AACpC,8BAA4B,UAAU,YAAY,CAAC;IAClD;EAAC;EAAM;EAAa;EAAsB;EAAU,CAAC;CAExD,MAAM,OAAO,aACV,QAAgB;EACf,MAAM,OAAO,gBAAgB,aAAa,KAAK,WAAW,WAAW;AACrE,iBAAe,KAAK;AACpB,8BAA4B,UAAU,KAAK,CAAC;IAE9C;EAAC;EAAa;EAAW;EAAY;EAAU,CAChD;CAED,MAAM,WAAW,kBAAkB;EACjC,MAAM,OAAO,SAAS,YAAY;AAClC,MAAI,KAAK,SAAU;AACnB,OAAK,cAAc;IAClB,CAAC,aAAa,SAAS,CAAC;CAE3B,MAAM,gBAAgB,aACnB,MAA2B;AAC1B,MAAI,CAAC,KAAM;AAEX,UAAQ,EAAE,KAAV;GACE,KAAK;AACH,MAAE,gBAAgB;AAClB,SAAK,EAAG;AACR;GAEF,KAAK;AACH,MAAE,gBAAgB;AAClB,SAAK,GAAG;AACR;GAEF,KAAK;AACH,MAAE,gBAAgB;AAClB,YAAQ,MAAM;AACd,oBAAgB;AAChB;GAEF,KAAK,QAAQ;AACX,MAAE,gBAAgB;IAClB,MAAM,QAAQ,iBAAiB,WAAW,WAAW;AACrD,mBAAe,MAAM;AACrB,gCAA4B,UAAU,MAAM,CAAC;AAC7C;;GAGF,KAAK,OAAO;AACV,MAAE,gBAAgB;IAClB,IAAI,OAAO,YAAY;AACvB,SAAK,IAAI,IAAI,YAAY,GAAG,KAAK,GAAG,IAClC,KAAI,CAAC,WAAW,EAAE,EAAE;AAClB,YAAO;AACP;;AAGJ,mBAAe,KAAK;AACpB,gCAA4B,UAAU,KAAK,CAAC;AAC5C;;GAGF,KAAK;AACH,MAAE,gBAAgB;AAClB,cAAU;AACV;GAGF,KAAK,cAAc;AACjB,MAAE,gBAAgB;IAClB,MAAM,OAAO,SAAS,YAAY;AAClC,QAAI,KAAK,YAAa,MAAK,kBAAkB;AAC7C;;GAGF,KAAK;AACH,MAAE,gBAAgB;AAElB,IADa,SAAS,YAAY,CAC7B,mBAAmB;AACxB;;IAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,kBAAkB,kBAAkB;AACxC,SAAO,EACL,YAAY,MAA2B;AACrC,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,OAAO,EAAE,QAAQ,aAAa;AAC/D,MAAE,gBAAgB;AAClB,QAAI,CAAC,KAAM,eAAc;AACzB;;AAGF,OAAI,EAAE,QAAQ,WAAW;AACvB,MAAE,gBAAgB;AAClB,QAAI,CAAC,KAAM,cAAa,YAAY,IAAI,YAAY,IAAI,EAAE;;KAG/D;IACA;EAAC;EAAM;EAAc;EAAU,CAAC;AAyBnC,QAAO;EACL;EACA,cAzBmB,kBAAkB;AACrC,UAAO;IACL,MAAM,OAA2B;AAC/B,aAAQ,UAAU;;IAEpB,WAAW;IACZ;KACA,CAAC,cAAc,CAAC;EAmBjB,cAjBmB,aAClB,UAAkB;GACjB,MAAM,WAAW,UAAU;AAC3B,UAAO;IACL,MAAM,OAAiC;AACrC,cAAS,QAAQ,SAAS;;IAE5B,UAAU,WAAW,IAAI;IACzB,eAAe,WAAW,SAAS;IACpC;KAEH,CAAC,YAAY,CACd;EAMC;EACA;EACA;EACD;;;;;AClOH,SAAgB,UAAU,EACxB,OACA,SACA,UACA,UACA,UACA,YACA,UACA,kBACc;CAEd,MAAM,aAAa,OAAuB,KAAK;CAG/C,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;CACxC,MAAM,CAAC,kBAAkB,uBAAuB,SAAyB,EAAE,CAAC;CAG5E,MAAM,MAAM,2BAA2B;EACrC;EACA,WAAW,iBAAiB;EAC5B,sBAAsB,CAAC;EACb;EACV,SAAS;EACV,CAAC;AAEF,iBAAgB;AACd,sBAAoB,WAAW,EAAE,CAAC;IACjC,CAAC,QAAQ,CAAC;CAGb,SAAS,kBAAkB,QAAgB;EACzC,MAAM,oBAAoB,MAAM,SAAS,OAAO;AAEhD,MAAI,CAAC,UAAU;AACb,OAAI,mBACF;QAAI,SAAU,UAAS,EAAE,CAAC;SACrB,UAAS,CAAC,OAAO,CAAC;AAEzB,WAAQ,MAAM;AACd;;AAGF,MAAI,kBACF,KAAI,MAAM,WAAW,GACnB;OAAI,SAAU,UAAS,EAAE,CAAC;QACrB,UAAS,MAAM,QAAO,MAAK,MAAM,OAAO,CAAC;MAC3C,UAAS,CAAC,GAAG,OAAO,OAAO,CAAC;;CAGrC,SAAS,SAAS,OAAe;EAC/B,MAAM,MAAM,iBAAiB;AAE7B,SAAO,EACL,kBAAkB;AAChB,OAAI,IAAK,mBAAkB,IAAI,MAAM;KAExC;;CAGH,SAAS,WAAW,SAAgB;AAClC,UAAQA,QAAM;AACd,YAAU,GAAG;AACb,sBAAoB,QAAQ;;CAG9B,SAAS,cAAc;AACrB,MAAI,SAAU;AACd,MAAI,CAAC,KAAM,KAAI,cAAc;;CAG/B,SAAS,aAAa;AACpB,UAAQ,MAAM;;CAGhB,SAAS,mBAAmB,SAAe;AACzC,YAAUA,QAAM;AAChB,MAAI,eAAgB,QAAO,eAAeA,QAAM;AAEhD,MAAI,WAAW,QAAS,cAAa,WAAW,QAAQ;AAExD,MAAI,CAAC,OAAQ,QAAO,oBAAoB,QAAQ;AAEhD,aAAW,UAAU,iBAAiB;GACpC,MAAM,mBAAmB,gBAAgBA,QAAM;AAK/C,uBAJwB,QAAQ,QAAO,QACrC,gBAAgB,IAAI,MAAM,CAAC,SAAS,iBAAiB,CACtD,CAEmC;KACnC,IAAI;;AAGT,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;;;;AClHH,SAAgB,mBAAmB,OAAoB;AACrD,QAAO,OAAO;EACZ,WAAW;GACT,OAAO;GAEP,SAAS;GACT,eAAe;GACf,UAAU;GAEV,QAAQ;GACT;EAED,SAAS;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAEhB,aAAa;GACb,WAAW;GACX,cAAc;GACd,SAAS;GAET,SAAS,MAAM,YAAY,MAAM,YAAY,KAAM;GACnD,QAAQ,MAAM,YACV,aACA,MAAM,WACJ,gBACA;GACN,WAAW;GACX,aAAa,MAAM,eACf,0BACA;GAEJ,SAAS,EACP,kBAAkB;IAChB,eAAe;IACf,SAAS,iBAAiB,MAAM,eAAe,qBAAqB,qBAAqB;IAC1F,EACF;GACF;EAED,MAAM;GACJ,MAAM;GAEN,WAAW;GAEX,UAAU;GACV,YAAY;GACZ,cAAc;GAEd,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,YAAY,MAAM,MAAM,SAAS,MAAM;GACvC,OAAO,MAAM,MAAM,SACf,2BACA;GACL;EAED,OAAO,EAAE,OAAO,QAAQ;EAExB,mBAAmB;GACjB,SAAS;GACT,eAAe;GACf,YAAY;GACZ,WAAW;GACZ;EAED,eAAe;GACb,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,UAAU;GACX;EACF,CAAC;;;;;;;;;AEjDJ,MAAaC,UAAgC,UAAS;CACpD,MAAM,EACJ,KACA,MACA,QACA,kBACA,YACA,mBACA,uBACE,UAAU,MAAM;CACpB,MAAM,EAAE,QAAQ,YAAY,gBAAgB,OAAO,oBAAoB;EACrE,OAAM,MAAK;GAAC,EAAE;GAAU,EAAE;GAAc,EAAE;GAAO,EAAE;GAAU;EAC7D,UAAU,MAAM;EAChB,kBAAkB;EAClB,YAAY;EACb,CAAC;CAEF,MAAM,aAAa,MAAM,mBAAmB;CAC5C,MAAM,aAAa,cAEf,IAAI,IACF,MAAM,QAAQ,KAAI,WAAU,CAC1B,OAAO,OACP;EAAE,OAAO,OAAO;EAAO,WAAW,OAAO;EAAW,CACrD,CAAC,CACH,EACH,CAAC,MAAM,QAAQ,CAChB;CAGD,SAAS,gBAAgB;AACvB,MAAI,CAAC,MAAM,OAAO,OAAQ,QAAO,MAAM;EAEvC,MAAM,iBAAiB,MAAM,MAAM,KACjC,QAAO,WAAW,IAAI,IAAI,IAAI;GAAE,OAAO;GAAK,WAAW;GAAM,CAC9D;EACD,MAAM,eAAe,eAAe,MAAM,GAAG,WAAW;EACxD,MAAM,cAAc,eAAe,SAAS,aAAa;EAEzD,IAAIC,SAAqC,EAAE;AAE3C,MAAI,MAAM,SACR,UAAS,aAAa,KAAI,MAAK,EAAE,MAAM,CAAC,KAAK,KAAK;MAElD,UAAS,aAAa,KAAI,MACxB,qBAAC;GAAmB,OAAO,OAAO;cAC/B,EAAE,YAAY,EAAE,YAAY,MAC7B,oBAAC;IAAK,OAAO,OAAO;cAAO,EAAE;KAAa;KAFjC,EAAE,MAGN,CACP;AAGJ,MAAI,OAAO,WAAW,YAAY,cAAc,EAC9C,QAAO,KAAK,oBAAC,oBAAyB,eAAhB,eAAmC,CAAC;AAE5D,MAAI,OAAO,WAAW,YAAY,cAAc,EAC9C,UAAS,GAAG,OAAO,GAAG;AAExB,SAAO;;CAGT,SAAS,cAAc,EACrB,KACA,cACA,WAC4B;EAC5B,MAAM,kBAAkB,IAAI,iBAAiB;AAE7C,SACE,qBAAC;GACM;GACL,KAAI;GACJ,MAAK;GACL,MAAK;GACL,OAAO,OAAO;GACd,qBAAkB;GAClB,cAAY,MAAM;GAClB,WAAW,QAAQ;GACnB,iBAAe;GACf,UAAU,MAAM,YAAY,MAAM;GAClC,GAAI;GACK;;IAER,MAAM,MAAM,SAAS,MAAM,YAAY;IAExC,oBAAC;KAAK,IAAG;KAAe,OAAO,OAAO;eACnC,eAAe;MACX;IAEN,MAAM,YACL,oBAAC;KAAO,MAAK;KAAO,OAAM;MAA4B,GAEtD,oBAAC;KAAI,OAAO,OAAO;eACjB,oBAAC;MAAK,MAAK;MAAK,MAAK;OAAkB;MACnC;;IAED;;CAIb,SAAS,gBAAgB;AACvB,MAAI,iBAAiB,WAAW,EAC9B,QACE,oBAAC;GAAW,SAAQ;GAAK,WAAU;aAAS;IAE/B;AAIjB,SAAO,iBAAiB,KAAK,QAAQ,QACnC,oBAAC;GAES;GACR,SAAS;GACT,YAAY,MAAM,MAAM,SAAS,OAAO,MAAM;GAC9C,GAAI,IAAI,aAAa,IAAI;KAJpB,OAAO,MAKZ,CACF;;AAGJ,QACE,qBAAC;EAAI,OAAO,OAAO;;GAChB,MAAM,YAAY,OACjB,oBAAC;IACC,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,eAAe,MAAM;IACrB,GAAI,MAAM;KACV;GAGJ,oBAAC;IACO;IACN,UAAU,MAAM;IAChB,mBAAmB,MAAM;IACzB,WAAW,MAAM;IACjB,iBAAiB;KACf,gBAAgB;KAChB,UAAU,MAAM;KAChB,WAAW,MAAM;KACjB,mBAAmB,MAAM;KAC1B;IACD,SAAS;IACT,cAAc;cAEd,oBAAC;KACC;KACA,WAAW,gBAAgB;KAC3B,oBAAoB,MAAM;eAE1B,qBAAC;MAAI,OAAO,OAAO;MAAO,MAAK;MAAU,GAAI,IAAI,cAAc;iBAC5D,MAAM,aACL,oBAAC;OACC;OACA;OACA,IAAG;OACH,OAAO;OACP,OAAM;OACN,aAAa,MAAM,qBAAqB;OACxC,UAAU;QACV,GACA,MAEH,eAAe;OACZ;MACoB;KAChB;GAEb,MAAM,eACL,oBAAC,gBAAa,SAAS,MAAM,eAAgB,GAC3C;;GACA"}

package/dist/base-popover.js

@@ -1,7 +1,7 @@
 import "./useThemedStyles-BRdb57J9.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import "./Popover-CED1_qlu.js";
-import { t as BasePopover } from "./BasePopover-BTCH2Kyr.js";
+import "./useFloating-lgB89YRF.js";
+import "./Popover-BEyV-ZVn.js";
+import { t as BasePopover } from "./BasePopover-BsPsBQj2.js";
 
 export { BasePopover };

package/dist/context-menu.d.ts

@@ -1,2 +1,2 @@
-import { n as types_d_exports, t as ContextMenu } from "./index-D2KjDP1f.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-DquzQwHR.js";
 export { ContextMenu, types_d_exports as ContextMenuTypes };

package/dist/context-menu.js

@@ -2,9 +2,9 @@ import "./useThemedStyles-BRdb57J9.js";
 import "./Typography-0qDw3WVA.js";
 import "./Switch-DdZAAsNH.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import "./Popover-CED1_qlu.js";
-import "./BasePopover-BTCH2Kyr.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-IhFS-HA8.js";
+import "./useFloating-lgB89YRF.js";
+import "./Popover-BEyV-ZVn.js";
+import "./BasePopover-BsPsBQj2.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-C-BJUfdi.js";
 
 export { ContextMenu, types_exports as ContextMenuTypes };

package/dist/date-picker.js

@@ -1,15 +1,15 @@
 import "./useThemedStyles-BRdb57J9.js";
 import "./Typography-0qDw3WVA.js";
 import "./useDismiss-Bk0KtHnr.js";
-import "./useFloating-CJu3mhQW.js";
-import "./Popover-CED1_qlu.js";
+import "./useFloating-lgB89YRF.js";
+import "./Popover-BEyV-ZVn.js";
 import "./Icon-UUxBec64.js";
-import "./BasePopover-BTCH2Kyr.js";
+import "./BasePopover-BsPsBQj2.js";
 import "./Label-bfESBaYl.js";
 import "./ErrorMessage-DE8DECL9.js";
 import "./Loader-Bf_JszPG.js";
 import "./Button-DXCUuf_n.js";
 import "./MaskModule-Bt6ofS1m.js";
-import { n as types_exports, t as DatePicker } from "./DatePicker-CxHL-z2-.js";
+import { n as types_exports, t as DatePicker } from "./DatePicker-BFi1K_Mq.js";
 
 export { DatePicker, types_exports as DatePickerTypes };

package/dist/{index-CQLFfl5P.d.ts → index-BXW4ABZp.d.ts}

@@ -1,7 +1,7 @@
 import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-DcpEbiH9.js";
 import { r as TypeStyles } from "./useThemedStyles-X8FdC0J6.js";
 import { r as MaskType } from "./index-CaoW3nYL.js";
-import * as react0 from "react";
+import * as react1 from "react";
 import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from "react";
 
 //#region src/components/commons/inputs/Input/styles.d.ts
@@ -105,7 +105,7 @@ interface InputMethods {
 }
 //#endregion
 //#region src/components/commons/inputs/Input/index.d.ts
-declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
+declare const Input: react1.ForwardRefExoticComponent<InputProps & react1.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-CQLFfl5P.d.ts.map
+//# sourceMappingURL=index-BXW4ABZp.d.ts.map

package/dist/{index-CKvfBjCs.d.ts → index-BirqVFeL.d.ts}

@@ -1,6 +1,6 @@
 import { a as TextProps } from "./styleProps-DcpEbiH9.js";
 import { r as TypeStyles } from "./useThemedStyles-X8FdC0J6.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react3 from "react";
 
 //#region src/components/commons/inputs/TextArea/styles.d.ts
 declare function createTextAreaStyles(props: TextAreaProps): {
@@ -67,7 +67,7 @@ interface TextAreaProps {
 }
 //#endregion
 //#region src/components/commons/inputs/TextArea/index.d.ts
-declare const TextArea: (props: TextAreaProps) => react_jsx_runtime0.JSX.Element;
+declare const TextArea: (props: TextAreaProps) => react3.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-CKvfBjCs.d.ts.map
+//# sourceMappingURL=index-BirqVFeL.d.ts.map

package/dist/{index-D2KjDP1f.d.ts → index-DquzQwHR.d.ts}

@@ -1,7 +1,7 @@
 import { r as TypeStyles } from "./useThemedStyles-X8FdC0J6.js";
 import { n as Placement } from "./types-B-y5S020.js";
+import * as react0 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/commons/toolkit/ContextMenu/styles.d.ts
 declare function createContextMenuStyles<T>(_props: ContextMenuProps<T>): {
@@ -68,7 +68,7 @@ interface ContextMenuProps<T> {
 }
 //#endregion
 //#region src/components/commons/toolkit/ContextMenu/index.d.ts
-declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react_jsx_runtime1.JSX.Element;
+declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react0.JSX.Element;
 //#endregion
 export { types_d_exports as n, ContextMenu as t };
-//# sourceMappingURL=index-D2KjDP1f.d.ts.map
+//# sourceMappingURL=index-DquzQwHR.d.ts.map

package/dist/{index-DNoPyX_z.d.ts → index-DukqjsGl.d.ts}

@@ -1,7 +1,7 @@
 import { t as CommonStyleProps } from "./styleProps-DcpEbiH9.js";
 import { r as TypeStyles } from "./useThemedStyles-X8FdC0J6.js";
+import * as react0 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/commons/toolkit/TabSwitch/styles.d.ts
 declare function createTabSwitchStyles<T>(props: TabSwitchProps<T>): {
@@ -47,7 +47,7 @@ interface TabSwitchProps<T> extends CommonStyleProps {
 }
 //#endregion
 //#region src/components/commons/toolkit/TabSwitch/index.d.ts
-declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime0.JSX.Element;
+declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react0.JSX.Element;
 //#endregion
 export { types_d_exports as n, TabSwitch as t };
-//# sourceMappingURL=index-DNoPyX_z.d.ts.map
+//# sourceMappingURL=index-DukqjsGl.d.ts.map

package/dist/index.d.ts

@@ -6,12 +6,12 @@ import { n as types_d_exports$6 } from "./types-D4OkVRDf.js";
 import { n as types_d_exports$3, t as DatePicker } from "./index-vQVd_a1b.js";
 import { n as types_d_exports$4, t as FileInput } from "./index-5nJK1Rhd.js";
 import { n as Locale, r as MaskType, t as MaskModule } from "./index-CaoW3nYL.js";
-import { t as Input } from "./index-CQLFfl5P.js";
+import { t as Input } from "./index-BXW4ABZp.js";
 import { n as types_d_exports$5, t as MonthPicker } from "./index-DmnHS0fv.js";
 import { t as SearchInput } from "./index-DoZ2L5XY.js";
 import { n as types_d_exports$7, t as Select } from "./index-Dx3quI-C.js";
 import { t as index_d_exports } from "./index-DTfGLK34.js";
-import { t as TextArea } from "./index-CKvfBjCs.js";
+import { t as TextArea } from "./index-BirqVFeL.js";
 import { t as Popover } from "./index-Ebs6EMcn.js";
 import { t as BasePopover } from "./index-BkEb4Nra.js";
 import { t as Breadcrumb } from "./index-B-zUxf6G.js";
@@ -21,12 +21,12 @@ import { n as CheckboxProps, t as Checkbox } from "./index-Bc_JjO6G.js";
 import { r as types_d_exports } from "./types-DVBet3R5.js";
 import { Chip } from "./chip.js";
 import { t as ChipList } from "./index-ObVupdnW.js";
-import { n as types_d_exports$2, t as ContextMenu } from "./index-D2KjDP1f.js";
+import { n as types_d_exports$2, t as ContextMenu } from "./index-DquzQwHR.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
 import { t as Pagination } from "./index-CIzhSMCT.js";
 import { ScrollPaginationContainer } from "./scroll-pagination-container.js";
 import { n as types_d_exports$8, t as Switch } from "./index-CJtALsL-.js";
-import { n as types_d_exports$9, t as TabSwitch } from "./index-DNoPyX_z.js";
+import { n as types_d_exports$9, t as TabSwitch } from "./index-DukqjsGl.js";
 import { Typography } from "./typography.js";
 import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-C4u-nw7t.js";
 import { useDismiss } from "./use-dismiss.js";

package/dist/index.js

@@ -2,17 +2,17 @@ import "./useThemedStyles-BRdb57J9.js";
 import { t as Typography } from "./Typography-0qDw3WVA.js";
 import { n as types_exports$9, t as Switch } from "./Switch-DdZAAsNH.js";
 import { t as useDismiss } from "./useDismiss-Bk0KtHnr.js";
-import { t as useFloating } from "./useFloating-CJu3mhQW.js";
-import { n as types_exports$6, t as Popover } from "./Popover-CED1_qlu.js";
+import { t as useFloating } from "./useFloating-lgB89YRF.js";
+import { n as types_exports$6, t as Popover } from "./Popover-BEyV-ZVn.js";
 import "./Icon-UUxBec64.js";
 import { t as Checkbox } from "./Checkbox-CG5pxS8W.js";
 import { n as useTheme, t as ThemeProvider } from "./ThemeContext-DcQu1CWv.js";
-import { n as types_exports$8, t as Select } from "./Select-Dk5WzuDp.js";
+import { n as types_exports$8, t as Select } from "./Select-CMQu59xD.js";
 import { n as types_exports$10, t as TabSwitch } from "./TabSwitch-ICQQfKj7.js";
 import { t as CheckItem } from "./CheckItem-BHscvX_U.js";
 import { t as InfoSummary } from "./InfoSummary-B1FVlhX3.js";
-import { t as BasePopover } from "./BasePopover-BTCH2Kyr.js";
-import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-IhFS-HA8.js";
+import { t as BasePopover } from "./BasePopover-BsPsBQj2.js";
+import { n as types_exports$2, t as ContextMenu } from "./ContextMenu-C-BJUfdi.js";
 import { n as types_exports, t as Chip } from "./Chip-CIv1SwX_.js";
 import "./Label-bfESBaYl.js";
 import "./ErrorMessage-DE8DECL9.js";
@@ -25,8 +25,8 @@ import { n as types_exports$7, t as ScrollPaginationContainer } from "./ScrollPa
 import { c as MaskModule, o as Locale, s as MaskType } from "./MaskModule-Bt6ofS1m.js";
 import { t as Input } from "./Input-BVqqXS88.js";
 import { t as TextArea } from "./TextArea-BxJzOFy8.js";
-import { n as types_exports$3, t as DatePicker } from "./DatePicker-CxHL-z2-.js";
-import { n as types_exports$5, t as MonthPicker } from "./MonthPicker-C9wimVNC.js";
+import { n as types_exports$3, t as DatePicker } from "./DatePicker-BFi1K_Mq.js";
+import { n as types_exports$5, t as MonthPicker } from "./MonthPicker-B_kdFSBn.js";
 import { t as SearchInput } from "./SearchInput-CdDxntYg.js";
 import { n as types_exports$1, t as ColorPicker } from "./ColorPicker-BfhaPxvS.js";
 import { t as Skeleton } from "./Skeleton-BNYKMao9.js";