@plenustech/design-system 0.2.3 → 0.2.5

package/dist/components/forms/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  /** Segunda linha da opção, na lista aberta. O nome da opção e o gatilho fechado ficam no rótulo. */\n  description?: string;\n  disabled?: boolean;\n  /** Decorativo, à frente do rótulo, na lista aberta. */\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}

package/dist/components/forms/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":";;;;;;;;;;;;AAiDO,SAASA,GAAO;AAAA,EACrB,oBAAoBC;AAAA,EACpB,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAaC,EAA0B,IAAI,GAC3C,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAWC,EAAgC,MAAMC,EAAQ,OAAO,GAChEC,IAAYC,EAAcT,GAAYK,GAAUV,CAAG,GAGnDY,IAAUG,EAAW;AAAA,IACzB,OAAOjB;AAAA,IACP,eAAe;AAAA,IACf,cAAcV,MAAiB,SAAY,SAAY,CAAC,EAAE,OAAOA,GAAc,OAAO,IAAI;AAAA,IAC1F,OAAOe,MAAU,SAAY,SAAY,CAAC,EAAE,OAAAA,GAAO,OAAO,IAAI;AAAA,IAC9D,mBAAmB,CAACa,MAAW;AAC7B,YAAM,CAACC,CAAK,IAAID;AAEhB,MAAIC,MACFpB,KAAA,QAAAA,EAAgBoB,EAAM;AAAA,IAE1B;AAAA,EAAA,CACD,GAEK,CAACD,CAAM,IAAIJ,EAAQ;AAEzB,WAASM,IAAS;;AAChB,IAAAV,EAAQ,EAAK,IACbW,IAAAd,EAAW,YAAX,QAAAc,EAAoB;AAAA,EACtB;AAEA,WAASC,IAAQ;;AACf,IAAI9B,MAIJsB,EAAQ,OAAMI,KAAA,gBAAAA,EAAQ,YAASG,IAAArB,EAAQ,KAAK,CAACuB,MAAW,CAACA,EAAO,QAAQ,MAAzC,gBAAAF,EAA4C,MAAK,GAChFX,EAAQ,EAAI;AAAA,EACd;AAEA,WAASc,EAAqBC,GAAyC;AACrE,IAAA3B,KAAA,QAAAA,EAAY2B,IAER,CAAC,aAAa,WAAW,SAAS,GAAG,EAAE,SAASA,EAAM,GAAG,MAC3DA,EAAM,eAAA,GACNH,EAAA;AAAA,EAEJ;AAEA,WAASI,EAAmBD,GAAsC;AAChE,IAAA5B,KAAA,QAAAA,EAAU4B,IAENhB,IACFW,EAAA,IAEAE,EAAA;AAAA,EAEJ;AAEA,2BACGK,GAAA,EAAM,oBAAkBvC,GAAiB,OAAAK,GAAc,MAAAC,GAAY,IAAIC,GAAY,OAAAC,GAAc,UAAAO,GAC/F,WAAC,EAAE,IAAAyB,GAAI,aAAAC,GAAa,SAAAC,EAAA,MACnB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAA1C;AAAA,QACA,MAAAD;AAAA,QACA,SAAS,MAAA;;AAAM,kBAAA8B,IAAAd,EAAW,YAAX,gBAAAc,EAAoB;AAAA;AAAA,QACnC,UAAAlB;AAAA,QACA,QAAOe,KAAA,gBAAAA,EAAQ,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1B,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGzB;AAAA,QACJ,KAAKS;AAAA,QACL,WAAW,CAACoB,EAAO,SAASA,EAAO/B,CAAI,GAAGX,KAAS0C,EAAO,OAAO9C,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACpG,MAAK;AAAA,QACL,IAAAuC;AAAA,QACA,MAAK;AAAA,QACL,oBAAkBC;AAAA,QAClB,gBAAcC,KAAW;AAAA,QACzB,iBAAc;AAAA,QACd,iBAAerB;AAAA,QACf,iBAAeN,KAAY;AAAA,QAC3B,UAAAX;AAAA,QACA,SAASkC;AAAA,QACT,WAAWF;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWf,KAAA,QAAAA,EAAQ,QAAQiB,EAAO,QAAQA,EAAO,aAAc,WAAAjB,KAAA,gBAAAA,EAAQ,UAASjB,EAAA,CAAY;AAAA,4BACjGmC,GAAA,EAAgB,WAAWD,EAAO,SAAS,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEvD1B,KACC4B;AAAA,MACE,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO1C,KAASK;AAAA,UAChB,SAAAa;AAAA,UACA,SAASM;AAAA,UACT,YAAAb;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,IAAA;AAAA,EACX,EAAA,CACJ,EAAA,CAEJ;AAEJ;AAEA,SAAS+B,EAAc;AAAA,EACrB,OAAA1C;AAAA,EACA,SAAAkB;AAAA,EACA,SAAAyB;AAAA,EACA,YAAAhC;AACF,GAKG;;AACD,QAAMiC,IAAWhC,EAAuB,IAAI,GACtCiC,IAAajC,EAA2B,IAAI,GAE5CkC,IAAS,WAAWC,EAAA,CAAO,IAE3B,EAAE,cAAAC,MAAiBC;AAAA,IACvB;AAAA,MACE,QAAQ;AAAA,MACR,SAAAN;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA;AAAA;AAAA,MAGnB,8BAA8B,CAACO,MAAA;;AAAa,kBAACzB,IAAAd,EAAW,YAAX,QAAAc,EAAoB,SAASyB;AAAA;AAAA,IAAQ;AAAA,IAEpFN;AAAA,EAAA,GAEI,EAAE,cAAcO,EAAA,IAAkBC,EAAmB;AAAA,IACzD,WAAWzC;AAAA,IACX,YAAYiC;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,QAAQ;AAAA,EAAA,CACT,GACK,CAACS,GAASC,CAAU,IAAIvC,EAAA,GAGxBwC,IAAe,KAAK,IAAI,QAAO9B,IAAA0B,EAAc,UAAd,gBAAA1B,EAAqB,SAAS,KAAK,KAAK,GAAG;AAEhF,EAAA+B,EAAgB,MAAM;;AACpB,IAAAF,GAAW7B,IAAAd,EAAW,YAAX,gBAAAc,EAAoB,WAAW;AAAA,EAC5C,GAAG,CAACd,CAAU,CAAC,GAEf8C,EAAU,MAAM;;AACd,KAAAhC,IAAAoB,EAAW,YAAX,QAAApB,EAAoB;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,WAASiC,EAAc7B,GAAmC;AACxD,QAAIA,EAAM,QAAQ,YAAYA,EAAM,QAAQ,OAAO;AACjD,MAAAc,EAAA;AACA;AAAA,IACF;AAEA,QAAId,EAAM,QAAQ,WAAWA,EAAM,QAAQ,KAAK;AAC9C,MAAAA,EAAM,eAAA;AACN,YAAM8B,IAAOzC,EAAQ,QAAQ,KAAK,CAACS,MAAWA,EAAO,UAAUT,EAAQ,UAAU;AAEjF,MAAIyC,KAAQ,CAACA,EAAK,aAChBzC,EAAQ,OAAOyC,CAAI,GACnBhB,EAAA;AAEF;AAAA,IACF;AAEA,QAAId,EAAM,IAAI,WAAW,KAAK,CAACA,EAAM,WAAW,CAACA,EAAM,SAAS;AAC9D,MAAAX,EAAQ,UAAUW,EAAM,GAAG;AAC3B;AAAA,IACF;AAEA,IAAAX,EAAQ,cAAcW,CAAK;AAAA,EAC7B;AAEA,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGW;AAAA,MACJ,KAAKJ;AAAA,MACL,WAAWL,EAAO;AAAA,MAElB,6BAA0B;AAAA,MAC1B,OAAO,EAAE,GAAGY,EAAc,OAAO,OAAOE,GAAS,WAAWE,EAAA;AAAA,MAE5D,UAAA,gBAAAlB;AAAA,QAACuB;AAAA,QAAA;AAAA,UACC,QAAAd;AAAA,UACA,YAAYD;AAAA,UACZ,OAAA7C;AAAA,UACA,SAAAkB;AAAA,UACA,WAAW,CAACW,MAAU;;AAEpB,YAAA6B,EAAc7B,CAAK,IACnBJ,IAAAuB,EAAa,cAAb,QAAAvB,EAAA,KAAAuB,GAAyBnB;AAAA,UAC3B;AAAA,UACA,UAAUc;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  /** Segunda linha da opção, na lista aberta. O nome da opção e o gatilho fechado ficam no rótulo. */\n  description?: string;\n  disabled?: boolean;\n  /** Decorativo, à frente do rótulo, na lista aberta. */\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}

package/dist/components/forms/Switch/Switch.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_field_1g7qr_1",e="_control_1g7qr_8",t="_input_1g7qr_15",o="_error_1g7qr_56",_="_text_1g7qr_79",s="_hint_1g7qr_87 _hint_1qg91_8",n="_errorMessage_1g7qr_91 _errorMessage_1qg91_9",i={field:r,control:e,input:t,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=r;exports.hint=s;exports.input=t;exports.text=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_field_1g7qr_1",e="_control_1g7qr_8",t="_input_1g7qr_15",o="_error_1g7qr_56",_="_text_1g7qr_79",n="_hint_1g7qr_87 _hint_1ndjk_8",s="_errorMessage_1g7qr_91 _errorMessage_1ndjk_9",i={field:r,control:e,input:t,error:o,text:_,hint:n,errorMessage:s};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=s;exports.field=r;exports.hint=n;exports.input=t;exports.text=_;
 //# sourceMappingURL=Switch.module.css.cjs.map

package/dist/components/forms/Switch/Switch.module.css.js

@@ -1,19 +1,19 @@
-const r = "_field_1g7qr_1", t = "_control_1g7qr_8", _ = "_input_1g7qr_15", e = "_error_1g7qr_56", o = "_text_1g7qr_79", s = "_hint_1g7qr_87 _hint_1qg91_8", n = "_errorMessage_1g7qr_91 _errorMessage_1qg91_9", g = {
+const r = "_field_1g7qr_1", t = "_control_1g7qr_8", _ = "_input_1g7qr_15", e = "_error_1g7qr_56", o = "_text_1g7qr_79", n = "_hint_1g7qr_87 _hint_1ndjk_8", s = "_errorMessage_1g7qr_91 _errorMessage_1ndjk_9", c = {
   field: r,
   control: t,
   input: _,
   error: e,
   text: o,
-  hint: s,
-  errorMessage: n
+  hint: n,
+  errorMessage: s
 };
 export {
   t as control,
-  g as default,
+  c as default,
   e as error,
-  n as errorMessage,
+  s as errorMessage,
   r as field,
-  s as hint,
+  n as hint,
   _ as input,
   o as text
 };