@aspprev/versi-ds 0.2.0 → 0.4.0

package/dist/chunk-WOD44OEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx","../src/components/InputSwitch/InputSwitch.tsx","../src/components/InputSwitch/InputSwitch.style.ts","../src/components/accessibility-preferences/ContrastPreference.tsx","../src/components/accessibility-preferences/PreferenceSection.tsx","../src/components/accessibility-preferences/FontSizePreference.tsx","../src/components/accessibility-preferences/ReadingPreferences.tsx","../src/components/accessibility-preferences/ThemePreference.tsx","../src/components/accessibility-preferences/AccessibilityPreferencesPanel.tsx","../src/components/accessibility-preferences/types.ts","../src/components/accessibility-preferences/HighContrastToggle.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { Fragment } from \"react\";\nimport {\n  MdCheckCircle,\n  MdCancel,\n  MdDeleteForever,\n  MdOutlineClose,\n  MdDownload,\n  MdSend,\n  MdErrorOutline,\n} from \"react-icons/md\";\nimport {\n  Transition,\n  Dialog,\n  TransitionChild,\n  DialogTitle,\n  DialogPanel,\n} from \"@headlessui/react\";\n\nexport type ModalProps = {\n  children?: React.ReactNode;\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showIcon?: boolean;\n  variant?:\n    | \"success\"\n    | \"error\"\n    | \"warning\"\n    | \"delete\"\n    | \"downloading\"\n    | \"sendMessage\";\n  size?: \"small\" | \"medium\" | \"large\" | \"viewer\" | \"full\";\n  className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst modalMaxWidths = {\n  small: \"28rem\",\n  medium: \"42rem\",\n  large: \"56rem\",\n  viewer: \"72rem\",\n  full: \"calc(100vw - 40px)\",\n} as const;\n\nconst Modal = ({\n  children,\n  isOpen,\n  onClose,\n  className,\n  style,\n  title,\n  showIcon = true,\n  variant = \"success\",\n  size = \"small\",\n}: ModalProps) => {\n  const variantStyles = {\n    success: {\n      bgColor: \"bg-feedback-success-soft\",\n      icon: <MdCheckCircle className=\"h-6 w-6 text-feedback-success-content\" />,\n    },\n    error: {\n      bgColor: \"bg-feedback-danger-soft\",\n      icon: <MdCancel className=\"h-6 w-6 text-feedback-danger-content\" />,\n    },\n    warning: {\n      bgColor: \"bg-feedback-warning-soft\",\n      icon: (\n        <MdErrorOutline className=\"h-6 w-6 text-feedback-warning-content\" />\n      ),\n    },\n    downloading: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdDownload className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n    delete: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdDeleteForever className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n    sendMessage: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdSend className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n  };\n\n  const { bgColor, icon } = variantStyles[variant];\n\n  return (\n    <Transition appear show={isOpen} as={Fragment}>\n      <Dialog\n        as=\"div\"\n        className=\"relative z-modal gap-0\"\n        aria-label={title ? undefined : \"Janela de diálogo\"}\n        onClose={onClose}\n      >\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-overlay/50 backdrop-blur-[1px]\" />\n        </TransitionChild>\n        <div className=\"portal-safe-modal fixed inset-0 overflow-y-auto gap-0\">\n          <div className=\"flex min-h-full items-center justify-center p-5 gap-0\">\n            <DialogPanel\n              className={`relative flex max-h-[calc(100dvh-40px)] max-w-[calc(100vw-40px)] flex-col space-y-5 overflow-x-hidden overflow-y-auto rounded-sm bg-surface-card p-5 shadow-md transition-all ${className ?? \"\"}`}\n              style={{\n                ...style,\n                width: \"100%\",\n                maxWidth: modalMaxWidths[size],\n              }}\n            >\n              <div className=\"absolute right-5 top-5 flex items-center justify-end\">\n                <button\n                  type=\"button\"\n                  aria-label=\"Fechar janela\"\n                  onClick={onClose}\n                  className=\"inline-flex h-6 w-6 touch-manipulation items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\n                >\n                  <MdOutlineClose\n                    aria-hidden=\"true\"\n                    size={20}\n                    className=\"text-content-secondary\"\n                  />\n                </button>\n              </div>\n\n              {showIcon && (\n                <div aria-hidden=\"true\" className=\"flex justify-center p-0\">\n                  <div\n                    className={`inline-flex items-center justify-center w-12 h-12 rounded-full ${bgColor}`}\n                  >\n                    {icon}\n                  </div>\n                </div>\n              )}\n\n              <div className=\"space-y-3\">\n                {title && (\n                  <DialogTitle\n                    as=\"h3\"\n                    className=\"text-xl font-extrabold text-center\"\n                  >\n                    {title}\n                  </DialogTitle>\n                )}\n                {children}\n              </div>\n            </DialogPanel>\n          </div>\n        </div>\n      </Dialog>\n    </Transition>\n  );\n};\n\nexport default Modal;\n\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport useStyle from \"./InputSwitch.style\";\nimport { MdCheck, MdOutlineClose, MdSunny, MdNightsStay } from \"react-icons/md\";\nimport type { IconType } from \"react-icons\";\n\ntype NativeSwitchProps = {\n  id?: string;\n  name?: string;\n  value?: string;\n  form?: string;\n  autoFocus?: boolean;\n  tabIndex?: number;\n} & React.AriaAttributes & (\n  | {\n      \"aria-label\": string;\n      \"aria-labelledby\"?: never;\n    }\n  | {\n      \"aria-label\"?: never;\n      \"aria-labelledby\": string;\n    }\n);\n\nexport type InputSwitchProps = {\n  defaultEnable?: boolean;\n  checked?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"contract\" | \"theme\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  onChange?: (enabled: boolean) => void;\n  icon?: IconType;\n} & NativeSwitchProps;\n\nexport type InputSwitchStyleProps = Pick<\n  InputSwitchProps,\n  \"variant\" | \"disabled\" | \"size\"\n> & {\n  enabled: boolean;\n};\n\nexport type SwitchProps = InputSwitchProps;\n\nconst InputSwitch: React.FC<InputSwitchProps> = ({\n  defaultEnable: enabledByDefault,\n  id,\n  name,\n  value,\n  form,\n  autoFocus,\n  tabIndex,\n  variant = \"primary\",\n  size = \"md\",\n  disabled,\n  onChange,\n  checked,\n  icon: Icon,\n  ...rest\n}) => {\n  const [enabled, setEnabled] = useState(enabledByDefault ?? false);\n  const resolvedEnabled = typeof checked === \"boolean\" ? checked : enabled;\n  const style = useStyle({\n    variant,\n    enabled: resolvedEnabled,\n    disabled,\n    size,\n  });\n\n  const toggle = () => {\n    const newState = !resolvedEnabled;\n    if (typeof checked !== \"boolean\") {\n      setEnabled(newState);\n    }\n    onChange?.(newState);\n  };\n  return (\n    <>\n      {name && (\n        <input\n          type=\"checkbox\"\n          name={name}\n          value={value ?? \"on\"}\n          form={form}\n          checked={resolvedEnabled}\n          readOnly\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          className=\"sr-only\"\n        />\n      )}\n      <button\n        {...rest}\n        id={id}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={resolvedEnabled}\n        disabled={disabled ?? false}\n        autoFocus={autoFocus}\n        tabIndex={tabIndex}\n        onClick={toggle}\n        className={style.Container}\n      >\n      {variant !== \"contract\" && variant !== \"theme\" && (\n        <span className={style.Switch}>\n          {Icon && <Icon aria-hidden=\"true\" className={style.Icon} />}\n        </span>\n      )}\n      {variant === \"contract\" && (\n        <span className={style.Switch}>\n          {resolvedEnabled && (\n            <MdCheck className={style.Icon} aria-disabled={disabled} />\n          )}\n          {resolvedEnabled || (\n            <MdOutlineClose className={style.Icon} aria-disabled={disabled} />\n          )}\n        </span>\n      )}\n\n      {variant === \"theme\" && (\n        <span className={style.SwitchTheme}>\n          {resolvedEnabled && (\n            <MdNightsStay\n              className={style.IconTheme}\n              aria-disabled={disabled}\n            />\n          )}\n          {resolvedEnabled || (\n            <MdSunny className={style.IconTheme} aria-disabled={disabled} />\n          )}\n        </span>\n      )}\n      </button>\n    </>\n  );\n};\n\nexport default InputSwitch;\n\n","import { cva } from \"class-variance-authority\";\nimport classNames from \"classnames\";\nimport { InputSwitchProps, InputSwitchStyleProps } from \"./InputSwitch\";\n\nconst SIZE_STYLES: Record<\n  NonNullable<InputSwitchProps[\"size\"]>,\n  {\n    container: string;\n    knob: string;\n    icon: string;\n  }\n> = {\n  sm: {\n    container:\n      \"h-[1rem] w-[1.75rem] [--switch-padding:2px] [--switch-knob-size:0.75rem] [--switch-width:1.75rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-2 w-2\",\n  },\n  md: {\n    container:\n      \"h-[1.25rem] w-[3rem] [--switch-padding:2px] [--switch-knob-size:1rem] [--switch-width:3rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-3 w-3\",\n  },\n  lg: {\n    container:\n      \"h-[1.5rem] w-[3.5rem] [--switch-padding:2px] [--switch-knob-size:1.25rem] [--switch-width:3.5rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-4 w-4\",\n  },\n};\n\nconst getInputSwitchStyles = ({\n  variant,\n  enabled,\n  disabled,\n  size = \"md\",\n}: InputSwitchStyleProps) => {\n  const sizeStyle = SIZE_STYLES[size];\n  const containerVariant = cva(\n    classNames(\n      \"switch-control relative inline-flex shrink-0 items-center rounded-full transition-colors before:absolute before:left-1/2 before:top-1/2 before:h-5 before:w-full before:min-w-5 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1 disabled:bg-switch-track-disabled\",\n      sizeStyle.container,\n      { \"pointer-events-none\": disabled },\n    ),\n    {\n      variants: {\n        variant: {\n          primary: classNames(\n            \"[--switch-state-layer:var(--switch-track-primary-on)]\",\n            { \"bg-switch-track-primary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          secondary: classNames(\n            \"[--switch-state-layer:var(--switch-track-secondary-on)]\",\n            { \"bg-switch-track-secondary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          tertiary: classNames(\n            \"[--switch-state-layer:var(--switch-track-tertiary-on)]\",\n            { \"bg-switch-track-tertiary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          contract: classNames(\n            enabled\n              ? \"bg-switch-track-contract-on [--switch-state-layer:var(--switch-track-contract-on)]\"\n              : \"bg-switch-track-contract-off [--switch-state-layer:var(--switch-track-contract-off)]\",\n          ),\n          theme: classNames(\n            enabled\n              ? \"bg-switch-track-theme-on [--switch-state-layer:var(--switch-track-theme-on)]\"\n              : \"bg-switch-track-theme-off [--switch-state-layer:var(--switch-track-theme-off)]\",\n          ),\n        },\n      },\n      defaultVariants: {\n        variant: \"primary\",\n      },\n    },\n  );\n  const containerClasses = containerVariant({ variant });\n\n  const switchClasses = classNames(\n    \"switch-knob absolute left-[var(--switch-padding)] top-1/2 flex items-center justify-center rounded-full transition-[transform,box-shadow,background-color] duration-200 ease-in-out -translate-y-1/2\",\n    sizeStyle.knob,\n    disabled ? \"bg-switch-knob-disabled\" : \"bg-switch-knob\",\n    enabled\n      ? \"translate-x-[calc(var(--switch-width)-var(--switch-knob-size)-var(--switch-padding)*2)]\"\n      : \"translate-x-0\",\n  );\n\n  const switchClassesTheme = classNames(\n    \"switch-knob absolute left-[var(--switch-padding)] top-1/2 flex items-center justify-center rounded-full transition-[transform,box-shadow,background-color] duration-200 ease-in-out -translate-y-1/2\",\n    sizeStyle.knob,\n    {\n      \"bg-switch-knob-theme-on\": enabled && !disabled,\n      \"bg-switch-knob\": !enabled && !disabled,\n      \"bg-switch-knob-disabled\": disabled,\n      \"translate-x-[calc(var(--switch-width)-var(--switch-knob-size)-var(--switch-padding)*2)]\":\n        enabled,\n      \"translate-x-0\": !enabled,\n    },\n  );\n\n  const iconClasses = classNames(\n    \"aria-disabled:text-font-disabled\",\n    sizeStyle.icon,\n    { \"text-feedback-success-content\": enabled && !disabled },\n    { \"text-feedback-danger-content\": !enabled && !disabled },\n    { \"text-content-disabled\": disabled },\n  );\n\n  const iconClassesTheme = classNames(\n    \"aria-disabled:text-font-disabled\",\n    sizeStyle.icon,\n    { \"text-content-inverse\": enabled && !disabled },\n    { \"text-feedback-warning-content\": !enabled && !disabled },\n    { \"text-content-disabled\": disabled },\n  );\n\n  return {\n    Icon: iconClasses,\n    IconTheme: iconClassesTheme,\n    Switch: switchClasses,\n    SwitchTheme: switchClassesTheme,\n    Container: containerClasses,\n  };\n};\n\nexport default getInputSwitchStyles;\n\n","import { MdContrast } from \"react-icons/md\";\nimport InputSwitch from \"../InputSwitch/InputSwitch\";\nimport PreferenceSection from \"./PreferenceSection\";\n\nexport type ContrastPreferenceProps = {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  className?: string;\n};\n\nexport default function ContrastPreference({\n  checked,\n  onChange,\n  className,\n}: ContrastPreferenceProps) {\n  return (\n    <PreferenceSection\n      title=\"Contraste\"\n      description=\"Aumente a diferenciação entre conteúdo e superfície.\"\n      icon={MdContrast}\n      className={className}\n    >\n      <div className=\"flex min-h-16 items-center justify-between gap-4 rounded-sm border border-border-default bg-surface-card px-3 py-3\">\n        <span className=\"flex items-center gap-1.5 font-semibold\">\n          <MdContrast aria-hidden=\"true\" className=\"h-4 w-4\" />\n          Alto contraste\n        </span>\n        <InputSwitch\n          aria-label=\"Alternar alto contraste\"\n          checked={checked}\n          size=\"lg\"\n          onChange={onChange}\n        />\n      </div>\n    </PreferenceSection>\n  );\n}\n","import type { IconType } from \"react-icons\";\n\nexport type PreferenceSectionProps = {\n  title: string;\n  description: string;\n  icon: IconType;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport default function PreferenceSection({\n  title,\n  description,\n  icon: Icon,\n  children,\n  className,\n}: PreferenceSectionProps) {\n  return (\n    <fieldset\n      className={`rounded-md border border-border-default bg-surface-subtle p-4 tablet:p-5 ${className ?? \"\"}`.trim()}\n    >\n      <legend className=\"sr-only\">{title}</legend>\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary-5 text-primary-1\">\n          <Icon aria-hidden=\"true\" className=\"h-5 w-5\" />\n        </span>\n        <div>\n          <h3 className=\"font-bold\">{title}</h3>\n          <p className=\"text-sm text-content-secondary\">{description}</p>\n        </div>\n      </div>\n      {children}\n    </fieldset>\n  );\n}\n","import { useId } from \"react\";\nimport { MdTextFields } from \"react-icons/md\";\nimport PreferenceSection from \"./PreferenceSection\";\nimport type { AccessibilityFontScale } from \"./types\";\n\nconst FONT_SCALE_OPTIONS: Array<{\n  value: AccessibilityFontScale;\n  label: string;\n}> = [\n  { value: \"standard\", label: \"Padrão\" },\n  { value: \"large\", label: \"Grande\" },\n  { value: \"extra-large\", label: \"Muito grande\" },\n];\n\nexport type FontSizePreferenceProps = {\n  value: AccessibilityFontScale;\n  onChange: (value: AccessibilityFontScale) => void;\n  className?: string;\n};\n\nexport default function FontSizePreference({\n  value,\n  onChange,\n  className,\n}: FontSizePreferenceProps) {\n  const groupId = useId();\n\n  return (\n    <PreferenceSection\n      title=\"Tamanho do texto\"\n      description=\"Amplie os textos para facilitar a leitura.\"\n      icon={MdTextFields}\n      className={className}\n    >\n      <div className=\"grid gap-2\">\n        {FONT_SCALE_OPTIONS.map((option) => (\n          <label\n            key={option.value}\n            className=\"flex min-h-11 cursor-pointer items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3 text-content-primary transition-colors hover:border-border-strong hover:bg-surface-muted\"\n          >\n            <input\n              type=\"radio\"\n              name={`${groupId}-font-scale`}\n              value={option.value}\n              checked={value === option.value}\n              onChange={() => onChange(option.value)}\n              className=\"radio-control shrink-0\"\n            />\n            <span className=\"flex w-9 shrink-0 justify-center font-extrabold text-primary-1\">\n              Aa\n            </span>\n            <span className=\"font-semibold\">{option.label}</span>\n          </label>\n        ))}\n      </div>\n    </PreferenceSection>\n  );\n}\n","import {\n  MdAccessibilityNew,\n  MdAnimation,\n  MdCenterFocusStrong,\n  MdLink,\n} from \"react-icons/md\";\nimport PreferenceSection from \"./PreferenceSection\";\nimport type { AccessibilityPreferences } from \"./types\";\n\ntype ReadingPreferenceKey =\n  | \"reduceMotion\"\n  | \"emphasizeFocus\"\n  | \"underlineLinks\";\n\nconst READING_OPTIONS: Array<{\n  key: ReadingPreferenceKey;\n  label: string;\n  description: string;\n  Icon: typeof MdAnimation;\n}> = [\n  {\n    key: \"reduceMotion\",\n    label: \"Reduzir animações\",\n    description: \"Minimiza animações, transições e rolagens suaves.\",\n    Icon: MdAnimation,\n  },\n  {\n    key: \"emphasizeFocus\",\n    label: \"Destacar foco\",\n    description: \"Evidencia o elemento selecionado durante o uso do teclado.\",\n    Icon: MdCenterFocusStrong,\n  },\n  {\n    key: \"underlineLinks\",\n    label: \"Sublinhar links\",\n    description: \"Mantém links de texto sublinhados fora do foco.\",\n    Icon: MdLink,\n  },\n];\n\nexport type ReadingPreferencesProps = Pick<\n  AccessibilityPreferences,\n  ReadingPreferenceKey\n> & {\n  onChange: (\n    changes: Partial<Pick<AccessibilityPreferences, ReadingPreferenceKey>>,\n  ) => void;\n  className?: string;\n};\n\nexport default function ReadingPreferences({\n  reduceMotion,\n  emphasizeFocus,\n  underlineLinks,\n  onChange,\n  className,\n}: ReadingPreferencesProps) {\n  const values = { reduceMotion, emphasizeFocus, underlineLinks };\n\n  return (\n    <PreferenceSection\n      title=\"Leitura e navegação\"\n      description=\"Ajustes para reduzir distrações e facilitar a orientação.\"\n      icon={MdAccessibilityNew}\n      className={`desktop:col-span-2 ${className ?? \"\"}`.trim()}\n    >\n      <div className=\"grid gap-3 tablet:grid-cols-3\">\n        {READING_OPTIONS.map(({ key, label, description, Icon }) => (\n          <label\n            key={key}\n            className=\"flex min-h-11 cursor-pointer items-start gap-3 rounded-sm border border-border-default bg-surface-card p-3 text-content-primary transition-colors hover:border-border-strong hover:bg-surface-muted\"\n          >\n            <input\n              type=\"checkbox\"\n              aria-label={label}\n              checked={values[key]}\n              onChange={(event) => onChange({ [key]: event.target.checked })}\n              className=\"checkbox-control mt-1\"\n            />\n            <span>\n              <span className=\"flex items-center gap-2 font-semibold\">\n                <Icon aria-hidden=\"true\" className=\"h-5 w-5 shrink-0 text-primary-1\" />\n                {label}\n              </span>\n              <span className=\"mt-1 block text-sm text-content-secondary\">\n                {description}\n              </span>\n            </span>\n          </label>\n        ))}\n      </div>\n    </PreferenceSection>\n  );\n}\n","import { MdPalette } from \"react-icons/md\";\nimport InputSwitch from \"../InputSwitch/InputSwitch\";\nimport PreferenceSection from \"./PreferenceSection\";\nimport type { AccessibilityColorScheme } from \"./types\";\n\nexport type ThemePreferenceProps = {\n  value: AccessibilityColorScheme;\n  onChange: (value: AccessibilityColorScheme) => void;\n  className?: string;\n};\n\nexport default function ThemePreference({\n  value,\n  onChange,\n  className,\n}: ThemePreferenceProps) {\n  const isDark = value === \"dark\";\n  const isSystem = value === \"system\";\n\n  return (\n    <PreferenceSection\n      title=\"Aparência\"\n      description=\"Tema e esquema de cores da interface.\"\n      icon={MdPalette}\n      className={className}\n    >\n      <div className=\"divide-y divide-border-subtle rounded-sm border border-border-default bg-surface-card px-3\">\n        <div className=\"flex min-h-16 items-center justify-between gap-4 py-3\">\n          <span className=\"font-semibold\">Tema {isDark ? \"escuro\" : \"claro\"}</span>\n          <InputSwitch\n            aria-label=\"Alternar tema claro ou escuro\"\n            variant=\"theme\"\n            size=\"lg\"\n            checked={isDark}\n            disabled={isSystem}\n            onChange={(enabled) => onChange(enabled ? \"dark\" : \"light\")}\n          />\n        </div>\n        <label className=\"flex min-h-14 cursor-pointer items-start gap-3 py-3\">\n          <input\n            type=\"checkbox\"\n            className=\"checkbox-control mt-0.5\"\n            checked={isSystem}\n            onChange={(event) =>\n              onChange(event.target.checked ? \"system\" : isDark ? \"dark\" : \"light\")\n            }\n          />\n          <span className=\"font-semibold\">Usar configuração do dispositivo</span>\n        </label>\n      </div>\n    </PreferenceSection>\n  );\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { MdAccessibilityNew, MdRestartAlt } from \"react-icons/md\";\nimport Modal from \"../Modal/Modal\";\nimport ContrastPreference from \"./ContrastPreference\";\nimport FontSizePreference from \"./FontSizePreference\";\nimport ReadingPreferences from \"./ReadingPreferences\";\nimport ThemePreference from \"./ThemePreference\";\nimport type { AccessibilityPreferences } from \"./types\";\n\nexport type AccessibilityPreferencesPanelProps = {\n  preferences: AccessibilityPreferences;\n  onPreferencesChange: (\n    changes: Partial<AccessibilityPreferences>,\n  ) => void;\n  onReset?: () => void;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  showTrigger?: boolean;\n  triggerLabel?: string;\n  className?: string;\n};\n\nexport default function AccessibilityPreferencesPanel({\n  preferences,\n  onPreferencesChange,\n  onReset,\n  isOpen: controlledOpen,\n  onOpenChange,\n  showTrigger = true,\n  triggerLabel = \"Preferências de acessibilidade\",\n  className,\n}: AccessibilityPreferencesPanelProps) {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [announcement, setAnnouncement] = useState(\"\");\n  const isOpen = controlledOpen ?? internalOpen;\n\n  const setOpen = (open: boolean) => {\n    if (controlledOpen === undefined) setInternalOpen(open);\n    onOpenChange?.(open);\n  };\n\n  const update = (\n    changes: Partial<AccessibilityPreferences>,\n    message: string,\n  ) => {\n    onPreferencesChange(changes);\n    setAnnouncement(message);\n  };\n\n  return (\n    <>\n      {showTrigger && (\n        <button\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          onClick={() => setOpen(true)}\n          className={`inline-flex min-h-11 items-center justify-center gap-2 rounded-sm border-2 border-action-primary-content bg-action-primary px-3 text-sm font-bold text-action-primary-content shadow-sm hover:bg-action-primary-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ${className ?? \"\"}`.trim()}\n        >\n          <MdAccessibilityNew aria-hidden=\"true\" className=\"h-5 w-5\" />\n          <span>{triggerLabel}</span>\n        </button>\n      )}\n\n      <Modal\n        isOpen={isOpen}\n        onClose={() => setOpen(false)}\n        title={triggerLabel}\n        showIcon={false}\n        size=\"large\"\n      >\n        <p className=\"mt-2 text-center text-sm text-content-secondary\">\n          As alterações são aplicadas pelo consumidor do componente.\n        </p>\n\n        <div className=\"mt-5 grid gap-4 desktop:grid-cols-2\">\n          <ThemePreference\n            value={preferences.colorScheme}\n            onChange={(colorScheme) =>\n              update(\n                {\n                  colorScheme,\n                  ...(colorScheme === \"system\"\n                    ? {}\n                    : {\n                        highContrastTheme:\n                          colorScheme === \"dark\" ? \"dark\" : \"light\",\n                      }),\n                },\n                `Tema ${colorScheme === \"dark\" ? \"escuro\" : colorScheme === \"light\" ? \"claro\" : \"do dispositivo\"} ativado.`,\n              )\n            }\n          />\n          <ContrastPreference\n            checked={preferences.highContrast}\n            onChange={(highContrast) =>\n              update(\n                { highContrast },\n                `Alto contraste ${highContrast ? \"ativado\" : \"desativado\"}.`,\n              )\n            }\n          />\n          <FontSizePreference\n            value={preferences.fontScale}\n            onChange={(fontScale) =>\n              update({ fontScale }, \"Tamanho do texto alterado.\")\n            }\n          />\n          <ReadingPreferences\n            reduceMotion={preferences.reduceMotion}\n            emphasizeFocus={preferences.emphasizeFocus}\n            underlineLinks={preferences.underlineLinks}\n            onChange={(changes) => {\n              const key = Object.keys(changes)[0] as\n                | \"reduceMotion\"\n                | \"emphasizeFocus\"\n                | \"underlineLinks\";\n              const label =\n                key === \"reduceMotion\"\n                  ? \"Reduzir animações\"\n                  : key === \"emphasizeFocus\"\n                    ? \"Destacar foco\"\n                    : \"Sublinhar links\";\n              update(\n                changes,\n                `${label} ${changes[key] ? \"ativado\" : \"desativado\"}.`,\n              );\n            }}\n          />\n        </div>\n        <div className=\"mt-5 flex justify-center border-t border-border-subtle pt-4 tablet:justify-start\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              onReset?.();\n              setAnnouncement(\"Configurações padrão restauradas.\");\n            }}\n            className=\"inline-flex min-h-11 items-center gap-2 rounded-sm border-2 border-action-primary px-4 font-bold text-content-link hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\n          >\n            <MdRestartAlt aria-hidden=\"true\" className=\"h-5 w-5\" />\n            Restaurar configurações padrão\n          </button>\n        </div>\n        <p className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          {announcement}\n        </p>\n      </Modal>\n    </>\n  );\n}\n","export type AccessibilityColorScheme = \"system\" | \"light\" | \"dark\";\nexport type AccessibilityHighContrastTheme = \"light\" | \"dark\";\nexport type AccessibilityFontScale = \"standard\" | \"large\" | \"extra-large\";\n\nexport interface AccessibilityPreferences {\n  colorScheme: AccessibilityColorScheme;\n  highContrast: boolean;\n  highContrastTheme: AccessibilityHighContrastTheme;\n  fontScale: AccessibilityFontScale;\n  reduceMotion: boolean;\n  emphasizeFocus: boolean;\n  underlineLinks: boolean;\n}\n\nexport const DEFAULT_ACCESSIBILITY_PREFERENCES: AccessibilityPreferences = {\n  colorScheme: \"light\",\n  highContrast: false,\n  highContrastTheme: \"light\",\n  fontScale: \"standard\",\n  reduceMotion: false,\n  emphasizeFocus: false,\n  underlineLinks: false,\n};\n","\"use client\";\n\nimport { MdContrast } from \"react-icons/md\";\n\nexport interface HighContrastToggleProps {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  label?: string;\n  className?: string;\n}\n\nexport default function HighContrastToggle({\n  checked,\n  onChange,\n  label = \"Alto contraste\",\n  className,\n}: HighContrastToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={checked}\n      onClick={() => onChange(!checked)}\n      className={`inline-flex min-h-11 items-center justify-center gap-2 rounded-sm border-2 border-action-primary-content bg-action-primary px-3 text-sm font-bold text-action-primary-content shadow-sm hover:bg-action-primary-hover active:bg-action-primary-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ${className ?? \"\"}`.trim()}\n    >\n      <MdContrast aria-hidden=\"true\" className=\"h-5 w-5\" />\n      <span>{label}</span>\n      <span aria-hidden=\"true\" className=\"rounded-sm bg-surface-card px-1.5 py-0.5 text-xs text-content-primary\">\n        {checked ? \"Ativado\" : \"Desativado\"}\n      </span>\n    </button>\n  );\n}\n"],"mappings":"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","names":["MdOutlineClose","Fragment","jsx","jsxs","MdOutlineClose","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","useState","MdAccessibilityNew","Fragment","jsx","jsxs","useState","MdAccessibilityNew","MdContrast","jsx","jsxs"]}

package/dist/core.d.ts

@@ -305,6 +305,18 @@ interface ResolvedStatusAppearance {
     tone: StatusTone;
     appearance: StatusAppearance;
 }
+/**
+ * Map owned by the consuming application. Keys are normalized with
+ * `normalizeStatus` before lookup, so accented and differently-cased labels
+ * can be used safely by consumers.
+ */
+type StatusAppearanceMap = Readonly<Record<string, ResolvedStatusAppearance>>;
+interface StatusResolverOptions {
+    map?: StatusAppearanceMap;
+    fallback?: ResolvedStatusAppearance;
+}
+declare const normalizeStatus: (status: unknown) => string;
+declare const resolveStatusAppearance: (status: unknown, domain?: StatusDomain, options?: StatusResolverOptions) => ResolvedStatusAppearance;
 
 declare const SIZE_STYLES: {
     readonly sm: "min-h-5 px-1 py-0.5 text-xs";
@@ -327,8 +339,10 @@ interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>
     domain?: StatusDomain;
     empty?: "hide" | "placeholder";
     placeholder?: string;
+    /** Optional consumer-owned map for statuses specific to a product domain. */
+    statusMap?: StatusAppearanceMap;
 }
-declare function DomainStatusBadge({ status, domain, empty, placeholder, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
+declare function DomainStatusBadge({ status, domain, empty, placeholder, statusMap, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
 
 interface SkipLinkProps {
     targetId?: string;
@@ -355,6 +369,12 @@ interface IFilterControl {
     placeholder?: string;
 }
 interface IFilterProps {
+    /** Stable id used to associate the popup with its trigger. */
+    id?: string;
+    /** Accessible name for the filter popup. */
+    accessibleName?: string;
+    /** Unique radio group prefix when multiple filters are rendered together. */
+    groupName?: string;
     optionList?: IFilterOption[];
     optionChecked?: string;
     onChange?: (value: string) => void;
@@ -478,6 +498,7 @@ declare const breakpoints: {
     tv: number;
 };
 type Breakpoint = keyof typeof breakpoints;
+declare function getBreakpoint(width: number): Breakpoint;
 declare const useBreakpoint: () => Breakpoint;
 
 type ContainerBreakpointMap = Record<string, number>;
@@ -485,6 +506,7 @@ type ContainerBreakpoint = string | undefined;
 interface UseContainerBreakpointOptions {
     breakpoints?: ContainerBreakpointMap;
 }
+declare function resolveContainerBreakpoint(width: number, breakpoints?: ContainerBreakpointMap): ContainerBreakpoint;
 declare function useContainerBreakpoint<TElement extends HTMLElement = HTMLElement>(ref: RefObject<TElement | null>, options?: UseContainerBreakpointOptions): ContainerBreakpoint;
 
-export { Avatar, type AvatarProps, type BoxProps, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, type ContainerBreakpoint, type ContainerBreakpointMap, Divider, DomainStatusBadge, type DomainStatusBadgeProps, FilterBar, type FilterBarProps, FocusNavigationMode, FormActions, type FormActionsProps, FormErrorNavigation, FormGrid, type FormGridProps, type IFilterControl, type IFilterOption, type IFilterProps, type IHeaderItem, type IMobileCardTableExpandableConfig, type IMobileCardTableHeader, type ITableColumnConfig, type ITableExpandableConfig, type ITablePaginationProps, IconProvider, type IconProviderProps, InfoGrid, type InfoGridProps, InfoItem, type InfoItemProps, InputSlider, type InputSliderProps, LoadingDots, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageTabItem, PageTabsHeader, PaginationView as Pagination, type PaginationProps, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, StatusBadge, type StatusBadgeProps, type StatusDomain, type StatusTone, Surface, type SurfaceProps, Table, type TableDensity, type TableHeaderVariant, type TableOverflowMode, type TableProps, type TableRowVariant, TextGroup, type TextGroupProps, ThemedImage, type ThemedImageProps, Tooltip, type TooltipProps, Typography, Typography as TypographyComponent, type TypographyProps, type TypographySemanticRole, type UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getStatusBadgeClassName, useBreakpoint, useContainerBreakpoint };
+export { Avatar, type AvatarProps, type BoxProps, type Breakpoint, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, type ContainerBreakpoint, type ContainerBreakpointMap, Divider, DomainStatusBadge, type DomainStatusBadgeProps, FilterBar, type FilterBarProps, FocusNavigationMode, FormActions, type FormActionsProps, FormErrorNavigation, FormGrid, type FormGridProps, type IFilterControl, type IFilterOption, type IFilterProps, type IHeaderItem, type IMobileCardTableExpandableConfig, type IMobileCardTableHeader, type ITableColumnConfig, type ITableExpandableConfig, type ITablePaginationProps, IconProvider, type IconProviderProps, InfoGrid, type InfoGridProps, InfoItem, type InfoItemProps, InputSlider, type InputSliderProps, LoadingDots, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageTabItem, PageTabsHeader, PaginationView as Pagination, type PaginationProps, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, type StatusAppearanceMap, StatusBadge, type StatusBadgeProps, type StatusDomain, type StatusResolverOptions, type StatusTone, Surface, type SurfaceProps, Table, type TableDensity, type TableHeaderVariant, type TableOverflowMode, type TableProps, type TableRowVariant, TextGroup, type TextGroupProps, ThemedImage, type ThemedImageProps, Tooltip, type TooltipProps, Typography, Typography as TypographyComponent, type TypographyProps, type TypographySemanticRole, type UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint };

package/dist/core.js

@@ -34,17 +34,21 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
   typography_default,
   useContainerBreakpoint
-} from "./chunk-PIXRKI25.js";
+} from "./chunk-LTW323JQ.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
 import {
   Tooltip_default,
   breakpoints,
+  getBreakpoint,
   useBreakpoint
-} from "./chunk-ET2BGHTO.js";
+} from "./chunk-FTRF27XF.js";
 import "./chunk-2NMEKWO5.js";
 export {
   Avatar_default as Avatar,
@@ -85,7 +89,11 @@ export {
   Typography as TypographyComponent,
   breakpoints,
   findFirstInvalidField,
+  getBreakpoint,
   getStatusBadgeClassName,
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
   useBreakpoint,
   useContainerBreakpoint
 };

package/dist/documents.d.ts

@@ -7,17 +7,33 @@ interface BoletoBarCodeProps {
 }
 declare function BoletoBarCode({ linhaDigitavel }: BoletoBarCodeProps): React.JSX.Element;
 
+type FileValidationReason = "type" | "size" | "count";
 interface FileRejection {
     file: File;
-    reason: "type" | "size" | "count";
+    reason: FileValidationReason;
     message: string;
 }
+interface FileValidationOptions {
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+}
+interface FileValidationResult {
+    accepted: File[];
+    rejected: FileRejection[];
+}
+declare function validateFiles(files: readonly File[] | FileList, options?: FileValidationOptions): FileValidationResult;
+
 interface FileDropzoneProps {
     accept?: string;
     multiple?: boolean;
     maxFiles?: number;
     maxSize?: number;
     disabled?: boolean;
+    id?: string;
+    name?: string;
+    required?: boolean;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
@@ -25,7 +41,7 @@ interface FileDropzoneProps {
     onFilesAccepted?: (files: File[]) => void;
     onFilesRejected?: (rejections: FileRejection[]) => void;
 }
-declare function FileDropzone({ accept, multiple, maxFiles, maxSize, disabled, label, hint, error, className, onFilesAccepted, onFilesRejected, }: FileDropzoneProps): React.JSX.Element;
+declare function FileDropzone({ accept, multiple, maxFiles, maxSize, disabled, id, name, required, label, hint, error, className, onFilesAccepted, onFilesRejected, }: FileDropzoneProps): React.JSX.Element;
 
 type FileUploadProgressStatus = "idle" | "uploading" | "success" | "error";
 interface FileUploadProgressProps {
@@ -52,7 +68,7 @@ interface FileListProps {
     onRetry?: (item: FileUploadItem, index: number) => void;
     className?: string;
 }
-declare function FileList({ files, accessibleName, onRemove, onRetry, className }: FileListProps): React.JSX.Element;
+declare function FileList$1({ files, accessibleName, onRemove, onRetry, className }: FileListProps): React.JSX.Element;
 
 type FileViewerSource = string | Blob | {
     url?: string;
@@ -66,15 +82,17 @@ interface FileViewerProps {
     contentType?: string;
     loading?: boolean;
     error?: ReactNode;
+    onLoad?: () => void;
+    onError?: (error: Error) => void;
     onDownload?: () => void;
     fallback?: ReactNode;
     title?: string;
     className?: string;
 }
-declare function FileViewer({ source, fileName, contentType, loading, error, onDownload, fallback, title, className }: FileViewerProps): React.JSX.Element;
+declare function FileViewer({ source, fileName, contentType, loading, error, onLoad, onError, onDownload, fallback, title, className, }: FileViewerProps): React.JSX.Element;
 
 type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
-interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
+interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "onError"> {
     value: string;
     size?: number;
     level?: QRCodeErrorCorrectionLevel;
@@ -83,7 +101,10 @@ interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     bgColor?: string;
     ariaLabel?: string;
     description?: string;
+    loading?: boolean;
+    error?: ReactNode;
+    onError?: (error: Error) => void;
 }
-declare function QRCode({ value, size, level, includeMargin, fgColor, bgColor, ariaLabel, description, className, ...rest }: QRCodeProps): React.JSX.Element;
+declare function QRCode({ value, size, level, includeMargin, fgColor, bgColor, ariaLabel, description, loading, error, onError, className, ...rest }: QRCodeProps): React.JSX.Element;
 
-export { BoletoBarCode, type BoletoBarCodeProps, FileDropzone, type FileDropzoneProps, FileList, type FileListProps, type FileRejection, type FileUploadItem, type FileUploadItemStatus, FileUploadProgress, type FileUploadProgressProps, type FileUploadProgressStatus, FileViewer, type FileViewerProps, type FileViewerSource, QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps };
+export { BoletoBarCode, type BoletoBarCodeProps, FileDropzone, type FileDropzoneProps, FileList$1 as FileList, type FileListProps, type FileRejection, type FileUploadItem, type FileUploadItemStatus, FileUploadProgress, type FileUploadProgressProps, type FileUploadProgressStatus, type FileValidationOptions, type FileValidationReason, type FileValidationResult, FileViewer, type FileViewerProps, type FileViewerSource, QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps, validateFiles };

package/dist/documents.js

@@ -5,8 +5,9 @@ import {
   FileList_default,
   FileUploadProgress_default,
   FileViewer_default,
-  QRCode_default
-} from "./chunk-H4BBKKRZ.js";
+  QRCode_default,
+  validateFiles
+} from "./chunk-7JI5637G.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
@@ -18,6 +19,7 @@ export {
   FileList_default as FileList,
   FileUploadProgress_default as FileUploadProgress,
   FileViewer_default as FileViewer,
-  QRCode_default as QRCode
+  QRCode_default as QRCode,
+  validateFiles
 };
 //# sourceMappingURL=documents.js.map

package/dist/forms.d.ts

@@ -133,6 +133,7 @@ interface UnifiedDatePickerProps {
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
+    /** @deprecated Use `disabled`. Kept as a compatibility alias. */
     isDisabled?: boolean;
     disabled?: boolean;
     name?: string;
@@ -143,6 +144,8 @@ interface UnifiedDatePickerProps {
     navigationVariant?: DatePickerNavigationVariant;
     selectionMode?: DatePickerSelectionMode;
     showAdjacentDays?: boolean;
+    /** Accessible name used when no visible label is provided. */
+    ariaLabel?: string;
     className?: string;
 }
 

package/dist/forms.js

@@ -17,8 +17,8 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-FR5W52XU.js";
-import "./chunk-ET2BGHTO.js";
+} from "./chunk-LPLXAKPJ.js";
+import "./chunk-FTRF27XF.js";
 import "./chunk-YCW3REQK.js";
 import "./chunk-2NMEKWO5.js";
 export {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { Avatar, AvatarProps, BoxProps, Button, ButtonProps, CheckBox, CheckBoxProps, Checkbox, CheckboxProps, CircularLoading, CircularLoadingProps, ContainerBreakpoint, ContainerBreakpointMap, Divider, DomainStatusBadge, DomainStatusBadgeProps, FilterBar, FilterBarProps, FocusNavigationMode, FormActions, FormActionsProps, FormErrorNavigation, FormGrid, FormGridProps, IFilterControl, IFilterOption, IFilterProps, IHeaderItem, IMobileCardTableExpandableConfig, IMobileCardTableHeader, ITableColumnConfig, ITableExpandableConfig, ITablePaginationProps, IconProvider, IconProviderProps, InfoGrid, InfoGridProps, InfoItem, InfoItemProps, InputSlider, InputSliderProps, LoadingDots, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageTabItem, PageTabsHeader, Pagination, PaginationProps, IconProvider as PortalIconProvider, ResolvedStatusAppearance, SkipLink, SkipLinkProps, Slider, SliderProps, StatusAppearance, StatusBadge, StatusBadgeProps, StatusDomain, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getStatusBadgeClassName, useBreakpoint, useContainerBreakpoint } from './core.js';
-export { AccessibilityColorScheme, AccessibilityFontScale, AccessibilityHighContrastTheme, AccessibilityPreferences, AccessibilityPreferencesPanel, AccessibilityPreferencesPanelProps, DEFAULT_ACCESSIBILITY_PREFERENCES, HighContrastToggle, HighContrastToggleProps, InputSwitch, InputSwitchProps, Modal, ModalProps } from './overlays.js';
+export { Avatar, AvatarProps, BoxProps, Breakpoint, Button, ButtonProps, CheckBox, CheckBoxProps, Checkbox, CheckboxProps, CircularLoading, CircularLoadingProps, ContainerBreakpoint, ContainerBreakpointMap, Divider, DomainStatusBadge, DomainStatusBadgeProps, FilterBar, FilterBarProps, FocusNavigationMode, FormActions, FormActionsProps, FormErrorNavigation, FormGrid, FormGridProps, IFilterControl, IFilterOption, IFilterProps, IHeaderItem, IMobileCardTableExpandableConfig, IMobileCardTableHeader, ITableColumnConfig, ITableExpandableConfig, ITablePaginationProps, IconProvider, IconProviderProps, InfoGrid, InfoGridProps, InfoItem, InfoItemProps, InputSlider, InputSliderProps, LoadingDots, MobileCardTable, MobileCardTableProps, ModalCard, ModalCardProps, Notice, OptionalValuePolicy, PageHeading, PageHeadingBackAction, PageHeadingProps, PageState, PageTabItem, PageTabsHeader, Pagination, PaginationProps, IconProvider as PortalIconProvider, ResolvedStatusAppearance, SkipLink, SkipLinkProps, Slider, SliderProps, StatusAppearance, StatusAppearanceMap, StatusBadge, StatusBadgeProps, StatusDomain, StatusResolverOptions, StatusTone, Surface, SurfaceProps, Table, TableDensity, TableHeaderVariant, TableOverflowMode, TableProps, TableRowVariant, TextGroup, TextGroupProps, ThemedImage, ThemedImageProps, Tooltip, TooltipProps, Typography, Typography as TypographyComponent, TypographyProps, TypographySemanticRole, UseContainerBreakpointOptions, breakpoints, findFirstInvalidField, getBreakpoint, getStatusBadgeClassName, normalizeStatus, resolveContainerBreakpoint, resolveStatusAppearance, useBreakpoint, useContainerBreakpoint } from './core.js';
+export { AccessibilityColorScheme, AccessibilityFontScale, AccessibilityHighContrastTheme, AccessibilityPreferences, AccessibilityPreferencesPanel, AccessibilityPreferencesPanelProps, ContrastPreference, ContrastPreferenceProps, DEFAULT_ACCESSIBILITY_PREFERENCES, FontSizePreference, FontSizePreferenceProps, HighContrastToggle, HighContrastToggleProps, InputSwitch, InputSwitchProps, Modal, ModalProps, ReadingPreferences, ReadingPreferencesProps, ThemePreference, ThemePreferenceProps } from './overlays.js';
 export { CountrySelect, CountrySelectOption, CountrySelectProps, DatePicker, DatePickerNavigationVariant, DatePickerProps, DatePickerSelectionMode, Datepicker, DatepickerNavigationVariant, DatepickerProps, Input, InputPhone, InputPhoneCountryOption, InputPhoneProps, InputPhoneValue, InputProps, InputSelect, InputSelectOption, InputSelectProps, InputStandalone, InputStandaloneProps, MultiSelect, MultiSelectOption, MultiSelectProps, MultiSelectViewProps, OtpCodeInput, OtpCodeInputHandle, OtpCodeInputMask, OtpCodeInputProps, PhoneCountryOption, PhoneInput, PhoneInputProps, PhoneValue, RadioCardGroup, RadioCardGroupProps, RadioCardOption, RadioGroup, RadioGroupProps, SelectCountry, SelectCountryOption, SelectCountryProps, SelectMulti, SelectMultiOption, SelectMultiProps, SelectMultiViewProps, TextArea, TextAreaProps, buildPhonePayload, parsePhonePayload } from './forms.js';
-export { BoletoBarCode, BoletoBarCodeProps, FileDropzone, FileDropzoneProps, FileList, FileListProps, FileRejection, FileUploadItem, FileUploadItemStatus, FileUploadProgress, FileUploadProgressProps, FileUploadProgressStatus, FileViewer, FileViewerProps, FileViewerSource, QRCode, QRCodeErrorCorrectionLevel, QRCodeProps } from './documents.js';
+export { BoletoBarCode, BoletoBarCodeProps, FileDropzone, FileDropzoneProps, FileList, FileListProps, FileRejection, FileUploadItem, FileUploadItemStatus, FileUploadProgress, FileUploadProgressProps, FileUploadProgressStatus, FileValidationOptions, FileValidationReason, FileValidationResult, FileViewer, FileViewerProps, FileViewerSource, QRCode, QRCodeErrorCorrectionLevel, QRCodeProps, validateFiles } from './documents.js';
 export { D as DocumentItem, a as DocumentItemDetail, b as DocumentItemProps } from './DocumentItem-BU0J2QGP.js';
 export { CountryListFilter, CountryListMode } from './countries.js';
 export { ApexChartProps, InteractiveDonutChart, InteractiveDonutOptions, InteractiveDonutProps, LazyApexChart, TimeRangeSelector, TimeRangeSelectorProps, TimeSeriesChart, TimeSeriesChartOptions, TimeSeriesChartProps, TimeSeriesTooltipRow, buildTimeSeriesTooltip, escapeDonutTooltipText, escapeTimeSeriesTooltipText, getChartSeriesRecord, getChartTheme, normalizeTimeSeriesTooltipColor, resolveInteractiveDonutColors, resolveRelativeDonutSelection } from './charts.js';

package/dist/index.js

@@ -48,17 +48,21 @@ import {
   Typography,
   findFirstInvalidField,
   getStatusBadgeClassName,
+  normalizeStatus,
+  resolveContainerBreakpoint,
+  resolveStatusAppearance,
   typography_default,
   useContainerBreakpoint
-} from "./chunk-PIXRKI25.js";
+} from "./chunk-LTW323JQ.js";
 import {
   BoletoBarCode,
   FileDropzone_default,
   FileList_default,
   FileUploadProgress_default,
   FileViewer_default,
-  QRCode_default
-} from "./chunk-H4BBKKRZ.js";
+  QRCode_default,
+  validateFiles
+} from "./chunk-7JI5637G.js";
 import {
   DocumentItem
 } from "./chunk-ATWH3MA6.js";
@@ -80,20 +84,25 @@ import {
   buildPhonePayload,
   datePicker_default,
   parsePhonePayload
-} from "./chunk-FR5W52XU.js";
+} from "./chunk-LPLXAKPJ.js";
 import {
   Tooltip_default,
   breakpoints,
+  getBreakpoint,
   useBreakpoint
-} from "./chunk-ET2BGHTO.js";
+} from "./chunk-FTRF27XF.js";
 import "./chunk-YCW3REQK.js";
 import {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default,
-  Modal_default
-} from "./chunk-JSPXVXUY.js";
+  Modal_default,
+  ReadingPreferences,
+  ThemePreference
+} from "./chunk-WOD44OEH.js";
 import "./chunk-2NMEKWO5.js";
 export {
   AccessibilityPreferencesPanel,
@@ -103,6 +112,7 @@ export {
   CheckBox,
   Checkbox,
   CircularLoading,
+  ContrastPreference,
   CountrySelect,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
   datePicker_default as DatePicker,
@@ -116,6 +126,7 @@ export {
   FileViewer_default as FileViewer,
   FilterBar,
   FocusNavigationMode,
+  FontSizePreference,
   FormActions,
   FormErrorNavigation,
   FormGrid,
@@ -147,6 +158,7 @@ export {
   QRCode_default as QRCode,
   RadioCardGroup,
   RadioGroup,
+  ReadingPreferences,
   SelectCountry_default as SelectCountry,
   SelectMulti_default as SelectMulti,
   SkipLink,
@@ -156,6 +168,7 @@ export {
   Table_default as Table,
   TextArea_default as TextArea,
   TextGroup,
+  ThemePreference,
   ThemedImage,
   TimeRangeSelector,
   TimeSeriesChart,
@@ -168,14 +181,19 @@ export {
   escapeDonutTooltipText,
   escapeTimeSeriesTooltipText,
   findFirstInvalidField,
+  getBreakpoint,
   getChartSeriesRecord,
   getChartTheme,
   getStatusBadgeClassName,
+  normalizeStatus,
   normalizeTimeSeriesTooltipColor,
   parsePhonePayload,
+  resolveContainerBreakpoint,
   resolveInteractiveDonutColors,
   resolveRelativeDonutSelection,
+  resolveStatusAppearance,
   useBreakpoint,
-  useContainerBreakpoint
+  useContainerBreakpoint,
+  validateFiles
 };
 //# sourceMappingURL=index.js.map

package/dist/manifest.json

@@ -1,18 +1,18 @@
 {
   "name": "@aspprev/versi-ds",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "files": [
     "DocumentItem-BU0J2QGP.d.ts",
     "charts.d.ts",
     "charts.js",
     "chunk-2NMEKWO5.js",
+    "chunk-7JI5637G.js",
     "chunk-ATWH3MA6.js",
-    "chunk-ET2BGHTO.js",
-    "chunk-FR5W52XU.js",
-    "chunk-H4BBKKRZ.js",
-    "chunk-JSPXVXUY.js",
-    "chunk-PIXRKI25.js",
+    "chunk-FTRF27XF.js",
+    "chunk-LPLXAKPJ.js",
+    "chunk-LTW323JQ.js",
     "chunk-V66QL3TD.js",
+    "chunk-WOD44OEH.js",
     "chunk-YCW3REQK.js",
     "core.d.ts",
     "core.js",

package/dist/overlays.d.ts

@@ -21,7 +21,7 @@ type NativeSwitchProps = {
     form?: string;
     autoFocus?: boolean;
     tabIndex?: number;
-} & ({
+} & React__default.AriaAttributes & ({
     "aria-label": string;
     "aria-labelledby"?: never;
 } | {
@@ -52,6 +52,7 @@ interface AccessibilityPreferences {
     underlineLinks: boolean;
 }
 declare const DEFAULT_ACCESSIBILITY_PREFERENCES: AccessibilityPreferences;
+
 type AccessibilityPreferencesPanelProps = {
     preferences: AccessibilityPreferences;
     onPreferencesChange: (changes: Partial<AccessibilityPreferences>) => void;
@@ -64,6 +65,34 @@ type AccessibilityPreferencesPanelProps = {
 };
 declare function AccessibilityPreferencesPanel({ preferences, onPreferencesChange, onReset, isOpen: controlledOpen, onOpenChange, showTrigger, triggerLabel, className, }: AccessibilityPreferencesPanelProps): React.JSX.Element;
 
+type ContrastPreferenceProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    className?: string;
+};
+declare function ContrastPreference({ checked, onChange, className, }: ContrastPreferenceProps): React.JSX.Element;
+
+type FontSizePreferenceProps = {
+    value: AccessibilityFontScale;
+    onChange: (value: AccessibilityFontScale) => void;
+    className?: string;
+};
+declare function FontSizePreference({ value, onChange, className, }: FontSizePreferenceProps): React.JSX.Element;
+
+type ReadingPreferenceKey = "reduceMotion" | "emphasizeFocus" | "underlineLinks";
+type ReadingPreferencesProps = Pick<AccessibilityPreferences, ReadingPreferenceKey> & {
+    onChange: (changes: Partial<Pick<AccessibilityPreferences, ReadingPreferenceKey>>) => void;
+    className?: string;
+};
+declare function ReadingPreferences({ reduceMotion, emphasizeFocus, underlineLinks, onChange, className, }: ReadingPreferencesProps): React.JSX.Element;
+
+type ThemePreferenceProps = {
+    value: AccessibilityColorScheme;
+    onChange: (value: AccessibilityColorScheme) => void;
+    className?: string;
+};
+declare function ThemePreference({ value, onChange, className, }: ThemePreferenceProps): React.JSX.Element;
+
 interface HighContrastToggleProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
@@ -72,4 +101,4 @@ interface HighContrastToggleProps {
 }
 declare function HighContrastToggle({ checked, onChange, label, className, }: HighContrastToggleProps): React.JSX.Element;
 
-export { type AccessibilityColorScheme, type AccessibilityFontScale, type AccessibilityHighContrastTheme, type AccessibilityPreferences, AccessibilityPreferencesPanel, type AccessibilityPreferencesPanelProps, DEFAULT_ACCESSIBILITY_PREFERENCES, HighContrastToggle, type HighContrastToggleProps, InputSwitch, type InputSwitchProps, Modal, type ModalProps };
+export { type AccessibilityColorScheme, type AccessibilityFontScale, type AccessibilityHighContrastTheme, type AccessibilityPreferences, AccessibilityPreferencesPanel, type AccessibilityPreferencesPanelProps, ContrastPreference, type ContrastPreferenceProps, DEFAULT_ACCESSIBILITY_PREFERENCES, FontSizePreference, type FontSizePreferenceProps, HighContrastToggle, type HighContrastToggleProps, InputSwitch, type InputSwitchProps, Modal, type ModalProps, ReadingPreferences, type ReadingPreferencesProps, ThemePreference, type ThemePreferenceProps };

package/dist/overlays.js

@@ -1,17 +1,25 @@
 "use client";
 import {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default,
-  Modal_default
-} from "./chunk-JSPXVXUY.js";
+  Modal_default,
+  ReadingPreferences,
+  ThemePreference
+} from "./chunk-WOD44OEH.js";
 import "./chunk-2NMEKWO5.js";
 export {
   AccessibilityPreferencesPanel,
+  ContrastPreference,
   DEFAULT_ACCESSIBILITY_PREFERENCES,
+  FontSizePreference,
   HighContrastToggle,
   InputSwitch_default as InputSwitch,
-  Modal_default as Modal
+  Modal_default as Modal,
+  ReadingPreferences,
+  ThemePreference
 };
 //# sourceMappingURL=overlays.js.map