softable-pixels-web 1.2.37 → 1.2.39

package/dist/{DatePicker-znH0ZAdX.js → DatePicker-DIgVnLWM.js}

@@ -9,8 +9,28 @@ import { a as DateMask, c as MaskModule, n as DateValidator, o as Locale, s as M
 import { forwardRef, useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
-import { addDays, addMonths, addYears, eachDayOfInterval, endOfDay, endOfMonth, endOfWeek, format, isAfter, isBefore, isSameDay, isSameMonth, isWithinInterval, parse, parseISO, setHours, setMinutes, startOfDay, startOfMonth, startOfWeek, startOfYear } from "date-fns";
+import { isAfter } from "date-fns/isAfter";
+import { parseISO } from "date-fns/parseISO";
+import { addMonths } from "date-fns/addMonths";
+import { isSameDay } from "date-fns/isSameDay";
 import { ptBR } from "date-fns/locale";
+import { format } from "date-fns/format";
+import { isBefore } from "date-fns/isBefore";
+import { endOfDay } from "date-fns/endOfDay";
+import { startOfDay } from "date-fns/startOfDay";
+import { isSameMonth } from "date-fns/isSameMonth";
+import { isWithinInterval } from "date-fns/isWithinInterval";
+import { startOfYear } from "date-fns/startOfYear";
+import { startOfMonth } from "date-fns/startOfMonth";
+import { parse } from "date-fns/parse";
+import { setHours } from "date-fns/setHours";
+import { setMinutes } from "date-fns/setMinutes";
+import { addDays } from "date-fns/addDays";
+import { addYears } from "date-fns/addYears";
+import { endOfWeek } from "date-fns/endOfWeek";
+import { endOfMonth } from "date-fns/endOfMonth";
+import { startOfWeek } from "date-fns/startOfWeek";
+import { eachDayOfInterval } from "date-fns/eachDayOfInterval";
 
 //#region src/utils/functions/capitalize.ts
 function capitalize(text) {
@@ -1226,4 +1246,4 @@ const DatePicker = ({ placementContainer = "bottom-start", ...props }) => {
 
 //#endregion
 export { types_exports as n, DatePicker as t };
-//# sourceMappingURL=DatePicker-znH0ZAdX.js.map
+//# sourceMappingURL=DatePicker-DIgVnLWM.js.map

package/dist/DatePicker-DIgVnLWM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-DIgVnLWM.js","names":["CalendarDay: React.FC<CalendarDayProps>","CalendarMonth: React.FC<CalendarMonthProps>","NavButton: React.FC<NavButtonProps>","CalendarHeader: React.FC<Props>","PeriodSwitchItem: React.FC<Props>","PERIOD_OPTIONS: PeriodOption[]","PeriodSwitch: React.FC<PeriodSwitchProps>","DEFAULT_TIME_FORMAT: TimeFormat","DEFAULT_VIEW_MODE: CalendarViewMode","DEFAULT_DATE_FORMAT: DateFormat","DATE_FORMAT_MASK_MAPPER: Record<DateFormat, DateMaskFormat>","maskFormat: DateMaskFormat","day: string","month: string","year: string","format","time: string","period: 'am' | 'pm'","formattedChanges: Partial<DateTimeValues>","DateTimeInput: React.FC<DateTimeInputProps>","draft: DraftPickedDate","newValues: PickedDate","DateTimeControl: React.FC<DateTimeControlProps>","days","Calendar: React.FC<CalendarProps>","DatePickerTrigger","DatePicker: React.FC<DatePickerProps>"],"sources":["../src/utils/functions/capitalize.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/utils.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarMonth/constants.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarHeader/components/NavButton/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/components/NavButton/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarHeader/utils.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/components/PeriodSwitchItem/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/components/PeriodSwitchItem/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/index.tsx","../src/components/commons/toolkit/Calendar/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/utils/buildISODate.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/utils/errors.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/index.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/hooks/useDateTimeControl/index.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/index.tsx","../src/components/commons/toolkit/Calendar/hooks/useCalendar.ts","../src/components/commons/toolkit/Calendar/styles.ts","../src/components/commons/toolkit/Calendar/index.tsx","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/utils.ts","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/styles.ts","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/index.tsx","../src/components/commons/inputs/DatePicker/hooks/useDatePicker.ts","../src/components/commons/inputs/DatePicker/styles.ts","../src/components/commons/inputs/DatePicker/types.ts","../src/components/commons/inputs/DatePicker/index.tsx"],"sourcesContent":["export function capitalize(text: string) {\n  if (!text) return ''\n  return text.charAt(0).toUpperCase() + text.slice(1)\n}\n","// External Libraries\nimport { ptBR } from 'date-fns/locale'\nimport { format } from 'date-fns/format'\nimport { isAfter } from 'date-fns/isAfter'\nimport { isBefore } from 'date-fns/isBefore'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { startOfDay } from 'date-fns/startOfDay'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { isWithinInterval } from 'date-fns/isWithinInterval'\n\n// Types\nimport type { PickedDate } from '../../../../types'\n\ninterface DayMetadataParams {\n  day: Date\n  currentMonth: Date\n  selection?: PickedDate\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n}\n\nexport function getDayMetadata(params: DayMetadataParams) {\n  const { day, currentMonth, selection, disablePastDates, disableFutureDates } =\n    params\n\n  const endOfToday = endOfDay(new Date())\n  const startOfToday = startOfDay(new Date())\n  const isPastDate = isBefore(day, startOfToday)\n  const isFutureDate = isAfter(day, endOfToday)\n  const isOutsideMonth = !isSameMonth(day, currentMonth)\n  const isDisabled =\n    isOutsideMonth ||\n    (disablePastDates && isPastDate) ||\n    (disableFutureDates && isFutureDate) ||\n    false\n\n  if (!selection) {\n    const ariaLabel = getAriaLabel(day, {\n      isDisabled,\n      isBetween: false,\n      isSelected: false\n    })\n\n    return {\n      ariaLabel,\n      isDisabled,\n      isSelected: false,\n      isBetween: false,\n      isRangeEnd: false,\n      isRangeStart: false\n    }\n  }\n\n  const { start, end } = selection\n\n  const isRangeStart = start ? isSameDay(day, start) : false\n  const isRangeEnd = end ? isSameDay(day, end) : false\n\n  const isBetween =\n    start && end\n      ? isWithinInterval(startOfDay(day), {\n          start: startOfDay(start),\n          end: startOfDay(end)\n        })\n      : false\n  const isSelected = isRangeStart || isRangeEnd\n\n  const ariaLabel = getAriaLabel(day, { isSelected, isBetween, isDisabled })\n\n  return {\n    ariaLabel,\n    isBetween,\n    isDisabled,\n    isSelected,\n    isRangeEnd,\n    isRangeStart\n  }\n}\n\nfunction getAriaLabel(\n  day: Date,\n  options: { isSelected: boolean; isBetween: boolean; isDisabled: boolean }\n) {\n  const { isSelected, isBetween, isDisabled } = options\n  const baseLabel = format(day, \"d 'de' MMMM 'de' yyyy\", { locale: ptBR })\n\n  if (isSelected) return `${baseLabel}, selecionado`\n  if (isBetween) return `${baseLabel}, dentro do intervalo`\n  if (isDisabled) return `${baseLabel}, indisponível`\n\n  return baseLabel\n}\n","import type { CalendarDayProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\ninterface StylesProps extends CalendarDayProps {\n  isBetween: boolean\n  isSelected: boolean\n  isRangeStart: boolean\n  isRangeEnd: boolean\n  isDisabled: boolean\n}\n\nexport function createCalendarDayStyles(params: StylesProps) {\n  return styled({\n    container: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      backgroundColor: getContainerBackgroundColor(params),\n\n      borderTopLeftRadius: getContainerBorderLeft(params),\n      borderBottomLeftRadius: getContainerBorderLeft(params),\n      borderTopRightRadius: getContainerBorderRight(params),\n      borderBottomRightRadius: getContainerBorderRight(params)\n    },\n\n    button: {\n      display: 'flex',\n      width: '2.2rem',\n      height: '2.2rem',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      backgroundColor: getButtonBackgroundColor(params),\n      borderRadius: getButtonBorderRadius(params),\n\n      transition: 'all 200ms ease-in-out',\n      cursor: params.isDisabled ? 'not-allowed' : 'pointer',\n      opacity: params.isDisabled ? 0.5 : 1,\n\n      __rules: {\n        '&:hover': {\n          opacity: '0.85'\n        },\n        '&:disabled': {\n          opacity: '0.5',\n          cursor: 'not-allowed'\n        }\n      }\n    }\n  })\n}\n\nfunction getContainerBackgroundColor({ isBetween }: StylesProps): string {\n  if (isBetween) {\n    return 'rgba(14, 178, 76, 0.1)'\n  }\n\n  return 'transparent'\n}\n\nfunction getContainerBorderLeft({ isRangeStart }: StylesProps) {\n  return isRangeStart ? '50%' : '0'\n}\n\nfunction getContainerBorderRight({ isRangeEnd }: StylesProps) {\n  return isRangeEnd ? '50%' : '0'\n}\n\nfunction getButtonBackgroundColor({\n  isSelected,\n  isRangeStart,\n  isRangeEnd\n}: StylesProps): string {\n  if (isSelected || isRangeStart || isRangeEnd) {\n    return 'var(--px-btn-filled-bg)'\n  }\n\n  return 'transparent'\n}\n\nfunction getButtonBorderRadius({\n  isBetween,\n  isRangeStart,\n  isRangeEnd\n}: StylesProps): string {\n  if (isBetween && !isRangeStart && !isRangeEnd) {\n    return '0'\n  }\n\n  return '50%'\n}\n","// External Libraries\nimport type React from 'react'\nimport { useMemo } from 'react'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getDayMetadata } from './utils'\n\n// Types\nimport type { CalendarDayProps } from './types'\n\n// Styles\nimport { createCalendarDayStyles } from './styles'\n\nexport const CalendarDay: React.FC<CalendarDayProps> = props => {\n  // Constants\n  const {\n    day,\n    selection,\n    currentMonth,\n    disablePastDates,\n    disableFutureDates,\n    onClick\n  } = props\n  const dayConfig = useMemo(\n    () =>\n      getDayMetadata({\n        day,\n        selection,\n        currentMonth,\n        disablePastDates,\n        disableFutureDates\n      }),\n    [day, selection, currentMonth, disablePastDates, disableFutureDates]\n  )\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    { ...props, ...dayConfig },\n    createCalendarDayStyles,\n    {\n      applyCommonProps: true\n    }\n  )\n\n  // Functions\n  function handleClick() {\n    onClick(day)\n  }\n\n  return (\n    <div style={styles.container}>\n      <button\n        type=\"button\"\n        style={styles.button}\n        className={classes.button}\n        disabled={dayConfig.isDisabled}\n        aria-label={dayConfig.ariaLabel}\n        onClick={handleClick}\n      >\n        <Typography\n          variant=\"b2\"\n          color={dayConfig.isSelected ? 'white' : 'var(--px-text-secondary)'}\n          fontWeight={\n            dayConfig.isSelected || dayConfig.isBetween ? 'medium' : 'regular'\n          }\n        >\n          {day.getDate()}\n        </Typography>\n      </button>\n    </div>\n  )\n}\n","export const WEEK_DAYS = [\n  { short: 'D', full: 'Domingo' },\n  { short: 'S', full: 'Segunda' },\n  { short: 'T', full: 'Terça' },\n  { short: 'Q', full: 'Quarta' },\n  { short: 'Q', full: 'Quinta' },\n  { short: 'S', full: 'Sexta' },\n  { short: 'S', full: 'Sábado' }\n] as const\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { CalendarMonthProps } from './types'\n\nexport function createCalendarMonthStyles(props: CalendarMonthProps) {\n  return styled({\n    weekDays: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 2.5rem)'\n    },\n    calendarDays: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 2.5rem)'\n    },\n    weekDay: {\n      width: '2.5rem',\n      height: '2.5rem',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { CalendarDay } from './components/CalendarDay'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { WEEK_DAYS } from './constants'\n\n// Types\nimport type { CalendarMonthProps } from './types'\n\n// Styles\nimport { createCalendarMonthStyles } from './styles'\n\nexport const CalendarMonth: React.FC<CalendarMonthProps> = props => {\n  // Hooks\n  const { styles } = useThemedStyles(props, createCalendarMonthStyles)\n\n  // Constants\n  const currentMonth = props.days.length\n    ? props.days[Math.floor(props.days.length / 2)]\n    : new Date()\n\n  // Functions\n  function renderWeekDays() {\n    return WEEK_DAYS.map(day => (\n      <div key={day.full} style={styles.weekDay}>\n        <Typography variant=\"b2\" className=\"text-tx-primary\">\n          {day.short}\n        </Typography>\n      </div>\n    ))\n  }\n\n  return (\n    <div>\n      <div style={styles.weekDays}>{renderWeekDays()}</div>\n\n      <div style={styles.calendarDays}>\n        {props.days.map(day => (\n          <CalendarDay\n            day={day}\n            key={day.toISOString()}\n            selection={props.selection}\n            currentMonth={currentMonth}\n            disablePastDates={props.disablePastDates}\n            disableFutureDates={props.disableFutureDates}\n            onClick={props.onDayClick}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { NavButtonProps } from './types'\n\nexport function createNavButtonStyles(_props: NavButtonProps) {\n  return styled({\n    container: {\n      display: 'flex',\n\n      cursor: 'pointer',\n      padding: '0.125rem',\n\n      borderRadius: '50%',\n      transition: 'background-color 0.2s ease-out',\n      rotate: _props.next ? '180deg' : '0deg',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--color-gray-50)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { NavButtonProps } from './types'\n\n// Styles\nimport { createNavButtonStyles } from './styles'\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  visible = true,\n  ...props\n}) => {\n  // Hooks\n\n  const { styles, classes } = useThemedStyles(\n    { visible, ...props },\n    createNavButtonStyles,\n    {\n      applyCommonProps: true,\n      pick: p => [p.next, p.visible]\n    }\n  )\n\n  if (!visible) return null\n\n  return (\n    <button\n      type=\"button\"\n      style={styles.container}\n      className={classes.container}\n      onClick={props.onClick}\n    >\n      <Icon name={props.icon} color=\"var(--px-text-secondary)\" />\n    </button>\n  )\n}\n","// External Libraries\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfYear } from 'date-fns/startOfYear'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\ninterface NavMetadataParams {\n  currentDate: Date\n  isDualView: boolean\n  position: 'left' | 'right'\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n}\n\nexport function getNavMetadata(params: NavMetadataParams) {\n  const {\n    position,\n    isDualView,\n    currentDate,\n    disablePastDates,\n    disableFutureDates\n  } = params\n  const today = new Date()\n\n  const hasPrevMonthAvailable =\n    !disablePastDates ||\n    isBefore(startOfMonth(today), startOfMonth(currentDate))\n\n  const hasPrevYearAvailable =\n    !disablePastDates || isBefore(startOfYear(today), startOfYear(currentDate))\n\n  const showPrevButtons = !isDualView\n    ? hasPrevMonthAvailable || hasPrevYearAvailable\n    : position !== 'right'\n\n  function checkRenderShowNextButton() {\n    if (disableFutureDates) return false\n    else {\n      return !isDualView ? true : position !== 'left'\n    }\n  }\n\n  const showNextButtons = checkRenderShowNextButton()\n\n  return {\n    showPrevButtons,\n    showNextButtons,\n    hasPrevYearAvailable,\n    hasPrevMonthAvailable\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { CalendarHeaderProps } from './types'\n\nexport function createCalendarHeaderStyles(_props: CalendarHeaderProps) {\n  return styled({\n    container: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingBlock: '0.375rem'\n    },\n\n    leftButtonsContainer: {\n      minWidth: '3.5rem',\n      minHeight: '1.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      gap: '0.25rem'\n    },\n\n    rightButtonsContainer: {\n      minWidth: '3.5rem',\n      minHeight: '1.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: '0.25rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\nimport { ptBR } from 'date-fns/locale'\nimport { format } from 'date-fns/format'\n\n// Components\nimport { NavButton } from './components/NavButton'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getNavMetadata } from './utils'\nimport { capitalize } from '@utils/functions'\n\n// Types\nimport type { CalendarNavAction } from '../../types'\n\n// Styles\nimport { createCalendarHeaderStyles } from './styles'\n\ninterface Props {\n  currentDate: Date\n  isDualView: boolean\n  position: 'left' | 'right'\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n  onNavAction: (action: CalendarNavAction) => void\n}\n\nexport const CalendarHeader: React.FC<Props> = props => {\n  // Constants\n  const { onNavAction, ...rest } = props\n  const {\n    showPrevButtons,\n    showNextButtons,\n    hasPrevYearAvailable,\n    hasPrevMonthAvailable\n  } = getNavMetadata(rest)\n\n  // Hooks\n  const { styles } = useThemedStyles(props, createCalendarHeaderStyles, {\n    applyCommonProps: true,\n    pick: p => [p.currentDate, p.isDualView, p.position]\n  })\n\n  // Functions\n  function renderMonthName() {\n    const name = format(rest.currentDate, 'MMMM yyyy', { locale: ptBR })\n    return capitalize(name)\n  }\n\n  return (\n    <div style={styles.container}>\n      {showPrevButtons ? (\n        <div style={styles.leftButtonsContainer}>\n          <NavButton\n            icon=\"chevrons-left\"\n            visible={hasPrevMonthAvailable}\n            onClick={() => onNavAction('prev-month')}\n          />\n\n          <NavButton\n            icon=\"chevrons-double-left\"\n            visible={hasPrevYearAvailable}\n            onClick={() => onNavAction('prev-year')}\n          />\n        </div>\n      ) : (\n        <div style={styles.leftButtonsContainer} />\n      )}\n\n      <Typography variant=\"b2\" align=\"center\" fontWeight=\"semibold\">\n        {renderMonthName()}\n      </Typography>\n\n      {showNextButtons ? (\n        <div style={styles.rightButtonsContainer}>\n          <NavButton\n            next\n            icon=\"chevrons-double-left\"\n            onClick={() => onNavAction('next-year')}\n          />\n\n          <NavButton\n            next\n            icon=\"chevrons-left\"\n            onClick={() => onNavAction('next-month')}\n          />\n        </div>\n      ) : (\n        <div style={styles.rightButtonsContainer} />\n      )}\n    </div>\n  )\n}\n","// External Libraries\nimport { styled } from '@hooks/useThemedStyles/types'\n\ninterface Params {\n  selected?: boolean\n}\n\nexport function createTabSwitchItemStyles({ selected }: Params) {\n  return styled({\n    item: {\n      minHeight: '1rem',\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 4,\n      background: 'transparent',\n      border: 0,\n      padding: '0.25rem',\n\n      userSelect: 'none',\n      whiteSpace: 'nowrap',\n      __rules: { '& > p': { zIndex: 1 } }\n    },\n\n    selectedBg: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 6,\n      border: '1px solid var(--px-border-primary)'\n    }\n  })\n}\n","// External Libraries\nimport { motion } from 'framer-motion'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { PeriodOption } from '../../types'\nimport type { DateTimePeriod } from '../../../../types'\n\n// Styles\nimport { createTabSwitchItemStyles } from './styles'\n\ninterface Props {\n  layoutId: string\n  selected: boolean\n  option: PeriodOption\n  onClick: (value: DateTimePeriod) => void\n  onBlur?: () => void\n}\n\nexport const PeriodSwitchItem: React.FC<Props> = props => {\n  const { option, selected, onClick } = props\n\n  const { styles, classes } = useThemedStyles(\n    props,\n    createTabSwitchItemStyles,\n    {\n      pick: p => [p.selected]\n    }\n  )\n\n  return (\n    <button\n      tabIndex={0}\n      type=\"button\"\n      style={styles.item}\n      className={classes.item}\n      onBlur={props.onBlur}\n      onClick={() => onClick(option.value)}\n    >\n      {selected ? (\n        <motion.div layoutId={props.layoutId} style={styles.selectedBg} />\n      ) : null}\n\n      <Typography variant=\"b1\" fontSize=\"0.625rem\" fontWeight=\"semibold\">\n        {option.label}\n      </Typography>\n    </button>\n  )\n}\n","import type { PeriodOption } from './types'\n\nexport const PERIOD_OPTIONS: PeriodOption[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' }\n]\n","// Types\nimport type { PeriodSwitchProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createTabSwitchStyles(props: PeriodSwitchProps) {\n  return styled({\n    container: {\n      width: 'fit-content',\n\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      color: 'var(--px-text-primary, #4b5563)',\n\n      gap: 0,\n      __rules: { '& svg': { zIndex: 1 } }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Components\nimport { PeriodSwitchItem } from './components/PeriodSwitchItem'\n\n// Utils\nimport { PERIOD_OPTIONS } from './constants'\n\n// Types\nimport type { PeriodSwitchProps } from './types'\n\n// Styles\nimport { createTabSwitchStyles } from './styles'\n\nexport * from './types'\n\nexport const PeriodSwitch: React.FC<PeriodSwitchProps> = props => {\n  {\n    const { currentValue, onChange } = props\n\n    const { styles, classes } = useThemedStyles(props, createTabSwitchStyles, {\n      pick: p => [p.currentValue],\n      applyCommonProps: true\n    })\n\n    return (\n      <div style={styles.container} className={classes.container}>\n        {PERIOD_OPTIONS.map(opt => (\n          <PeriodSwitchItem\n            option={opt}\n            key={String(opt.value)}\n            layoutId={props.layoutId}\n            selected={currentValue === opt.value}\n            onClick={onChange}\n            onBlur={props.onBlur}\n          />\n        ))}\n      </div>\n    )\n  }\n}\n","import type { CalendarViewMode, DateFormat, TimeFormat } from './types'\n\nexport const DEFAULT_TIME_FORMAT: TimeFormat = '24h'\nexport const DEFAULT_VIEW_MODE: CalendarViewMode = 'double'\nexport const DEFAULT_DATE_FORMAT: DateFormat = 'dd/MM/yyyy'\nexport const DEFAULT_DISPLAY_DATE_FORMAT = 'dd MMMM yyyy'\n","import type { DateFormat } from '@components/commons/toolkit/Calendar/types'\nimport type { DateMaskFormat } from '@services/MaskModule/locales/br/masks/DateMask'\n\nexport const DATE_FORMAT_MASK_MAPPER: Record<DateFormat, DateMaskFormat> = {\n  'dd/MM/yyyy': 'DD/MM/YYYY',\n  'MM/dd/yyyy': 'MM/DD/YYYY',\n  'yyyy/MM/dd': 'YYYY/MM/DD'\n}\n","// External Libraries\nimport { parse } from 'date-fns/parse'\nimport { setHours } from 'date-fns/setHours'\nimport { setMinutes } from 'date-fns/setMinutes'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\n\n// Types\nimport type { DateTimeValues } from '../../../types'\nimport type { CalendarFormatValues } from '@components/commons/toolkit/Calendar/types'\n\nexport function makeInitialDateTime(): DateTimeValues {\n  return { time: '', date: '', period: 'am' }\n}\n\ninterface BuildISOParams extends CalendarFormatValues {\n  date: string\n  time: string\n  period?: string\n}\n\nexport function buildISO({\n  date,\n  time,\n  period = 'am',\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT\n}: BuildISOParams) {\n  const baseDate = parse(date, dateFormat, new Date())\n  let [hours, minutes] = time.split(':').map(Number)\n\n  if (timeFormat === '12h') {\n    if (period === 'pm' && hours !== 12) {\n      hours += 12\n    } else if (period === 'am' && hours === 12) {\n      hours = 0\n    }\n  }\n\n  const withTime = setMinutes(setHours(baseDate, hours || 0), minutes || 0)\n\n  return withTime.toISOString()\n}\n","// External Libraries\nimport { isAfter } from 'date-fns/isAfter'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfDay } from 'date-fns/startOfDay'\n\n// Services\nimport { DateValidator } from '@services/MaskModule/locales/br/validators/DateValidator'\nimport { TimeValidator } from '@services/MaskModule/locales/br/validators/TimeValidator'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\nimport { DATE_FORMAT_MASK_MAPPER } from '../../../../../constants'\n\n// Types\nimport type {\n  DateFormat,\n  TimeFormat\n} from '@components/commons/toolkit/Calendar/types'\nimport type { DateTimeValues } from '../../../types'\nimport type { DateMaskFormat } from '@services/MaskModule/locales/br/masks/DateMask'\n\ninterface CheckErrorsParams {\n  values: DateTimeValues\n  dateFormat?: DateFormat\n  timeFormat?: TimeFormat\n  disableFutureDates?: boolean\n  disablePastDates?: boolean\n}\n\nexport function checkErrors({\n  values,\n  disablePastDates,\n  disableFutureDates,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT\n}: CheckErrorsParams): string | null {\n  const maskFormat: DateMaskFormat = DATE_FORMAT_MASK_MAPPER[dateFormat]\n\n  const dateValidator = new DateValidator({ dateFormat: maskFormat })\n  const timeValidator = new TimeValidator({ format: timeFormat })\n\n  const isValidDate = dateValidator.validate(values.date)\n  const isValidTime = timeValidator.validate(values.time)\n\n  let error = ''\n\n  if (!isValidTime) error = 'Formato de hora inválida'\n\n  if (!isValidDate) error = 'Formato de data inválida'\n\n  if (isValidDate) {\n    const endOfToday = endOfDay(new Date())\n    const startOfToday = startOfDay(new Date())\n\n    const dateISO = createISODate(values.date, dateFormat)\n\n    if (\n      dateISO &&\n      disableFutureDates &&\n      isAfter(dateISO, endOfToday.toISOString())\n    ) {\n      error = 'Data futura indisponível'\n    }\n\n    if (\n      dateISO &&\n      disablePastDates &&\n      isBefore(dateISO, startOfToday.toISOString())\n    ) {\n      error = 'Data passada indisponível'\n    }\n  }\n\n  return error ?? null\n}\n\nexport function createISODate(value: string, format: DateFormat): Date | null {\n  const parts = value.split('/')\n\n  if (parts.length !== 3) return null\n\n  let day: string\n  let month: string\n  let year: string\n\n  switch (format) {\n    case 'dd/MM/yyyy':\n      ;[day, month, year] = parts\n      break\n\n    case 'MM/dd/yyyy':\n      ;[month, day, year] = parts\n      break\n\n    case 'yyyy/MM/dd':\n      ;[year, month, day] = parts\n      break\n  }\n\n  return new Date(Number(year), Number(month) - 1, Number(day))\n}\n","// External Libraries\nimport { useEffect, useState } from 'react'\nimport { format } from 'date-fns/format'\nimport { parseISO } from 'date-fns/parseISO'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\nimport { DATE_FORMAT_MASK_MAPPER } from '../../../../constants'\nimport { buildISO, checkErrors, makeInitialDateTime } from './utils'\n\n// Types\nimport type { UseDateTimeInputParams } from './types'\nimport type { DateTimePeriod, DateTimeValues } from '../../types'\nimport { Locale, MaskModule, MaskType } from '@services/MaskModule'\nimport { DateMask } from '@services/MaskModule/locales/br/masks/DateMask'\n\nexport function useDateTimeInput({\n  value,\n  disablePastDates,\n  disableFutureDates,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT,\n  onChange\n}: UseDateTimeInputParams) {\n  // States\n  const [errorMessage, setErrorMessage] = useState('')\n  const [datetimeValue, setDatetimeValue] = useState(makeInitialDateTime)\n\n  useEffect(() => {\n    if (!value) return\n\n    const date = parseISO(value)\n\n    let time: string\n    let period: 'am' | 'pm' = 'am'\n\n    if (timeFormat === '12h') {\n      time = format(date, 'hh:mm')\n      period = format(date, 'a').toLowerCase() as DateTimePeriod\n    } else {\n      time = format(date, 'HH:mm')\n    }\n\n    setDatetimeValue(prev => ({\n      ...prev,\n      time,\n      period,\n      date: format(date, dateFormat)\n    }))\n  }, [value, dateFormat, timeFormat])\n\n  function emitChange() {\n    const error = checkErrors({\n      dateFormat,\n      timeFormat,\n      disablePastDates,\n      disableFutureDates,\n      values: datetimeValue\n    })\n\n    if (error) return setErrorMessage(error)\n\n    const iso = buildISO({ ...datetimeValue, dateFormat, timeFormat })\n\n    onChange(iso)\n  }\n\n  function handleDateTimeChange(changes: Partial<DateTimeValues>) {\n    const formattedChanges: Partial<DateTimeValues> = {}\n    setErrorMessage('')\n\n    if (changes.date != null && changes.date !== undefined) {\n      const maskDateFormat = DATE_FORMAT_MASK_MAPPER[dateFormat]\n\n      const module = new DateMask({ dateFormat: maskDateFormat })\n      formattedChanges.date = module\n        ? module.format(changes.date)\n        : changes.date\n    }\n\n    if (changes.time != null && changes.time !== undefined) {\n      const module =\n        timeFormat === '12h'\n          ? MaskModule.getMask(Locale.BR, MaskType.TIME_12H)\n          : MaskModule.getMask(Locale.BR, MaskType.TIME_24H)\n\n      formattedChanges.time = module\n        ? module.format(changes.time)\n        : changes.time\n    }\n\n    if (changes.period) {\n      formattedChanges.period = changes.period\n    }\n\n    setDatetimeValue(prev => ({ ...prev, ...formattedChanges }))\n  }\n\n  return {\n    errorMessage,\n    datetimeValue,\n    emitChange,\n    handleDateTimeChange\n  }\n}\n","import type { DateTimeInputProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createDateTimeInputStyles(_props: DateTimeInputProps) {\n  return styled({\n    container: {\n      width: '17.5rem',\n\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.25rem'\n    },\n\n    content: {\n      width: '100%',\n      height: '2.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      columnGap: '0.25rem',\n\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\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',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    },\n\n    wrapper: {\n      width: '100%',\n      minWidth: 0,\n      display: 'flex',\n      alignItems: 'center',\n\n      gap: '0.25rem'\n    },\n\n    divider: {\n      border: 0,\n      width: '1px',\n      height: '1rem',\n\n      marginInline: '0.5rem',\n      backgroundColor: 'var(--px-border-primary)'\n    },\n\n    input: {\n      flex: 1,\n      width: '100%',\n      minWidth: 0,\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n      backgroundColor: 'transparent',\n      border: 'none',\n      padding: 0,\n      __rules: {\n        '&:disabled': {\n          cursor: 'not-allowed'\n        },\n        '&:focus': {\n          outline: 'none'\n        },\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { PeriodSwitch } from './components/PeriodSwitch'\nimport { ErrorMessage } from '@components/commons/toolkit/ErrorMessage'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { useDateTimeInput } from './hooks/useDateTimeInput'\n\n// Types\nimport type { DateTimeInputProps } from './types'\n\n// Styles\nimport { createDateTimeInputStyles } from './styles'\n\nexport const DateTimeInput: React.FC<DateTimeInputProps> = props => {\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    props,\n    createDateTimeInputStyles,\n    { applyCommonProps: true }\n  )\n  const { errorMessage, datetimeValue, emitChange, handleDateTimeChange } =\n    useDateTimeInput(props)\n\n  // Functions\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      emitChange()\n    }\n  }\n\n  function handleBlur() {\n    emitChange()\n  }\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.content} className={classes.content}>\n        <div style={styles.wrapper}>\n          <Icon\n            size=\"sm\"\n            name=\"general-calendar\"\n            color=\"var(--px-text-disabled)\"\n          />\n\n          <input\n            style={styles.input}\n            className={classes.input}\n            value={datetimeValue.date}\n            placeholder={props.dateFormat}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={e => handleDateTimeChange({ date: e.target.value })}\n          />\n        </div>\n\n        <hr style={styles.divider} />\n\n        <div style={styles.wrapper}>\n          <Icon\n            size=\"sm\"\n            name=\"general-clock\"\n            color=\"var(--px-text-disabled)\"\n          />\n\n          <input\n            placeholder=\"12:00\"\n            style={styles.input}\n            className={classes.input}\n            value={datetimeValue.time}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={e => handleDateTimeChange({ time: e.target.value })}\n          />\n\n          {props.timeFormat === '12h' ? (\n            <PeriodSwitch\n              layoutId={props.layoutId}\n              currentValue={datetimeValue.period}\n              onBlur={handleBlur}\n              onChange={value => handleDateTimeChange({ period: value })}\n            />\n          ) : null}\n        </div>\n      </div>\n\n      {errorMessage ? <ErrorMessage message={errorMessage} /> : null}\n    </div>\n  )\n}\n","// External Libraries\nimport { isAfter } from 'date-fns/isAfter'\n\n// Types\nimport type { UseDateTimeControlParams } from './types'\nimport type { PickedDate } from '@components/commons/toolkit/Calendar/types'\n\ntype DraftPickedDate = {\n  start?: string\n  end?: string\n}\n\nexport function useDateTimeControl({\n  value,\n  onChange\n}: UseDateTimeControlParams) {\n  function handleDateTimeChange(changes: DraftPickedDate) {\n    const draft: DraftPickedDate = {\n      start: changes.start ?? value?.start,\n      end: changes.end ?? value?.end\n    }\n\n    if (!draft.start) {\n      return\n    }\n\n    const newValues: PickedDate = {\n      start: draft.start,\n      end: draft.end\n    }\n\n    if (newValues.end) {\n      const startIsAfterEnd = isAfter(newValues.start, newValues.end)\n\n      if (startIsAfterEnd) {\n        const tempStart = newValues.start\n        const tempEnd = newValues.end\n\n        newValues.start = tempEnd\n        newValues.end = tempStart\n      }\n    }\n\n    onChange(newValues)\n  }\n\n  return { handleDateTimeChange }\n}\n","// Types\nimport type { DateTimeControlProps } from './types'\nimport type { StyleMap } from '@hooks/useThemedStyles/types'\n\n// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createDateTimeControlStyles(\n  _props: DateTimeControlProps\n): StyleMap {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: _props.viewMode === 'double' ? 'center' : undefined,\n      flexDirection: _props.viewMode === 'single' ? 'column' : 'row',\n\n      gap: '0.5rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { DateTimeInput } from './components/DateTimeInput'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { useDateTimeControl } from './hooks/useDateTimeControl'\n\n// Utils\nimport { DEFAULT_VIEW_MODE } from '../../constants'\n\n// Types\nimport type { DateTimeControlProps } from './types'\n\n// Styles\nimport { createDateTimeControlStyles } from './styles'\n\nexport const DateTimeControl: React.FC<DateTimeControlProps> = ({\n  viewMode = DEFAULT_VIEW_MODE,\n  ...props\n}) => {\n  // Constants\n  const resolvedProps = { viewMode, ...props }\n\n  // Hooks\n  const { styles } = useThemedStyles(\n    resolvedProps,\n    createDateTimeControlStyles,\n    {\n      applyCommonProps: true\n    }\n  )\n  const { handleDateTimeChange } = useDateTimeControl(resolvedProps)\n\n  return (\n    <div style={styles.container}>\n      <DateTimeInput\n        layoutId=\"start-date\"\n        dateFormat={resolvedProps.dateFormat}\n        timeFormat={resolvedProps.timeFormat}\n        value={resolvedProps.value?.start ?? ''}\n        disablePastDates={resolvedProps.disablePastDates}\n        disableFutureDates={resolvedProps.disableFutureDates}\n        onChange={start => handleDateTimeChange({ start })}\n      />\n\n      {resolvedProps.viewMode === 'double' &&\n      resolvedProps.selectionMode === 'range' ? (\n        <Icon\n          size=\"sm\"\n          name=\"arrows-arrow-right\"\n          color=\"var(--px-text-secondary)\"\n        />\n      ) : null}\n\n      {resolvedProps.selectionMode === 'range' ? (\n        <DateTimeInput\n          layoutId=\"end-date\"\n          value={resolvedProps?.value?.end}\n          timeFormat={resolvedProps.timeFormat}\n          dateFormat={resolvedProps.dateFormat}\n          disablePastDates={resolvedProps.disablePastDates}\n          disableFutureDates={resolvedProps.disableFutureDates}\n          onChange={end => handleDateTimeChange({ end })}\n        />\n      ) : null}\n    </div>\n  )\n}\n","// External Libraries\nimport { useMemo, useState } from 'react'\nimport { addDays } from 'date-fns/addDays'\nimport { addYears } from 'date-fns/addYears'\nimport { addMonths } from 'date-fns/addMonths'\nimport { endOfWeek } from 'date-fns/endOfWeek'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfWeek } from 'date-fns/startOfWeek'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\n\n// Types\nimport type { CalendarNavAction } from '../types'\n\nexport function useCalendar(initialDate = new Date()) {\n  // States\n  const [currentDate, setCurrentDate] = useState(initialDate)\n\n  // Constants\n  const days = useMemo(() => {\n    const start = startOfWeek(startOfMonth(currentDate), { weekStartsOn: 0 })\n    const end = endOfWeek(endOfMonth(currentDate), { weekStartsOn: 0 })\n    let days = eachDayOfInterval({ start, end })\n\n    if (days.length < 42) {\n      const diff = 42 - days.length\n      const last = end\n\n      const extraDays = Array.from({ length: diff }, (_, i) =>\n        addDays(last, i + 1)\n      )\n\n      days = [...days, ...extraDays]\n    }\n\n    return days\n  }, [currentDate])\n\n  // Functions\n  function handleNavAction(action: CalendarNavAction) {\n    switch (action) {\n      case 'next-month':\n        setCurrentDate(prev => addMonths(prev, 1))\n        break\n\n      case 'prev-month':\n        setCurrentDate(prev => addMonths(prev, -1))\n        break\n\n      case 'next-year':\n        setCurrentDate(prev => addYears(prev, 1))\n        break\n\n      case 'prev-year':\n        setCurrentDate(prev => addYears(prev, -1))\n        break\n    }\n  }\n\n  return { currentDate, days, handleNavAction, setCurrentDate }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createCalendarStyles() {\n  return styled({\n    container: {\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    dateTimeControlContent: {\n      display: 'flex',\n\n      padding: '0.75rem 1rem',\n      paddingBottom: '0'\n    },\n    monthsContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n\n      alignItems: 'center'\n    },\n    monthContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n\n      gap: '0.75rem',\n      padding: '0.75rem 1rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\nimport { useEffect } from 'react'\nimport { isAfter } from 'date-fns/isAfter'\nimport { parseISO } from 'date-fns/parseISO'\nimport { addMonths } from 'date-fns/addMonths'\nimport { isSameDay } from 'date-fns/isSameDay'\n\n// Components\nimport { CalendarMonth } from './components/CalendarMonth'\nimport { CalendarHeader } from './components/CalendarHeader'\nimport { DateTimeControl } from './components/DateTimeControl'\n\n// Hooks\nimport { useCalendar } from './hooks/useCalendar'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport {\n  DEFAULT_VIEW_MODE,\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from './constants'\n\n// Types\nimport type { CalendarProps } from './types'\n\n// Styles\nimport { createCalendarStyles } from './styles'\n\nexport const Calendar: React.FC<CalendarProps> = ({\n  viewMode = DEFAULT_VIEW_MODE,\n  dateFormat = DEFAULT_DATE_FORMAT,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  ...props\n}) => {\n  const resolvedProps = { timeFormat, dateFormat, viewMode, ...props }\n\n  // Hooks\n  const mainCalendar = useCalendar()\n  const secondaryCalendar = useCalendar(addMonths(mainCalendar.currentDate, 1))\n  const { styles } = useThemedStyles(resolvedProps, createCalendarStyles, {\n    applyCommonProps: true\n  })\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    secondaryCalendar.setCurrentDate(addMonths(mainCalendar.currentDate, 1))\n  }, [mainCalendar.currentDate])\n\n  // Functions\n  function handleSelect(day: Date) {\n    const { value, selectionMode, onChange } = resolvedProps\n\n    if (selectionMode === 'single') {\n      onChange({ start: day.toISOString() })\n    } else {\n      const start = value?.start ? parseISO(value.start) : null\n      const end = value?.end ? parseISO(value.end) : null\n\n      if (!start || (start && end)) {\n        onChange({ start: day.toISOString(), end: undefined })\n      } else if (start && !end) {\n        const [from, to] =\n          isAfter(day, start) || isSameDay(day, start)\n            ? [start, day]\n            : [day, start]\n\n        onChange({ start: from.toISOString(), end: to.toISOString() })\n      }\n    }\n  }\n\n  return (\n    <div style={styles.container}>\n      {resolvedProps.isDateTimePicker ? (\n        <div style={styles.dateTimeControlContent}>\n          <DateTimeControl {...resolvedProps} />\n        </div>\n      ) : null}\n\n      <div style={styles.monthsContainer}>\n        <div style={styles.monthContainer}>\n          <CalendarHeader\n            position=\"left\"\n            currentDate={mainCalendar.currentDate}\n            isDualView={resolvedProps.viewMode === 'double'}\n            disablePastDates={resolvedProps.disablePastDates}\n            disableFutureDates={resolvedProps.disableFutureDates}\n            onNavAction={mainCalendar.handleNavAction}\n          />\n\n          <CalendarMonth\n            days={mainCalendar.days}\n            selection={resolvedProps.value}\n            disablePastDates={resolvedProps.disablePastDates}\n            disableFutureDates={resolvedProps.disableFutureDates}\n            onDayClick={handleSelect}\n          />\n        </div>\n\n        {resolvedProps.viewMode === 'double' ? (\n          <div style={styles.monthContainer}>\n            <CalendarHeader\n              isDualView\n              position=\"right\"\n              currentDate={secondaryCalendar.currentDate}\n              disablePastDates={resolvedProps.disablePastDates}\n              disableFutureDates={resolvedProps.disableFutureDates}\n              onNavAction={mainCalendar.handleNavAction}\n            />\n\n            <CalendarMonth\n              days={secondaryCalendar.days}\n              selection={resolvedProps.value}\n              disablePastDates={resolvedProps.disablePastDates}\n              disableFutureDates={resolvedProps.disableFutureDates}\n              onDayClick={handleSelect}\n            />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","import type { TimeFormat } from '../../types'\n\ninterface BuildDisplayFormatParams {\n  displayDateFormat: string\n  isDateTimePicker: boolean\n  timeFormat: TimeFormat\n}\n\nfunction hasTimeTokens(formatStr: string) {\n  return /(H{1,2}|h{1,2}|m{1,2}|a)/.test(formatStr)\n}\n\nfunction normalizeTimeFormat(formatStr: string, timeFormat: '12h' | '24h') {\n  if (timeFormat === '24h') {\n    return formatStr\n      .replace(/h{1,2}/g, match => (match.length === 2 ? 'HH' : 'H'))\n      .replace(/\\s*a/g, '')\n  }\n\n  return formatStr.replace(/H{1,2}/g, match =>\n    match.length === 2 ? 'hh' : 'h'\n  )\n}\n\nfunction getDefaultTimeFormat(timeFormat: '12h' | '24h') {\n  return timeFormat === '24h' ? 'HH:mm' : 'hh:mm a'\n}\n\nexport function buildDisplayFormat({\n  displayDateFormat,\n  isDateTimePicker,\n  timeFormat\n}: BuildDisplayFormatParams) {\n  const formatHasTime = hasTimeTokens(displayDateFormat)\n\n  if (!isDateTimePicker) {\n    return formatHasTime\n      ? displayDateFormat.replace(/\\s*(H{1,2}|h{1,2}|m{1,2}|a|:)+/g, '')\n      : displayDateFormat\n  }\n\n  if (formatHasTime) {\n    return normalizeTimeFormat(displayDateFormat, timeFormat)\n  }\n\n  const timeFormatStr = getDefaultTimeFormat(timeFormat)\n  return `${displayDateFormat} ${timeFormatStr}`\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { DatePickerTriggerProps } from './types'\n\nexport function createDatePickerTriggerStyles(props: DatePickerTriggerProps) {\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    button: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n\n      gap: '0.5rem',\n      borderRadius: '0.5rem',\n      padding: '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    }\n  })\n}\n","// External Libraries\nimport { forwardRef, useId } from 'react'\nimport { format } from 'date-fns/format'\nimport { ptBR } from 'date-fns/locale'\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 { buildDisplayFormat } from './utils'\nimport {\n  DEFAULT_TIME_FORMAT,\n  DEFAULT_DISPLAY_DATE_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\n\n// Types\nimport type { DatePickerTriggerProps } from './types'\n\n// Styles\nimport { createDatePickerTriggerStyles } from './styles'\n\nexport const DatePickerTrigger = forwardRef<\n  HTMLButtonElement,\n  DatePickerTriggerProps\n>(function DatePickerTrigger(\n  {\n    timeFormat = DEFAULT_TIME_FORMAT,\n    displayDateFormat = DEFAULT_DISPLAY_DATE_FORMAT,\n    ...props\n  },\n  ref\n) {\n  // Hooks\n  const inputId = useId()\n  const { styles, classes } = useThemedStyles(\n    props,\n    createDatePickerTriggerStyles,\n    {\n      pick: p => [p.disabled, p.errorMessage],\n      applyCommonProps: true,\n      commonSlot: 'container'\n    }\n  )\n\n  // Constants\n  const { label, value, disabled, required, placeholder, onClick } = props\n  const hasValue = !!value?.start\n\n  // Functions\n  function renderDate() {\n    if (!hasValue) return placeholder ?? 'Selecione uma data'\n\n    const { start, end } = value\n\n    const finalFormat = buildDisplayFormat({\n      timeFormat,\n      displayDateFormat,\n      isDateTimePicker: !!props.isDateTimePicker\n    })\n\n    const startDate = format(start, finalFormat, { locale: ptBR })\n    const endDate = end ? format(end, finalFormat, { locale: ptBR }) : ''\n\n    return `${startDate}${endDate ? ` - ${endDate}` : ''}`\n  }\n\n  return (\n    <div style={styles.container}>\n      <Label\n        label={label}\n        htmlFor={inputId}\n        required={required}\n        requiredColor=\"var(--color-error)\"\n      />\n\n      <button\n        ref={ref}\n        type=\"button\"\n        disabled={disabled}\n        style={styles.button}\n        aria-labelledby={inputId}\n        aria-expanded={props.ariaExpanded}\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            {renderDate()}\n          </Typography>\n        </div>\n\n        <Icon\n          size=\"sm\"\n          color=\"var(--px-text-primary)\"\n          name={props.ariaExpanded ? 'chevrons-up' : 'chevrons-down'}\n        />\n      </button>\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 { DatePickerProps } from '../types'\nimport type { PickedDate } from '@components/commons/toolkit/Calendar/types'\n\nexport function useDatePicker(params: DatePickerProps) {\n  // States\n  const [isOpen, setOpen] = useState(false)\n  const [selectedDate, setSelectedDate] = useState<PickedDate>()\n\n  // Functions\n  function toggleDialog(status: boolean) {\n    if (status) setSelectedDate(params.value)\n\n    setOpen(status)\n  }\n\n  function handleDateChange(value: PickedDate) {\n    setSelectedDate(value)\n  }\n\n  function handleConfirmClick() {\n    if (!selectedDate) return\n\n    setOpen(false)\n    params.onChange(selectedDate)\n  }\n\n  return {\n    isOpen,\n    selectedDate,\n    toggleDialog,\n    handleDateChange,\n    handleConfirmClick\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { DatePickerProps } from './types'\n\nexport function createDatePickerStyles(props: DatePickerProps) {\n  return styled({\n    container: {\n      width: '100%'\n    },\n\n    divider: {\n      border: 0,\n      display: 'flex',\n      marginBlock: '0.1rem',\n      borderTop: '1px solid var(--px-border-primary)'\n    },\n\n    buttonsContainer: {\n      width: '100%',\n      display: 'flex',\n\n      alignItems: 'center',\n      justifyContent: props.viewMode === 'single' ? 'center' : 'flex-end',\n\n      gap: '0.75rem',\n      padding: '0.5rem 1rem'\n    }\n  })\n}\n","import type { CalendarProps } from '@components/commons/toolkit/Calendar/types'\n\nexport * from '@components/commons/toolkit/Calendar/types'\n\nexport interface DatePickerProps extends CalendarProps {\n  label: string\n\n  required?: boolean\n  disabled?: boolean\n  placeholder?: string\n  errorMessage?: string\n  scrollContainerId: string\n  placementContainer?: 'bottom' | 'bottom-end' | 'bottom-start'\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Button } from '@components/commons/buttons/Button'\nimport { Calendar } from '@components/commons/toolkit/Calendar'\nimport { DatePickerTrigger } from './components/DatePickerTrigger'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useDatePicker } from './hooks/useDatePicker'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { DatePickerProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\n\n// Styles\nimport { createDatePickerStyles } from './styles'\n\nexport * as DatePickerTypes from './types'\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  placementContainer = 'bottom-start',\n  ...props\n}) => {\n  // Hooks\n  const {\n    isOpen,\n    selectedDate,\n    toggleDialog,\n    handleDateChange,\n    handleConfirmClick\n  } = useDatePicker(props)\n  const { styles } = useThemedStyles(props, createDatePickerStyles, {\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Constants\n  const isSingleMode = props.viewMode === 'single'\n\n  // Functions\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    return (\n      <DatePickerTrigger\n        {...props}\n        ref={ref as any}\n        ariaExpanded={ariaExpanded}\n        onClick={onClick}\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        <Calendar\n          {...props}\n          value={selectedDate}\n          selectionMode={props.selectionMode ?? 'range'}\n          onChange={handleDateChange}\n        />\n\n        {isSingleMode ? <hr style={styles.divider} /> : null}\n\n        <div style={styles.buttonsContainer}>\n          <Button\n            size=\"sm\"\n            type=\"button\"\n            label=\"Cancelar\"\n            variant=\"outlined\"\n            fullWidth={isSingleMode}\n            onClick={() => toggleDialog(false)}\n          />\n\n          <Button\n            type=\"button\"\n            label=\"Aplicar\"\n            variant=\"filled\"\n            fullWidth={isSingleMode}\n            onClick={handleConfirmClick}\n          />\n        </div>\n      </BasePopover>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/{Input-BbQajtvC.js → Input-ChS1OoFI.js}

@@ -17,7 +17,8 @@ function useInput(props) {
 	const { value, delay, mask, onChange, min, max, ...rest } = props;
 	const inputRef = useRef(null);
 	const timeoutRef = useRef(null);
-	const [inputValue, setInputValue] = useState(props.value);
+	const internalValueRef = useRef(value);
+	const [inputValue, setInputValue] = useState(value);
 	const [showPassword, setShowPassword] = useState(false);
 	const { minLength, maxLength } = useMemo(() => {
 		const appliedMask = getMask();
@@ -30,9 +31,6 @@ function useInput(props) {
 		rest.minLength,
 		rest.maxLength
 	]);
-	useEffect(() => {
-		setInputValue(value);
-	}, [value]);
 	function getMask() {
 		if (!mask) return void 0;
 		if (mask === MaskType.INTEGER) return new IntegerMask({
@@ -57,6 +55,12 @@ function useInput(props) {
 	function handleBlur() {
 		inputRef.current?.blur();
 	}
+	useEffect(() => {
+		if (value !== internalValueRef.current) {
+			internalValueRef.current = value;
+			setInputValue(value);
+		}
+	}, [value]);
 	function handleChange(e) {
 		let value$1 = e.target.value;
 		if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -64,6 +68,8 @@ function useInput(props) {
 			const module = getMask();
 			if (module) value$1 = module.format(value$1);
 		}
+		internalValueRef.current = value$1;
+		setInputValue(value$1);
 		if (!delay) onChange?.(value$1);
 		else timeoutRef.current = setTimeout(() => onChange?.(value$1), delay);
 	}
@@ -144,7 +150,11 @@ const Input = forwardRef((props, ref) => {
 	const { inputRef, minLength, maxLength, inputValue, showPassword, handleChange, handleRefMethods, togglePasswordVisibility } = useInput(props);
 	useImperativeHandle(ref, handleRefMethods);
 	const { styles, classes } = useThemedStyles(props, createInputStyles, {
-		pick: (p) => [p.disabled, p.errorMessage],
+		pick: (p) => [
+			p.disabled,
+			p.errorMessage,
+			p.value
+		],
 		override: props.styles,
 		applyCommonProps: true,
 		commonSlot: "container"
@@ -212,4 +222,4 @@ Input.displayName = "Input";
 
 //#endregion
 export { Input as t };
-//# sourceMappingURL=Input-BbQajtvC.js.map
+//# sourceMappingURL=Input-ChS1OoFI.js.map

package/dist/Input-ChS1OoFI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-ChS1OoFI.js","names":["value"],"sources":["../src/components/commons/inputs/Input/hooks/utils.ts","../src/components/commons/inputs/Input/hooks/useInput/index.ts","../src/components/commons/inputs/Input/styles.ts","../src/components/commons/inputs/Input/index.tsx"],"sourcesContent":["import type { FloatProps, InputProps } from '../types'\n\nexport function checkIsFloatConfig(props: InputProps): props is FloatProps {\n  return props.mask === 'FLOAT'\n}\n","// External Libraries\nimport { useState, useRef, useMemo, useEffect } from 'react'\n\n// Services\nimport { Locale, MaskModule, MaskType } from 'src/services/MaskModule'\n\n// Utils\nimport { checkIsFloatConfig } from '../utils'\n\n// Types\nimport type { InputProps } from '../../types'\nimport { FloatMask } from '@services/MaskModule/locales/br/masks/FloatMask'\nimport { IntegerMask } from '@services/MaskModule/locales/br/masks/IntegerMask'\n\nexport function useInput(props: InputProps) {\n  // Constants\n  const { value, delay, mask, onChange, min, max, ...rest } = props\n  // Refs\n  const inputRef = useRef<HTMLInputElement>(null)\n  const timeoutRef = useRef<NodeJS.Timeout>(null)\n  const internalValueRef = useRef(value)\n\n  // States\n  const [inputValue, setInputValue] = useState(value)\n  const [showPassword, setShowPassword] = useState(false)\n\n  // Constants\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Not Needed\n  const { minLength, maxLength } = useMemo(() => {\n    const appliedMask = getMask()\n\n    const minLength = rest.minLength ?? appliedMask?.minLength\n    const maxLength = rest.maxLength ?? appliedMask?.maxLength\n\n    return { minLength, maxLength }\n  }, [mask, rest.minLength, rest.maxLength])\n\n  // Functions\n  function getMask() {\n    if (!mask) return undefined\n\n    if (mask === MaskType.INTEGER) return new IntegerMask({ max, min })\n\n    if (mask === MaskType.FLOAT && checkIsFloatConfig(props)) {\n      return new FloatMask({ decimalDigits: props.decimalPlaces })\n    }\n\n    return MaskModule.getMask(Locale.BR, mask)\n  }\n\n  function togglePasswordVisibility() {\n    setShowPassword(prev => !prev)\n  }\n\n  function handleRefMethods() {\n    return { focus: handleFocus, blur: handleBlur }\n  }\n\n  function handleFocus() {\n    inputRef.current?.focus()\n  }\n\n  function handleBlur() {\n    inputRef.current?.blur()\n  }\n\n  // Sync only external value changes (not triggered by user typing)\n  useEffect(() => {\n    if (value !== internalValueRef.current) {\n      internalValueRef.current = value\n      setInputValue(value)\n    }\n  }, [value])\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    let value = e.target.value\n\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    if (mask) {\n      const module = getMask()\n      if (module) value = module.format(value)\n    }\n\n    internalValueRef.current = value\n    setInputValue(value)\n\n    if (!delay) onChange?.(value)\n    else {\n      timeoutRef.current = setTimeout(() => onChange?.(value), delay)\n    }\n  }\n\n  return {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  }\n}\n","// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\n// Types\nimport type { InputProps } from './types'\n\nexport function createInputStyles(props: InputProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      rowGap: '0.375rem'\n    },\n    wrapper: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n\n      borderWidth: 1,\n      columnGap: '0.25rem',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\n\n      opacity: props.disabled ? 0.5 : 1,\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',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'})`\n        }\n      }\n    },\n\n    input: {\n      flex: 1,\n\n      fontWeight: 500,\n      fontSize: '1rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n\n      __rules: {\n        '&:disabled': {\n          cursor: 'not-allowed'\n        },\n\n        '&:focus': {\n          outline: 'none'\n        },\n\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        }\n      }\n    },\n\n    button: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      cursor: 'pointer',\n      padding: '0.25rem',\n      borderRadius: '0.5rem',\n\n      __rules: {\n        '&:focus': {\n          outline: '1px solid var(--px-border-primary)'\n        }\n      }\n    }\n  })\n}\n","/** biome-ignore-all lint/a11y/noAutofocus: It's a custom input component */\n// External Libraries\nimport { forwardRef, useId, useImperativeHandle, useMemo } from 'react'\n\n// Components\nimport { Label } from '../../toolkit/Label'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { ErrorMessage } from '../../toolkit/ErrorMessage'\n\n// Types\nimport type { InputProps, InputMethods } from './types'\n\n// Hooks\nimport { useInput } from './hooks/useInput'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createInputStyles } from './styles'\n\nexport const Input = forwardRef<InputMethods, InputProps>((props, ref) => {\n  // Constants\n  const reactId = useId()\n  const inputId = useMemo(() => {\n    return props.id || `input-${reactId}`\n  }, [props.id, reactId])\n\n  // Hooks\n  const {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  } = useInput(props)\n  useImperativeHandle(ref, handleRefMethods)\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createInputStyles, {\n    pick: p => [p.disabled, p.errorMessage, p.value],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function getType() {\n    if (props.type === 'password' && showPassword) return 'text'\n    return props.type\n  }\n\n  function renderEndContent() {\n    if (props.type === 'password') {\n      return (\n        <button\n          type=\"button\"\n          style={styles.button}\n          className={classes.button}\n          onClick={togglePasswordVisibility}\n        >\n          <Icon\n            size=\"sm\"\n            name={showPassword ? 'general-eye-off' : 'general-eye'}\n          />\n        </button>\n      )\n    }\n\n    return props.endIcon ?? null\n  }\n\n  return (\n    <div style={styles.container}>\n      {props.hideLabel ? null : (\n        <Label\n          htmlFor={inputId}\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      )}\n\n      <div style={styles.wrapper} className={classes.wrapper}>\n        {props.startIcon}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          type={getType()}\n          value={inputValue}\n          style={styles.input}\n          minLength={minLength}\n          maxLength={maxLength}\n          required={props.required}\n          disabled={props.disabled}\n          className={classes.input}\n          autoFocus={props.autoFocus}\n          spellCheck={props.spellCheck}\n          autoCorrect={props.autoCorrect}\n          placeholder={props.placeholder}\n          autoComplete={props.autoComplete}\n          autoCapitalize={props.autoCapitalize}\n          aria-label={!props.hideLabel ? undefined : props.label}\n          onChange={handleChange}\n        />\n\n        {renderEndContent()}\n      </div>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n})\n\nInput.displayName = 'Input'\n"],"mappings":"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"}

package/dist/{Select-CTEWtbKT.js → Select-C8JCFwDy.js}

@@ -6,7 +6,7 @@ import { t as Label } from "./Label-CBUa-x13.js";
 import { t as ErrorMessage } from "./ErrorMessage-6pG4hFId.js";
 import { t as Loader } from "./Loader-BTp8PCMz.js";
 import { r as ScrollDirection, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-isAA4BsG.js";
-import { t as Input } from "./Input-BbQajtvC.js";
+import { t as Input } from "./Input-ChS1OoFI.js";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -527,4 +527,4 @@ const Select = (props) => {
 
 //#endregion
 export { types_exports as n, Select as t };
-//# sourceMappingURL=Select-CTEWtbKT.js.map
+//# sourceMappingURL=Select-C8JCFwDy.js.map

package/dist/{Select-CTEWtbKT.js.map → Select-C8JCFwDy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-CTEWtbKT.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-C8JCFwDy.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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"}

package/dist/date-picker.js

@@ -4,7 +4,7 @@ import "./useDismiss-Dpzg5Xpf.js";
 import "./useFloating-D-2IDIWG.js";
 import "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
-import { n as types_exports, t as DatePicker } from "./DatePicker-znH0ZAdX.js";
+import { n as types_exports, t as DatePicker } from "./DatePicker-DIgVnLWM.js";
 import "./BasePopover-CY-9StFD.js";
 import "./Label-CBUa-x13.js";
 import "./ErrorMessage-6pG4hFId.js";

package/dist/{index-BxDK_Go8.d.ts → index-D6on4J-S.d.ts}

@@ -27,7 +27,7 @@ declare function createTextAreaStyles(props: TextAreaProps): {
     fontWeight: "400";
     fontSize: string;
     color: "var(--px-text-primary)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     outlineOffset: string;
     cursor: "default" | undefined;
     __rules: {
@@ -70,4 +70,4 @@ interface TextAreaProps {
 declare const TextArea: (props: TextAreaProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { TextArea as t };
-//# sourceMappingURL=index-BxDK_Go8.d.ts.map
+//# sourceMappingURL=index-D6on4J-S.d.ts.map

package/dist/{index-BmFKokpv.d.ts → index-j6W-PwB7.d.ts}

@@ -27,7 +27,7 @@ declare function createSelectStyles(props: SelectProps): {
     opacity: number;
     cursor: "not-allowed" | "pointer" | "progress";
     boxShadow: "var(--px-shadow-default)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     __rules: {
       '&:focus-within': {
         outlineOffset: string;
@@ -106,4 +106,4 @@ interface SelectOption {
 declare const Select: React$1.FC<SelectProps>;
 //#endregion
 export { types_d_exports as n, Select as t };
-//# sourceMappingURL=index-BmFKokpv.d.ts.map
+//# sourceMappingURL=index-j6W-PwB7.d.ts.map

package/dist/{index-C22JJ_rW.d.ts → index-qPJuO65u.d.ts}

@@ -22,7 +22,7 @@ declare function createInputStyles(props: InputProps): {
     padding: string;
     opacity: number;
     boxShadow: "var(--px-shadow-default)";
-    borderColor: "var(--px-border-primary)" | "var(--px-color-error)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     __rules: {
       '&:focus-within': {
         outlineOffset: string;
@@ -108,4 +108,4 @@ interface InputMethods {
 declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-C22JJ_rW.d.ts.map
+//# sourceMappingURL=index-qPJuO65u.d.ts.map

package/dist/index.d.ts

@@ -6,11 +6,11 @@ import { n as types_d_exports$5 } from "./types-vfa_y8KH.js";
 import { n as types_d_exports$3, t as DatePicker } from "./index-BaTeJXMP.js";
 import { n as types_d_exports$4, t as FileInput } from "./index-DDF3jbpO.js";
 import { n as Locale, r as MaskType, t as MaskModule } from "./index-CSRzYxDc.js";
-import { t as Input } from "./index-C22JJ_rW.js";
+import { t as Input } from "./index-qPJuO65u.js";
 import { t as SearchInput } from "./index-MyZ_XVsH.js";
-import { n as types_d_exports$6, t as Select } from "./index-BmFKokpv.js";
+import { n as types_d_exports$6, t as Select } from "./index-j6W-PwB7.js";
 import { t as index_d_exports } from "./index-CriBmhqv.js";
-import { t as TextArea } from "./index-BxDK_Go8.js";
+import { t as TextArea } from "./index-D6on4J-S.js";
 import { t as Popover } from "./index-tivXt3ba.js";
 import { t as BasePopover } from "./index-BKsKKh1p.js";
 import { t as Breadcrumb } from "./index-CBHEtmuG.js";

package/dist/index.js

@@ -6,9 +6,9 @@ import { t as useFloating } from "./useFloating-D-2IDIWG.js";
 import { n as types_exports$5, t as Popover } from "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
 import { t as Checkbox } from "./Checkbox-DWlmddP3.js";
-import { n as types_exports$3, t as DatePicker } from "./DatePicker-znH0ZAdX.js";
+import { n as types_exports$3, t as DatePicker } from "./DatePicker-DIgVnLWM.js";
 import { n as useTheme, t as ThemeProvider } from "./ThemeContext-CRVo1wLa.js";
-import { n as types_exports$7, t as Select } from "./Select-CTEWtbKT.js";
+import { n as types_exports$7, t as Select } from "./Select-C8JCFwDy.js";
 import { n as types_exports$8, t as TabSwitch } from "./TabSwitch-UPXOZTf4.js";
 import { t as CheckItem } from "./CheckItem-CE27veSs.js";
 import { t as InfoSummary } from "./InfoSummary-D8x-t44q.js";
@@ -24,7 +24,7 @@ import "./Loader-BTp8PCMz.js";
 import { t as Button } from "./Button-CWZvWbMh.js";
 import { n as types_exports$6, t as ScrollPaginationContainer } from "./ScrollPaginationContainer-isAA4BsG.js";
 import { c as MaskModule, o as Locale, s as MaskType } from "./MaskModule-DZko7F_e.js";
-import { t as Input } from "./Input-BbQajtvC.js";
+import { t as Input } from "./Input-ChS1OoFI.js";
 import { t as TextArea } from "./TextArea-BMJWFF3y.js";
 import { t as SearchInput } from "./SearchInput-zePMheJK.js";
 import { n as types_exports$1, t as ColorPicker } from "./ColorPicker-BBTuW0Bp.js";

package/dist/input.d.ts

@@ -1,2 +1,2 @@
-import { t as Input } from "./index-C22JJ_rW.js";
+import { t as Input } from "./index-qPJuO65u.js";
 export { Input };

package/dist/input.js

@@ -4,6 +4,6 @@ import "./Icon-bV19y393.js";
 import "./Label-CBUa-x13.js";
 import "./ErrorMessage-6pG4hFId.js";
 import "./MaskModule-DZko7F_e.js";
-import { t as Input } from "./Input-BbQajtvC.js";
+import { t as Input } from "./Input-ChS1OoFI.js";
 
 export { Input };

package/dist/select.d.ts

@@ -1,4 +1,4 @@
 import "./types-vfa_y8KH.js";
-import { n as types_d_exports, t as Select } from "./index-BmFKokpv.js";
+import { n as types_d_exports, t as Select } from "./index-j6W-PwB7.js";
 import "./index-CriBmhqv.js";
 export { Select, types_d_exports as SelectTypes };

package/dist/select.js

@@ -4,13 +4,13 @@ import "./useDismiss-Dpzg5Xpf.js";
 import "./useFloating-D-2IDIWG.js";
 import "./Popover-BV_1hBez.js";
 import "./Icon-bV19y393.js";
-import { n as types_exports, t as Select } from "./Select-CTEWtbKT.js";
+import { n as types_exports, t as Select } from "./Select-C8JCFwDy.js";
 import "./BasePopover-CY-9StFD.js";
 import "./Label-CBUa-x13.js";
 import "./ErrorMessage-6pG4hFId.js";
 import "./Loader-BTp8PCMz.js";
 import "./ScrollPaginationContainer-isAA4BsG.js";
 import "./MaskModule-DZko7F_e.js";
-import "./Input-BbQajtvC.js";
+import "./Input-ChS1OoFI.js";
 
 export { Select, types_exports as SelectTypes };

package/dist/text-area.d.ts

@@ -1,2 +1,2 @@
-import { t as TextArea } from "./index-BxDK_Go8.js";
+import { t as TextArea } from "./index-D6on4J-S.js";
 export { TextArea };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softable-pixels-web",
-  "version": "1.2.37",
+  "version": "1.2.39",
   "description": "",
   "keywords": [],
   "author": "softable",

package/dist/DatePicker-znH0ZAdX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-znH0ZAdX.js","names":["CalendarDay: React.FC<CalendarDayProps>","CalendarMonth: React.FC<CalendarMonthProps>","NavButton: React.FC<NavButtonProps>","CalendarHeader: React.FC<Props>","PeriodSwitchItem: React.FC<Props>","PERIOD_OPTIONS: PeriodOption[]","PeriodSwitch: React.FC<PeriodSwitchProps>","DEFAULT_TIME_FORMAT: TimeFormat","DEFAULT_VIEW_MODE: CalendarViewMode","DEFAULT_DATE_FORMAT: DateFormat","DATE_FORMAT_MASK_MAPPER: Record<DateFormat, DateMaskFormat>","maskFormat: DateMaskFormat","day: string","month: string","year: string","format","time: string","period: 'am' | 'pm'","formattedChanges: Partial<DateTimeValues>","DateTimeInput: React.FC<DateTimeInputProps>","draft: DraftPickedDate","newValues: PickedDate","DateTimeControl: React.FC<DateTimeControlProps>","days","Calendar: React.FC<CalendarProps>","DatePickerTrigger","DatePicker: React.FC<DatePickerProps>"],"sources":["../src/utils/functions/capitalize.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/utils.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/components/CalendarDay/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarMonth/constants.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarMonth/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarHeader/components/NavButton/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/components/NavButton/index.tsx","../src/components/commons/toolkit/Calendar/components/CalendarHeader/utils.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/styles.ts","../src/components/commons/toolkit/Calendar/components/CalendarHeader/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/components/PeriodSwitchItem/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/components/PeriodSwitchItem/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/components/PeriodSwitch/index.tsx","../src/components/commons/toolkit/Calendar/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/constants.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/utils/buildISODate.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/utils/errors.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/hooks/useDateTimeInput/index.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/components/DateTimeInput/index.tsx","../src/components/commons/toolkit/Calendar/components/DateTimeControl/hooks/useDateTimeControl/index.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/styles.ts","../src/components/commons/toolkit/Calendar/components/DateTimeControl/index.tsx","../src/components/commons/toolkit/Calendar/hooks/useCalendar.ts","../src/components/commons/toolkit/Calendar/styles.ts","../src/components/commons/toolkit/Calendar/index.tsx","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/utils.ts","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/styles.ts","../src/components/commons/inputs/DatePicker/components/DatePickerTrigger/index.tsx","../src/components/commons/inputs/DatePicker/hooks/useDatePicker.ts","../src/components/commons/inputs/DatePicker/styles.ts","../src/components/commons/inputs/DatePicker/types.ts","../src/components/commons/inputs/DatePicker/index.tsx"],"sourcesContent":["export function capitalize(text: string) {\n  if (!text) return ''\n  return text.charAt(0).toUpperCase() + text.slice(1)\n}\n","// External Libraries\nimport {\n  format,\n  isAfter,\n  isBefore,\n  endOfDay,\n  isSameDay,\n  startOfDay,\n  isSameMonth,\n  isWithinInterval\n} from 'date-fns'\nimport { ptBR } from 'date-fns/locale'\n\n// Types\nimport type { PickedDate } from '../../../../types'\n\ninterface DayMetadataParams {\n  day: Date\n  currentMonth: Date\n  selection?: PickedDate\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n}\n\nexport function getDayMetadata(params: DayMetadataParams) {\n  const { day, currentMonth, selection, disablePastDates, disableFutureDates } =\n    params\n\n  const endOfToday = endOfDay(new Date())\n  const startOfToday = startOfDay(new Date())\n  const isPastDate = isBefore(day, startOfToday)\n  const isFutureDate = isAfter(day, endOfToday)\n  const isOutsideMonth = !isSameMonth(day, currentMonth)\n  const isDisabled =\n    isOutsideMonth ||\n    (disablePastDates && isPastDate) ||\n    (disableFutureDates && isFutureDate) ||\n    false\n\n  if (!selection) {\n    const ariaLabel = getAriaLabel(day, {\n      isDisabled,\n      isBetween: false,\n      isSelected: false\n    })\n\n    return {\n      ariaLabel,\n      isDisabled,\n      isSelected: false,\n      isBetween: false,\n      isRangeEnd: false,\n      isRangeStart: false\n    }\n  }\n\n  const { start, end } = selection\n\n  const isRangeStart = start ? isSameDay(day, start) : false\n  const isRangeEnd = end ? isSameDay(day, end) : false\n\n  const isBetween =\n    start && end\n      ? isWithinInterval(startOfDay(day), {\n          start: startOfDay(start),\n          end: startOfDay(end)\n        })\n      : false\n  const isSelected = isRangeStart || isRangeEnd\n\n  const ariaLabel = getAriaLabel(day, { isSelected, isBetween, isDisabled })\n\n  return {\n    ariaLabel,\n    isBetween,\n    isDisabled,\n    isSelected,\n    isRangeEnd,\n    isRangeStart\n  }\n}\n\nfunction getAriaLabel(\n  day: Date,\n  options: { isSelected: boolean; isBetween: boolean; isDisabled: boolean }\n) {\n  const { isSelected, isBetween, isDisabled } = options\n  const baseLabel = format(day, \"d 'de' MMMM 'de' yyyy\", { locale: ptBR })\n\n  if (isSelected) return `${baseLabel}, selecionado`\n  if (isBetween) return `${baseLabel}, dentro do intervalo`\n  if (isDisabled) return `${baseLabel}, indisponível`\n\n  return baseLabel\n}\n","import type { CalendarDayProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\ninterface StylesProps extends CalendarDayProps {\n  isBetween: boolean\n  isSelected: boolean\n  isRangeStart: boolean\n  isRangeEnd: boolean\n  isDisabled: boolean\n}\n\nexport function createCalendarDayStyles(params: StylesProps) {\n  return styled({\n    container: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      backgroundColor: getContainerBackgroundColor(params),\n\n      borderTopLeftRadius: getContainerBorderLeft(params),\n      borderBottomLeftRadius: getContainerBorderLeft(params),\n      borderTopRightRadius: getContainerBorderRight(params),\n      borderBottomRightRadius: getContainerBorderRight(params)\n    },\n\n    button: {\n      display: 'flex',\n      width: '2.2rem',\n      height: '2.2rem',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      backgroundColor: getButtonBackgroundColor(params),\n      borderRadius: getButtonBorderRadius(params),\n\n      transition: 'all 200ms ease-in-out',\n      cursor: params.isDisabled ? 'not-allowed' : 'pointer',\n      opacity: params.isDisabled ? 0.5 : 1,\n\n      __rules: {\n        '&:hover': {\n          opacity: '0.85'\n        },\n        '&:disabled': {\n          opacity: '0.5',\n          cursor: 'not-allowed'\n        }\n      }\n    }\n  })\n}\n\nfunction getContainerBackgroundColor({ isBetween }: StylesProps): string {\n  if (isBetween) {\n    return 'rgba(14, 178, 76, 0.1)'\n  }\n\n  return 'transparent'\n}\n\nfunction getContainerBorderLeft({ isRangeStart }: StylesProps) {\n  return isRangeStart ? '50%' : '0'\n}\n\nfunction getContainerBorderRight({ isRangeEnd }: StylesProps) {\n  return isRangeEnd ? '50%' : '0'\n}\n\nfunction getButtonBackgroundColor({\n  isSelected,\n  isRangeStart,\n  isRangeEnd\n}: StylesProps): string {\n  if (isSelected || isRangeStart || isRangeEnd) {\n    return 'var(--px-btn-filled-bg)'\n  }\n\n  return 'transparent'\n}\n\nfunction getButtonBorderRadius({\n  isBetween,\n  isRangeStart,\n  isRangeEnd\n}: StylesProps): string {\n  if (isBetween && !isRangeStart && !isRangeEnd) {\n    return '0'\n  }\n\n  return '50%'\n}\n","// External Libraries\nimport type React from 'react'\nimport { useMemo } from 'react'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getDayMetadata } from './utils'\n\n// Types\nimport type { CalendarDayProps } from './types'\n\n// Styles\nimport { createCalendarDayStyles } from './styles'\n\nexport const CalendarDay: React.FC<CalendarDayProps> = props => {\n  // Constants\n  const {\n    day,\n    selection,\n    currentMonth,\n    disablePastDates,\n    disableFutureDates,\n    onClick\n  } = props\n  const dayConfig = useMemo(\n    () =>\n      getDayMetadata({\n        day,\n        selection,\n        currentMonth,\n        disablePastDates,\n        disableFutureDates\n      }),\n    [day, selection, currentMonth, disablePastDates, disableFutureDates]\n  )\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    { ...props, ...dayConfig },\n    createCalendarDayStyles,\n    {\n      applyCommonProps: true\n    }\n  )\n\n  // Functions\n  function handleClick() {\n    onClick(day)\n  }\n\n  return (\n    <div style={styles.container}>\n      <button\n        type=\"button\"\n        style={styles.button}\n        className={classes.button}\n        disabled={dayConfig.isDisabled}\n        aria-label={dayConfig.ariaLabel}\n        onClick={handleClick}\n      >\n        <Typography\n          variant=\"b2\"\n          color={dayConfig.isSelected ? 'white' : 'var(--px-text-secondary)'}\n          fontWeight={\n            dayConfig.isSelected || dayConfig.isBetween ? 'medium' : 'regular'\n          }\n        >\n          {day.getDate()}\n        </Typography>\n      </button>\n    </div>\n  )\n}\n","export const WEEK_DAYS = [\n  { short: 'D', full: 'Domingo' },\n  { short: 'S', full: 'Segunda' },\n  { short: 'T', full: 'Terça' },\n  { short: 'Q', full: 'Quarta' },\n  { short: 'Q', full: 'Quinta' },\n  { short: 'S', full: 'Sexta' },\n  { short: 'S', full: 'Sábado' }\n] as const\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { CalendarMonthProps } from './types'\n\nexport function createCalendarMonthStyles(props: CalendarMonthProps) {\n  return styled({\n    weekDays: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 2.5rem)'\n    },\n    calendarDays: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(7, 2.5rem)'\n    },\n    weekDay: {\n      width: '2.5rem',\n      height: '2.5rem',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { CalendarDay } from './components/CalendarDay'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { WEEK_DAYS } from './constants'\n\n// Types\nimport type { CalendarMonthProps } from './types'\n\n// Styles\nimport { createCalendarMonthStyles } from './styles'\n\nexport const CalendarMonth: React.FC<CalendarMonthProps> = props => {\n  // Hooks\n  const { styles } = useThemedStyles(props, createCalendarMonthStyles)\n\n  // Constants\n  const currentMonth = props.days.length\n    ? props.days[Math.floor(props.days.length / 2)]\n    : new Date()\n\n  // Functions\n  function renderWeekDays() {\n    return WEEK_DAYS.map(day => (\n      <div key={day.full} style={styles.weekDay}>\n        <Typography variant=\"b2\" className=\"text-tx-primary\">\n          {day.short}\n        </Typography>\n      </div>\n    ))\n  }\n\n  return (\n    <div>\n      <div style={styles.weekDays}>{renderWeekDays()}</div>\n\n      <div style={styles.calendarDays}>\n        {props.days.map(day => (\n          <CalendarDay\n            day={day}\n            key={day.toISOString()}\n            selection={props.selection}\n            currentMonth={currentMonth}\n            disablePastDates={props.disablePastDates}\n            disableFutureDates={props.disableFutureDates}\n            onClick={props.onDayClick}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { NavButtonProps } from './types'\n\nexport function createNavButtonStyles(_props: NavButtonProps) {\n  return styled({\n    container: {\n      display: 'flex',\n\n      cursor: 'pointer',\n      padding: '0.125rem',\n\n      borderRadius: '50%',\n      transition: 'background-color 0.2s ease-out',\n      rotate: _props.next ? '180deg' : '0deg',\n\n      __rules: {\n        '&:hover': {\n          backgroundColor: 'var(--color-gray-50)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { NavButtonProps } from './types'\n\n// Styles\nimport { createNavButtonStyles } from './styles'\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  visible = true,\n  ...props\n}) => {\n  // Hooks\n\n  const { styles, classes } = useThemedStyles(\n    { visible, ...props },\n    createNavButtonStyles,\n    {\n      applyCommonProps: true,\n      pick: p => [p.next, p.visible]\n    }\n  )\n\n  if (!visible) return null\n\n  return (\n    <button\n      type=\"button\"\n      style={styles.container}\n      className={classes.container}\n      onClick={props.onClick}\n    >\n      <Icon name={props.icon} color=\"var(--px-text-secondary)\" />\n    </button>\n  )\n}\n","// External Libraries\nimport { isBefore, startOfMonth, startOfYear } from 'date-fns'\n\ninterface NavMetadataParams {\n  currentDate: Date\n  isDualView: boolean\n  position: 'left' | 'right'\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n}\n\nexport function getNavMetadata(params: NavMetadataParams) {\n  const {\n    position,\n    isDualView,\n    currentDate,\n    disablePastDates,\n    disableFutureDates\n  } = params\n  const today = new Date()\n\n  const hasPrevMonthAvailable =\n    !disablePastDates ||\n    isBefore(startOfMonth(today), startOfMonth(currentDate))\n\n  const hasPrevYearAvailable =\n    !disablePastDates || isBefore(startOfYear(today), startOfYear(currentDate))\n\n  const showPrevButtons = !isDualView\n    ? hasPrevMonthAvailable || hasPrevYearAvailable\n    : position !== 'right'\n\n  function checkRenderShowNextButton() {\n    if (disableFutureDates) return false\n    else {\n      return !isDualView ? true : position !== 'left'\n    }\n  }\n\n  const showNextButtons = checkRenderShowNextButton()\n\n  return {\n    showPrevButtons,\n    showNextButtons,\n    hasPrevYearAvailable,\n    hasPrevMonthAvailable\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { CalendarHeaderProps } from './types'\n\nexport function createCalendarHeaderStyles(_props: CalendarHeaderProps) {\n  return styled({\n    container: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingBlock: '0.375rem'\n    },\n\n    leftButtonsContainer: {\n      minWidth: '3.5rem',\n      minHeight: '1.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      gap: '0.25rem'\n    },\n\n    rightButtonsContainer: {\n      minWidth: '3.5rem',\n      minHeight: '1.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: '0.25rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\nimport { format } from 'date-fns'\nimport { ptBR } from 'date-fns/locale'\n\n// Components\nimport { NavButton } from './components/NavButton'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getNavMetadata } from './utils'\nimport { capitalize } from '@utils/functions'\n\n// Types\nimport type { CalendarNavAction } from '../../types'\n\n// Styles\nimport { createCalendarHeaderStyles } from './styles'\n\ninterface Props {\n  currentDate: Date\n  isDualView: boolean\n  position: 'left' | 'right'\n  disablePastDates?: boolean\n  disableFutureDates?: boolean\n  onNavAction: (action: CalendarNavAction) => void\n}\n\nexport const CalendarHeader: React.FC<Props> = props => {\n  // Constants\n  const { onNavAction, ...rest } = props\n  const {\n    showPrevButtons,\n    showNextButtons,\n    hasPrevYearAvailable,\n    hasPrevMonthAvailable\n  } = getNavMetadata(rest)\n\n  // Hooks\n  const { styles } = useThemedStyles(props, createCalendarHeaderStyles, {\n    applyCommonProps: true,\n    pick: p => [p.currentDate, p.isDualView, p.position]\n  })\n\n  // Functions\n  function renderMonthName() {\n    const name = format(rest.currentDate, 'MMMM yyyy', { locale: ptBR })\n    return capitalize(name)\n  }\n\n  return (\n    <div style={styles.container}>\n      {showPrevButtons ? (\n        <div style={styles.leftButtonsContainer}>\n          <NavButton\n            icon=\"chevrons-left\"\n            visible={hasPrevMonthAvailable}\n            onClick={() => onNavAction('prev-month')}\n          />\n\n          <NavButton\n            icon=\"chevrons-double-left\"\n            visible={hasPrevYearAvailable}\n            onClick={() => onNavAction('prev-year')}\n          />\n        </div>\n      ) : (\n        <div style={styles.leftButtonsContainer} />\n      )}\n\n      <Typography variant=\"b2\" align=\"center\" fontWeight=\"semibold\">\n        {renderMonthName()}\n      </Typography>\n\n      {showNextButtons ? (\n        <div style={styles.rightButtonsContainer}>\n          <NavButton\n            next\n            icon=\"chevrons-double-left\"\n            onClick={() => onNavAction('next-year')}\n          />\n\n          <NavButton\n            next\n            icon=\"chevrons-left\"\n            onClick={() => onNavAction('next-month')}\n          />\n        </div>\n      ) : (\n        <div style={styles.rightButtonsContainer} />\n      )}\n    </div>\n  )\n}\n","// External Libraries\nimport { styled } from '@hooks/useThemedStyles/types'\n\ninterface Params {\n  selected?: boolean\n}\n\nexport function createTabSwitchItemStyles({ selected }: Params) {\n  return styled({\n    item: {\n      minHeight: '1rem',\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 4,\n      background: 'transparent',\n      border: 0,\n      padding: '0.25rem',\n\n      userSelect: 'none',\n      whiteSpace: 'nowrap',\n      __rules: { '& > p': { zIndex: 1 } }\n    },\n\n    selectedBg: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 6,\n      border: '1px solid var(--px-border-primary)'\n    }\n  })\n}\n","// External Libraries\nimport { motion } from 'framer-motion'\n\n// Components\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { PeriodOption } from '../../types'\nimport type { DateTimePeriod } from '../../../../types'\n\n// Styles\nimport { createTabSwitchItemStyles } from './styles'\n\ninterface Props {\n  layoutId: string\n  selected: boolean\n  option: PeriodOption\n  onClick: (value: DateTimePeriod) => void\n  onBlur?: () => void\n}\n\nexport const PeriodSwitchItem: React.FC<Props> = props => {\n  const { option, selected, onClick } = props\n\n  const { styles, classes } = useThemedStyles(\n    props,\n    createTabSwitchItemStyles,\n    {\n      pick: p => [p.selected]\n    }\n  )\n\n  return (\n    <button\n      tabIndex={0}\n      type=\"button\"\n      style={styles.item}\n      className={classes.item}\n      onBlur={props.onBlur}\n      onClick={() => onClick(option.value)}\n    >\n      {selected ? (\n        <motion.div layoutId={props.layoutId} style={styles.selectedBg} />\n      ) : null}\n\n      <Typography variant=\"b1\" fontSize=\"0.625rem\" fontWeight=\"semibold\">\n        {option.label}\n      </Typography>\n    </button>\n  )\n}\n","import type { PeriodOption } from './types'\n\nexport const PERIOD_OPTIONS: PeriodOption[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' }\n]\n","// Types\nimport type { PeriodSwitchProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createTabSwitchStyles(props: PeriodSwitchProps) {\n  return styled({\n    container: {\n      width: 'fit-content',\n\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      color: 'var(--px-text-primary, #4b5563)',\n\n      gap: 0,\n      __rules: { '& svg': { zIndex: 1 } }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Components\nimport { PeriodSwitchItem } from './components/PeriodSwitchItem'\n\n// Utils\nimport { PERIOD_OPTIONS } from './constants'\n\n// Types\nimport type { PeriodSwitchProps } from './types'\n\n// Styles\nimport { createTabSwitchStyles } from './styles'\n\nexport * from './types'\n\nexport const PeriodSwitch: React.FC<PeriodSwitchProps> = props => {\n  {\n    const { currentValue, onChange } = props\n\n    const { styles, classes } = useThemedStyles(props, createTabSwitchStyles, {\n      pick: p => [p.currentValue],\n      applyCommonProps: true\n    })\n\n    return (\n      <div style={styles.container} className={classes.container}>\n        {PERIOD_OPTIONS.map(opt => (\n          <PeriodSwitchItem\n            option={opt}\n            key={String(opt.value)}\n            layoutId={props.layoutId}\n            selected={currentValue === opt.value}\n            onClick={onChange}\n            onBlur={props.onBlur}\n          />\n        ))}\n      </div>\n    )\n  }\n}\n","import type { CalendarViewMode, DateFormat, TimeFormat } from './types'\n\nexport const DEFAULT_TIME_FORMAT: TimeFormat = '24h'\nexport const DEFAULT_VIEW_MODE: CalendarViewMode = 'double'\nexport const DEFAULT_DATE_FORMAT: DateFormat = 'dd/MM/yyyy'\nexport const DEFAULT_DISPLAY_DATE_FORMAT = 'dd MMMM yyyy'\n","import type { DateFormat } from '@components/commons/toolkit/Calendar/types'\nimport type { DateMaskFormat } from '@services/MaskModule/locales/br/masks/DateMask'\n\nexport const DATE_FORMAT_MASK_MAPPER: Record<DateFormat, DateMaskFormat> = {\n  'dd/MM/yyyy': 'DD/MM/YYYY',\n  'MM/dd/yyyy': 'MM/DD/YYYY',\n  'yyyy/MM/dd': 'YYYY/MM/DD'\n}\n","// External Libraries\nimport { parse, setHours, setMinutes } from 'date-fns'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\n\n// Types\nimport type { DateTimeValues } from '../../../types'\nimport type { CalendarFormatValues } from '@components/commons/toolkit/Calendar/types'\n\nexport function makeInitialDateTime(): DateTimeValues {\n  return { time: '', date: '', period: 'am' }\n}\n\ninterface BuildISOParams extends CalendarFormatValues {\n  date: string\n  time: string\n  period?: string\n}\n\nexport function buildISO({\n  date,\n  time,\n  period = 'am',\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT\n}: BuildISOParams) {\n  const baseDate = parse(date, dateFormat, new Date())\n  let [hours, minutes] = time.split(':').map(Number)\n\n  if (timeFormat === '12h') {\n    if (period === 'pm' && hours !== 12) {\n      hours += 12\n    } else if (period === 'am' && hours === 12) {\n      hours = 0\n    }\n  }\n\n  const withTime = setMinutes(setHours(baseDate, hours || 0), minutes || 0)\n\n  return withTime.toISOString()\n}\n","// External Libraries\nimport { endOfDay, isAfter, isBefore, startOfDay } from 'date-fns'\n\n// Services\nimport { DateValidator } from '@services/MaskModule/locales/br/validators/DateValidator'\nimport { TimeValidator } from '@services/MaskModule/locales/br/validators/TimeValidator'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\nimport { DATE_FORMAT_MASK_MAPPER } from '../../../../../constants'\n\n// Types\nimport type {\n  DateFormat,\n  TimeFormat\n} from '@components/commons/toolkit/Calendar/types'\nimport type { DateTimeValues } from '../../../types'\nimport type { DateMaskFormat } from '@services/MaskModule/locales/br/masks/DateMask'\n\ninterface CheckErrorsParams {\n  values: DateTimeValues\n  dateFormat?: DateFormat\n  timeFormat?: TimeFormat\n  disableFutureDates?: boolean\n  disablePastDates?: boolean\n}\n\nexport function checkErrors({\n  values,\n  disablePastDates,\n  disableFutureDates,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT\n}: CheckErrorsParams): string | null {\n  const maskFormat: DateMaskFormat = DATE_FORMAT_MASK_MAPPER[dateFormat]\n\n  const dateValidator = new DateValidator({ dateFormat: maskFormat })\n  const timeValidator = new TimeValidator({ format: timeFormat })\n\n  const isValidDate = dateValidator.validate(values.date)\n  const isValidTime = timeValidator.validate(values.time)\n\n  let error = ''\n\n  if (!isValidTime) error = 'Formato de hora inválida'\n\n  if (!isValidDate) error = 'Formato de data inválida'\n\n  if (isValidDate) {\n    const endOfToday = endOfDay(new Date())\n    const startOfToday = startOfDay(new Date())\n\n    const dateISO = createISODate(values.date, dateFormat)\n\n    if (\n      dateISO &&\n      disableFutureDates &&\n      isAfter(dateISO, endOfToday.toISOString())\n    ) {\n      error = 'Data futura indisponível'\n    }\n\n    if (\n      dateISO &&\n      disablePastDates &&\n      isBefore(dateISO, startOfToday.toISOString())\n    ) {\n      error = 'Data passada indisponível'\n    }\n  }\n\n  return error ?? null\n}\n\nexport function createISODate(value: string, format: DateFormat): Date | null {\n  const parts = value.split('/')\n\n  if (parts.length !== 3) return null\n\n  let day: string\n  let month: string\n  let year: string\n\n  switch (format) {\n    case 'dd/MM/yyyy':\n      ;[day, month, year] = parts\n      break\n\n    case 'MM/dd/yyyy':\n      ;[month, day, year] = parts\n      break\n\n    case 'yyyy/MM/dd':\n      ;[year, month, day] = parts\n      break\n  }\n\n  return new Date(Number(year), Number(month) - 1, Number(day))\n}\n","// External Libraries\nimport { useEffect, useState } from 'react'\nimport { format, parseISO } from 'date-fns'\n\n// Utils\nimport {\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\nimport { DATE_FORMAT_MASK_MAPPER } from '../../../../constants'\nimport { buildISO, checkErrors, makeInitialDateTime } from './utils'\n\n// Types\nimport type { UseDateTimeInputParams } from './types'\nimport type { DateTimePeriod, DateTimeValues } from '../../types'\nimport { Locale, MaskModule, MaskType } from '@services/MaskModule'\nimport { DateMask } from '@services/MaskModule/locales/br/masks/DateMask'\n\nexport function useDateTimeInput({\n  value,\n  disablePastDates,\n  disableFutureDates,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  dateFormat = DEFAULT_DATE_FORMAT,\n  onChange\n}: UseDateTimeInputParams) {\n  // States\n  const [errorMessage, setErrorMessage] = useState('')\n  const [datetimeValue, setDatetimeValue] = useState(makeInitialDateTime)\n\n  useEffect(() => {\n    if (!value) return\n\n    const date = parseISO(value)\n\n    let time: string\n    let period: 'am' | 'pm' = 'am'\n\n    if (timeFormat === '12h') {\n      time = format(date, 'hh:mm')\n      period = format(date, 'a').toLowerCase() as DateTimePeriod\n    } else {\n      time = format(date, 'HH:mm')\n    }\n\n    setDatetimeValue(prev => ({\n      ...prev,\n      time,\n      period,\n      date: format(date, dateFormat)\n    }))\n  }, [value, dateFormat, timeFormat])\n\n  function emitChange() {\n    const error = checkErrors({\n      dateFormat,\n      timeFormat,\n      disablePastDates,\n      disableFutureDates,\n      values: datetimeValue\n    })\n\n    if (error) return setErrorMessage(error)\n\n    const iso = buildISO({ ...datetimeValue, dateFormat, timeFormat })\n\n    onChange(iso)\n  }\n\n  function handleDateTimeChange(changes: Partial<DateTimeValues>) {\n    const formattedChanges: Partial<DateTimeValues> = {}\n    setErrorMessage('')\n\n    if (changes.date != null && changes.date !== undefined) {\n      const maskDateFormat = DATE_FORMAT_MASK_MAPPER[dateFormat]\n\n      const module = new DateMask({ dateFormat: maskDateFormat })\n      formattedChanges.date = module\n        ? module.format(changes.date)\n        : changes.date\n    }\n\n    if (changes.time != null && changes.time !== undefined) {\n      const module =\n        timeFormat === '12h'\n          ? MaskModule.getMask(Locale.BR, MaskType.TIME_12H)\n          : MaskModule.getMask(Locale.BR, MaskType.TIME_24H)\n\n      formattedChanges.time = module\n        ? module.format(changes.time)\n        : changes.time\n    }\n\n    if (changes.period) {\n      formattedChanges.period = changes.period\n    }\n\n    setDatetimeValue(prev => ({ ...prev, ...formattedChanges }))\n  }\n\n  return {\n    errorMessage,\n    datetimeValue,\n    emitChange,\n    handleDateTimeChange\n  }\n}\n","import type { DateTimeInputProps } from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createDateTimeInputStyles(_props: DateTimeInputProps) {\n  return styled({\n    container: {\n      width: '17.5rem',\n\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.25rem'\n    },\n\n    content: {\n      width: '100%',\n      height: '2.5rem',\n\n      display: 'flex',\n      alignItems: 'center',\n      columnGap: '0.25rem',\n\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\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',\n          outline: '2px solid var(--px-color-primary)'\n        }\n      }\n    },\n\n    wrapper: {\n      width: '100%',\n      minWidth: 0,\n      display: 'flex',\n      alignItems: 'center',\n\n      gap: '0.25rem'\n    },\n\n    divider: {\n      border: 0,\n      width: '1px',\n      height: '1rem',\n\n      marginInline: '0.5rem',\n      backgroundColor: 'var(--px-border-primary)'\n    },\n\n    input: {\n      flex: 1,\n      width: '100%',\n      minWidth: 0,\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n      backgroundColor: 'transparent',\n      border: 'none',\n      padding: 0,\n      __rules: {\n        '&:disabled': {\n          cursor: 'not-allowed'\n        },\n        '&:focus': {\n          outline: 'none'\n        },\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        }\n      }\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { PeriodSwitch } from './components/PeriodSwitch'\nimport { ErrorMessage } from '@components/commons/toolkit/ErrorMessage'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { useDateTimeInput } from './hooks/useDateTimeInput'\n\n// Types\nimport type { DateTimeInputProps } from './types'\n\n// Styles\nimport { createDateTimeInputStyles } from './styles'\n\nexport const DateTimeInput: React.FC<DateTimeInputProps> = props => {\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    props,\n    createDateTimeInputStyles,\n    { applyCommonProps: true }\n  )\n  const { errorMessage, datetimeValue, emitChange, handleDateTimeChange } =\n    useDateTimeInput(props)\n\n  // Functions\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      emitChange()\n    }\n  }\n\n  function handleBlur() {\n    emitChange()\n  }\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.content} className={classes.content}>\n        <div style={styles.wrapper}>\n          <Icon\n            size=\"sm\"\n            name=\"general-calendar\"\n            color=\"var(--px-text-disabled)\"\n          />\n\n          <input\n            style={styles.input}\n            className={classes.input}\n            value={datetimeValue.date}\n            placeholder={props.dateFormat}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={e => handleDateTimeChange({ date: e.target.value })}\n          />\n        </div>\n\n        <hr style={styles.divider} />\n\n        <div style={styles.wrapper}>\n          <Icon\n            size=\"sm\"\n            name=\"general-clock\"\n            color=\"var(--px-text-disabled)\"\n          />\n\n          <input\n            placeholder=\"12:00\"\n            style={styles.input}\n            className={classes.input}\n            value={datetimeValue.time}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={e => handleDateTimeChange({ time: e.target.value })}\n          />\n\n          {props.timeFormat === '12h' ? (\n            <PeriodSwitch\n              layoutId={props.layoutId}\n              currentValue={datetimeValue.period}\n              onBlur={handleBlur}\n              onChange={value => handleDateTimeChange({ period: value })}\n            />\n          ) : null}\n        </div>\n      </div>\n\n      {errorMessage ? <ErrorMessage message={errorMessage} /> : null}\n    </div>\n  )\n}\n","// External Libraries\nimport { isAfter } from 'date-fns'\n\n// Types\nimport type { UseDateTimeControlParams } from './types'\nimport type { PickedDate } from '@components/commons/toolkit/Calendar/types'\n\ntype DraftPickedDate = {\n  start?: string\n  end?: string\n}\n\nexport function useDateTimeControl({\n  value,\n  onChange\n}: UseDateTimeControlParams) {\n  function handleDateTimeChange(changes: DraftPickedDate) {\n    const draft: DraftPickedDate = {\n      start: changes.start ?? value?.start,\n      end: changes.end ?? value?.end\n    }\n\n    if (!draft.start) {\n      return\n    }\n\n    const newValues: PickedDate = {\n      start: draft.start,\n      end: draft.end\n    }\n\n    if (newValues.end) {\n      const startIsAfterEnd = isAfter(newValues.start, newValues.end)\n\n      if (startIsAfterEnd) {\n        const tempStart = newValues.start\n        const tempEnd = newValues.end\n\n        newValues.start = tempEnd\n        newValues.end = tempStart\n      }\n    }\n\n    onChange(newValues)\n  }\n\n  return { handleDateTimeChange }\n}\n","// Types\nimport type { DateTimeControlProps } from './types'\nimport type { StyleMap } from '@hooks/useThemedStyles/types'\n\n// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createDateTimeControlStyles(\n  _props: DateTimeControlProps\n): StyleMap {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: _props.viewMode === 'double' ? 'center' : undefined,\n      flexDirection: _props.viewMode === 'single' ? 'column' : 'row',\n\n      gap: '0.5rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { DateTimeInput } from './components/DateTimeInput'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { useDateTimeControl } from './hooks/useDateTimeControl'\n\n// Utils\nimport { DEFAULT_VIEW_MODE } from '../../constants'\n\n// Types\nimport type { DateTimeControlProps } from './types'\n\n// Styles\nimport { createDateTimeControlStyles } from './styles'\n\nexport const DateTimeControl: React.FC<DateTimeControlProps> = ({\n  viewMode = DEFAULT_VIEW_MODE,\n  ...props\n}) => {\n  // Constants\n  const resolvedProps = { viewMode, ...props }\n\n  // Hooks\n  const { styles } = useThemedStyles(\n    resolvedProps,\n    createDateTimeControlStyles,\n    {\n      applyCommonProps: true\n    }\n  )\n  const { handleDateTimeChange } = useDateTimeControl(resolvedProps)\n\n  return (\n    <div style={styles.container}>\n      <DateTimeInput\n        layoutId=\"start-date\"\n        dateFormat={resolvedProps.dateFormat}\n        timeFormat={resolvedProps.timeFormat}\n        value={resolvedProps.value?.start ?? ''}\n        disablePastDates={resolvedProps.disablePastDates}\n        disableFutureDates={resolvedProps.disableFutureDates}\n        onChange={start => handleDateTimeChange({ start })}\n      />\n\n      {resolvedProps.viewMode === 'double' &&\n      resolvedProps.selectionMode === 'range' ? (\n        <Icon\n          size=\"sm\"\n          name=\"arrows-arrow-right\"\n          color=\"var(--px-text-secondary)\"\n        />\n      ) : null}\n\n      {resolvedProps.selectionMode === 'range' ? (\n        <DateTimeInput\n          layoutId=\"end-date\"\n          value={resolvedProps?.value?.end}\n          timeFormat={resolvedProps.timeFormat}\n          dateFormat={resolvedProps.dateFormat}\n          disablePastDates={resolvedProps.disablePastDates}\n          disableFutureDates={resolvedProps.disableFutureDates}\n          onChange={end => handleDateTimeChange({ end })}\n        />\n      ) : null}\n    </div>\n  )\n}\n","// External Libraries\nimport {\n  addDays,\n  addYears,\n  addMonths,\n  endOfWeek,\n  endOfMonth,\n  startOfWeek,\n  startOfMonth,\n  eachDayOfInterval\n} from 'date-fns'\nimport { useMemo, useState } from 'react'\n\n// Types\nimport type { CalendarNavAction } from '../types'\n\nexport function useCalendar(initialDate = new Date()) {\n  // States\n  const [currentDate, setCurrentDate] = useState(initialDate)\n\n  // Constants\n  const days = useMemo(() => {\n    const start = startOfWeek(startOfMonth(currentDate), { weekStartsOn: 0 })\n    const end = endOfWeek(endOfMonth(currentDate), { weekStartsOn: 0 })\n    let days = eachDayOfInterval({ start, end })\n\n    if (days.length < 42) {\n      const diff = 42 - days.length\n      const last = end\n\n      const extraDays = Array.from({ length: diff }, (_, i) =>\n        addDays(last, i + 1)\n      )\n\n      days = [...days, ...extraDays]\n    }\n\n    return days\n  }, [currentDate])\n\n  // Functions\n  function handleNavAction(action: CalendarNavAction) {\n    switch (action) {\n      case 'next-month':\n        setCurrentDate(prev => addMonths(prev, 1))\n        break\n\n      case 'prev-month':\n        setCurrentDate(prev => addMonths(prev, -1))\n        break\n\n      case 'next-year':\n        setCurrentDate(prev => addYears(prev, 1))\n        break\n\n      case 'prev-year':\n        setCurrentDate(prev => addYears(prev, -1))\n        break\n    }\n  }\n\n  return { currentDate, days, handleNavAction, setCurrentDate }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\n\nexport function createCalendarStyles() {\n  return styled({\n    container: {\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    dateTimeControlContent: {\n      display: 'flex',\n\n      padding: '0.75rem 1rem',\n      paddingBottom: '0'\n    },\n    monthsContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n\n      alignItems: 'center'\n    },\n    monthContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n\n      gap: '0.75rem',\n      padding: '0.75rem 1rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\nimport { useEffect } from 'react'\nimport { addMonths, isAfter, isSameDay, parseISO } from 'date-fns'\n\n// Components\nimport { CalendarMonth } from './components/CalendarMonth'\nimport { CalendarHeader } from './components/CalendarHeader'\nimport { DateTimeControl } from './components/DateTimeControl'\n\n// Hooks\nimport { useCalendar } from './hooks/useCalendar'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport {\n  DEFAULT_VIEW_MODE,\n  DEFAULT_DATE_FORMAT,\n  DEFAULT_TIME_FORMAT\n} from './constants'\n\n// Types\nimport type { CalendarProps } from './types'\n\n// Styles\nimport { createCalendarStyles } from './styles'\n\nexport const Calendar: React.FC<CalendarProps> = ({\n  viewMode = DEFAULT_VIEW_MODE,\n  dateFormat = DEFAULT_DATE_FORMAT,\n  timeFormat = DEFAULT_TIME_FORMAT,\n  ...props\n}) => {\n  const resolvedProps = { timeFormat, dateFormat, viewMode, ...props }\n\n  // Hooks\n  const mainCalendar = useCalendar()\n  const secondaryCalendar = useCalendar(addMonths(mainCalendar.currentDate, 1))\n  const { styles } = useThemedStyles(resolvedProps, createCalendarStyles, {\n    applyCommonProps: true\n  })\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    secondaryCalendar.setCurrentDate(addMonths(mainCalendar.currentDate, 1))\n  }, [mainCalendar.currentDate])\n\n  // Functions\n  function handleSelect(day: Date) {\n    const { value, selectionMode, onChange } = resolvedProps\n\n    if (selectionMode === 'single') {\n      onChange({ start: day.toISOString() })\n    } else {\n      const start = value?.start ? parseISO(value.start) : null\n      const end = value?.end ? parseISO(value.end) : null\n\n      if (!start || (start && end)) {\n        onChange({ start: day.toISOString(), end: undefined })\n      } else if (start && !end) {\n        const [from, to] =\n          isAfter(day, start) || isSameDay(day, start)\n            ? [start, day]\n            : [day, start]\n\n        onChange({ start: from.toISOString(), end: to.toISOString() })\n      }\n    }\n  }\n\n  return (\n    <div style={styles.container}>\n      {resolvedProps.isDateTimePicker ? (\n        <div style={styles.dateTimeControlContent}>\n          <DateTimeControl {...resolvedProps} />\n        </div>\n      ) : null}\n\n      <div style={styles.monthsContainer}>\n        <div style={styles.monthContainer}>\n          <CalendarHeader\n            position=\"left\"\n            currentDate={mainCalendar.currentDate}\n            isDualView={resolvedProps.viewMode === 'double'}\n            disablePastDates={resolvedProps.disablePastDates}\n            disableFutureDates={resolvedProps.disableFutureDates}\n            onNavAction={mainCalendar.handleNavAction}\n          />\n\n          <CalendarMonth\n            days={mainCalendar.days}\n            selection={resolvedProps.value}\n            disablePastDates={resolvedProps.disablePastDates}\n            disableFutureDates={resolvedProps.disableFutureDates}\n            onDayClick={handleSelect}\n          />\n        </div>\n\n        {resolvedProps.viewMode === 'double' ? (\n          <div style={styles.monthContainer}>\n            <CalendarHeader\n              isDualView\n              position=\"right\"\n              currentDate={secondaryCalendar.currentDate}\n              disablePastDates={resolvedProps.disablePastDates}\n              disableFutureDates={resolvedProps.disableFutureDates}\n              onNavAction={mainCalendar.handleNavAction}\n            />\n\n            <CalendarMonth\n              days={secondaryCalendar.days}\n              selection={resolvedProps.value}\n              disablePastDates={resolvedProps.disablePastDates}\n              disableFutureDates={resolvedProps.disableFutureDates}\n              onDayClick={handleSelect}\n            />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","import type { TimeFormat } from '../../types'\n\ninterface BuildDisplayFormatParams {\n  displayDateFormat: string\n  isDateTimePicker: boolean\n  timeFormat: TimeFormat\n}\n\nfunction hasTimeTokens(formatStr: string) {\n  return /(H{1,2}|h{1,2}|m{1,2}|a)/.test(formatStr)\n}\n\nfunction normalizeTimeFormat(formatStr: string, timeFormat: '12h' | '24h') {\n  if (timeFormat === '24h') {\n    return formatStr\n      .replace(/h{1,2}/g, match => (match.length === 2 ? 'HH' : 'H'))\n      .replace(/\\s*a/g, '')\n  }\n\n  return formatStr.replace(/H{1,2}/g, match =>\n    match.length === 2 ? 'hh' : 'h'\n  )\n}\n\nfunction getDefaultTimeFormat(timeFormat: '12h' | '24h') {\n  return timeFormat === '24h' ? 'HH:mm' : 'hh:mm a'\n}\n\nexport function buildDisplayFormat({\n  displayDateFormat,\n  isDateTimePicker,\n  timeFormat\n}: BuildDisplayFormatParams) {\n  const formatHasTime = hasTimeTokens(displayDateFormat)\n\n  if (!isDateTimePicker) {\n    return formatHasTime\n      ? displayDateFormat.replace(/\\s*(H{1,2}|h{1,2}|m{1,2}|a|:)+/g, '')\n      : displayDateFormat\n  }\n\n  if (formatHasTime) {\n    return normalizeTimeFormat(displayDateFormat, timeFormat)\n  }\n\n  const timeFormatStr = getDefaultTimeFormat(timeFormat)\n  return `${displayDateFormat} ${timeFormatStr}`\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { DatePickerTriggerProps } from './types'\n\nexport function createDatePickerTriggerStyles(props: DatePickerTriggerProps) {\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    button: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n\n      gap: '0.5rem',\n      borderRadius: '0.5rem',\n      padding: '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    }\n  })\n}\n","// External Libraries\nimport { format } from 'date-fns'\nimport { forwardRef, useId } from 'react'\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 { buildDisplayFormat } from './utils'\nimport {\n  DEFAULT_TIME_FORMAT,\n  DEFAULT_DISPLAY_DATE_FORMAT\n} from '@components/commons/toolkit/Calendar/constants'\n\n// Types\nimport type { DatePickerTriggerProps } from './types'\n\n// Styles\nimport { createDatePickerTriggerStyles } from './styles'\nimport { ptBR } from 'date-fns/locale'\n\nexport const DatePickerTrigger = forwardRef<\n  HTMLButtonElement,\n  DatePickerTriggerProps\n>(function DatePickerTrigger(\n  {\n    timeFormat = DEFAULT_TIME_FORMAT,\n    displayDateFormat = DEFAULT_DISPLAY_DATE_FORMAT,\n    ...props\n  },\n  ref\n) {\n  // Hooks\n  const inputId = useId()\n  const { styles, classes } = useThemedStyles(\n    props,\n    createDatePickerTriggerStyles,\n    {\n      pick: p => [p.disabled, p.errorMessage],\n      applyCommonProps: true,\n      commonSlot: 'container'\n    }\n  )\n\n  // Constants\n  const { label, value, disabled, required, placeholder, onClick } = props\n  const hasValue = !!value?.start\n\n  // Functions\n  function renderDate() {\n    if (!hasValue) return placeholder ?? 'Selecione uma data'\n\n    const { start, end } = value\n\n    const finalFormat = buildDisplayFormat({\n      timeFormat,\n      displayDateFormat,\n      isDateTimePicker: !!props.isDateTimePicker\n    })\n\n    const startDate = format(start, finalFormat, { locale: ptBR })\n    const endDate = end ? format(end, finalFormat, { locale: ptBR }) : ''\n\n    return `${startDate}${endDate ? ` - ${endDate}` : ''}`\n  }\n\n  return (\n    <div style={styles.container}>\n      <Label\n        label={label}\n        htmlFor={inputId}\n        required={required}\n        requiredColor=\"var(--color-error)\"\n      />\n\n      <button\n        ref={ref}\n        type=\"button\"\n        disabled={disabled}\n        style={styles.button}\n        aria-labelledby={inputId}\n        aria-expanded={props.ariaExpanded}\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            {renderDate()}\n          </Typography>\n        </div>\n\n        <Icon\n          size=\"sm\"\n          color=\"var(--px-text-primary)\"\n          name={props.ariaExpanded ? 'chevrons-up' : 'chevrons-down'}\n        />\n      </button>\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 { DatePickerProps } from '../types'\nimport type { PickedDate } from '@components/commons/toolkit/Calendar/types'\n\nexport function useDatePicker(params: DatePickerProps) {\n  // States\n  const [isOpen, setOpen] = useState(false)\n  const [selectedDate, setSelectedDate] = useState<PickedDate>()\n\n  // Functions\n  function toggleDialog(status: boolean) {\n    if (status) setSelectedDate(params.value)\n\n    setOpen(status)\n  }\n\n  function handleDateChange(value: PickedDate) {\n    setSelectedDate(value)\n  }\n\n  function handleConfirmClick() {\n    if (!selectedDate) return\n\n    setOpen(false)\n    params.onChange(selectedDate)\n  }\n\n  return {\n    isOpen,\n    selectedDate,\n    toggleDialog,\n    handleDateChange,\n    handleConfirmClick\n  }\n}\n","import { styled } from '@hooks/useThemedStyles/types'\nimport type { DatePickerProps } from './types'\n\nexport function createDatePickerStyles(props: DatePickerProps) {\n  return styled({\n    container: {\n      width: '100%'\n    },\n\n    divider: {\n      border: 0,\n      display: 'flex',\n      marginBlock: '0.1rem',\n      borderTop: '1px solid var(--px-border-primary)'\n    },\n\n    buttonsContainer: {\n      width: '100%',\n      display: 'flex',\n\n      alignItems: 'center',\n      justifyContent: props.viewMode === 'single' ? 'center' : 'flex-end',\n\n      gap: '0.75rem',\n      padding: '0.5rem 1rem'\n    }\n  })\n}\n","import type { CalendarProps } from '@components/commons/toolkit/Calendar/types'\n\nexport * from '@components/commons/toolkit/Calendar/types'\n\nexport interface DatePickerProps extends CalendarProps {\n  label: string\n\n  required?: boolean\n  disabled?: boolean\n  placeholder?: string\n  errorMessage?: string\n  scrollContainerId: string\n  placementContainer?: 'bottom' | 'bottom-end' | 'bottom-start'\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Button } from '@components/commons/buttons/Button'\nimport { Calendar } from '@components/commons/toolkit/Calendar'\nimport { DatePickerTrigger } from './components/DatePickerTrigger'\nimport { BasePopover } from '@components/commons/structure/BasePopover'\n\n// Hooks\nimport { useDatePicker } from './hooks/useDatePicker'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { DatePickerProps } from './types'\nimport type { PopoverTriggerRenderProps } from '@components/commons/toolkit/Popover/types'\n\n// Styles\nimport { createDatePickerStyles } from './styles'\n\nexport * as DatePickerTypes from './types'\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  placementContainer = 'bottom-start',\n  ...props\n}) => {\n  // Hooks\n  const {\n    isOpen,\n    selectedDate,\n    toggleDialog,\n    handleDateChange,\n    handleConfirmClick\n  } = useDatePicker(props)\n  const { styles } = useThemedStyles(props, createDatePickerStyles, {\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Constants\n  const isSingleMode = props.viewMode === 'single'\n\n  // Functions\n  function renderTrigger({\n    ref,\n    ariaExpanded,\n    onClick\n  }: PopoverTriggerRenderProps) {\n    return (\n      <DatePickerTrigger\n        {...props}\n        ref={ref as any}\n        ariaExpanded={ariaExpanded}\n        onClick={onClick}\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        <Calendar\n          {...props}\n          value={selectedDate}\n          selectionMode={props.selectionMode ?? 'range'}\n          onChange={handleDateChange}\n        />\n\n        {isSingleMode ? <hr style={styles.divider} /> : null}\n\n        <div style={styles.buttonsContainer}>\n          <Button\n            size=\"sm\"\n            type=\"button\"\n            label=\"Cancelar\"\n            variant=\"outlined\"\n            fullWidth={isSingleMode}\n            onClick={() => toggleDialog(false)}\n          />\n\n          <Button\n            type=\"button\"\n            label=\"Aplicar\"\n            variant=\"filled\"\n            fullWidth={isSingleMode}\n            onClick={handleConfirmClick}\n          />\n        </div>\n      </BasePopover>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/Input-BbQajtvC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input-BbQajtvC.js","names":["value"],"sources":["../src/components/commons/inputs/Input/hooks/utils.ts","../src/components/commons/inputs/Input/hooks/useInput/index.ts","../src/components/commons/inputs/Input/styles.ts","../src/components/commons/inputs/Input/index.tsx"],"sourcesContent":["import type { FloatProps, InputProps } from '../types'\n\nexport function checkIsFloatConfig(props: InputProps): props is FloatProps {\n  return props.mask === 'FLOAT'\n}\n","// External Libraries\nimport { useState, useRef, useMemo, useEffect } from 'react'\n\n// Services\nimport { Locale, MaskModule, MaskType } from 'src/services/MaskModule'\n\n// Utils\nimport { checkIsFloatConfig } from '../utils'\n\n// Types\nimport type { InputProps } from '../../types'\nimport { FloatMask } from '@services/MaskModule/locales/br/masks/FloatMask'\nimport { IntegerMask } from '@services/MaskModule/locales/br/masks/IntegerMask'\n\nexport function useInput(props: InputProps) {\n  // Constants\n  const { value, delay, mask, onChange, min, max, ...rest } = props\n  // Refs\n  const inputRef = useRef<HTMLInputElement>(null)\n  const timeoutRef = useRef<NodeJS.Timeout>(null)\n\n  // States\n  const [inputValue, setInputValue] = useState(props.value)\n  const [showPassword, setShowPassword] = useState(false)\n\n  // Constants\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Not Needed\n  const { minLength, maxLength } = useMemo(() => {\n    const appliedMask = getMask()\n\n    const minLength = rest.minLength ?? appliedMask?.minLength\n    const maxLength = rest.maxLength ?? appliedMask?.maxLength\n\n    return { minLength, maxLength }\n  }, [mask, rest.minLength, rest.maxLength])\n\n  // UseEffects\n  useEffect(() => {\n    setInputValue(value)\n  }, [value])\n\n  // Functions\n  function getMask() {\n    if (!mask) return undefined\n\n    if (mask === MaskType.INTEGER) return new IntegerMask({ max, min })\n\n    if (mask === MaskType.FLOAT && checkIsFloatConfig(props)) {\n      return new FloatMask({ decimalDigits: props.decimalPlaces })\n    }\n\n    return MaskModule.getMask(Locale.BR, mask)\n  }\n\n  function togglePasswordVisibility() {\n    setShowPassword(prev => !prev)\n  }\n\n  function handleRefMethods() {\n    return { focus: handleFocus, blur: handleBlur }\n  }\n\n  function handleFocus() {\n    inputRef.current?.focus()\n  }\n\n  function handleBlur() {\n    inputRef.current?.blur()\n  }\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    let value = e.target.value\n\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    if (mask) {\n      const module = getMask()\n      if (module) value = module.format(value)\n    }\n\n    if (!delay) onChange?.(value)\n    else {\n      timeoutRef.current = setTimeout(() => onChange?.(value), delay)\n    }\n  }\n\n  return {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  }\n}\n","// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\n// Types\nimport type { InputProps } from './types'\n\nexport function createInputStyles(props: InputProps) {\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      rowGap: '0.375rem'\n    },\n    wrapper: {\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n\n      borderWidth: 1,\n      columnGap: '0.25rem',\n      borderRadius: '0.5rem',\n      padding: '0.625rem 0.875rem',\n\n      opacity: props.disabled ? 0.5 : 1,\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',\n          outline: `2px solid var(${props.errorMessage ? '--px-color-error' : '--px-color-primary'})`\n        }\n      }\n    },\n\n    input: {\n      flex: 1,\n\n      fontWeight: 500,\n      fontSize: '1rem',\n      lineHeight: '1.5rem',\n      fontFamily: 'inherit',\n      color: 'var(--px-text-primary)',\n\n      __rules: {\n        '&:disabled': {\n          cursor: 'not-allowed'\n        },\n\n        '&:focus': {\n          outline: 'none'\n        },\n\n        '&::placeholder': {\n          fontWeight: 400,\n          color: 'var(--px-text-secondary)'\n        }\n      }\n    },\n\n    button: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      cursor: 'pointer',\n      padding: '0.25rem',\n      borderRadius: '0.5rem',\n\n      __rules: {\n        '&:focus': {\n          outline: '1px solid var(--px-border-primary)'\n        }\n      }\n    }\n  })\n}\n","/** biome-ignore-all lint/a11y/noAutofocus: It's a custom input component */\n// External Libraries\nimport { forwardRef, useId, useImperativeHandle, useMemo } from 'react'\n\n// Components\nimport { Label } from '../../toolkit/Label'\nimport { Icon } from '@components/commons/toolkit/Icon'\nimport { ErrorMessage } from '../../toolkit/ErrorMessage'\n\n// Types\nimport type { InputProps, InputMethods } from './types'\n\n// Hooks\nimport { useInput } from './hooks/useInput'\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createInputStyles } from './styles'\n\nexport const Input = forwardRef<InputMethods, InputProps>((props, ref) => {\n  // Constants\n  const reactId = useId()\n  const inputId = useMemo(() => {\n    return props.id || `input-${reactId}`\n  }, [props.id, reactId])\n\n  // Hooks\n  const {\n    inputRef,\n    minLength,\n    maxLength,\n    inputValue,\n    showPassword,\n    handleChange,\n    handleRefMethods,\n    togglePasswordVisibility\n  } = useInput(props)\n  useImperativeHandle(ref, handleRefMethods)\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createInputStyles, {\n    pick: p => [p.disabled, p.errorMessage],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function getType() {\n    if (props.type === 'password' && showPassword) return 'text'\n    return props.type\n  }\n\n  function renderEndContent() {\n    if (props.type === 'password') {\n      return (\n        <button\n          type=\"button\"\n          style={styles.button}\n          className={classes.button}\n          onClick={togglePasswordVisibility}\n        >\n          <Icon\n            size=\"sm\"\n            name={showPassword ? 'general-eye-off' : 'general-eye'}\n          />\n        </button>\n      )\n    }\n\n    return props.endIcon ?? null\n  }\n\n  return (\n    <div style={styles.container}>\n      {props.hideLabel ? null : (\n        <Label\n          htmlFor={inputId}\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      )}\n\n      <div style={styles.wrapper} className={classes.wrapper}>\n        {props.startIcon}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          type={getType()}\n          value={inputValue}\n          style={styles.input}\n          minLength={minLength}\n          maxLength={maxLength}\n          required={props.required}\n          disabled={props.disabled}\n          className={classes.input}\n          autoFocus={props.autoFocus}\n          spellCheck={props.spellCheck}\n          autoCorrect={props.autoCorrect}\n          placeholder={props.placeholder}\n          autoComplete={props.autoComplete}\n          autoCapitalize={props.autoCapitalize}\n          aria-label={!props.hideLabel ? undefined : props.label}\n          onChange={handleChange}\n        />\n\n        {renderEndContent()}\n      </div>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n})\n\nInput.displayName = 'Input'\n"],"mappings":"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"}