@humain/ui 2.1.62 → 2.1.65

package/dist/index204.js.map

@@ -1 +1 @@
-{"version":3,"file":"index204.js","names":[],"sources":["../src/components/organisms/menus/CommandMenu/CommandMenu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ArrowDown,\n  ArrowUp,\n  CornerDownLeft,\n  Search,\n  Settings,\n} from 'lucide-react';\nimport * as React from 'react';\nimport { Button, ClearButton } from '@/components/atoms/buttons/Button';\nimport { Avatar } from '@/components/molecules/data/Avatar';\nimport { Kbd } from '@/components/molecules/data/Kbd';\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from '@/components/ui/command';\nimport { cn } from '@/lib/utils';\n\nconst DEFAULT_COMMAND_MENU_MAX_HEIGHT = 336;\nconst DEFAULT_COMMAND_MENU_PLACEHOLDER = 'Type a command or search...';\nconst COMMAND_MENU_SHELL_CLASS_NAME =\n  'w-full max-w-[508px] overflow-hidden rounded-xl border border-input bg-background shadow-lg';\n\nfunction getCommandMenuMaxHeight(maxHeight: number): number {\n  return Number.isFinite(maxHeight) && maxHeight >= 0\n    ? maxHeight\n    : DEFAULT_COMMAND_MENU_MAX_HEIGHT;\n}\n\n// ============================================\n// Types\n// ============================================\n\nexport interface CommandMenuOption {\n  /** Unique identifier for the option */\n  id: string;\n  /** Display label for the option */\n  label: string;\n  /** Optional subtitle (e.g., @username, email) */\n  subtitle?: string;\n  /** Optional icon to display (mutually exclusive with avatar) */\n  icon?: React.ReactNode;\n  /** Optional avatar configuration */\n  avatar?: {\n    src?: string;\n    fallback?: string;\n  };\n  /** Whether the option is disabled */\n  disabled?: boolean;\n  /** Keyboard shortcut to display */\n  shortcut?: string;\n}\n\nexport interface CommandMenuGroup {\n  /** Unique identifier for the group */\n  id: string;\n  /** Group label/heading */\n  label: string;\n  /** Options in this group */\n  options: CommandMenuOption[];\n}\n\nexport interface CommandMenuFooterHint {\n  /** Icon or keyboard key indicator */\n  keys: React.ReactNode;\n  /** Text describing the action */\n  label: string;\n}\n\nexport interface CommandMenuProps {\n  /** Whether the command menu is open */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results found */\n  emptyText?: string;\n  /** Empty state content (replaces emptyText when provided) */\n  emptyState?: React.ReactNode;\n  /** Flat list of options */\n  options?: CommandMenuOption[];\n  /** Grouped options */\n  groups?: CommandMenuGroup[];\n  /** Callback when an option is selected */\n  onSelect?: (id: string, option: CommandMenuOption) => void;\n  /** Whether to show keyboard shortcut badge in input */\n  showShortcut?: boolean;\n  /** Keyboard shortcut text to display (auto-detects platform when omitted) */\n  shortcutText?: string;\n  /** Whether to show the footer with navigation hints */\n  showFooter?: boolean;\n  /** Custom footer hints */\n  footerHints?: CommandMenuFooterHint[];\n  /** Whether to show settings button in footer */\n  showSettingsButton?: boolean;\n  /** Callback when settings button is clicked */\n  onSettingsClick?: () => void;\n  /** Additional class name for the dialog */\n  className?: string;\n  /** Maximum height of the list */\n  maxHeight?: number;\n  /** Custom filter function */\n  filter?: (value: string, search: string) => number;\n  /** Children for custom content */\n  children?: React.ReactNode;\n}\n\n// ============================================\n// Platform detection\n// ============================================\n\nfunction usePlatformShortcut() {\n  const [shortcut, setShortcut] = React.useState('\\u2318/');\n  React.useEffect(() => {\n    if (!/Mac|iPhone|iPad/i.test(navigator.userAgent)) {\n      setShortcut('Ctrl /');\n    }\n  }, []);\n  return shortcut;\n}\n\n// ============================================\n// Keyboard Shortcut Badge (uses Kbd wrapper)\n// ============================================\n\nfunction CommandShortcutBadge({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <Kbd variant=\"solid\" size=\"sm\" className={cn('shadow-xs', className)}>\n      {children}\n    </Kbd>\n  );\n}\nCommandShortcutBadge.displayName = 'CommandMenu.ShortcutBadge';\n\n// ============================================\n// Footer Navigation Icon (uses Kbd wrapper)\n// ============================================\n\nfunction FooterNavIcon({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <Kbd variant=\"footer\" size=\"sm\" className={cn('p-1.5', className)}>\n      {children}\n    </Kbd>\n  );\n}\nFooterNavIcon.displayName = 'CommandMenu.FooterNavIcon';\n\nfunction FooterNavText({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <span\n      className={cn('text-sm font-semibold text-text-quaternary', className)}\n    >\n      {children}\n    </span>\n  );\n}\nFooterNavText.displayName = 'CommandMenu.FooterNavText';\n\n// ============================================\n// Default Footer Hints\n// ============================================\n\nconst defaultFooterHints: CommandMenuFooterHint[] = [\n  {\n    keys: (\n      <div className=\"flex items-center gap-1\">\n        <FooterNavIcon>\n          <ArrowUp className=\"size-2.5 text-text-quaternary\" />\n        </FooterNavIcon>\n        <FooterNavIcon>\n          <ArrowDown className=\"size-2.5 text-text-quaternary\" />\n        </FooterNavIcon>\n      </div>\n    ),\n    label: 'to navigate',\n  },\n  {\n    keys: (\n      <FooterNavIcon>\n        <CornerDownLeft className=\"size-2.5 text-text-quaternary\" />\n      </FooterNavIcon>\n    ),\n    label: 'to select',\n  },\n  {\n    keys: (\n      <FooterNavIcon className=\"px-1.5 py-1\">\n        <span className=\"text-xs font-semibold text-text-quaternary\">esc</span>\n      </FooterNavIcon>\n    ),\n    label: 'to close',\n  },\n];\n\n// ============================================\n// Command Menu Footer\n// ============================================\n\nexport interface CommandMenuFooterProps {\n  hints?: CommandMenuFooterHint[];\n  showSettingsButton?: boolean;\n  onSettingsClick?: () => void;\n  className?: string;\n}\n\nfunction CommandMenuFooter({\n  hints = defaultFooterHints,\n  showSettingsButton = false,\n  onSettingsClick,\n  className,\n}: CommandMenuFooterProps) {\n  return (\n    <div\n      data-slot=\"command-menu-footer\"\n      className={cn(\n        'flex items-center gap-3 border-t border-border bg-card/80 py-2 pe-2 ps-[18px] supports-backdrop-filter:backdrop-blur',\n        className,\n      )}\n    >\n      <div className=\"hidden flex-1 items-start gap-4 [@media(hover:hover)]:flex\">\n        {hints.map((hint) => (\n          <div key={hint.label} className=\"flex items-center gap-2\">\n            {hint.keys}\n            <FooterNavText>{hint.label}</FooterNavText>\n          </div>\n        ))}\n      </div>\n      {showSettingsButton && (\n        <Button\n          appearance=\"ghost\"\n          variant=\"secondary\"\n          size=\"icon\"\n          className=\"group ms-auto rounded-full bg-muted\"\n          onClick={onSettingsClick}\n          aria-label=\"Settings\"\n        >\n          <Settings className=\"size-5 text-muted-foreground transition-transform duration-300 ease-out group-hover:rotate-90 motion-reduce:transition-none\" />\n        </Button>\n      )}\n    </div>\n  );\n}\nCommandMenuFooter.displayName = 'CommandMenu.Footer';\n\n// ============================================\n// Command Menu Item\n// ============================================\n\nexport interface CommandMenuItemProps\n  extends Omit<\n    React.ComponentProps<typeof CommandItem>,\n    'onSelect' | 'showCheckIndicator' | 'value'\n  > {\n  option: CommandMenuOption;\n  onSelect?: (id: string, option: CommandMenuOption) => void;\n}\n\nfunction CommandMenuItem({\n  option,\n  onSelect,\n  className,\n  ...props\n}: CommandMenuItemProps) {\n  return (\n    <CommandItem\n      value={option.id}\n      disabled={option.disabled}\n      showCheckIndicator={false}\n      onSelect={() => onSelect?.(option.id, option)}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 transition-colors duration-150 motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    >\n      {option.avatar && (\n        <Avatar\n          src={option.avatar.src}\n          fallback={option.avatar.fallback || option.label.charAt(0)}\n          size=\"sm\"\n          className=\"size-6 shrink-0\"\n        />\n      )}\n      {option.icon && !option.avatar && (\n        <span className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-4\">\n          {option.icon}\n        </span>\n      )}\n      <div className=\"flex min-w-0 flex-1 items-center gap-2 text-sm leading-5\">\n        <span className=\"min-w-0 truncate font-normal text-foreground\">\n          {option.label}\n        </span>\n        {option.subtitle && (\n          <span className=\"min-w-0 truncate font-normal text-muted-foreground\">\n            {option.subtitle}\n          </span>\n        )}\n      </div>\n      {option.shortcut && (\n        <CommandShortcutBadge className=\"transition-colors duration-150 group-data-[selected=true]/command-item:bg-primary/10 group-data-[selected=true]/command-item:text-primary\">\n          {option.shortcut}\n        </CommandShortcutBadge>\n      )}\n    </CommandItem>\n  );\n}\nCommandMenuItem.displayName = 'CommandMenu.Item';\n\n// ============================================\n// Command Menu Group Header\n// ============================================\n\nfunction CommandMenuGroupHeader({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"command-menu-group-header\"\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-muted-foreground',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\nCommandMenuGroupHeader.displayName = 'CommandMenu.GroupHeader';\n\n// ============================================\n// Shared Command Menu Body (internal)\n// ============================================\n\ninterface CommandMenuBodyProps {\n  children?: React.ReactNode;\n  groups: CommandMenuGroup[];\n  options: CommandMenuOption[];\n  onSelect?: (id: string, option: CommandMenuOption) => void;\n  onClose?: () => void;\n  placeholder: string;\n  emptyText: string;\n  emptyState?: React.ReactNode;\n  showShortcut: boolean;\n  shortcutText: string;\n  showFooter: boolean;\n  footerHints?: CommandMenuFooterHint[];\n  showSettingsButton: boolean;\n  onSettingsClick?: () => void;\n  maxHeight: number;\n  filter?: (value: string, search: string) => number;\n}\n\ninterface CommandMenuBodyContentProps {\n  children?: React.ReactNode;\n  groups: CommandMenuGroup[];\n  options: CommandMenuOption[];\n  optionRenderer: (option: CommandMenuOption) => React.ReactNode;\n}\n\ninterface CommandMenuGroupSectionProps {\n  group: CommandMenuGroup;\n  optionRenderer: (option: CommandMenuOption) => React.ReactNode;\n}\n\nfunction CommandMenuGroupSection({\n  group,\n  optionRenderer,\n}: CommandMenuGroupSectionProps) {\n  const headingId = React.useId();\n\n  return (\n    <CommandGroup aria-labelledby={headingId} className=\"px-2 py-1\">\n      <CommandMenuGroupHeader id={headingId}>\n        {group.label}\n      </CommandMenuGroupHeader>\n      <div className=\"flex flex-col\">{group.options.map(optionRenderer)}</div>\n    </CommandGroup>\n  );\n}\nCommandMenuGroupSection.displayName = 'CommandMenu.GroupSection';\n\nfunction CommandMenuBodyContent({\n  children,\n  groups,\n  options,\n  optionRenderer,\n}: CommandMenuBodyContentProps) {\n  if (children) return children;\n\n  if (groups.length > 0) {\n    return groups.map((group, index) => (\n      <React.Fragment key={group.id}>\n        {index > 0 && <CommandSeparator className=\"mx-0\" />}\n        <CommandMenuGroupSection\n          group={group}\n          optionRenderer={optionRenderer}\n        />\n      </React.Fragment>\n    ));\n  }\n\n  return <div className=\"flex flex-col p-2\">{options.map(optionRenderer)}</div>;\n}\n\nfunction CommandMenuBody({\n  children,\n  groups,\n  options,\n  onSelect,\n  onClose,\n  placeholder,\n  emptyText,\n  emptyState,\n  showShortcut,\n  shortcutText,\n  showFooter,\n  footerHints,\n  showSettingsButton,\n  onSettingsClick,\n  maxHeight,\n  filter,\n}: CommandMenuBodyProps) {\n  const safeMaxHeight = getCommandMenuMaxHeight(maxHeight);\n  const renderOption = (option: CommandMenuOption) => (\n    <CommandMenuItem key={option.id} option={option} onSelect={onSelect} />\n  );\n\n  return (\n    <Command\n      filter={filter}\n      className=\"rounded-none border-0 shadow-none\"\n      data-slot=\"command-menu\"\n    >\n      <search\n        aria-label=\"Command menu search\"\n        className=\"block border-b border-input bg-background\"\n      >\n        <CommandInput\n          render={({ clearSearch, value, ...inputProps }) => {\n            const canClose = typeof onClose === 'function';\n            const clearOrClose = () => {\n              if (value) {\n                clearSearch();\n                return;\n              }\n              onClose?.();\n            };\n\n            return (\n              <div\n                data-slot=\"command-menu-input\"\n                cmdk-input-wrapper=\"\"\n                className=\"flex h-11 items-center gap-2 px-3\"\n              >\n                <Search\n                  className=\"size-4 shrink-0 text-muted-foreground opacity-50\"\n                  aria-hidden=\"true\"\n                />\n                <input\n                  {...inputProps}\n                  value={value}\n                  placeholder={placeholder}\n                  aria-label={placeholder}\n                  className=\"min-w-0 flex-1 bg-transparent text-sm leading-5 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n                />\n                {showShortcut && (\n                  <CommandShortcutBadge>{shortcutText}</CommandShortcutBadge>\n                )}\n                <ClearButton\n                  size=\"icon-xs\"\n                  className=\"-me-1 rounded-sm p-0 opacity-50 hover:opacity-80 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4\"\n                  disabled={!value && !canClose}\n                  aria-label={\n                    value\n                      ? 'Clear search'\n                      : canClose\n                        ? 'Close command menu'\n                        : 'Clear search'\n                  }\n                  onClick={clearOrClose}\n                />\n              </div>\n            );\n          }}\n        />\n      </search>\n\n      <CommandList\n        style={{ maxHeight: safeMaxHeight }}\n        className=\"overflow-y-auto p-0\"\n      >\n        <CommandEmpty className=\"py-6 text-center text-sm text-muted-foreground animate-in fade-in-0 duration-200 motion-reduce:animate-none\">\n          {emptyState || emptyText}\n        </CommandEmpty>\n        <CommandMenuBodyContent\n          groups={groups}\n          options={options}\n          optionRenderer={renderOption}\n        >\n          {children}\n        </CommandMenuBodyContent>\n      </CommandList>\n\n      {showFooter && (\n        <CommandMenuFooter\n          hints={footerHints}\n          showSettingsButton={showSettingsButton}\n          onSettingsClick={onSettingsClick}\n        />\n      )}\n    </Command>\n  );\n}\nCommandMenuBody.displayName = 'CommandMenu.Body';\n\n// ============================================\n// Main Command Menu Component\n// ============================================\n\nfunction CommandMenu({\n  open,\n  onOpenChange,\n  placeholder = DEFAULT_COMMAND_MENU_PLACEHOLDER,\n  emptyText = 'No results found.',\n  emptyState,\n  options = [],\n  groups = [],\n  onSelect,\n  showShortcut = false,\n  shortcutText,\n  showFooter = false,\n  footerHints,\n  showSettingsButton = false,\n  onSettingsClick,\n  className,\n  maxHeight = DEFAULT_COMMAND_MENU_MAX_HEIGHT,\n  filter,\n  children,\n}: CommandMenuProps) {\n  const platformShortcut = usePlatformShortcut();\n  const resolvedShortcut = shortcutText ?? platformShortcut;\n\n  return (\n    <CommandDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      className={cn('max-w-[508px] sm:max-w-[508px]', className)}\n    >\n      <CommandMenuBody\n        placeholder={placeholder}\n        emptyText={emptyText}\n        emptyState={emptyState}\n        options={options}\n        groups={groups}\n        onSelect={onSelect}\n        onClose={() => onOpenChange?.(false)}\n        showShortcut={showShortcut}\n        shortcutText={resolvedShortcut}\n        showFooter={showFooter}\n        footerHints={footerHints}\n        showSettingsButton={showSettingsButton}\n        onSettingsClick={onSettingsClick}\n        maxHeight={maxHeight}\n        filter={filter}\n      >\n        {children}\n      </CommandMenuBody>\n    </CommandDialog>\n  );\n}\nCommandMenu.displayName = 'CommandMenu';\n\n// ============================================\n// Standalone Command Menu (non-dialog version)\n// ============================================\n\nexport interface CommandMenuPanelProps\n  extends Omit<CommandMenuProps, 'open' | 'onOpenChange'> {\n  /** Additional class name */\n  className?: string;\n}\n\nfunction CommandMenuPanel({\n  placeholder = DEFAULT_COMMAND_MENU_PLACEHOLDER,\n  emptyText = 'No results found.',\n  emptyState,\n  options = [],\n  groups = [],\n  onSelect,\n  showShortcut = false,\n  shortcutText,\n  showFooter = false,\n  footerHints,\n  showSettingsButton = false,\n  onSettingsClick,\n  className,\n  maxHeight = DEFAULT_COMMAND_MENU_MAX_HEIGHT,\n  filter,\n  children,\n}: CommandMenuPanelProps) {\n  const platformShortcut = usePlatformShortcut();\n  const resolvedShortcut = shortcutText ?? platformShortcut;\n\n  return (\n    <div\n      data-slot=\"command-menu-panel\"\n      className={cn(COMMAND_MENU_SHELL_CLASS_NAME, className)}\n    >\n      <CommandMenuBody\n        placeholder={placeholder}\n        emptyText={emptyText}\n        emptyState={emptyState}\n        options={options}\n        groups={groups}\n        onSelect={onSelect}\n        showShortcut={showShortcut}\n        shortcutText={resolvedShortcut}\n        showFooter={showFooter}\n        footerHints={footerHints}\n        showSettingsButton={showSettingsButton}\n        onSettingsClick={onSettingsClick}\n        maxHeight={maxHeight}\n        filter={filter}\n      >\n        {children}\n      </CommandMenuBody>\n    </div>\n  );\n}\nCommandMenuPanel.displayName = 'CommandMenu.Panel';\n\n// ============================================\n// Exports\n// ============================================\n\nexport {\n  CommandMenu,\n  CommandMenuFooter,\n  CommandMenuGroupHeader,\n  CommandMenuItem,\n  CommandMenuPanel,\n  CommandShortcutBadge,\n  defaultFooterHints,\n  FooterNavIcon,\n  FooterNavText,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index204.js","names":[],"sources":["../src/components/organisms/layout/SectionHeader/SectionHeader.tsx"],"sourcesContent":["'use client';\n\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\nimport { Button, type ButtonProps } from '@/components/atoms/buttons/Button';\nimport { ButtonGroup } from '@/components/atoms/buttons/ButtonGroup';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport { Separator } from '@/components/atoms/layout/Separator';\nimport { Tabs } from '@/components/molecules/navigation/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderSize = 'sm' | 'md';\nexport type SectionHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\ntype SectionHeaderHeadingTag = `h${SectionHeaderHeadingLevel}`;\n\nexport interface SectionHeaderAction\n  extends Omit<ButtonProps, 'children' | 'render'> {\n  label: React.ReactNode;\n}\n\nexport interface SectionHeaderTab {\n  label: React.ReactNode;\n  value?: string;\n  active?: boolean;\n  leadingIcon?: React.ReactNode;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface SectionHeaderSearchProps\n  extends Omit<\n    InputProps,\n    'size' | 'shape' | 'startIcon' | 'endIcon' | 'appearance'\n  > {\n  placeholder?: string;\n  ariaLabel?: string;\n  /** Optional interactive filter control rendered beside the search input */\n  filterButton?: React.ReactNode;\n}\n\nexport interface SectionHeaderProps\n  extends Omit<React.ComponentPropsWithoutRef<'header'>, 'title'> {\n  /** Section title */\n  title: React.ReactNode;\n  /** Supporting text below the title */\n  supportingText?: React.ReactNode;\n  /** Heading/text size from the Figma variants */\n  size?: SectionHeaderSize;\n  /** Semantic heading level for the section title */\n  headingLevel?: SectionHeaderHeadingLevel;\n  /** Action buttons rendered to the right of the title block */\n  actions?: SectionHeaderAction[];\n  /** Optional grouped actions rendered as a segmented control */\n  buttonGroup?: SectionHeaderAction[];\n  /** Optional search input rendered to the right of the title block */\n  search?: SectionHeaderSearchProps;\n  /** Optional tabs row rendered below the header controls */\n  tabs?: SectionHeaderTab[];\n  /** Trailing menu control rendered after the action buttons */\n  menuButton?: React.ReactNode;\n  /** Show the bottom divider */\n  showDivider?: boolean;\n}\n\ntype SectionHeaderControlProps = Pick<\n  SectionHeaderProps,\n  'actions' | 'buttonGroup' | 'search'\n>;\n\nconst controlTouchTargetClassName = 'min-h-11 min-w-11 shrink-0';\n\nfunction getHeadingTag(\n  headingLevel: SectionHeaderHeadingLevel,\n): SectionHeaderHeadingTag {\n  return `h${headingLevel}` as SectionHeaderHeadingTag;\n}\n\nfunction SectionHeaderTouchTargetControl({\n  control,\n}: {\n  control: React.ReactNode;\n}): React.ReactNode {\n  if (React.isValidElement<{ className?: string }>(control)) {\n    return React.cloneElement(control, {\n      className: cn(control.props.className, controlTouchTargetClassName),\n    });\n  }\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center justify-center',\n        controlTouchTargetClassName,\n      )}\n    >\n      {control}\n    </span>\n  );\n}\n\nfunction getSectionHeaderActionKey(\n  action: SectionHeaderAction,\n  index: number,\n  prefix = 'section-header-action',\n): React.Key {\n  return typeof action.label === 'string'\n    ? `${action.label}-${index}`\n    : `${prefix}-${index}`;\n}\n\nfunction SectionHeaderActionButton({\n  action,\n  className,\n}: {\n  action: SectionHeaderAction;\n  className?: string;\n}): React.JSX.Element {\n  const { label, className: actionClassName, ...buttonProps } = action;\n\n  return (\n    <Button\n      appearance=\"solid\"\n      size=\"default\"\n      shape=\"rounded\"\n      className={cn(\n        'h-10 rounded-xl px-2 text-xs font-medium',\n        actionClassName,\n        className,\n      )}\n      {...buttonProps}\n    >\n      {label}\n    </Button>\n  );\n}\n\nfunction SectionHeaderButtonGroup({\n  actions,\n}: {\n  actions: SectionHeaderAction[];\n}): React.JSX.Element {\n  return (\n    <ButtonGroup\n      aria-label=\"Section header controls\"\n      shape=\"rounded\"\n      className=\"overflow-hidden rounded-xl\"\n    >\n      {actions.map((action, index) => {\n        const { label, className, ...buttonProps } = action;\n\n        return (\n          <Button\n            key={getSectionHeaderActionKey(\n              action,\n              index,\n              'section-header-group-action',\n            )}\n            appearance={\n              (buttonProps.appearance as ButtonProps['appearance']) ?? 'soft'\n            }\n            variant={\n              (buttonProps.variant as ButtonProps['variant']) ?? 'primary'\n            }\n            size=\"md\"\n            shape=\"rounded\"\n            className={cn(\n              'border-transparent px-3 text-xs font-medium shadow-none',\n              className,\n            )}\n            {...buttonProps}\n          >\n            {label}\n          </Button>\n        );\n      })}\n    </ButtonGroup>\n  );\n}\n\nfunction getTabValue(tab: SectionHeaderTab, index: number): string {\n  if (tab.value !== undefined) {\n    return tab.value;\n  }\n\n  if (typeof tab.label === 'string') {\n    return `${tab.label}-${index}`;\n  }\n\n  return `section-header-tab-${index}`;\n}\n\nfunction SectionHeaderTabs({\n  tabs,\n}: {\n  tabs: SectionHeaderTab[];\n}): React.JSX.Element {\n  const tabValues = tabs.map((tab, index) => getTabValue(tab, index));\n  const tabListKey = JSON.stringify(tabValues);\n  const activeIndex = tabs.findIndex((tab) => tab.active);\n  const activeValue = activeIndex >= 0 ? tabValues[activeIndex] : undefined;\n\n  return (\n    <Tabs\n      key={tabListKey}\n      value={activeValue}\n      defaultValue={activeValue ?? tabValues[0]}\n      className=\"w-full\"\n    >\n      <Tabs.List\n        variant=\"boxed\"\n        size=\"sm\"\n        align=\"stretch\"\n        aria-label=\"Section header tabs\"\n        className=\"w-full overflow-x-auto overflow-y-hidden rounded-[8px] border border-border bg-card p-1 shadow-sm\"\n      >\n        {tabs.map((tab, index) => {\n          const value = tabValues[index];\n          return (\n            <Tabs.Trigger\n              key={value}\n              value={value}\n              icon={tab.leadingIcon}\n              className=\"min-w-max flex-1 rounded-[10px] px-3 py-1\"\n              onClick={tab.onClick}\n            >\n              <span className=\"whitespace-nowrap\">{tab.label}</span>\n            </Tabs.Trigger>\n          );\n        })}\n      </Tabs.List>\n    </Tabs>\n  );\n}\n\nfunction SectionHeaderControls({\n  actions,\n  buttonGroup,\n  search,\n}: SectionHeaderControlProps): React.JSX.Element {\n  return (\n    <React.Fragment>\n      {search ? <SectionHeaderSearchField search={search} /> : null}\n      {buttonGroup?.length ? (\n        <SectionHeaderButtonGroup actions={buttonGroup} />\n      ) : null}\n      {actions?.length ? (\n        <div className=\"flex flex-wrap items-center gap-3 md:flex-nowrap\">\n          {actions.map((action, index) => (\n            <SectionHeaderActionButton\n              key={getSectionHeaderActionKey(action, index)}\n              action={action}\n            />\n          ))}\n        </div>\n      ) : null}\n    </React.Fragment>\n  );\n}\n\nfunction SectionHeaderSearchField({\n  search,\n}: {\n  search: SectionHeaderSearchProps;\n}): React.JSX.Element {\n  const {\n    className: searchClassName,\n    placeholder,\n    ariaLabel,\n    filterButton,\n    ...searchProps\n  } = search;\n  const searchInput = (\n    <Input\n      size=\"md\"\n      shape=\"rounded\"\n      aria-label={ariaLabel ?? 'Search'}\n      placeholder={placeholder ?? 'Search'}\n      startIcon={<Search className=\"size-4\" />}\n      className={cn(\n        filterButton ? 'min-w-0 flex-1' : 'w-full max-w-[320px]',\n        searchClassName,\n      )}\n      {...searchProps}\n    />\n  );\n\n  if (filterButton) {\n    return (\n      <div\n        data-slot=\"section-header-search\"\n        className=\"flex w-full max-w-[376px] items-center gap-2\"\n      >\n        {searchInput}\n        <SectionHeaderTouchTargetControl control={filterButton} />\n      </div>\n    );\n  }\n\n  return searchInput;\n}\n\nconst SectionHeader = React.forwardRef<HTMLElement, SectionHeaderProps>(\n  (\n    {\n      title,\n      supportingText,\n      size = 'md',\n      headingLevel = 2,\n      actions,\n      buttonGroup,\n      search,\n      tabs,\n      menuButton = null,\n      showDivider = true,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasSearch = Boolean(search);\n    const hasButtonGroup = Boolean(buttonGroup?.length);\n    const hasActions = Boolean(actions?.length);\n    const hasInlineControls = hasSearch || hasButtonGroup || hasActions;\n    const hasHeaderControls = hasInlineControls || Boolean(menuButton);\n    const HeadingTag = getHeadingTag(headingLevel);\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"section-header\"\n        className={cn('relative flex w-full flex-col gap-4', className)}\n        {...props}\n      >\n        <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-4 gap-y-3\">\n          <div\n            className={cn(\n              'col-start-1 row-start-1 flex min-w-0 flex-col justify-center gap-0.5',\n              menuButton ? 'pe-8 md:pe-0' : null,\n            )}\n          >\n            <HeadingTag\n              className={cn(\n                'line-clamp-2 w-full break-words font-semibold text-foreground',\n                size === 'sm'\n                  ? 'text-[14px] leading-5'\n                  : 'text-[18px] leading-7',\n              )}\n            >\n              {title}\n            </HeadingTag>\n            {supportingText ? (\n              <p className=\"line-clamp-2 w-full break-words text-sm leading-5 text-secondary-foreground\">\n                {supportingText}\n              </p>\n            ) : null}\n          </div>\n\n          {hasHeaderControls ? (\n            <div\n              className={cn(\n                'col-span-2 row-start-2 flex flex-wrap items-center gap-3 md:col-span-1 md:col-start-2 md:row-start-1 md:flex-nowrap md:justify-end',\n                !hasInlineControls && 'contents md:flex',\n              )}\n            >\n              <SectionHeaderControls\n                actions={actions}\n                buttonGroup={buttonGroup}\n                search={search}\n              />\n              {menuButton ? (\n                <div className=\"absolute end-0 top-0 md:static\">\n                  <SectionHeaderTouchTargetControl control={menuButton} />\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {tabs?.length ? <SectionHeaderTabs tabs={tabs} /> : null}\n\n        {showDivider ? <Separator aria-hidden=\"true\" /> : null}\n      </header>\n    );\n  },\n);\n\nSectionHeader.displayName = 'SectionHeader';\n\nexport { SectionHeader };\n"],"mappings":"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"}