@bigbinary/neeto-atoms 1.0.138-beta1 → 1.0.139-beta1

package/dist/components/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/components/DropdownMenu/constants.ts","../../src/components/DropdownMenu/SplitTrigger.tsx","../../src/components/DropdownMenu/TriggerButton.tsx","../../src/components/DropdownMenu/types.ts","../../src/components/DropdownMenu/DropdownBase.tsx","../../src/components/DropdownMenu/Divider.tsx","../../src/components/DropdownMenu/Label.tsx","../../src/components/DropdownMenu/Menu.tsx","../../src/components/DropdownMenu/MenuItem.tsx","../../src/components/DropdownMenu/SubMenu.tsx","../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"bottom\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"end\",\n};\n\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Button } from \"src/components/Button\";\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\nimport { ButtonGroup } from \"src/primitives/ButtonGroup\";\nimport { DropdownMenuTrigger } from \"src/primitives/DropdownMenu\";\n\nimport type { BaseTriggerProps } from \"./types\";\n\ninterface SplitTriggerOwnProps extends BaseTriggerProps {\n  /** Ref forwarded to the action button (left side). */\n  actionButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Radix injects extra props (aria-expanded, data-state, …) via Slot on the\n * DropdownMenuTrigger child.  We capture them with a rest-spread.\n */\ntype SplitTriggerProps = SplitTriggerOwnProps &\n  Omit<React.ComponentProps<\"div\">, keyof SplitTriggerOwnProps>;\n\nconst SplitTrigger = forwardRef<HTMLDivElement, SplitTriggerProps>(\n  (\n    {\n      label,\n      icon,\n      buttonProps,\n      disabled,\n      isOpen,\n      onClick,\n      actionButtonRef,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const variant = buttonProps?.variant;\n    const size = buttonProps?.size;\n\n    return (\n      <ButtonGroup\n        ref={ref}\n        className={cn(\"neeto-ui-action-dropdown\", className)}\n        {...otherProps}\n      >\n        {/* Action button — fires the primary onClick */}\n        <Button\n          ref={actionButtonRef}\n          type=\"button\"\n          label={label}\n          icon={icon}\n          iconPosition=\"left\"\n          disabled={disabled}\n          {...buttonProps}\n          onClick={onClick}\n          data-testid=\"action-dropdown-btn\"\n        />\n\n        {/* Chevron trigger — opens the dropdown menu */}\n        <DropdownMenuTrigger asChild disabled={disabled}>\n          <PrimitiveButton\n            type=\"button\"\n            variant={variant}\n            size={size}\n            disabled={disabled}\n            aria-label={t(\n              \"neetoatoms.dropdownMenu.openMenu\",\n              \"Open dropdown menu\"\n            )}\n            className=\"px-1.5\"\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={cn(\n                \"shrink-0 transition-transform duration-200\",\n                isOpen && \"rotate-180\"\n              )}\n            />\n          </PrimitiveButton>\n        </DropdownMenuTrigger>\n      </ButtonGroup>\n    );\n  }\n);\nSplitTrigger.displayName = \"Dropdown.SplitTrigger\";\n\nexport { SplitTrigger };\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { hyphenize } from \"src/utils/hyphenize\";\nimport { Button } from \"src/components/Button\";\n\nimport type { BaseTriggerProps } from \"./types\";\n\n/**\n * Extra props that Radix's Slot injects when the parent Trigger uses\n * `asChild` (aria-expanded, aria-haspopup, data-state, id, …).\n * We capture them with a rest-spread so they reach the DOM button.\n */\ntype TriggerButtonProps = BaseTriggerProps &\n  Omit<React.ComponentProps<\"button\">, keyof BaseTriggerProps>;\n\nconst TriggerButton = forwardRef<HTMLButtonElement, TriggerButtonProps>(\n  (\n    {\n      label,\n      icon,\n      buttonProps,\n      disabled,\n      isOpen,\n      onClick,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => (\n    <Button\n      ref={ref}\n      type=\"button\"\n      label={label}\n      icon={icon}\n      iconPosition=\"left\"\n      trailing={\n        <ChevronDown\n          aria-hidden=\"true\"\n          className={cn(\n            \"shrink-0 transition-transform duration-200\",\n            isOpen && \"rotate-180\"\n          )}\n        />\n      }\n      disabled={disabled}\n      data-testid={`${hyphenize(label)}-dropdown-icon`}\n      {...otherProps}\n      {...buttonProps}\n      onClick={onClick}\n      className={cn(className, buttonProps?.className)}\n    />\n  )\n);\nTriggerButton.displayName = \"Dropdown.TriggerButton\";\n\nexport { TriggerButton };\n","import { createContext, type ReactNode, type Ref } from \"react\";\n\nimport {\n  DropdownMenuContent,\n  DropdownMenuItem as PrimitiveDropdownMenuItem,\n  type DropdownMenuItemSize,\n} from \"src/primitives/DropdownMenu\";\nimport type { ButtonProps } from \"src/components/Button\";\nimport type { IconProp } from \"src/shared/renderIcon\";\n\nexport type DropdownPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\n/**\n * Mirrors the primitive `DropdownMenuItem`'s `variant` vocabulary so the\n * wrapper speaks the same language. Keep in sync with Radix primitive.\n */\nexport type MenuItemVariant = \"default\" | \"destructive\";\n\n/**\n * Props forwarded to the trigger button. Sourced from the `Button` wrapper,\n * so consumers can pass `variant`, `size`, `loading`, `tooltipProps`,\n * `fullWidth`, `iconPosition`, etc.\n *\n * The dropdown owns these and so they are excluded:\n * - `label`/`icon`: top-level props on `DropdownMenu`\n * - `trailing`: the chevron\n * - `disabled`: `DropdownMenu`'s own `disabled` prop is authoritative\n * - `onClick`: use `DropdownMenu`'s `onClick` (drives split-button mode)\n * - `to`/`href`: a navigating trigger doesn't open a menu\n * - `asChild`/`children`: use `customTarget` / `label` instead\n */\nexport type DropdownButtonProps = Omit<\n  ButtonProps,\n  | \"label\"\n  | \"icon\"\n  | \"trailing\"\n  | \"disabled\"\n  | \"onClick\"\n  | \"to\"\n  | \"href\"\n  | \"asChild\"\n  | \"children\"\n>;\n\nexport interface BaseTriggerProps {\n  label?: string;\n  icon?: IconProp;\n  buttonProps?: DropdownButtonProps;\n  disabled: boolean;\n  isOpen: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n}\n\nexport interface DropdownProps {\n  /** Text label displayed inside the trigger button. */\n  label?: string;\n  /** Icon rendered inside the trigger button. */\n  icon?: IconProp;\n  /**\n   * Props forwarded to the trigger button (variant, size, className,\n   * loading, tooltipProps, fullWidth, iconPosition, …). In split-button\n   * mode, forwarded to the action button; the chevron half visually mirrors\n   * `variant`/`size`. Accepts the full `Button` prop type minus the props\n   * the dropdown controls.\n   */\n  buttonProps?: DropdownButtonProps;\n  /** Custom trigger element. Overrides the default button trigger. */\n  customTarget?: ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n  /** Whether the dropdown is disabled. */\n  disabled?: boolean;\n  /** Dropdown menu content. */\n  children?: ReactNode;\n  /** Position of the dropdown menu relative to the trigger. */\n  position?: DropdownPosition;\n  /** Whether pressing Escape closes the dropdown. */\n  closeOnEsc?: boolean;\n  /** Whether selecting an item closes the dropdown. */\n  closeOnSelect?: boolean;\n  /** Whether clicking outside closes the dropdown. */\n  closeOnOutsideClick?: boolean;\n  /**\n   * Whether the dropdown is modal. When `true`, the rest of the page is made\n   * inert: focus is trapped, body scroll is locked, and sibling content is\n   * hidden from assistive tech. Defaults to `false` to match the WAI-ARIA\n   * `menu` pattern. Opt in only when the menu must own the user's attention\n   * (e.g. a command palette).\n   */\n  modal?: boolean;\n  /** Controlled open state. */\n  isOpen?: boolean;\n  /** Callback fired when the dropdown closes. */\n  onClose?: () => void;\n  /**\n   * Callback fired when the trigger button is clicked.\n   * When provided (without `customTarget`), renders a **split-button**:\n   * a primary action button (fires `onClick`) paired with a separate\n   * chevron that opens the dropdown menu.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /** Additional CSS class names for the trigger wrapper. */\n  className?: string;\n  /** Ref forwarded to the trigger button. In split-button mode, forwarded to the action button. */\n  triggerRef?: Ref<HTMLButtonElement>;\n  /** Extra props forwarded to the DropdownMenuContent. */\n  dropdownProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuContent>,\n    \"side\" | \"align\"\n  >;\n}\n\nexport interface MenuItemProps extends Omit<\n  React.ComponentProps<typeof PrimitiveDropdownMenuItem>,\n  \"prefix\" | \"variant\" | \"onClick\"\n> {\n  /** Highlight as active. */\n  isActive?: boolean;\n  /** Disable the menu item. */\n  isDisabled?: boolean;\n  /** Visual variant of the menu item. */\n  variant?: MenuItemVariant;\n  /**\n   * Vertical density — row padding and height — of the item (font size is\n   * unchanged). Defaults to `\"default\"` (the roomy baseline); pass `\"compact\"`\n   * for dense rows in long / scrolling menus.\n   */\n  size?: DropdownMenuItemSize;\n  /** Content rendered before the label. */\n  prefix?: ReactNode;\n  /** Content rendered after the label. */\n  suffix?: ReactNode;\n  /** Internal route (renders as anchor). */\n  to?: string;\n  /** External link (renders as anchor). */\n  href?: string;\n  /** Callback fired when the item is selected. */\n  onClick?: (e: Event) => void;\n  /** Children / label text. */\n  children?: ReactNode;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nexport const DropdownContext = createContext({ closeOnSelect: true });\n","import { useCallback, useState } from \"react\";\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"src/primitives/DropdownMenu\";\nimport { hyphenize } from \"src/utils/hyphenize\";\n\nimport { ALIGN_MAP, SIDE_MAP } from \"./constants\";\nimport { SplitTrigger } from \"./SplitTrigger\";\nimport { TriggerButton } from \"./TriggerButton\";\nimport { DropdownContext, type DropdownProps } from \"./types\";\n\nconst DropdownBase = ({\n  label,\n  icon,\n  buttonProps,\n  customTarget,\n  disabled = false,\n  children,\n  position = \"bottom-end\",\n  closeOnEsc = true,\n  closeOnSelect = true,\n  closeOnOutsideClick = true,\n  modal = false,\n  isOpen: isOpenProp,\n  onClose,\n  onClick,\n  className,\n  triggerRef,\n  dropdownProps,\n}: DropdownProps) => {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = isOpenProp !== undefined;\n  const open = isControlled ? isOpenProp : internalOpen;\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => {\n      if (!isControlled) setInternalOpen(isOpen);\n      if (!isOpen) onClose?.();\n    },\n    [isControlled, onClose]\n  );\n\n  const side = SIDE_MAP[position] ?? \"bottom\";\n  const align = ALIGN_MAP[position] ?? \"end\";\n\n  // Split-button mode: onClick provided without a customTarget.\n  const isSplit = !!onClick && !customTarget;\n\n  const sharedTriggerProps = {\n    label,\n    icon,\n    buttonProps,\n    disabled,\n    isOpen: open,\n    onClick,\n  };\n\n  const triggerNode = isSplit ? (\n    <SplitTrigger\n      {...sharedTriggerProps}\n      actionButtonRef={triggerRef}\n      className={className}\n    />\n  ) : (\n    <DropdownMenuTrigger asChild disabled={disabled} className={className}>\n      {customTarget ? (\n        typeof customTarget === \"function\" ? (\n          customTarget({ isOpen: open })\n        ) : (\n          customTarget\n        )\n      ) : (\n        <TriggerButton ref={triggerRef} {...sharedTriggerProps} />\n      )}\n    </DropdownMenuTrigger>\n  );\n\n  return (\n    <DropdownContext.Provider value={{ closeOnSelect }}>\n      <DropdownMenu open={open} onOpenChange={handleOpenChange} modal={modal}>\n        {triggerNode}\n        <DropdownMenuContent\n          side={side}\n          align={align}\n          onEscapeKeyDown={closeOnEsc ? undefined : e => e.preventDefault()}\n          onInteractOutside={\n            closeOnOutsideClick ? undefined : e => e.preventDefault()\n          }\n          data-testid={`${hyphenize(label)}-dropdown-container`}\n          {...dropdownProps}\n        >\n          {children}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </DropdownContext.Provider>\n  );\n};\n\nexport { DropdownBase };\n","import React, { forwardRef } from \"react\";\n\nimport { DropdownMenuSeparator } from \"src/primitives/DropdownMenu\";\n\nconst Divider = forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof DropdownMenuSeparator>\n>((props, ref) => <DropdownMenuSeparator ref={ref} {...props} />);\nDivider.displayName = \"Dropdown.Divider\";\n\nexport { Divider };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport {\n  DropdownMenuLabel,\n  type DropdownMenuItemSize,\n} from \"src/primitives/DropdownMenu\";\n\ninterface MenuLabelProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * Density of the section label. Match the `size` used on the menu's items\n   * (default `\"default\"`) so the label stays aligned with them.\n   */\n  size?: DropdownMenuItemSize;\n}\n\nconst Label = forwardRef<HTMLDivElement, MenuLabelProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <DropdownMenuLabel ref={ref} className={className} {...otherProps}>\n      {children}\n    </DropdownMenuLabel>\n  )\n);\nLabel.displayName = \"Dropdown.Label\";\n\nexport { Label };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuGroup } from \"src/primitives/DropdownMenu\";\n\ninterface MenuProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <DropdownMenuGroup\n      ref={ref}\n      className={cn(\"flex flex-col\", className)}\n      {...otherProps}\n    >\n      {children}\n    </DropdownMenuGroup>\n  )\n);\nMenu.displayName = \"Dropdown.Menu\";\n\nexport { Menu };\n","import { forwardRef, useCallback, useContext, useMemo } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuItem as PrimitiveDropdownMenuItem } from \"src/primitives/DropdownMenu\";\n\nimport { DropdownContext, type MenuItemProps } from \"./types\";\n\nconst MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  (\n    {\n      children,\n      isActive = false,\n      isDisabled = false,\n      variant = \"default\",\n      prefix,\n      suffix,\n      to,\n      href,\n      className,\n      onClick,\n      disabled: _disabled,\n      asChild: _asChild,\n      onSelect: _onSelect,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { closeOnSelect } = useContext(DropdownContext);\n    const linkHref = to ?? href;\n\n    const handleSelect = useCallback(\n      (e: Event) => {\n        if (!closeOnSelect) e.preventDefault();\n        onClick?.(e);\n      },\n      [closeOnSelect, onClick]\n    );\n\n    const itemContent = useMemo(\n      () => (\n        <>\n          {prefix && (\n            <span data-slot=\"menu-item-prefix\" className=\"shrink-0\">\n              {prefix}\n            </span>\n          )}\n          <span className=\"flex-1 truncate\">{children}</span>\n          {suffix && (\n            <span\n              data-slot=\"menu-item-suffix\"\n              className=\"ms-auto shrink-0 text-muted-foreground\"\n            >\n              {suffix}\n            </span>\n          )}\n        </>\n      ),\n      [prefix, children, suffix]\n    );\n\n    return (\n      <PrimitiveDropdownMenuItem\n        ref={ref}\n        variant={variant}\n        disabled={isDisabled}\n        data-active={isActive || undefined}\n        className={cn(\n          isActive && \"bg-accent text-accent-foreground\",\n          className\n        )}\n        asChild={!!linkHref}\n        onSelect={handleSelect}\n        {...otherProps}\n      >\n        {linkHref ? <a href={linkHref}>{itemContent}</a> : itemContent}\n      </PrimitiveDropdownMenuItem>\n    );\n  }\n);\nMenuItem.displayName = \"Dropdown.MenuItem\";\n\nexport { MenuItem };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n} from \"src/primitives/DropdownMenu\";\n\ninterface SubMenuProps {\n  label?: string;\n  icon?: IconProp;\n  children?: ReactNode;\n  className?: string;\n  triggerProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuSubTrigger>,\n    \"ref\" | \"className\" | \"children\"\n  >;\n  contentProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuSubContent>,\n    \"children\"\n  >;\n}\n\nconst SubMenu = forwardRef<HTMLDivElement, SubMenuProps>(\n  ({ label, icon, children, className, triggerProps, contentProps }, ref) => (\n    <DropdownMenuSub>\n      <DropdownMenuSubTrigger ref={ref} className={className} {...triggerProps}>\n        {icon && <span className=\"shrink-0\">{renderIcon(icon, \"size-4\")}</span>}\n        {label && <span>{label}</span>}\n      </DropdownMenuSubTrigger>\n      <DropdownMenuSubContent {...contentProps}>\n        {children}\n      </DropdownMenuSubContent>\n    </DropdownMenuSub>\n  )\n);\nSubMenu.displayName = \"Dropdown.SubMenu\";\n\nexport { SubMenu };\n","import { DropdownBase } from \"./DropdownBase\";\nimport { Divider } from \"./Divider\";\nimport { Label } from \"./Label\";\nimport { Menu } from \"./Menu\";\nimport { MenuItem } from \"./MenuItem\";\nimport { SubMenu } from \"./SubMenu\";\n\nexport type { DropdownProps, DropdownPosition } from \"./types\";\n\ntype DropdownComponent = typeof DropdownBase & {\n  displayName?: string;\n  Menu: typeof Menu;\n  MenuItem: typeof MenuItem;\n  Divider: typeof Divider;\n  Label: typeof Label;\n  SubMenu: typeof SubMenu;\n};\n\nconst DropdownMenu = DropdownBase as DropdownComponent;\nDropdownMenu.displayName = \"DropdownMenu\";\nDropdownMenu.Menu = Menu;\nDropdownMenu.MenuItem = MenuItem;\nDropdownMenu.Divider = Divider;\nDropdownMenu.Label = Label;\nDropdownMenu.SubMenu = SubMenu;\n\nexport { DropdownMenu };\n"],"names":["PrimitiveButton","DropdownMenu","PrimitiveDropdownMenuItem"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/components/DropdownMenu/constants.ts","../../src/components/DropdownMenu/SplitTrigger.tsx","../../src/components/DropdownMenu/TriggerButton.tsx","../../src/components/DropdownMenu/types.ts","../../src/components/DropdownMenu/DropdownBase.tsx","../../src/components/DropdownMenu/Divider.tsx","../../src/components/DropdownMenu/Label.tsx","../../src/components/DropdownMenu/Menu.tsx","../../src/components/DropdownMenu/MenuItem.tsx","../../src/components/DropdownMenu/SubMenu.tsx","../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"bottom\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"end\",\n};\n\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Button } from \"src/components/Button\";\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\nimport { ButtonGroup } from \"src/primitives/ButtonGroup\";\nimport { DropdownMenuTrigger } from \"src/primitives/DropdownMenu\";\n\nimport type { BaseTriggerProps } from \"./types\";\n\ninterface SplitTriggerOwnProps extends BaseTriggerProps {\n  /** Ref forwarded to the action button (left side). */\n  actionButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Radix injects extra props (aria-expanded, data-state, …) via Slot on the\n * DropdownMenuTrigger child.  We capture them with a rest-spread.\n */\ntype SplitTriggerProps = SplitTriggerOwnProps &\n  Omit<React.ComponentProps<\"div\">, keyof SplitTriggerOwnProps>;\n\nconst SplitTrigger = forwardRef<HTMLDivElement, SplitTriggerProps>(\n  (\n    {\n      label,\n      icon,\n      buttonProps,\n      disabled,\n      isOpen,\n      onClick,\n      actionButtonRef,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const variant = buttonProps?.variant;\n    const size = buttonProps?.size;\n\n    return (\n      <ButtonGroup\n        ref={ref}\n        className={cn(\"neeto-ui-action-dropdown\", className)}\n        {...otherProps}\n      >\n        {/* Action button — fires the primary onClick */}\n        <Button\n          ref={actionButtonRef}\n          type=\"button\"\n          label={label}\n          icon={icon}\n          iconPosition=\"left\"\n          disabled={disabled}\n          data-testid=\"action-dropdown-btn\"\n          {...buttonProps}\n          onClick={onClick}\n        />\n\n        {/* Chevron trigger — opens the dropdown menu */}\n        <DropdownMenuTrigger asChild disabled={disabled}>\n          <PrimitiveButton\n            type=\"button\"\n            variant={variant}\n            size={size}\n            disabled={disabled}\n            aria-label={t(\n              \"neetoatoms.dropdownMenu.openMenu\",\n              \"Open dropdown menu\"\n            )}\n            className=\"px-1.5\"\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={cn(\n                \"shrink-0 transition-transform duration-200\",\n                isOpen && \"rotate-180\"\n              )}\n            />\n          </PrimitiveButton>\n        </DropdownMenuTrigger>\n      </ButtonGroup>\n    );\n  }\n);\nSplitTrigger.displayName = \"Dropdown.SplitTrigger\";\n\nexport { SplitTrigger };\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { hyphenize } from \"src/utils/hyphenize\";\nimport { Button } from \"src/components/Button\";\n\nimport type { BaseTriggerProps } from \"./types\";\n\n/**\n * Extra props that Radix's Slot injects when the parent Trigger uses\n * `asChild` (aria-expanded, aria-haspopup, data-state, id, …).\n * We capture them with a rest-spread so they reach the DOM button.\n */\ntype TriggerButtonProps = BaseTriggerProps &\n  Omit<React.ComponentProps<\"button\">, keyof BaseTriggerProps>;\n\nconst TriggerButton = forwardRef<HTMLButtonElement, TriggerButtonProps>(\n  (\n    {\n      label,\n      icon,\n      buttonProps,\n      disabled,\n      isOpen,\n      onClick,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => (\n    <Button\n      ref={ref}\n      type=\"button\"\n      label={label}\n      icon={icon}\n      iconPosition=\"left\"\n      trailing={\n        <ChevronDown\n          aria-hidden=\"true\"\n          className={cn(\n            \"shrink-0 transition-transform duration-200\",\n            isOpen && \"rotate-180\"\n          )}\n        />\n      }\n      disabled={disabled}\n      {...otherProps}\n      data-testid={`${hyphenize(label)}-dropdown-icon`}\n      {...buttonProps}\n      onClick={onClick}\n      className={cn(className, buttonProps?.className)}\n    />\n  )\n);\nTriggerButton.displayName = \"Dropdown.TriggerButton\";\n\nexport { TriggerButton };\n","import { createContext, type ReactNode, type Ref } from \"react\";\n\nimport {\n  DropdownMenuContent,\n  DropdownMenuItem as PrimitiveDropdownMenuItem,\n  type DropdownMenuItemSize,\n} from \"src/primitives/DropdownMenu\";\nimport type { ButtonProps } from \"src/components/Button\";\nimport type { IconProp } from \"src/shared/renderIcon\";\n\nexport type DropdownPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\n/**\n * Mirrors the primitive `DropdownMenuItem`'s `variant` vocabulary so the\n * wrapper speaks the same language. Keep in sync with Radix primitive.\n */\nexport type MenuItemVariant = \"default\" | \"destructive\";\n\n/**\n * Props forwarded to the trigger button. Sourced from the `Button` wrapper,\n * so consumers can pass `variant`, `size`, `loading`, `tooltipProps`,\n * `fullWidth`, `iconPosition`, etc.\n *\n * The dropdown owns these and so they are excluded:\n * - `label`/`icon`: top-level props on `DropdownMenu`\n * - `trailing`: the chevron\n * - `disabled`: `DropdownMenu`'s own `disabled` prop is authoritative\n * - `onClick`: use `DropdownMenu`'s `onClick` (drives split-button mode)\n * - `to`/`href`: a navigating trigger doesn't open a menu\n * - `asChild`/`children`: use `customTarget` / `label` instead\n */\nexport type DropdownButtonProps = Omit<\n  ButtonProps,\n  | \"label\"\n  | \"icon\"\n  | \"trailing\"\n  | \"disabled\"\n  | \"onClick\"\n  | \"to\"\n  | \"href\"\n  | \"asChild\"\n  | \"children\"\n>;\n\nexport interface BaseTriggerProps {\n  label?: string;\n  icon?: IconProp;\n  buttonProps?: DropdownButtonProps;\n  disabled: boolean;\n  isOpen: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n}\n\nexport interface DropdownProps {\n  /** Text label displayed inside the trigger button. */\n  label?: string;\n  /** Icon rendered inside the trigger button. */\n  icon?: IconProp;\n  /**\n   * Props forwarded to the trigger button (variant, size, className,\n   * loading, tooltipProps, fullWidth, iconPosition, …). In split-button\n   * mode, forwarded to the action button; the chevron half visually mirrors\n   * `variant`/`size`. Accepts the full `Button` prop type minus the props\n   * the dropdown controls.\n   */\n  buttonProps?: DropdownButtonProps;\n  /** Custom trigger element. Overrides the default button trigger. */\n  customTarget?: ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n  /** Whether the dropdown is disabled. */\n  disabled?: boolean;\n  /** Dropdown menu content. */\n  children?: ReactNode;\n  /** Position of the dropdown menu relative to the trigger. */\n  position?: DropdownPosition;\n  /** Whether pressing Escape closes the dropdown. */\n  closeOnEsc?: boolean;\n  /** Whether selecting an item closes the dropdown. */\n  closeOnSelect?: boolean;\n  /** Whether clicking outside closes the dropdown. */\n  closeOnOutsideClick?: boolean;\n  /**\n   * Whether the dropdown is modal. When `true`, the rest of the page is made\n   * inert: focus is trapped, body scroll is locked, and sibling content is\n   * hidden from assistive tech. Defaults to `false` to match the WAI-ARIA\n   * `menu` pattern. Opt in only when the menu must own the user's attention\n   * (e.g. a command palette).\n   */\n  modal?: boolean;\n  /** Controlled open state. */\n  isOpen?: boolean;\n  /** Callback fired when the dropdown closes. */\n  onClose?: () => void;\n  /**\n   * Callback fired when the trigger button is clicked.\n   * When provided (without `customTarget`), renders a **split-button**:\n   * a primary action button (fires `onClick`) paired with a separate\n   * chevron that opens the dropdown menu.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /** Additional CSS class names for the trigger wrapper. */\n  className?: string;\n  /** Ref forwarded to the trigger button. In split-button mode, forwarded to the action button. */\n  triggerRef?: Ref<HTMLButtonElement>;\n  /** Extra props forwarded to the DropdownMenuContent. */\n  dropdownProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuContent>,\n    \"side\" | \"align\"\n  >;\n}\n\nexport interface MenuItemProps extends Omit<\n  React.ComponentProps<typeof PrimitiveDropdownMenuItem>,\n  \"prefix\" | \"variant\" | \"onClick\"\n> {\n  /** Highlight as active. */\n  isActive?: boolean;\n  /** Disable the menu item. */\n  isDisabled?: boolean;\n  /** Visual variant of the menu item. */\n  variant?: MenuItemVariant;\n  /**\n   * Vertical density — row padding and height — of the item (font size is\n   * unchanged). Defaults to `\"default\"` (the roomy baseline); pass `\"compact\"`\n   * for dense rows in long / scrolling menus.\n   */\n  size?: DropdownMenuItemSize;\n  /** Content rendered before the label. */\n  prefix?: ReactNode;\n  /** Content rendered after the label. */\n  suffix?: ReactNode;\n  /** Internal route (renders as anchor). */\n  to?: string;\n  /** External link (renders as anchor). */\n  href?: string;\n  /** Callback fired when the item is selected. */\n  onClick?: (e: Event) => void;\n  /** Children / label text. */\n  children?: ReactNode;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nexport const DropdownContext = createContext({ closeOnSelect: true });\n","import { useCallback, useState } from \"react\";\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"src/primitives/DropdownMenu\";\nimport { hyphenize } from \"src/utils/hyphenize\";\n\nimport { ALIGN_MAP, SIDE_MAP } from \"./constants\";\nimport { SplitTrigger } from \"./SplitTrigger\";\nimport { TriggerButton } from \"./TriggerButton\";\nimport { DropdownContext, type DropdownProps } from \"./types\";\n\nconst DropdownBase = ({\n  label,\n  icon,\n  buttonProps,\n  customTarget,\n  disabled = false,\n  children,\n  position = \"bottom-end\",\n  closeOnEsc = true,\n  closeOnSelect = true,\n  closeOnOutsideClick = true,\n  modal = false,\n  isOpen: isOpenProp,\n  onClose,\n  onClick,\n  className,\n  triggerRef,\n  dropdownProps,\n}: DropdownProps) => {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = isOpenProp !== undefined;\n  const open = isControlled ? isOpenProp : internalOpen;\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => {\n      if (!isControlled) setInternalOpen(isOpen);\n      if (!isOpen) onClose?.();\n    },\n    [isControlled, onClose]\n  );\n\n  const side = SIDE_MAP[position] ?? \"bottom\";\n  const align = ALIGN_MAP[position] ?? \"end\";\n\n  // Split-button mode: onClick provided without a customTarget.\n  const isSplit = !!onClick && !customTarget;\n\n  const sharedTriggerProps = {\n    label,\n    icon,\n    buttonProps,\n    disabled,\n    isOpen: open,\n    onClick,\n  };\n\n  const triggerNode = isSplit ? (\n    <SplitTrigger\n      {...sharedTriggerProps}\n      actionButtonRef={triggerRef}\n      className={className}\n    />\n  ) : (\n    <DropdownMenuTrigger asChild disabled={disabled} className={className}>\n      {customTarget ? (\n        typeof customTarget === \"function\" ? (\n          customTarget({ isOpen: open })\n        ) : (\n          customTarget\n        )\n      ) : (\n        <TriggerButton ref={triggerRef} {...sharedTriggerProps} />\n      )}\n    </DropdownMenuTrigger>\n  );\n\n  return (\n    <DropdownContext.Provider value={{ closeOnSelect }}>\n      <DropdownMenu open={open} onOpenChange={handleOpenChange} modal={modal}>\n        {triggerNode}\n        <DropdownMenuContent\n          side={side}\n          align={align}\n          onEscapeKeyDown={closeOnEsc ? undefined : e => e.preventDefault()}\n          onInteractOutside={\n            closeOnOutsideClick ? undefined : e => e.preventDefault()\n          }\n          data-testid={`${hyphenize(label)}-dropdown-container`}\n          {...dropdownProps}\n        >\n          {children}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </DropdownContext.Provider>\n  );\n};\n\nexport { DropdownBase };\n","import React, { forwardRef } from \"react\";\n\nimport { DropdownMenuSeparator } from \"src/primitives/DropdownMenu\";\n\nconst Divider = forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof DropdownMenuSeparator>\n>((props, ref) => <DropdownMenuSeparator ref={ref} {...props} />);\nDivider.displayName = \"Dropdown.Divider\";\n\nexport { Divider };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport {\n  DropdownMenuLabel,\n  type DropdownMenuItemSize,\n} from \"src/primitives/DropdownMenu\";\n\ninterface MenuLabelProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * Density of the section label. Match the `size` used on the menu's items\n   * (default `\"default\"`) so the label stays aligned with them.\n   */\n  size?: DropdownMenuItemSize;\n}\n\nconst Label = forwardRef<HTMLDivElement, MenuLabelProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <DropdownMenuLabel ref={ref} className={className} {...otherProps}>\n      {children}\n    </DropdownMenuLabel>\n  )\n);\nLabel.displayName = \"Dropdown.Label\";\n\nexport { Label };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuGroup } from \"src/primitives/DropdownMenu\";\n\ninterface MenuProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <DropdownMenuGroup\n      ref={ref}\n      className={cn(\"flex flex-col\", className)}\n      {...otherProps}\n    >\n      {children}\n    </DropdownMenuGroup>\n  )\n);\nMenu.displayName = \"Dropdown.Menu\";\n\nexport { Menu };\n","import { forwardRef, useCallback, useContext, useMemo } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuItem as PrimitiveDropdownMenuItem } from \"src/primitives/DropdownMenu\";\n\nimport { DropdownContext, type MenuItemProps } from \"./types\";\n\nconst MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  (\n    {\n      children,\n      isActive = false,\n      isDisabled = false,\n      variant = \"default\",\n      prefix,\n      suffix,\n      to,\n      href,\n      className,\n      onClick,\n      disabled: _disabled,\n      asChild: _asChild,\n      onSelect: _onSelect,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { closeOnSelect } = useContext(DropdownContext);\n    const linkHref = to ?? href;\n\n    const handleSelect = useCallback(\n      (e: Event) => {\n        if (!closeOnSelect) e.preventDefault();\n        onClick?.(e);\n      },\n      [closeOnSelect, onClick]\n    );\n\n    const itemContent = useMemo(\n      () => (\n        <>\n          {prefix && (\n            <span data-slot=\"menu-item-prefix\" className=\"shrink-0\">\n              {prefix}\n            </span>\n          )}\n          <span className=\"flex-1 truncate\">{children}</span>\n          {suffix && (\n            <span\n              data-slot=\"menu-item-suffix\"\n              className=\"ms-auto shrink-0 text-muted-foreground\"\n            >\n              {suffix}\n            </span>\n          )}\n        </>\n      ),\n      [prefix, children, suffix]\n    );\n\n    return (\n      <PrimitiveDropdownMenuItem\n        ref={ref}\n        variant={variant}\n        disabled={isDisabled}\n        data-active={isActive || undefined}\n        className={cn(\n          isActive && \"bg-accent text-accent-foreground\",\n          className\n        )}\n        asChild={!!linkHref}\n        onSelect={handleSelect}\n        {...otherProps}\n      >\n        {linkHref ? <a href={linkHref}>{itemContent}</a> : itemContent}\n      </PrimitiveDropdownMenuItem>\n    );\n  }\n);\nMenuItem.displayName = \"Dropdown.MenuItem\";\n\nexport { MenuItem };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n} from \"src/primitives/DropdownMenu\";\n\ninterface SubMenuProps {\n  label?: string;\n  icon?: IconProp;\n  children?: ReactNode;\n  className?: string;\n  triggerProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuSubTrigger>,\n    \"ref\" | \"className\" | \"children\"\n  >;\n  contentProps?: Omit<\n    React.ComponentProps<typeof DropdownMenuSubContent>,\n    \"children\"\n  >;\n}\n\nconst SubMenu = forwardRef<HTMLDivElement, SubMenuProps>(\n  ({ label, icon, children, className, triggerProps, contentProps }, ref) => (\n    <DropdownMenuSub>\n      <DropdownMenuSubTrigger ref={ref} className={className} {...triggerProps}>\n        {icon && <span className=\"shrink-0\">{renderIcon(icon, \"size-4\")}</span>}\n        {label && <span>{label}</span>}\n      </DropdownMenuSubTrigger>\n      <DropdownMenuSubContent {...contentProps}>\n        {children}\n      </DropdownMenuSubContent>\n    </DropdownMenuSub>\n  )\n);\nSubMenu.displayName = \"Dropdown.SubMenu\";\n\nexport { SubMenu };\n","import { DropdownBase } from \"./DropdownBase\";\nimport { Divider } from \"./Divider\";\nimport { Label } from \"./Label\";\nimport { Menu } from \"./Menu\";\nimport { MenuItem } from \"./MenuItem\";\nimport { SubMenu } from \"./SubMenu\";\n\nexport type { DropdownProps, DropdownPosition } from \"./types\";\n\ntype DropdownComponent = typeof DropdownBase & {\n  displayName?: string;\n  Menu: typeof Menu;\n  MenuItem: typeof MenuItem;\n  Divider: typeof Divider;\n  Label: typeof Label;\n  SubMenu: typeof SubMenu;\n};\n\nconst DropdownMenu = DropdownBase as DropdownComponent;\nDropdownMenu.displayName = \"DropdownMenu\";\nDropdownMenu.Menu = Menu;\nDropdownMenu.MenuItem = MenuItem;\nDropdownMenu.Divider = Divider;\nDropdownMenu.Label = Label;\nDropdownMenu.SubMenu = SubMenu;\n\nexport { DropdownMenu };\n"],"names":["PrimitiveButton","DropdownMenu","PrimitiveDropdownMenuItem"],"mappings":"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"}

package/dist/components/Input.js

@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/components/Label.js

@@ -1,7 +1,7 @@
-export { L as Label } from '../Label-BUf6CzV9.js';
+export { L as Label } from '../Label-DrjtHwMk.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../utils-BJnb9o5c.js';

package/dist/components/MultiEmailInput.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-i18next';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/components/RadioGroup.js

@@ -21,7 +21,7 @@ import '../index-yFgkK_AM.js';
 import '../primitives/Label.js';
 import '../label-YEsizr2c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-BNPynZWM.js';

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { S as Select } from '../Select-XgpTYRqO.js';
+export { S as Select } from '../Select-B6Yn7BFi.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../fieldIds-VpluAAMl.js';
@@ -26,7 +26,7 @@ import '../with-selector-Dv0G_V_o.js';
 import '../floating-ui.react-dom-BtFUJRfb.js';
 import '../SelectFieldWrapper-D370CD4o.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/components/Slider.js

@@ -16,7 +16,7 @@ import '../index-DhnfW8wQ.js';
 import 'react-dom';
 import '../index-Dd1i1d2M.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-BNPynZWM.js';

package/dist/components/Switch.js

@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Field.js';
 import '../utils-BJnb9o5c.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/components/Textarea.js

@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/components/TimePicker.js

@@ -22,7 +22,7 @@ import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-CSggBaQF.js';

package/dist/components/TreeSelect.js

@@ -22,7 +22,7 @@ import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
 import '../SelectFieldWrapper-D370CD4o.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-CSggBaQF.js';

package/dist/components/index.js

@@ -7,19 +7,19 @@ export { B as Badge } from '../Badge-ChmtKioK.js';
 export { C as Callout } from '../Callout-DJGi3MQR.js';
 export { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from '../ColorPicker-BvWNd8Tp.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DKYkrFfk.js';
-export { D as DatePicker } from '../DatePicker-BYic3Ykm.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-8hVysQPv.js';
+export { D as DatePicker } from '../DatePicker-Bvuu3hlt.js';
 export { D as Dialog } from '../Dialog-ZTcfRPwU.js';
 export { E as Empty } from '../Empty-XqdCD2dj.js';
 export { I as Input } from '../Input-Dm5ILPH3.js';
 export { K as Kbd } from '../Kbd-CKfR8HlC.js';
-export { L as Label } from '../Label-BUf6CzV9.js';
+export { L as Label } from '../Label-DrjtHwMk.js';
 export { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
 export { P as Pagination } from '../Pagination-yjG8uCpV.js';
 export { P as Popover } from '../Popover-BHGvcdV2.js';
 export { P as Progress } from '../Progress-DbtLbWf8.js';
 export { R as RadioGroup } from '../RadioGroup-CBXByAMW.js';
-export { S as Select } from '../Select-XgpTYRqO.js';
+export { S as Select } from '../Select-B6Yn7BFi.js';
 export { S as Sheet } from '../Sheet-D1MWtg1q.js';
 export { S as Slider } from '../Slider-CxQdlyHZ.js';
 export { S as Spinner } from '../Spinner-vfggfvEp.js';
@@ -101,7 +101,7 @@ import '../primitives/Checkbox.js';
 import '../index-30QpKM0j.js';
 import '../fieldIds-VpluAAMl.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../label-YEsizr2c.js';
 import 'react-colorful';
 import '../primitives/Popover.js';

package/dist/formik/BlockNavigation/BlockNavigationAlert.d.ts

@@ -1,9 +1,15 @@
 export interface BlockNavigationAlertProps {
     /** Whether the alert dialog is open. */
     isOpen?: boolean;
+    /** Whether the form is being saved. Shows a loader on the primary button and
+     * prevents the dialog from being dismissed. */
+    isSaving?: boolean;
+    /** Whether the primary button saves the form before resuming navigation.
+     * Defaults to true; pass false for the older "Stay on this page" behaviour. */
+    saveAndContinue?: boolean;
     /** Called when the dialog should close. */
     onClose?: () => void;
-    /** Called when the user chooses to stay. */
+    /** Called when the user chooses to save and continue, or to stay. */
     onSubmit?: () => void;
     /** Called when the user chooses to discard and leave. */
     onDiscardChanges?: () => void;
@@ -13,11 +19,12 @@ export interface BlockNavigationAlertProps {
     message?: string;
     /** Custom label for the discard/cancel button. */
     cancelButtonLabel?: string;
-    /** Custom label for the stay/submit button. */
+    /** Custom label for the primary button. Defaults to "Save and continue" when
+     * saveAndContinue is enabled and "Stay on this page" otherwise. */
     submitButtonLabel?: string;
 }
 declare const BlockNavigationAlert: {
-    ({ isOpen, onClose, onSubmit, onDiscardChanges, title, message, cancelButtonLabel, submitButtonLabel, }: BlockNavigationAlertProps): import("react/jsx-runtime").JSX.Element;
+    ({ isOpen, isSaving, saveAndContinue, onClose, onSubmit, onDiscardChanges, title, message, cancelButtonLabel, submitButtonLabel, }: BlockNavigationAlertProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { BlockNavigationAlert };

package/dist/formik/BlockNavigation/index.d.ts

@@ -1,10 +1,10 @@
 import { type BlockNavigationAlertProps } from "./BlockNavigationAlert";
-export interface FormikBlockNavigationProps extends Omit<BlockNavigationAlertProps, "isOpen" | "onClose" | "onSubmit" | "onDiscardChanges"> {
+export interface FormikBlockNavigationProps extends Omit<BlockNavigationAlertProps, "isOpen" | "isSaving" | "onClose" | "onSubmit" | "onDiscardChanges"> {
     /** Force the navigation block regardless of Formik dirty state. */
     isDirty?: boolean;
 }
 declare const FormikBlockNavigation: {
-    ({ isDirty, ...otherProps }: FormikBlockNavigationProps): import("react/jsx-runtime").JSX.Element;
+    ({ isDirty, saveAndContinue, ...otherProps }: FormikBlockNavigationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { FormikBlockNavigation };

package/dist/formik/BlockNavigation.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useFormikContext } from 'formik';
 import { useState, useRef, useCallback, useEffect } from 'react';
+import { useFormikContext } from 'formik';
 import { useHistory } from 'react-router-dom';
 import { D as Dialog } from '../Dialog-ZTcfRPwU.js';
 import { b as Button } from '../Button-ZssOVkG0.js';
@@ -82,7 +82,10 @@ const useNavPrompt = ({
       unblockRef.current = history.block(
         (transition, action) => {
           setIsBlocked(true);
-          navRef.current = { transition: transition.pathname, action };
+          navRef.current = {
+            transition: `${transition.pathname}${transition.search ?? ""}${transition.hash ?? ""}`,
+            action
+          };
           return false;
         }
       );
@@ -97,24 +100,27 @@ const useNavPrompt = ({
 
 const BlockNavigationAlert = ({
   isOpen = false,
+  isSaving = false,
+  saveAndContinue = true,
   onClose,
   onSubmit,
   onDiscardChanges,
   title = "You have unsaved changes",
   message = "Are you sure you want to leave? All unsaved changes will be lost.",
   cancelButtonLabel = "Discard and leave",
-  submitButtonLabel = "Stay on this page"
+  submitButtonLabel
 }) => {
   const submitButtonRef = useRef(null);
+  const primaryButtonLabel = submitButtonLabel ?? (saveAndContinue ? "Save and continue" : "Stay on this page");
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
       isOpen,
       onClose: onClose ?? (() => {
       }),
-      closeButton: true,
-      closeOnEsc: true,
-      closeOnOutsideClick: true,
+      closeButton: !isSaving,
+      closeOnEsc: !isSaving,
+      closeOnOutsideClick: !isSaving,
       initialFocusRef: submitButtonRef,
       size: "medium",
       "data-testid": "alert-box",
@@ -133,6 +139,7 @@ const BlockNavigationAlert = ({
             Button,
             {
               "data-testid": "alert-cancel-button",
+              disabled: isSaving,
               label: cancelButtonLabel,
               variant: "destructive",
               onClick: onDiscardChanges
@@ -142,7 +149,8 @@ const BlockNavigationAlert = ({
             Button,
             {
               "data-testid": "alert-submit-button",
-              label: submitButtonLabel,
+              label: primaryButtonLabel,
+              loading: isSaving,
               ref: submitButtonRef,
               onClick: onSubmit
             }
@@ -156,8 +164,10 @@ BlockNavigationAlert.displayName = "BlockNavigationAlert";
 
 const FormikBlockNavigation = ({
   isDirty = false,
+  saveAndContinue = true,
   ...otherProps
 }) => {
+  const [isSaving, setIsSaving] = useState(false);
   const formikContext = useFormikContext();
   const shouldBlock = isDirty || Boolean(formikContext) && Boolean(formikContext.dirty);
   const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({
@@ -168,13 +178,35 @@ const FormikBlockNavigation = ({
     hidePrompt();
     continueNavigation();
   };
+  const handleSaveAndContinue = async () => {
+    if (!formikContext) {
+      hidePrompt();
+      return;
+    }
+    setIsSaving(true);
+    try {
+      const errors = await formikContext.validateForm();
+      if (Object.keys(errors).length > 0) {
+        await formikContext.submitForm();
+        hidePrompt();
+        return;
+      }
+      await formikContext.submitForm();
+      continueNavigation();
+    } catch {
+      hidePrompt();
+    } finally {
+      setIsSaving(false);
+    }
+  };
   return /* @__PURE__ */ jsx(
     BlockNavigationAlert,
     {
+      ...{ isSaving, saveAndContinue },
       isOpen: isBlocked,
       onClose: hidePrompt,
       onDiscardChanges: handleDiscardChanges,
-      onSubmit: hidePrompt,
+      onSubmit: saveAndContinue ? handleSaveAndContinue : hidePrompt,
       ...otherProps
     }
   );

package/dist/formik/BlockNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockNavigation.js","sources":["../../src/formik/BlockNavigation/hooks/useNavPrompt.ts","../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>(undefined);\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (transition: { pathname: string }, action: string) => {\n          setIsBlocked(true);\n          navRef.current = { transition: transition.pathname, action };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the stay/submit button. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"./hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <BlockNavigationAlert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BlockNavigation.js","sources":["../../src/formik/BlockNavigation/hooks/useNavPrompt.ts","../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>(undefined);\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (\n          transition: { pathname: string; search?: string; hash?: string },\n          action: string\n        ) => {\n          setIsBlocked(true);\n          navRef.current = {\n            transition: `${transition.pathname}${transition.search ?? \"\"}${\n              transition.hash ?? \"\"\n            }`,\n            action,\n          };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Whether the form is being saved. Shows a loader on the primary button and\n   * prevents the dialog from being dismissed. */\n  isSaving?: boolean;\n  /** Whether the primary button saves the form before resuming navigation.\n   * Defaults to true; pass false for the older \"Stay on this page\" behaviour. */\n  saveAndContinue?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to save and continue, or to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the primary button. Defaults to \"Save and continue\" when\n   * saveAndContinue is enabled and \"Stay on this page\" otherwise. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  isSaving = false,\n  saveAndContinue = true,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel,\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  const primaryButtonLabel =\n    submitButtonLabel ??\n    (saveAndContinue ? \"Save and continue\" : \"Stay on this page\");\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton={!isSaving}\n      closeOnEsc={!isSaving}\n      closeOnOutsideClick={!isSaving}\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          disabled={isSaving}\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={primaryButtonLabel}\n          loading={isSaving}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useState } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"./hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"isSaving\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  saveAndContinue = true,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const [isSaving, setIsSaving] = useState(false);\n\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  const handleSaveAndContinue = async () => {\n    if (!formikContext) {\n      hidePrompt();\n\n      return;\n    }\n\n    setIsSaving(true);\n    try {\n      const errors = await formikContext.validateForm();\n      if (Object.keys(errors).length > 0) {\n        await formikContext.submitForm();\n        hidePrompt();\n\n        return;\n      }\n\n      await formikContext.submitForm();\n      continueNavigation();\n    } catch {\n      hidePrompt();\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  return (\n    <BlockNavigationAlert\n      {...{ isSaving, saveAndContinue }}\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={saveAndContinue ? handleSaveAndContinue : hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":[],"mappings":"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"}

package/dist/formik/Checkbox.js

@@ -20,7 +20,7 @@ import 'react-dom';
 import '../fieldIds-VpluAAMl.js';
 import '../hyphenize-TRhMI0tl.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-BNPynZWM.js';

package/dist/formik/Form.js

@@ -76,11 +76,11 @@ const FormWrapper = forwardRef(
               scrollToError(formRef, errors, status);
             }
           } else {
-            submitForm();
+            await submitForm();
           }
         } catch (error) {
           console.error(
-            "An unhandled error was caught from validateForm()",
+            "An unhandled error was caught while validating or submitting the form",
             error
           );
         }

package/dist/formik/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../src/formik/Form/ScrollToErrorField/utils.ts","../../src/formik/Form/ScrollToErrorField/index.tsx","../../src/formik/Form/FormWrapper.tsx","../../src/formik/Form/index.tsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (\n  object: Record<string, unknown>,\n  prefix = \"\"\n): string[] => {\n  const result: string[] = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(\n        ...transformObjectToDotNotation(\n          value as Record<string, unknown>,\n          nextKey\n        )\n      );\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = (\n  formikErrors: Record<string, unknown>\n): string | undefined => transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (\n  status: Record<string, unknown> = {}\n): string[] =>\n  Object.keys(status).filter(\n    fieldName => status[fieldName] != null && status[fieldName] !== \"\"\n  );\n\nexport const scrollToError = (\n  formRef: React.RefObject<HTMLFormElement | null>,\n  errors: Record<string, unknown>,\n  status: Record<string, unknown>\n): void => {\n  const fieldErrorName = getErrorFieldName(errors);\n  const [fieldWithServerError] = getFieldsWithServerError(status);\n\n  if (!fieldErrorName && !fieldWithServerError) return;\n\n  const errorFieldName = fieldErrorName || fieldWithServerError;\n  const errorFormElement = formRef.current?.querySelector(\n    `[name=\"${errorFieldName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\ninterface ScrollToErrorFieldProps {\n  formRef: React.RefObject<HTMLFormElement | null>;\n}\n\nconst ScrollToErrorField = ({ formRef }: ScrollToErrorFieldProps) => {\n  const { submitCount, isValid, errors, status } = useFormikContext();\n\n  useEffect(() => {\n    const fieldsWithServerError = getFieldsWithServerError(status);\n    if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {\n      return;\n    }\n\n    scrollToError(formRef, errors as Record<string, unknown>, status);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n  getFieldsWithServerError,\n  scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\ninterface FormWrapperProps {\n  className?: string;\n  formProps?: React.ComponentProps<\"form\">;\n  children: React.ReactNode;\n  scrollToErrorField: boolean;\n}\n\nconst FormWrapper = forwardRef<HTMLFormElement, FormWrapperProps>(\n  ({ className, formProps, children, scrollToErrorField }, ref) => {\n    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting, status } = formikBag;\n\n    const formRefForScrollToErrorField = useRef<HTMLFormElement>(null);\n    const formRef =\n      (ref as React.RefObject<HTMLFormElement | null>) ||\n      formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async (event: React.KeyboardEvent<HTMLFormElement>) => {\n        const target = event.target as HTMLElement & { editor?: unknown };\n        const isEventFromEditorOrTextarea =\n          target.tagName === \"TEXTAREA\" || target.editor;\n\n        if (event.key !== \"Enter\") return;\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n          const fieldStatuses = getFieldsWithServerError(status);\n\n          if (\n            Object.keys(errors).length > 0 ||\n            Object.keys(fieldStatuses).length > 0\n          ) {\n            setErrors(errors);\n            setTouched({ ...errors, ...status });\n            if (scrollToErrorField) {\n              scrollToError(formRef, errors as Record<string, unknown>, status);\n            }\n          } else {\n            submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught from validateForm()\",\n            error\n          );\n        }\n      },\n      [\n        validateForm,\n        setErrors,\n        setTouched,\n        isFormDirty,\n        isSubmitting,\n        submitForm,\n        status,\n        scrollToErrorField,\n        formRef,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik, FormikConfig, FormikProps, FormikValues } from \"formik\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nexport interface FormProps<T extends FormikValues = FormikValues> {\n  /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */\n  formikProps: FormikConfig<T>;\n  /** Props forwarded to the HTML form element. */\n  formProps?: React.ComponentProps<\"form\">;\n  /** Auto-scroll to the first error field on submit. */\n  scrollToErrorField?: boolean;\n  /** Additional class name for the form wrapper. */\n  className?: string;\n  /** Render children directly or as a function receiving FormikProps. */\n  children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);\n}\n\nconst Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => {\n    const formikRef = useRef<FormikProps<FormikValues>>(null);\n\n    const handleSubmit: FormikConfig<FormikValues>[\"onSubmit\"] = (\n      values,\n      actions\n    ) => {\n      const fieldsWithServerError = getFieldsWithServerError(\n        formikRef.current?.status\n      );\n\n      if (fieldsWithServerError.length > 0) {\n        actions.setSubmitting(false);\n\n        return undefined;\n      }\n\n      return formikProps.onSubmit(values, actions);\n    };\n\n    return (\n      <Formik\n        innerRef={formikRef as React.Ref<FormikProps<FormikValues>>}\n        {...formikProps}\n        onSubmit={handleSubmit}\n      >\n        {props => (\n          <FormWrapper {...{ className, formProps, ref, scrollToErrorField }}>\n            {typeof children === \"function\" ? children(props) : children}\n          </FormWrapper>\n        )}\n      </Formik>\n    );\n  }\n);\n\nForm.displayName = \"Form\";\n\nexport { Form };\n"],"names":["FormikForm"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../src/formik/Form/ScrollToErrorField/utils.ts","../../src/formik/Form/ScrollToErrorField/index.tsx","../../src/formik/Form/FormWrapper.tsx","../../src/formik/Form/index.tsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (\n  object: Record<string, unknown>,\n  prefix = \"\"\n): string[] => {\n  const result: string[] = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(\n        ...transformObjectToDotNotation(\n          value as Record<string, unknown>,\n          nextKey\n        )\n      );\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = (\n  formikErrors: Record<string, unknown>\n): string | undefined => transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (\n  status: Record<string, unknown> = {}\n): string[] =>\n  Object.keys(status).filter(\n    fieldName => status[fieldName] != null && status[fieldName] !== \"\"\n  );\n\nexport const scrollToError = (\n  formRef: React.RefObject<HTMLFormElement | null>,\n  errors: Record<string, unknown>,\n  status: Record<string, unknown>\n): void => {\n  const fieldErrorName = getErrorFieldName(errors);\n  const [fieldWithServerError] = getFieldsWithServerError(status);\n\n  if (!fieldErrorName && !fieldWithServerError) return;\n\n  const errorFieldName = fieldErrorName || fieldWithServerError;\n  const errorFormElement = formRef.current?.querySelector(\n    `[name=\"${errorFieldName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\ninterface ScrollToErrorFieldProps {\n  formRef: React.RefObject<HTMLFormElement | null>;\n}\n\nconst ScrollToErrorField = ({ formRef }: ScrollToErrorFieldProps) => {\n  const { submitCount, isValid, errors, status } = useFormikContext();\n\n  useEffect(() => {\n    const fieldsWithServerError = getFieldsWithServerError(status);\n    if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {\n      return;\n    }\n\n    scrollToError(formRef, errors as Record<string, unknown>, status);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n  getFieldsWithServerError,\n  scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\ninterface FormWrapperProps {\n  className?: string;\n  formProps?: React.ComponentProps<\"form\">;\n  children: React.ReactNode;\n  scrollToErrorField: boolean;\n}\n\nconst FormWrapper = forwardRef<HTMLFormElement, FormWrapperProps>(\n  ({ className, formProps, children, scrollToErrorField }, ref) => {\n    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting, status } = formikBag;\n\n    const formRefForScrollToErrorField = useRef<HTMLFormElement>(null);\n    const formRef =\n      (ref as React.RefObject<HTMLFormElement | null>) ||\n      formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async (event: React.KeyboardEvent<HTMLFormElement>) => {\n        const target = event.target as HTMLElement & { editor?: unknown };\n        const isEventFromEditorOrTextarea =\n          target.tagName === \"TEXTAREA\" || target.editor;\n\n        if (event.key !== \"Enter\") return;\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n          const fieldStatuses = getFieldsWithServerError(status);\n\n          if (\n            Object.keys(errors).length > 0 ||\n            Object.keys(fieldStatuses).length > 0\n          ) {\n            setErrors(errors);\n            setTouched({ ...errors, ...status });\n            if (scrollToErrorField) {\n              scrollToError(formRef, errors as Record<string, unknown>, status);\n            }\n          } else {\n            await submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught while validating or submitting the form\",\n            error\n          );\n        }\n      },\n      [\n        validateForm,\n        setErrors,\n        setTouched,\n        isFormDirty,\n        isSubmitting,\n        submitForm,\n        status,\n        scrollToErrorField,\n        formRef,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik, FormikConfig, FormikProps, FormikValues } from \"formik\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nexport interface FormProps<T extends FormikValues = FormikValues> {\n  /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */\n  formikProps: FormikConfig<T>;\n  /** Props forwarded to the HTML form element. */\n  formProps?: React.ComponentProps<\"form\">;\n  /** Auto-scroll to the first error field on submit. */\n  scrollToErrorField?: boolean;\n  /** Additional class name for the form wrapper. */\n  className?: string;\n  /** Render children directly or as a function receiving FormikProps. */\n  children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);\n}\n\nconst Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => {\n    const formikRef = useRef<FormikProps<FormikValues>>(null);\n\n    const handleSubmit: FormikConfig<FormikValues>[\"onSubmit\"] = (\n      values,\n      actions\n    ) => {\n      const fieldsWithServerError = getFieldsWithServerError(\n        formikRef.current?.status\n      );\n\n      if (fieldsWithServerError.length > 0) {\n        actions.setSubmitting(false);\n\n        return undefined;\n      }\n\n      return formikProps.onSubmit(values, actions);\n    };\n\n    return (\n      <Formik\n        innerRef={formikRef as React.Ref<FormikProps<FormikValues>>}\n        {...formikProps}\n        onSubmit={handleSubmit}\n      >\n        {props => (\n          <FormWrapper {...{ className, formProps, ref, scrollToErrorField }}>\n            {typeof children === \"function\" ? children(props) : children}\n          </FormWrapper>\n        )}\n      </Formik>\n    );\n  }\n);\n\nForm.displayName = \"Form\";\n\nexport { Form };\n"],"names":["FormikForm"],"mappings":"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"}

package/dist/formik/Input.js

@@ -5,7 +5,7 @@ import { dissoc } from 'ramda';
 import { I as Input } from '../Input-Dm5ILPH3.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';

package/dist/formik/MultiEmailInput.js

@@ -6,7 +6,7 @@ import { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
 import 'react-i18next';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CB6wsVSF.js';
+import '../HelpIcon-TkvMVF4n.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-BUYRFmEv.js';
 import '../index-DNzunGHb.js';