@signalflare-ai/ui 1.2.0 → 1.4.0

package/dist/dropdown-B_nrGXjV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-B_nrGXjV.js","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { Menu as DropdownMenuPrimitive } from \"@base-ui/react/menu\";\nimport {\n  CaretRightIcon as CaretRight,\n  CheckIcon as Check,\n  type Icon,\n} from \"@phosphor-icons/react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Checkbox } from \"../checkbox\";\n\n/** Dropdown item variant definitions (default and danger styles). */\nexport const SF_DROPDOWN_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"\",\n      description: \"Default dropdown item appearance\",\n    },\n    danger: {\n      classes:\n        \"text-sf-danger data-highlighted:bg-sf-danger/5 data-highlighted:text-sf-danger\",\n      description: \"Destructive action item\",\n    },\n  },\n} as const;\n\nexport const SF_DROPDOWN_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\n// Derived types from SF_DROPDOWN_VARIANTS\nexport type SFDropdownVariant = keyof typeof SF_DROPDOWN_VARIANTS.variant;\n\nexport interface SFDropdownVariantsProps {\n  /**\n   * Visual style of the dropdown item.\n   * - `\"default\"` — Standard item appearance\n   * - `\"danger\"` — Destructive action with red text\n   * @default \"default\"\n   */\n  variant?: SFDropdownVariant;\n}\n\nexport function dropdownVariants({\n  variant = SF_DROPDOWN_DEFAULT_VARIANTS.variant,\n}: SFDropdownVariantsProps = {}) {\n  return cn(SF_DROPDOWN_VARIANTS.variant[variant].classes);\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<\n    typeof DropdownMenuPrimitive.SubmenuTrigger\n  > & {\n    inset?: boolean;\n    icon?: Icon;\n  }\n>(({ className, inset, children, icon: IconComponent, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center rounded-sm text-base outline-hidden select-none\", // base styles\n      \"px-2 py-1.5\", // spacing\n      \"focus:bg-sf-tint\", // focus state\n      \"data-[state=open]:bg-sf-tint\", // open state\n      inset && \"pl-8\", // conditional inset\n      className\n    )}\n    {...props}\n  >\n    {IconComponent && <IconComponent className=\"mr-2 h-4 w-4\" />}\n    {children}\n    <CaretRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubmenuTrigger>\n));\n\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubmenuTrigger.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Positioner>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Positioner>\n>(({ className, sideOffset = 8, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Positioner\n      ref={ref}\n      sideOffset={sideOffset}\n      {...props}\n    >\n      <DropdownMenuPrimitive.Popup\n        className={cn(\n          \"overflow-hidden bg-sf-control text-sf-default\", // background\n          \"rounded-lg shadow-lg ring ring-sf-line\", // border part\n          \"min-w-36 p-1.5\", // spacing\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\", // open animation\n          \"data-[side=bottom]:slide-in-from-top-2\", // bottom side animation\n          \"data-[side=left]:slide-in-from-right-2\", // left side animation\n          \"data-[side=right]:slide-in-from-left-2\", // right side animation\n          \"data-[side=top]:slide-in-from-bottom-2\", // top side animation\n          \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\", // close animation\n          className\n        )}\n      >\n        {children}\n      </DropdownMenuPrimitive.Popup>\n    </DropdownMenuPrimitive.Positioner>\n  </DropdownMenuPrimitive.Portal>\n));\n\nconst renderIconNode = (IconComponent?: Icon | React.ReactNode) => {\n  if (!IconComponent) return null;\n  if (React.isValidElement(IconComponent)) return IconComponent;\n  const Comp = IconComponent as React.ComponentType<Record<string, unknown>>;\n  return <Comp className=\"mr-2 h-4 w-4\" />;\n};\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n    icon?: Icon | React.ReactNode;\n    selected?: boolean;\n    href?: string;\n    variant?: \"default\" | \"danger\";\n  }\n>(\n  (\n    {\n      className,\n      inset,\n      icon: IconComponent,\n      children,\n      selected,\n      render,\n      href,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const LinkComponent = useLinkComponent();\n    const content = React.useMemo(() => {\n      const innerContent = (\n        <>\n          {IconComponent && renderIconNode(IconComponent)}\n          {children}\n          {selected && (\n            <span className=\"inline-flex\">\n              <Check />\n            </span>\n          )}\n        </>\n      );\n\n      if (!href) return innerContent;\n\n      // Matches http://, https://, or protocol-relative //\n      const isExternal = /^(https?:)?\\/\\//.test(href);\n      const styles = cn(\n        \"flex items-center\",\n        variant === \"danger\" &&\n          \"text-sf-danger data-highlighted:bg-sf-danger/5 data-highlighted:text-sf-danger\"\n      );\n      if (isExternal) {\n        return (\n          <a\n            className={cn(styles, \"w-full text-inherit! no-underline!\")}\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            /**\n             * For some reason we need this here to prevent the outer link\n             * from being clicked (thereby going to the worker details\n             * instead of visiting the link)\n             */\n            onClick={(e) => e.stopPropagation()}\n          >\n            {innerContent}\n          </a>\n        );\n      }\n      return (\n        <LinkComponent\n          className={cn(styles, \"w-full text-inherit! no-underline!\")}\n          href={href}\n          to={href}\n          /**\n           * For some reason we need this here to prevent the outer link\n           * from being clicked (thereby going to the worker details\n           * instead of visiting the link)\n           */\n          onClick={(e) => e.stopPropagation()}\n        >\n          {innerContent}\n        </LinkComponent>\n      );\n    }, [href, IconComponent, children, selected, variant, LinkComponent]);\n\n    // When href is provided, content already contains children via innerContent\n    // When render prop is provided, caller controls children rendering\n    // Only pass children directly when neither href nor render is used\n    const useRenderProp = href || render;\n\n    return (\n      <DropdownMenuPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"relative flex cursor-default items-center rounded-md px-2 py-1.5 text-base outline-hidden select-none focus:text-sf-default data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-sf-overlay\",\n          inset && \"pl-8\",\n          dropdownVariants({ variant }),\n          className\n        )}\n        render={href ? content : render}\n        {...props}\n      >\n        {useRenderProp ? undefined : children}\n      </DropdownMenuPrimitive.Item>\n    );\n  }\n);\n\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-base outline-hidden transition-colors select-none focus:bg-sf-tint focus:text-sf-default data-disabled:pointer-events-none data-disabled:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center text-inherit\">\n      <Checkbox checked={checked} />\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.GroupLabel>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.GroupLabel> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.GroupLabel\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-base font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.GroupLabel.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-sf-line\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {\n    inset?: boolean;\n    icon?: Icon | React.ReactNode;\n  }\n>(({ className, children, inset, icon: IconComponent, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default items-center rounded-md px-2 py-1.5 text-base outline-hidden select-none\",\n      \"data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-sf-tint\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {IconComponent && renderIconNode(IconComponent)}\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nconst DropdownMenuRadioItemIndicator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItemIndicator>,\n  React.ComponentPropsWithoutRef<\n    typeof DropdownMenuPrimitive.RadioItemIndicator\n  >\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItemIndicator\n    ref={ref}\n    className={cn(\"ml-auto\", className)}\n    {...props}\n  >\n    {children ?? <Check className=\"h-4 w-4\" />}\n  </DropdownMenuPrimitive.RadioItemIndicator>\n));\nDropdownMenuRadioItemIndicator.displayName = \"DropdownMenuRadioItemIndicator\";\n\n/**\n * Custom Trigger that converts a single child element to the `render` prop\n * to avoid nested button issues with base-ui's Menu.Trigger.\n */\nconst DropdownMenuTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>\n>(({ children, render, ...props }, ref) => {\n  // If render prop is provided, use it directly\n  // Otherwise, convert single child element to render prop\n  const childElement = React.isValidElement(children) ? children : null;\n  const effectiveRender = render ?? childElement;\n\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={ref}\n      {...props}\n      {...(effectiveRender && {\n        render: effectiveRender as React.ReactElement<Record<string, unknown>>,\n      })}\n    >\n      {/* Only pass children if not using as render prop */}\n      {childElement ? undefined : children}\n    </DropdownMenuPrimitive.Trigger>\n  );\n});\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\n/**\n * DropdownMenu — accessible dropdown menu anchored to a trigger.\n *\n * Compound component: `DropdownMenu` (Root), `.Trigger`, `.Content`, `.Item`,\n * `.CheckboxItem`, `.RadioGroup`, `.RadioItem`, `.RadioItemIndicator`,\n * `.Sub`, `.SubTrigger`, `.SubContent`, `.Label`, `.Separator`, `.Shortcut`, `.Group`.\n *\n * Built on `@base-ui/react/menu`.\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenu.Trigger>\n *     <Button>Actions</Button>\n *   </DropdownMenu.Trigger>\n *   <DropdownMenu.Content>\n *     <DropdownMenu.Item>Edit</DropdownMenu.Item>\n *     <DropdownMenu.Item icon={CopyIcon}>Duplicate</DropdownMenu.Item>\n *     <DropdownMenu.Separator />\n *     <DropdownMenu.Item variant=\"danger\">Delete</DropdownMenu.Item>\n *   </DropdownMenu.Content>\n * </DropdownMenu>\n * ```\n *\n * @see https://base-ui.com/react/components/menu\n */\nexport const DropdownMenu = Object.assign(DropdownMenuPrimitive.Root, {\n  Trigger: DropdownMenuTrigger,\n  Portal: DropdownMenuPrimitive.Portal,\n  Sub: DropdownMenuPrimitive.SubmenuRoot,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuContent,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuPrimitive.RadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  RadioItemIndicator: DropdownMenuRadioItemIndicator,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  Shortcut: DropdownMenuShortcut,\n  Group: DropdownMenuPrimitive.Group,\n});\n"],"mappings":"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"}

package/dist/filters-cpJCY21R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters-cpJCY21R.js","names":[],"sources":["../src/components/filters/helpers.ts","../src/components/filters/filters.tsx"],"sourcesContent":["import type {\n  Filter,\n  FilterFieldConfig,\n  FilterOperator,\n  FilterI18nConfig,\n} from \"./types\";\n\n// ============================================================================\n// Default Operators by Field Type\n// ============================================================================\n\n/** Default operators for text fields */\nexport const DEFAULT_TEXT_OPERATORS: FilterOperator[] = [\n  { value: \"is\", label: \"is\" },\n  { value: \"is_not\", label: \"is not\" },\n  { value: \"contains\", label: \"contains\" },\n  { value: \"does_not_contain\", label: \"does not contain\" },\n  { value: \"starts_with\", label: \"starts with\" },\n  { value: \"ends_with\", label: \"ends with\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Default operators for select fields */\nexport const DEFAULT_SELECT_OPERATORS: FilterOperator[] = [\n  { value: \"is\", label: \"is\" },\n  { value: \"is_not\", label: \"is not\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Default operators for multiselect fields */\nexport const DEFAULT_MULTISELECT_OPERATORS: FilterOperator[] = [\n  { value: \"is_any_of\", label: \"is any of\" },\n  { value: \"is_none_of\", label: \"is none of\" },\n  { value: \"is_all_of\", label: \"is all of\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Map of field types to their default operators */\nexport const DEFAULT_OPERATORS: Record<string, FilterOperator[]> = {\n  text: DEFAULT_TEXT_OPERATORS,\n  select: DEFAULT_SELECT_OPERATORS,\n  multiselect: DEFAULT_MULTISELECT_OPERATORS,\n};\n\n/** Get default operator for a field type */\nexport function getDefaultOperatorForFieldType(\n  type: string,\n  operators?: FilterOperator[]\n): string {\n  if (operators && operators.length > 0) {\n    return operators[0].value;\n  }\n  const defaults = DEFAULT_OPERATORS[type];\n  return defaults?.[0]?.value ?? \"is\";\n}\n\n// ============================================================================\n// Filter Factory Functions\n// ============================================================================\n\n/**\n * Create a new filter with a unique ID.\n *\n * @example\n * ```tsx\n * const filter = createFilter(\"status\", \"is\", [\"active\"]);\n * setFilters(prev => [...prev, filter]);\n * ```\n */\nexport function createFilter(\n  field: string,\n  operator: string,\n  values: string[]\n): Filter {\n  return {\n    id: crypto.randomUUID(),\n    field,\n    operator,\n    values,\n  };\n}\n\n/**\n * Create multiple filters at once, each with a unique ID.\n *\n * @example\n * ```tsx\n * const filters = createFilterGroup([\n *   { field: \"status\", operator: \"is\", values: [\"active\"] },\n *   { field: \"priority\", operator: \"is_any_of\", values: [\"high\", \"critical\"] },\n * ]);\n * ```\n */\nexport function createFilterGroup(\n  filters: Array<Omit<Filter, \"id\">>\n): Filter[] {\n  return filters.map((f) => ({\n    ...f,\n    id: crypto.randomUUID(),\n  }));\n}\n\n// ============================================================================\n// i18n Defaults\n// ============================================================================\n\n/** Default i18n configuration */\nexport const DEFAULT_I18N: FilterI18nConfig = {\n  addFilter: \"Add Filter\",\n  clearAll: \"Clear All\",\n  searchPlaceholder: \"Search fields...\",\n  noResults: \"No fields found\",\n  operators: {\n    is: \"is\",\n    is_not: \"is not\",\n    contains: \"contains\",\n    does_not_contain: \"does not contain\",\n    starts_with: \"starts with\",\n    ends_with: \"ends with\",\n    is_empty: \"is empty\",\n    is_not_empty: \"is not empty\",\n    is_any_of: \"is any of\",\n    is_none_of: \"is none of\",\n    is_all_of: \"is all of\",\n  },\n  valueLabel: \"Value\",\n  noValueLabel: \"None\",\n  removeFilter: \"Remove filter\",\n  changeOperator: \"Change operator\",\n  changeValue: \"Change value\",\n  maxSelectionsReached: \"Maximum selections reached\",\n  validationError: \"Invalid value\",\n};\n\n/** Merge partial i18n config with defaults */\nexport function mergeI18n(\n  partial?: Partial<FilterI18nConfig>\n): FilterI18nConfig {\n  return {\n    ...DEFAULT_I18N,\n    ...partial,\n    operators: {\n      ...DEFAULT_I18N.operators,\n      ...partial?.operators,\n    },\n  };\n}\n\n// ============================================================================\n// Field Helpers\n// ============================================================================\n\n/** Get operators for a field, falling back to defaults */\nexport function getFieldOperators(field: FilterFieldConfig): FilterOperator[] {\n  if (field.operators && field.operators.length > 0) {\n    return field.operators;\n  }\n  return DEFAULT_OPERATORS[field.type] ?? DEFAULT_TEXT_OPERATORS;\n}\n\n/** Get field configuration by key */\nexport function getFieldByKey(\n  fields: FilterFieldConfig[],\n  key: string\n): FilterFieldConfig | undefined {\n  return fields.find((f) => f.key === key);\n}\n\n/** Group fields by their group property */\nexport function groupFields(\n  fields: FilterFieldConfig[]\n): Map<string, FilterFieldConfig[]> {\n  const groups = new Map<string, FilterFieldConfig[]>();\n\n  for (const field of fields) {\n    const group = field.group ?? \"Fields\";\n    if (!groups.has(group)) {\n      groups.set(group, []);\n    }\n    groups.get(group)!.push(field);\n  }\n\n  return groups;\n}\n\n/** Check if a filter value is valid for a field */\nexport function validateFilterValue(\n  field: FilterFieldConfig,\n  values: string[]\n): { valid: boolean; message?: string } {\n  // Check max selections\n  if (field.maxSelections && values.length > field.maxSelections) {\n    return {\n      valid: false,\n      message: `Maximum ${field.maxSelections} selections allowed`,\n    };\n  }\n\n  // Run custom validation if provided\n  if (field.validation) {\n    const result = field.validation(values);\n    if (typeof result === \"boolean\") {\n      return { valid: result, message: result ? undefined : \"Invalid value\" };\n    }\n    return result;\n  }\n\n  return { valid: true };\n}\n\n// ============================================================================\n// Value Formatting\n// ============================================================================\n\n/** Format a filter value for display in the filter pill */\nexport function formatFilterValue(\n  values: string[],\n  field: FilterFieldConfig\n): string {\n  // Use custom renderer if provided\n  if (field.customValueRenderer) {\n    // Return a placeholder - the actual rendering happens in React\n    return \"...\";\n  }\n\n  // Empty values\n  if (values.length === 0) {\n    return \"None\";\n  }\n\n  // Single value\n  if (values.length === 1) {\n    const value = values[0];\n    // Try to find option label\n    if (field.options) {\n      const option = field.options.find((o) => o.value === value);\n      if (option) return option.label;\n    }\n    return String(value);\n  }\n\n  // Multiple values\n  if (field.options) {\n    const labels = values.map((v) => {\n      const option = field.options!.find((o) => o.value === v);\n      return option?.label ?? String(v);\n    });\n    return `${labels.slice(0, 2).join(\", \")}${labels.length > 2 ? ` +${labels.length - 2}` : \"\"}`;\n  }\n\n  return `${values.length} selected`;\n}\n\n/** Get the label for a filter value from options */\nexport function getValueLabel(\n  value: string,\n  options?: Array<{ value: string; label: string }>\n): string {\n  if (!options) return String(value);\n  const option = options.find((o) => o.value === value);\n  return option?.label ?? String(value);\n}\n","\"use client\";\n\nimport {\n  Check,\n  CaretDown,\n  MagnifyingGlass,\n  Plus,\n  X,\n} from \"@phosphor-icons/react\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../button\";\nimport { Checkbox } from \"../checkbox\";\nimport { DropdownMenu } from \"../dropdown\";\nimport { Input, InputGroup } from \"../input\";\nimport { Popover } from \"../popover\";\nimport {\n  formatFilterValue,\n  getDefaultOperatorForFieldType,\n  getFieldOperators,\n  groupFields,\n  mergeI18n,\n  validateFilterValue,\n  createFilter,\n  createFilterGroup,\n} from \"./helpers\";\nimport type {\n  Filter,\n  FilterCustomRendererProps,\n  FilterFieldConfig,\n  FiltersProps,\n  FilterI18nConfig,\n} from \"./types\";\n\nexport { createFilter, createFilterGroup } from \"./helpers\";\n\nexport type {\n  Filter,\n  FilterFieldConfig,\n  FilterOption,\n  FilterOperator,\n  FilterI18nConfig,\n  FiltersProps,\n  FilterCustomRendererProps,\n} from \"./types\";\n\n// ============================================================================\n// Variants\n// ============================================================================\n\n/** Filters size variant definitions */\nexport const SF_FILTERS_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-xs\",\n      description: \"Small filter items\",\n    },\n    default: {\n      classes: \"text-sm\",\n      description: \"Default filter items\",\n    },\n    lg: {\n      classes: \"text-base\",\n      description: \"Large filter items\",\n    },\n  },\n} as const;\n\n/** Default variants for Filters */\nexport const SF_FILTERS_DEFAULT_VARIANTS = {\n  size: \"default\",\n} as const;\n\n// ============================================================================\n// Filter Value Editor (internal)\n// ============================================================================\n\ninterface FilterValueEditorProps {\n  field: FilterFieldConfig;\n  values: string[];\n  onChange: (values: string[]) => void;\n  onClose: () => void;\n  i18n: FilterI18nConfig;\n}\n\nfunction FilterValueEditor({\n  field,\n  values,\n  onChange,\n  onClose,\n  i18n,\n}: FilterValueEditorProps) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [localValues, setLocalValues] = useState<string[]>(values);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const options = useMemo(() => {\n    if (!field.options) return [];\n    if (!searchQuery) return field.options;\n    return field.options.filter((o: { label: string }) =>\n      o.label.toLowerCase().includes(searchQuery.toLowerCase())\n    );\n  }, [field.options, searchQuery]);\n\n  const handleValueChange = useCallback(\n    (newValues: string[]) => {\n      setLocalValues(newValues);\n      const validation = validateFilterValue(field, newValues);\n      if (!validation.valid) {\n        setValidationError(validation.message ?? i18n.validationError);\n      } else {\n        setValidationError(null);\n      }\n    },\n    [field, i18n.validationError]\n  );\n\n  const handleApply = useCallback(() => {\n    const validation = validateFilterValue(field, localValues);\n    if (!validation.valid) {\n      setValidationError(validation.message ?? i18n.validationError);\n      return;\n    }\n    onChange(localValues);\n    onClose();\n  }, [field, localValues, onChange, onClose, i18n.validationError]);\n\n  // Text type\n  if (field.type === \"text\") {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        <Input\n          value={String(localValues[0] ?? \"\")}\n          onChange={(e) => handleValueChange([e.target.value])}\n          placeholder={field.placeholder}\n          className=\"w-full\"\n        />\n        <div className=\"flex justify-end gap-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Select type\n  if (field.type === \"select\") {\n    return (\n      <div className=\"flex max-h-72 flex-col gap-2\">\n        {field.searchable && (\n          <div className=\"border-b border-sf-line pb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-0.5 overflow-auto\">\n          {options.map((option) => (\n            <button\n              key={String(option.value)}\n              type=\"button\"\n              onClick={() => {\n                handleValueChange([option.value]);\n                handleApply();\n              }}\n              className={cn(\n                \"flex items-center justify-between rounded-md px-2 py-1.5 text-sm\",\n                \"hover:bg-sf-tint\",\n                localValues[0] === option.value && \"bg-sf-tint\"\n              )}\n            >\n              <span className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </span>\n              {localValues[0] === option.value && (\n                <Check className=\"size-4 text-sf-brand\" />\n              )}\n            </button>\n          ))}\n          {options.length === 0 && (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Multiselect type\n  if (field.type === \"multiselect\") {\n    const isMaxReached =\n      field.maxSelections !== undefined &&\n      localValues.length >= field.maxSelections;\n\n    return (\n      <div className=\"flex max-h-72 w-56 flex-col gap-2\">\n        {field.searchable && (\n          <div className=\"border-b border-sf-line pb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-0.5 overflow-auto\">\n          {options.map((option) => {\n            const isSelected = localValues.includes(option.value);\n            const isDisabled = isMaxReached && !isSelected;\n\n            return (\n              <label\n                key={String(option.value)}\n                className={cn(\n                  \"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm\",\n                  !isDisabled && \"hover:bg-sf-tint\",\n                  isDisabled && \"cursor-not-allowed opacity-50\"\n                )}\n              >\n                <Checkbox\n                  checked={isSelected}\n                  disabled={isDisabled}\n                  onCheckedChange={(checked) => {\n                    if (checked) {\n                      handleValueChange([...localValues, option.value]);\n                    } else {\n                      handleValueChange(\n                        localValues.filter((v) => v !== option.value)\n                      );\n                    }\n                  }}\n                />\n                <span className=\"flex items-center gap-2\">\n                  {option.icon}\n                  {option.label}\n                </span>\n              </label>\n            );\n          })}\n          {options.length === 0 && (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          )}\n        </div>\n        {isMaxReached && (\n          <div className=\"text-xs text-sf-subtle\">\n            {i18n.maxSelectionsReached}\n          </div>\n        )}\n        {validationError && (\n          <div className=\"text-xs text-sf-danger\">{validationError}</div>\n        )}\n        <div className=\"flex justify-end gap-2 border-t border-sf-line pt-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Custom type\n  if (field.type === \"custom\" && field.customRenderer) {\n    const props: FilterCustomRendererProps = {\n      values: localValues,\n      onChange: handleValueChange,\n      options: field.options,\n      placeholder: field.placeholder,\n      field,\n      operator: \"is\",\n    };\n\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {field.customRenderer(props)}\n        <div className=\"flex justify-end gap-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n}\n\n// ============================================================================\n// Filter Item (internal)\n// ============================================================================\n\ninterface FilterItemProps {\n  filter: Filter;\n  field: FilterFieldConfig;\n  size: \"sm\" | \"default\" | \"lg\";\n  i18n: FilterI18nConfig;\n  onRemove: () => void;\n  onOperatorChange: (operator: string) => void;\n  onValuesChange: (values: string[]) => void;\n}\n\nfunction FilterItem({\n  filter,\n  field,\n  size,\n  i18n,\n  onRemove,\n  onOperatorChange,\n  onValuesChange,\n}: FilterItemProps) {\n  const [valuePopoverOpen, setValuePopoverOpen] = useState(false);\n  const operators = useMemo(() => getFieldOperators(field), [field]);\n\n  const sizeClasses = {\n    sm: \"text-xs py-0.5 px-1.5\",\n    default: \"text-sm py-1 px-2\",\n    lg: \"text-base py-1.5 px-2.5\",\n  };\n\n  const displayValue = useMemo(() => {\n    if (field.customValueRenderer) {\n      return field.customValueRenderer(filter.values, field.options);\n    }\n    return formatFilterValue(filter.values, field);\n  }, [field, filter.values]);\n\n  return (\n    <div\n      className={cn(\n        \"inline-flex items-center gap-0 rounded-md border border-sf-line bg-sf-tint\",\n        sizeClasses[size]\n      )}\n    >\n      {/* Field label */}\n      <span className=\"flex items-center gap-1 whitespace-nowrap font-medium text-sf-default\">\n        {field.icon}\n        {field.label}\n      </span>\n\n      {/* Separator */}\n      <span className=\"mx-1.5 h-3 w-px bg-sf-fill\" />\n\n      {/* Operator dropdown */}\n      <DropdownMenu>\n        <DropdownMenu.Trigger className=\"inline-flex cursor-pointer items-center gap-1 whitespace-nowrap text-sf-strong hover:text-sf-default\">\n          {operators.find((o) => o.value === filter.operator)?.label ??\n            filter.operator}\n          <CaretDown className=\"size-3\" />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content>\n          {operators.map((op) => (\n            <DropdownMenu.Item\n              key={op.value}\n              selected={filter.operator === op.value}\n              onClick={() => onOperatorChange(op.value)}\n            >\n              {op.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {/* Separator */}\n      <span className=\"mx-1.5 h-3 w-px bg-sf-fill\" />\n\n      {/* Value editor popover */}\n      <Popover open={valuePopoverOpen} onOpenChange={setValuePopoverOpen}>\n        <Popover.Trigger\n          asChild\n          className=\"inline-flex cursor-pointer items-center gap-1 whitespace-nowrap text-sf-strong hover:text-sf-default\"\n        >\n          <button type=\"button\" aria-label={i18n.changeValue}>\n            <span className=\"max-w-32 truncate\">\n              {filter.values.length === 0 ? i18n.noValueLabel : displayValue}\n            </span>\n            <CaretDown className=\"size-3\" />\n          </button>\n        </Popover.Trigger>\n        <Popover.Content className=\"w-auto min-w-48\">\n          <FilterValueEditor\n            field={field}\n            values={filter.values}\n            onChange={onValuesChange}\n            onClose={() => setValuePopoverOpen(false)}\n            i18n={i18n}\n          />\n        </Popover.Content>\n      </Popover>\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        aria-label={i18n.removeFilter}\n        className=\"ml-1.5 inline-flex items-center justify-center rounded p-0.5 text-sf-subtle hover:bg-sf-overlay hover:text-sf-default\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n}\n\n// ============================================================================\n// Filter Add Menu (internal)\n// ============================================================================\n\ninterface FilterAddMenuProps {\n  fields: FilterFieldConfig[];\n  filters: Filter[];\n  size: \"sm\" | \"default\" | \"lg\";\n  trigger?: ReactNode;\n  showSearchInput?: boolean;\n  allowMultiple?: boolean;\n  i18n: FilterI18nConfig;\n  onAddFilter: (filter: Filter) => void;\n}\n\nfunction FilterAddMenu({\n  fields,\n  filters,\n  size,\n  trigger,\n  showSearchInput = true,\n  allowMultiple = true,\n  i18n,\n  onAddFilter,\n}: FilterAddMenuProps) {\n  const [open, setOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const groupedFields = useMemo(() => groupFields(fields), [fields]);\n\n  const availableFields = useMemo(() => {\n    if (allowMultiple) return fields;\n    const usedKeys = new Set(filters.map((f) => f.field));\n    return fields.filter((f) => !usedKeys.has(f.key));\n  }, [fields, filters, allowMultiple]);\n\n  const filteredGroups = useMemo(() => {\n    if (!searchQuery) return groupedFields;\n\n    const filtered = new Map<string, FilterFieldConfig[]>();\n    for (const [group, groupFields] of groupedFields) {\n      const matching = groupFields.filter(\n        (f) =>\n          f.label.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          f.key.toLowerCase().includes(searchQuery.toLowerCase())\n      );\n      if (matching.length > 0) {\n        filtered.set(group, matching);\n      }\n    }\n    return filtered;\n  }, [groupedFields, searchQuery]);\n\n  const handleFieldClick = useCallback(\n    (field: FilterFieldConfig) => {\n      const operator =\n        field.defaultOperator ??\n        getDefaultOperatorForFieldType(field.type, field.operators);\n      const newFilter = createFilter(field.key, operator, []);\n      onAddFilter(newFilter);\n      setOpen(false);\n      setSearchQuery(\"\");\n    },\n    [onAddFilter]\n  );\n\n  const sizeClasses = {\n    sm: \"text-xs h-7 px-2\",\n    default: \"text-sm h-8 px-2.5\",\n    lg: \"text-base h-9 px-3\",\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        {trigger ?? (\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            className={cn(\n              \"inline-flex items-center gap-1 whitespace-nowrap\",\n              sizeClasses[size]\n            )}\n          >\n            <Plus className=\"size-3.5\" />\n            {i18n.addFilter}\n          </Button>\n        )}\n      </Popover.Trigger>\n      <Popover.Content className=\"w-64 p-2\">\n        {showSearchInput && (\n          <div className=\"mb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"max-h-72 overflow-auto\">\n          {filteredGroups.size === 0 ? (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          ) : (\n            Array.from(filteredGroups.entries()).map(\n              ([group, groupFields], groupIndex) => (\n                <div key={group}>\n                  {groupIndex > 0 && <div className=\"my-2 h-px bg-sf-line\" />}\n                  <div className=\"mb-1 px-2 text-xs font-medium text-sf-subtle\">\n                    {group}\n                  </div>\n                  <div className=\"flex flex-col gap-0.5\">\n                    {groupFields.map((field) => (\n                      <button\n                        key={field.key}\n                        type=\"button\"\n                        onClick={() => handleFieldClick(field)}\n                        disabled={\n                          !availableFields.some((f) => f.key === field.key)\n                        }\n                        className={cn(\n                          \"flex items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm\",\n                          \"hover:bg-sf-tint\",\n                          \"disabled:cursor-not-allowed disabled:opacity-50\"\n                        )}\n                      >\n                        {field.icon}\n                        {field.label}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n              )\n            )\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\n// ============================================================================\n// Main Filters Component\n// ============================================================================\n\n/**\n * Filters component for building and managing active filter conditions.\n *\n * Supports multiple filter types (text, select, multiselect, custom), operators,\n * and an \"Add Filter\" popover interface. Designed to work standalone or with\n * DataGrid for advanced data filtering.\n *\n * @example\n * ```tsx\n * const [filters, setFilters] = useState<Filter[]>([]);\n * const fields: FilterFieldConfig[] = [\n *   { key: \"status\", label: \"Status\", type: \"select\", options: [\n *     { value: \"active\", label: \"Active\" },\n *     { value: \"inactive\", label: \"Inactive\" },\n *   ]},\n *   { key: \"name\", label: \"Name\", type: \"text\" },\n * ];\n *\n * <Filters\n *   filters={filters}\n *   fields={fields}\n *   onChange={setFilters}\n * />\n * ```\n */\nexport function Filters({\n  filters,\n  fields,\n  onChange,\n  size = SF_FILTERS_DEFAULT_VARIANTS.size,\n  trigger,\n  showSearchInput = true,\n  allowMultiple = true,\n  enableShortcut = true,\n  shortcutKey = \"k\",\n  shortcutLabel,\n  i18n: i18nProp,\n  className,\n  menuPopupClassName,\n}: FiltersProps) {\n  const i18n = useMemo(() => mergeI18n(i18nProp), [i18nProp]);\n\n  // Keyboard shortcut\n  useEffect(() => {\n    if (!enableShortcut) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === shortcutKey) {\n        e.preventDefault();\n        // The add menu popover will need to be opened via a ref or state\n        // For now, this is a placeholder for the shortcut behavior\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [enableShortcut, shortcutKey]);\n\n  const handleAddFilter = useCallback(\n    (filter: Filter) => {\n      onChange([...filters, filter]);\n    },\n    [filters, onChange]\n  );\n\n  const handleRemoveFilter = useCallback(\n    (id: string) => {\n      onChange(filters.filter((f) => f.id !== id));\n    },\n    [filters, onChange]\n  );\n\n  const handleOperatorChange = useCallback(\n    (id: string, operator: string) => {\n      onChange(filters.map((f) => (f.id === id ? { ...f, operator } : f)));\n    },\n    [filters, onChange]\n  );\n\n  const handleValuesChange = useCallback(\n    (id: string, values: string[]) => {\n      onChange(filters.map((f) => (f.id === id ? { ...f, values } : f)));\n    },\n    [filters, onChange]\n  );\n\n  const handleClearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const fieldMap = useMemo(() => {\n    const map = new Map<string, FilterFieldConfig>();\n    for (const field of fields) {\n      map.set(field.key, field);\n    }\n    return map;\n  }, [fields]);\n\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-2\", className)}>\n      {/* Active filter pills */}\n      {filters.map((filter) => {\n        const field = fieldMap.get(filter.field);\n        if (!field) return null;\n\n        return (\n          <FilterItem\n            key={filter.id}\n            filter={filter}\n            field={field}\n            size={size}\n            i18n={i18n}\n            onRemove={() => handleRemoveFilter(filter.id)}\n            onOperatorChange={(op) => handleOperatorChange(filter.id, op)}\n            onValuesChange={(vals) => handleValuesChange(filter.id, vals)}\n          />\n        );\n      })}\n\n      {/* Add filter menu */}\n      <div className={menuPopupClassName}>\n        <FilterAddMenu\n          fields={fields}\n          filters={filters}\n          size={size}\n          trigger={trigger}\n          showSearchInput={showSearchInput}\n          allowMultiple={allowMultiple}\n          i18n={i18n}\n          onAddFilter={handleAddFilter}\n        />\n      </div>\n\n      {/* Clear all button */}\n      {filters.length > 0 && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClearAll}\n          className=\"text-sf-subtle hover:text-sf-default\"\n        >\n          {i18n.clearAll}\n        </Button>\n      )}\n\n      {/* Keyboard shortcut hint */}\n      {enableShortcut && shortcutLabel && (\n        <span className=\"ml-auto text-xs text-sf-subtle\">{shortcutLabel}</span>\n      )}\n    </div>\n  );\n}\n\nFilters.displayName = \"Filters\";\n"],"mappings":"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"}

package/dist/flow-B4v198ot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flow-B4v198ot.js","names":[],"sources":["../src/components/flow/connectors.tsx","../src/components/flow/use-children.tsx","../src/components/flow/diagram.tsx","../src/components/flow/node.tsx","../src/components/flow/parallel.tsx","../src/components/flow/index.ts"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\n\nexport interface Connector {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  isBottom?: boolean;\n}\n\ntype ConnectorsProps = {\n  connectors: Connector[];\n  children?: ReactNode;\n} & Omit<PathProps, \"isBottom\">;\n\ntype PathProps = Partial<{\n  cornerRadius: number;\n  midOffset: number;\n  arrowheadOffset: number;\n  isBottom: boolean;\n  single: boolean;\n  orientation: \"vertical\" | \"horizontal\";\n}>;\n\n/**\n * Maximum vertical/horizontal distance between anchor points where the line\n * would render as straight. Below this number, the line will be drawn as a\n * straight line.\n */\nconst FLAT_THRESHOLD = 2;\n\nexport function createRoundedPath(\n  { x1, y1, x2, y2 }: { x1: number; y1: number; x2: number; y2: number },\n  {\n    cornerRadius: maxCornerRadius = 8,\n    midOffset = 32,\n    arrowheadOffset = 8,\n    isBottom = false,\n    single = false,\n    orientation = \"vertical\",\n  }: PathProps = {}\n) {\n  /**\n   * Cap the corner radius to half the vertical/horizontal distance between the\n   * anchor points so the line still looks smooth even in small gaps.\n   */\n  const cornerRadius = Math.min(\n    maxCornerRadius,\n    Math.abs(orientation === \"horizontal\" ? (y2 - y1) / 2 : (x2 - x1) / 2)\n  );\n  if (orientation === \"horizontal\") {\n    if (Math.abs(y2 - y1) <= FLAT_THRESHOLD)\n      return `M ${x1} ${y1} L ${x2 - arrowheadOffset} ${y2}`;\n\n    // Horizontal orientation: horizontal → vertical → horizontal\n    // verticalOffset is used as horizontalOffset (distance from x2 where we turn)\n    const verticalX = x2 - midOffset;\n    const isGoingRight = x2 > x1;\n    const horizontalSign = isGoingRight ? 1 : -1;\n    const isGoingDown = y2 > y1;\n    const verticalSign = isGoingDown ? 1 : -1;\n\n    // First horizontal segment stops before the first corner\n    const firstHorizontalEnd = verticalX - horizontalSign * cornerRadius;\n    // Vertical segment starts after the first corner\n    const verticalStart = y1 + verticalSign * cornerRadius;\n    // Vertical segment stops before the second corner\n    const verticalEnd = y2 - verticalSign * cornerRadius;\n    // Second horizontal segment starts after the second corner\n    const secondHorizontalStart = verticalX + horizontalSign * cornerRadius;\n    // Path ends before the arrowhead (on x-axis)\n    const pathEndX = x2 - horizontalSign * arrowheadOffset;\n\n    const bottomCurveCommands = [\n      `L ${firstHorizontalEnd} ${y1}`,\n      `Q ${verticalX} ${y1} ${verticalX} ${verticalStart}`,\n      `L ${verticalX} ${y2}`,\n    ];\n\n    const topCurveCommands = [\n      single\n        ? `L ${firstHorizontalEnd} ${y1} Q ${verticalX} ${y1} ${verticalX} ${verticalStart}`\n        : `L ${verticalX} ${y1}`,\n      `L ${verticalX} ${verticalEnd}`,\n      `Q ${verticalX} ${y2} ${secondHorizontalStart} ${y2}`,\n    ];\n\n    const commands = [\n      `M ${x1} ${y1}`,\n      isBottom ? [...bottomCurveCommands] : [...topCurveCommands],\n      `L ${pathEndX} ${y2}`,\n    ];\n\n    return commands.join(\" \");\n  }\n\n  if (Math.abs(x2 - x1) <= FLAT_THRESHOLD)\n    return `M ${x1} ${y1} L ${x2} ${y2 - arrowheadOffset}`;\n\n  // Vertical orientation: vertical → horizontal → vertical\n  // Vertical offset before turning horizontally\n  const horizontalY = y2 - midOffset;\n  const isGoingRight = x2 > x1;\n  const horizontalSign = isGoingRight ? 1 : -1;\n  const isGoingDown = y2 > y1;\n  const verticalSign = isGoingDown ? 1 : -1;\n\n  // First vertical segment stops before the first corner (going down)\n  const firstVerticalEnd = horizontalY - cornerRadius;\n  // Horizontal segment starts after the first corner\n  const horizontalStart = x1 + horizontalSign * cornerRadius;\n  // Horizontal segment stops before the second corner\n  const horizontalEnd = x2 - horizontalSign * cornerRadius;\n  // Second vertical segment starts after the second corner (going down)\n  const secondVerticalStart = horizontalY + cornerRadius;\n  // Path ends before the arrowhead\n  const pathEndY = y2 - verticalSign * arrowheadOffset;\n\n  const bottomCurveCommands = [\n    `L ${x1} ${firstVerticalEnd}`,\n    `Q ${x1} ${horizontalY} ${horizontalStart} ${horizontalY}`,\n    `L ${x2} ${horizontalY}`,\n  ];\n\n  const topCurveCommands = [\n    `L ${x1} ${horizontalY}`,\n    `L ${horizontalEnd} ${horizontalY}`,\n    `Q ${x2} ${horizontalY} ${x2} ${secondVerticalStart}`,\n  ];\n\n  const commands = [\n    `M ${x1} ${y1}`, // Move the cursor to the starting point\n    isBottom ? [...bottomCurveCommands] : [...topCurveCommands],\n    `L ${x2} ${pathEndY}`, // Draw the final line to the end point\n  ];\n\n  return commands.join(\" \");\n}\n\nexport const Connectors = forwardRef<SVGSVGElement, ConnectorsProps>(\n  function Connectors({ connectors, children, ...pathProps }, svgRef) {\n    const id = useId();\n    return (\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        aria-hidden=\"true\"\n        className=\"text-sf-inactive overflow-visible\"\n        ref={svgRef}\n      >\n        <defs>\n          <marker\n            id={id}\n            markerWidth=\"8\"\n            markerHeight=\"8\"\n            refX=\"0\"\n            refY=\"4\"\n            orient=\"auto\"\n            markerUnits=\"userSpaceOnUse\"\n          >\n            <path\n              d=\"M 0,1.5 Q 0,0 1.5,0 Q 3.5,1 5.8,3.2 Q 6.5,4 5.8,4.8 Q 3.5,7 1.5,8 Q 0,8 0,6.5 Z\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            />\n          </marker>\n        </defs>\n        {connectors.map((connector, index) => {\n          const path = createRoundedPath(connector, {\n            isBottom: connector.isBottom,\n            ...pathProps,\n          });\n          return (\n            <path\n              key={index}\n              d={path}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              markerEnd={`url(#${id})`}\n              data-index={index}\n            />\n          );\n        })}\n        {children}\n      </svg>\n    );\n  }\n);\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\nexport type DescendantInfo<T = Record<string, unknown>> = {\n  id: string;\n  props: T;\n  renderOrder: number;\n};\n\ntype DescendantsContextType<DescendantType = Record<string, unknown>> = {\n  register: (\n    id: string,\n    renderOrder: number,\n    props?: DescendantType\n  ) => { unregister: () => void };\n  descendants: DescendantInfo<DescendantType>[];\n  claimRenderOrder: (id: string) => number;\n};\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst DescendantsContext = createContext<DescendantsContextType | null>(null);\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook that manages descendant registration and provides access to all registered descendants.\n * This hook contains all the logic for tracking and managing descendants.\n *\n * @returns The descendants context value with register function and descendants array\n */\nexport function useDescendants<\n  DescendantType extends Record<string, unknown>,\n>(): DescendantsContextType<DescendantType> {\n  const [registeredDescendants, setRegisteredDescendants] = useState<\n    DescendantInfo<DescendantType>[]\n  >([]);\n  const descendantsRef = useRef<Map<string, DescendantInfo<DescendantType>>>(\n    new Map()\n  );\n\n  // Track render order - resets each render cycle\n  const renderOrderCounterRef = useRef(0);\n  const renderOrderMapRef = useRef<Map<string, number>>(new Map());\n\n  // Reset counter at the start of each render cycle\n  // This runs synchronously during render, before any children claim their order\n  renderOrderCounterRef.current = 0;\n  renderOrderMapRef.current.clear();\n\n  // Called during render to claim a slot in the render order\n  const claimRenderOrder = useCallback((id: string): number => {\n    if (!renderOrderMapRef.current.has(id)) {\n      renderOrderMapRef.current.set(id, renderOrderCounterRef.current++);\n    }\n    return renderOrderMapRef.current.get(id) as number;\n  }, []);\n\n  const register = useCallback(\n    (\n      id: string,\n      renderOrder: number,\n      props: DescendantType = {} as DescendantType\n    ) => {\n      // Add descendant to the map with render order\n      const descendantInfo: DescendantInfo<DescendantType> = {\n        id,\n        props,\n        renderOrder,\n      };\n      descendantsRef.current.set(id, descendantInfo);\n\n      // Update state with all descendants sorted by render order\n      const sortedDescendants = Array.from(\n        descendantsRef.current.values()\n      ).sort((a, b) => a.renderOrder - b.renderOrder);\n      setRegisteredDescendants(sortedDescendants);\n\n      // Return unregister function\n      const unregister = () => {\n        descendantsRef.current.delete(id);\n        const remainingDescendants = Array.from(\n          descendantsRef.current.values()\n        ).sort((a, b) => a.renderOrder - b.renderOrder);\n        setRegisteredDescendants(remainingDescendants);\n      };\n\n      return { unregister };\n    },\n    []\n  );\n\n  const contextValue: DescendantsContextType<DescendantType> = useMemo(\n    () => ({\n      register,\n      descendants: registeredDescendants,\n      claimRenderOrder,\n    }),\n    [register, registeredDescendants, claimRenderOrder]\n  );\n\n  return contextValue;\n}\n\n// ============================================================================\n// Provider Component\n// ============================================================================\n\ntype DescendantsProviderProps<T extends Record<string, unknown>> = {\n  value: DescendantsContextType<T>;\n  children: ReactNode;\n};\n\nexport function DescendantsProvider<T extends Record<string, unknown>>({\n  value,\n  children,\n}: DescendantsProviderProps<T>) {\n  return (\n    <DescendantsContext.Provider\n      value={value as unknown as DescendantsContextType}\n    >\n      {children}\n    </DescendantsContext.Provider>\n  );\n}\n\n// ============================================================================\n// Context Hook\n// ============================================================================\n\n/**\n * Hook to access the descendants context from within a DescendantsProvider.\n * This allows callers to access the descendants data and register function.\n *\n * @returns The descendants context value\n * @throws Error if used outside of DescendantsProvider\n */\nexport function useDescendantsContext<\n  T extends Record<string, unknown>,\n>(): DescendantsContextType<T> {\n  const context = useContext(DescendantsContext);\n\n  if (!context) {\n    throw new Error(\n      \"useDescendantsContext must be used within DescendantsProvider\"\n    );\n  }\n\n  return context as DescendantsContextType<T>;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook that allows a descendant component to register itself with a parent\n * and returns the index of the descendant in the parent's list.\n *\n * @example\n * ```tsx\n * function Parent() {\n *   return (\n *     <DescendantsProvider>\n *       <Descendant />\n *       <Descendant />\n *       <Descendant />\n *     </DescendantsProvider>\n *   );\n * }\n *\n * function Descendant() {\n *   const index = useDescendantIndex();\n *   return <div>I am descendant {index}</div>;\n * }\n *\n * // With props\n * function Descendant() {\n *   const index = useDescendantIndex({ name: \"Descendant 1\", type: \"primary\" });\n *   return <div>I am descendant {index}</div>;\n * }\n * ```\n */\n// ============================================================================\n// Descendant Index Hook\n// ============================================================================\n\nexport function useDescendantIndex<T extends Record<string, unknown>>(\n  props?: T\n) {\n  const context = useDescendantsContext<T>();\n  const id = useId();\n\n  // Claim render order during render (synchronously, not in useEffect)\n  // This captures the order in which descendants render\n  const renderOrder = context.claimRenderOrder(id);\n\n  const unregisterRef = useRef<(() => void) | null>(null);\n  const registerRef = useRef(context.register);\n\n  // Keep refs in sync with context\n  registerRef.current = context.register;\n\n  useEffect(() => {\n    // Register or update this descendant with its render order\n    const { unregister } = registerRef.current(id, renderOrder, props);\n\n    // Store unregister function if not already stored\n    if (!unregisterRef.current) {\n      unregisterRef.current = unregister;\n    }\n\n    // Cleanup: unregister when component unmounts\n    return () => {\n      if (unregisterRef.current) {\n        unregisterRef.current();\n        unregisterRef.current = null;\n      }\n    };\n  }, [id, renderOrder, props]);\n\n  // Derive index from sorted descendants array\n  const index = useMemo(() => {\n    return context.descendants.findIndex((descendant) => descendant.id === id);\n  }, [context.descendants, id]);\n\n  const getPrevious = useCallback((): DescendantInfo<T> | undefined => {\n    if (index <= 0) return undefined;\n    return context.descendants[index - 1];\n  }, [context.descendants, index]);\n\n  const getNext = useCallback((): DescendantInfo<T> | undefined => {\n    if (index < 0 || index >= context.descendants.length - 1) return undefined;\n    return context.descendants[index + 1];\n  }, [context.descendants, index]);\n\n  return { index, id, getPrevious, getNext };\n}\n","import {\n  motion,\n  useMotionTemplate,\n  useMotionValue,\n  useTransform,\n  type MotionValue,\n  type PanInfo,\n} from \"motion/react\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Connectors, type Connector } from \"./connectors\";\nimport {\n  DescendantsProvider,\n  useDescendantIndex,\n  useDescendants,\n  type DescendantInfo,\n} from \"./use-children\";\n\nconst PAN_SPACING = {\n  y: 64,\n  x: 16,\n};\n\n/** Minimum scrollbar thumb size in percentage to ensure visibility */\nconst MIN_SCROLLBAR_THUMB_SIZE = 10;\n\n// Vertical orientation is currently a no-op\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Align = \"start\" | \"center\";\n\ninterface DiagramContextValue {\n  orientation: Orientation;\n  align: Align;\n  x: MotionValue<number>;\n  y: MotionValue<number>;\n  /** Ref to the canvas viewport wrapper element */\n  wrapperRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst DiagramContext = createContext<DiagramContextValue | null>(null);\n\nexport function useDiagramContext(): DiagramContextValue {\n  const context = useContext(DiagramContext);\n  if (context === null) {\n    throw new Error(\"useDiagramContext must be used within a FlowDiagram\");\n  }\n  return context;\n}\n\ninterface FlowDiagramProps {\n  orientation?: Orientation;\n  /**\n   * Controls vertical alignment of nodes in horizontal orientation.\n   * - `start`: Nodes align to the top (default)\n   * - `center`: Nodes are vertically centered\n   */\n  align?: Align;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function FlowDiagram({\n  orientation = \"horizontal\",\n  align = \"start\",\n  className,\n  children,\n}: FlowDiagramProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n  const [bounds, setBounds] = useState<{ x: number; y: number } | null>(null);\n  const [dimensions, setDimensions] = useState<{\n    viewportWidth: number;\n    viewportHeight: number;\n    contentWidth: number;\n    contentHeight: number;\n  } | null>(null);\n\n  const [isPanning, setIsPanning] = useState(false);\n  const [canPan, setCanPan] = useState(false);\n\n  useEffect(() => {\n    if (!wrapperRef.current || !contentRef.current) return;\n\n    const measureBounds = () => {\n      if (!wrapperRef.current || !contentRef.current) return;\n\n      const wrapper = wrapperRef.current.getBoundingClientRect();\n      const content = contentRef.current.getBoundingClientRect();\n\n      const availableWidth = wrapper.width - PAN_SPACING.x * 2;\n      const availableHeight = wrapper.height - PAN_SPACING.y * 2;\n\n      setBounds({\n        x: Math.min(0, availableWidth - content.width),\n        y: Math.min(0, availableHeight - content.height),\n      });\n\n      setDimensions({\n        viewportWidth: availableWidth,\n        viewportHeight: availableHeight,\n        contentWidth: content.width,\n        contentHeight: content.height,\n      });\n\n      setCanPan(\n        content.width > availableWidth || content.height > availableHeight\n      );\n    };\n\n    measureBounds();\n\n    const resizeObserver = new ResizeObserver(measureBounds);\n    resizeObserver.observe(wrapperRef.current);\n    resizeObserver.observe(contentRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!bounds) return;\n\n    /**\n     * It's possible for the content to resize after the user panned. If we're\n     * at the edge of the pan and the content gets smaller, then we've \"panned\n     * too far\". In this case, we transition the pan back to the new bounds.\n     */\n    if (x.get() < bounds.x) {\n      x.set(bounds.x);\n    }\n    if (y.get() < bounds.y) {\n      y.set(bounds.y);\n    }\n  }, [bounds, x, y]);\n\n  useEffect(() => {\n    return () => {\n      document.body.style.cursor = \"\";\n      document.body.style.userSelect = \"\";\n    };\n  }, []);\n\n  // Handle wheel/scroll events for panning\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      if (!bounds) return;\n\n      const canScrollX = bounds.x < 0;\n      const canScrollY = bounds.y < 0;\n\n      if (!canScrollX && !canScrollY) return;\n\n      e.preventDefault();\n\n      if (canScrollY) {\n        const newY = Math.max(bounds.y, Math.min(0, y.get() - e.deltaY));\n        y.set(newY);\n      }\n\n      if (canScrollX) {\n        const newX = Math.max(bounds.x, Math.min(0, x.get() - e.deltaX));\n        x.set(newX);\n      }\n    };\n\n    wrapper.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => wrapper.removeEventListener(\"wheel\", handleWheel);\n  }, [bounds, x, y]);\n\n  const handlePan = (_: PointerEvent, info: PanInfo) => {\n    if (!bounds) return;\n    x.set(Math.max(bounds.x, Math.min(0, x.get() + info.delta.x)));\n    y.set(Math.max(bounds.y, Math.min(0, y.get() + info.delta.y)));\n  };\n\n  // Calculate scrollbar dimensions\n  const canScrollX = bounds && bounds.x < 0;\n  const canScrollY = bounds && bounds.y < 0;\n\n  const scrollThumbWidth =\n    dimensions && dimensions.contentWidth > 0 && dimensions.viewportWidth > 0\n      ? Math.max(\n          MIN_SCROLLBAR_THUMB_SIZE,\n          (dimensions.viewportWidth / dimensions.contentWidth) * 100\n        )\n      : 0;\n  const scrollThumbHeight =\n    dimensions && dimensions.contentHeight > 0 && dimensions.viewportHeight > 0\n      ? Math.max(\n          MIN_SCROLLBAR_THUMB_SIZE,\n          (dimensions.viewportHeight / dimensions.contentHeight) * 100\n        )\n      : 0;\n\n  // Transform pan position to scrollbar thumb position (as percentage)\n  const scrollbarXPercent = useTransform(\n    x,\n    [0, bounds?.x ?? 0],\n    [0, 100 - scrollThumbWidth]\n  );\n  const scrollbarYPercent = useTransform(\n    y,\n    [0, bounds?.y ?? 0],\n    [0, 100 - scrollThumbHeight]\n  );\n\n  const scrollTop = useMotionTemplate`${scrollbarYPercent}%`;\n  const scrollLeft = useMotionTemplate`${scrollbarXPercent}%`;\n\n  const contextValue = useMemo(\n    () => ({ orientation, align, x, y, wrapperRef }),\n    [orientation, align, x, y]\n  );\n\n  return (\n    <DiagramContext.Provider value={contextValue}>\n      <motion.div\n        ref={wrapperRef}\n        className={cn(\n          \"relative overflow-hidden py-16 px-4 grow isolate group\",\n          className\n        )}\n        style={{\n          cursor: canPan && !isPanning ? \"grab\" : undefined,\n        }}\n        onPanStart={() => {\n          setIsPanning(true);\n          document.body.style.cursor = \"grabbing\";\n          document.body.style.userSelect = \"none\";\n        }}\n        onPan={handlePan}\n        onPanEnd={() => {\n          setIsPanning(false);\n          document.body.style.cursor = \"\";\n          document.body.style.userSelect = \"\";\n        }}\n      >\n        <motion.div ref={contentRef} className=\"w-max mx-auto\" style={{ x, y }}>\n          <FlowNodeList>{children}</FlowNodeList>\n        </motion.div>\n\n        {/* Vertical scrollbar */}\n        {canScrollY && (\n          <div className=\"absolute right-1 top-4 bottom-4 w-1.5 rounded-full bg-sf-line/50 opacity-0 group-hover:opacity-100\">\n            <motion.div\n              className=\"absolute w-full rounded-full bg-sf-fill\"\n              style={{\n                height: `${scrollThumbHeight}%`,\n                top: scrollTop,\n              }}\n            />\n          </div>\n        )}\n\n        {/* Horizontal scrollbar */}\n        {canScrollX && (\n          <div className=\"absolute bottom-1 left-4 right-4 h-1.5 rounded-full bg-sf-line/50 opacity-0 group-hover:opacity-100\">\n            <motion.div\n              className=\"absolute h-full rounded-full bg-sf-fill\"\n              style={{\n                width: `${scrollThumbWidth}%`,\n                left: scrollLeft,\n              }}\n            />\n          </div>\n        )}\n      </motion.div>\n    </DiagramContext.Provider>\n  );\n}\n\n// ---\n\nexport type RectLike = {\n  x: number;\n  y: number;\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n};\n\nexport type NodeData = {\n  parallel?: boolean;\n  start?: RectLike | null;\n  end?: RectLike | null;\n};\n\nexport const useNodeGroup = () => useDescendants<NodeData>();\n\nexport const useNode = (props: NodeData) => useDescendantIndex<NodeData>(props);\n\nexport const getNodeRect = (\n  node: DescendantInfo<NodeData> | undefined,\n  { type = \"start\" }: { type?: \"start\" | \"end\" }\n): RectLike | null => {\n  if (!node) return null;\n  return node.props[type] ?? null;\n};\n\nexport function FlowNodeList({ children }: { children: ReactNode }) {\n  const { orientation, align } = useDiagramContext();\n  const descendants = useNodeGroup();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const connectors = useMemo(() => {\n    const edges: Connector[] = [];\n    const nodes = descendants.descendants;\n    const containerRect = containerRef.current?.getBoundingClientRect();\n\n    const offsetX = containerRect?.left ?? 0;\n    const offsetY = containerRect?.top ?? 0;\n\n    for (let i = 0; i < nodes.length - 1; i++) {\n      const currentRect = getNodeRect(nodes[i], { type: \"start\" });\n      const nextRect = getNodeRect(nodes[i + 1], { type: \"end\" });\n\n      if (currentRect && nextRect) {\n        edges.push({\n          x1: currentRect.left - offsetX + currentRect.width,\n          y1: currentRect.top - offsetY + currentRect.height / 2,\n          x2: nextRect.left - offsetX,\n          y2: nextRect.top - offsetY + nextRect.height / 2,\n        });\n      }\n    }\n\n    return edges;\n  }, [descendants.descendants]);\n\n  return (\n    <DescendantsProvider value={descendants}>\n      <div className=\"relative\" ref={containerRef}>\n        <ul\n          className={cn(\n            \"ml-0 list-none\",\n            orientation === \"vertical\"\n              ? \"grid auto-rows-min gap-16\"\n              : \"flex gap-16\",\n            orientation === \"horizontal\" &&\n              (align === \"center\" ? \"items-center\" : \"items-start\")\n          )}\n        >\n          {children}\n        </ul>\n        <div className=\"absolute inset-0 pointer-events-none\">\n          <Connectors\n            connectors={connectors}\n            orientation={orientation}\n            single\n          />\n        </div>\n      </div>\n    </DescendantsProvider>\n  );\n}\n","import {\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nimport { useNode, type RectLike } from \"./diagram\";\n\n// Utility to merge refs\nfunction mergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n\n/**\n * FlowNode component props.\n *\n * @example Default styling\n * ```tsx\n * <Flow.Node>Step 1</Flow.Node>\n * ```\n *\n * @example Custom render - completely replaces the default element\n * ```tsx\n * <Flow.Node render={<div className=\"custom-node\">Custom content</div>} />\n * ```\n */\nexport type FlowNodeProps = {\n  /**\n   * Custom element to render instead of the default styled node.\n   * When provided, completely replaces the default element.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n};\n\nexport const FlowNode = forwardRef<HTMLElement, FlowNodeProps>(\n  function FlowNode({ render, children }, ref) {\n    const nodeRef = useRef<HTMLElement>(null);\n    const startAnchorRef = useRef<HTMLElement | null>(null);\n    const endAnchorRef = useRef<HTMLElement | null>(null);\n    const [measurements, setMeasurements] = useState<{\n      start: RectLike | null;\n      end: RectLike | null;\n    }>({ start: null, end: null });\n\n    const nodeProps = useMemo(\n      () => ({\n        parallel: false,\n        ...measurements,\n      }),\n      [measurements]\n    );\n\n    const { index, id } = useNode(nodeProps);\n\n    /**\n     * This effect intentionally has no dependencies because we want it to run on\n     * every render to ensure measurements are always up to date.\n     */\n    useEffect(() => {\n      if (!nodeRef.current) return;\n\n      const rect = nodeRef.current.getBoundingClientRect();\n      const nodeRect = rect;\n\n      let startRect: RectLike = nodeRect;\n      let endRect: RectLike = nodeRect;\n\n      if (startAnchorRef.current) {\n        startRect = startAnchorRef.current.getBoundingClientRect();\n      }\n\n      if (endAnchorRef.current) {\n        endRect = endAnchorRef.current.getBoundingClientRect();\n      }\n\n      setMeasurements((m) => {\n        const newVal = { start: startRect, end: endRect };\n        if (JSON.stringify(m) === JSON.stringify(newVal)) return m;\n        return newVal;\n      });\n    });\n\n    const mergedRef = mergeRefs(ref, nodeRef);\n\n    let element: ReactElement;\n    if (render && isValidElement(render)) {\n      // When render prop is provided, clone it with ref and data attributes\n      const renderProps = render.props as { children?: ReactNode };\n      // oxlint-disable-next-line react/no-clone-element -- forwarding ref to render prop element\n      element = cloneElement(render, {\n        ref: mergedRef,\n        \"data-node-index\": index,\n        \"data-node-id\": id,\n        children: renderProps.children ?? children,\n      } as React.HTMLAttributes<HTMLElement> & { ref: React.Ref<HTMLElement> });\n    } else {\n      // Default element\n      element = (\n        <li\n          ref={mergedRef}\n          className=\"py-2 px-3 rounded-md shadow bg-sf-base ring ring-sf-line\"\n          data-node-index={index}\n          data-node-id={id}\n        >\n          {children}\n        </li>\n      );\n    }\n\n    return (\n      <FlowNodeAnchorContext.Provider\n        value={useMemo(\n          () => ({\n            registerStartAnchor: (anchorRef) => {\n              startAnchorRef.current = anchorRef;\n            },\n            registerEndAnchor: (anchorRef) => {\n              endAnchorRef.current = anchorRef;\n            },\n          }),\n          []\n        )}\n      >\n        {element}\n      </FlowNodeAnchorContext.Provider>\n    );\n  }\n);\n\nFlowNode.displayName = \"Flow.Node\";\n\ntype FlowNodeAnchorContextType = {\n  registerStartAnchor: (ref: HTMLElement | null) => void;\n  registerEndAnchor: (ref: HTMLElement | null) => void;\n};\n\nconst FlowNodeAnchorContext = createContext<FlowNodeAnchorContextType | null>(\n  null\n);\n\n/**\n * FlowAnchor component props.\n *\n * @example Default (unstyled div)\n * ```tsx\n * <Flow.Anchor type=\"start\">Anchor content</Flow.Anchor>\n * ```\n *\n * @example Custom render - completely replaces the default element\n * ```tsx\n * <Flow.Anchor type=\"end\" render={<span className=\"custom-anchor\">Custom anchor</span>} />\n * ```\n */\nexport type FlowAnchorProps = {\n  /**\n   * Determines if the anchor should serve as a \"start\" point for the\n   * _next_ connector or the \"end\" point for the _previous_ connector.\n   * When omitted, it serves as both the start and end points.\n   */\n  type?: \"start\" | \"end\";\n  /**\n   * Custom element to render instead of the default div.\n   * When provided, completely replaces the default element.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n};\n\nexport const FlowAnchor = forwardRef<HTMLElement, FlowAnchorProps>(\n  function FlowAnchor({ type, render, children }, ref) {\n    const context = useContext(FlowNodeAnchorContext);\n    const anchorRef = useRef<HTMLElement>(null);\n\n    if (!context) {\n      throw new Error(\"Flow.Anchor must be used within Flow.Node\");\n    }\n\n    useEffect(() => {\n      if (!anchorRef.current) {\n        return;\n      }\n\n      if (type === \"start\" || type === undefined) {\n        context.registerStartAnchor(anchorRef.current);\n      }\n      if (type === \"end\" || type === undefined) {\n        context.registerEndAnchor(anchorRef.current);\n      }\n\n      return () => {\n        if (type === \"start\" || type === undefined) {\n          context.registerStartAnchor(null);\n        }\n        if (type === \"end\" || type === undefined) {\n          context.registerEndAnchor(null);\n        }\n      };\n    }, [type, context.registerStartAnchor, context.registerEndAnchor]);\n\n    const mergedRef = mergeRefs(ref, anchorRef);\n\n    if (render && isValidElement(render)) {\n      // When render prop is provided, clone it with ref\n      const renderProps = render.props as { children?: ReactNode };\n      // oxlint-disable-next-line react/no-clone-element -- forwarding ref to render prop element\n      return cloneElement(render, {\n        ref: mergedRef,\n        children: renderProps.children ?? children,\n      } as React.HTMLAttributes<HTMLElement> & { ref: React.Ref<HTMLElement> });\n    }\n\n    // Default element\n    return <div ref={mergedRef}>{children}</div>;\n  }\n);\n\nFlowAnchor.displayName = \"Flow.Anchor\";\n","import { useMemo, useRef, type ReactNode } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Connectors, type Connector } from \"./connectors\";\nimport {\n  getNodeRect,\n  useDiagramContext,\n  useNode,\n  useNodeGroup,\n  type RectLike,\n} from \"./diagram\";\nimport { DescendantsProvider } from \"./use-children\";\n\nfunction getStartAndEndPoints({\n  container,\n  previous,\n  next,\n  orientation,\n}: {\n  container: RectLike;\n  previous: RectLike | null;\n  next: RectLike | null;\n  orientation: \"vertical\" | \"horizontal\";\n}): {\n  start: { x: number; y: number };\n  end: { x: number; y: number };\n} {\n  if (orientation === \"vertical\") {\n    // we ignore previous/next calculations for vertical orientations for now\n    return {\n      start: {\n        x: container.width / 2,\n        y: 0,\n      },\n      end: {\n        x: container.width / 2,\n        y: container.height,\n      },\n    };\n  }\n  // Default to midpoints\n  let start = {\n    x: 0,\n    y: container.height / 2,\n  };\n  let end = {\n    x: container.width,\n    y: container.height / 2,\n  };\n  if (previous) {\n    start.y = previous.top - container.top + previous.height / 2;\n  }\n  if (next) {\n    end.y = next.top - container.top + next.height / 2;\n  }\n  return { start, end };\n}\n\nexport function FlowParallelNode({ children }: { children: ReactNode }) {\n  const { orientation } = useDiagramContext();\n  const descendants = useNodeGroup();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { index, getPrevious, getNext } = useNode(\n    useMemo(() => ({ parallel: true }), [])\n  );\n\n  const measure = () => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const containerRect = container.getBoundingClientRect();\n\n    const [prevNode, nextNode] = [getPrevious(), getNext()];\n    const previousNodeRect = getNodeRect(prevNode, { type: \"start\" });\n    const nextNodeRect = getNodeRect(nextNode, { type: \"end\" });\n\n    const { start, end } = getStartAndEndPoints({\n      container: containerRect,\n      previous: previousNodeRect,\n      next: nextNodeRect,\n      orientation,\n    });\n\n    const newConnectors = descendants.descendants.flatMap(({ props }) => {\n      const connectors: Connector[] = [];\n\n      const [endAnchorRect, startAnchorRect] = [props.end, props.start];\n      if (endAnchorRect) {\n        let branchStart: { x: number; y: number };\n        switch (orientation) {\n          case \"vertical\": {\n            const anchorCenter =\n              endAnchorRect.left - containerRect.left + endAnchorRect.width / 2;\n            branchStart = {\n              x: anchorCenter,\n              y: endAnchorRect.top - containerRect.top,\n            };\n            break;\n          }\n          case \"horizontal\": {\n            const anchorCenter =\n              endAnchorRect.top - containerRect.top + endAnchorRect.height / 2;\n            branchStart = {\n              x: endAnchorRect.left - containerRect.left,\n              y: anchorCenter,\n            };\n            break;\n          }\n          default:\n            throw new Error(`Unknown orientation: ${orientation as string}`);\n        }\n        connectors.push({\n          x1: start.x,\n          y1: start.y,\n          x2: branchStart.x,\n          y2: branchStart.y,\n          isBottom: false,\n        });\n      }\n\n      if (nextNodeRect && startAnchorRect) {\n        let branchEnd: { x: number; y: number };\n        switch (orientation) {\n          case \"vertical\": {\n            const anchorCenter =\n              startAnchorRect.left -\n              containerRect.left +\n              startAnchorRect.width / 2;\n            branchEnd = {\n              x: anchorCenter,\n              y: startAnchorRect.bottom - containerRect.top,\n            };\n            break;\n          }\n          case \"horizontal\": {\n            const anchorCenter =\n              startAnchorRect.top -\n              containerRect.top +\n              startAnchorRect.height / 2;\n            branchEnd = {\n              x: startAnchorRect.right - containerRect.left,\n              y: anchorCenter,\n            };\n            break;\n          }\n          default:\n            throw new Error(`Unknown orientation: ${orientation as string}`);\n        }\n        connectors.push({\n          x1: branchEnd.x,\n          y1: branchEnd.y,\n          x2: end.x,\n          y2: end.y,\n          isBottom: true,\n        });\n      }\n\n      return connectors;\n    });\n\n    return {\n      connectors: newConnectors,\n      junctions: {\n        start: {\n          x: orientation === \"vertical\" ? start.x : start.x + 32,\n          y: orientation === \"vertical\" ? start.y + 32 : start.y,\n        },\n        end: nextNodeRect\n          ? {\n              x: orientation === \"vertical\" ? end.x : end.x - 32,\n              y: orientation === \"vertical\" ? end.y - 32 : end.y,\n            }\n          : undefined,\n      },\n      containerRect,\n    };\n  };\n\n  const links = measure();\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"relative\",\n        orientation === \"horizontal\" ? \"px-16 -mx-16\" : \"py-16 -my-16\"\n      )}\n      data-node-index={index}\n    >\n      <div className=\"absolute inset-0 pointer-events-none z-10\">\n        {links && (\n          <Connectors connectors={links.connectors} orientation={orientation}>\n            {links.junctions?.start && (\n              <g\n                transform={`translate(${links.junctions.start.x} ${links.junctions.start.y})`}\n              >\n                <JunctionBox />\n              </g>\n            )}\n            {links.junctions?.end && (\n              <g\n                transform={`translate(${links.junctions.end.x} ${links.junctions.end.y})`}\n              >\n                <JunctionBox />\n              </g>\n            )}\n          </Connectors>\n        )}\n      </div>\n      <ul\n        className={cn(\n          \"gap-5 list-none flex items-start\",\n          orientation === \"horizontal\" ? \"flex-col ml-0\" : \"gap-5 w-fit mx-auto\"\n        )}\n      >\n        <DescendantsProvider value={descendants}>\n          {children}\n        </DescendantsProvider>\n      </ul>\n    </div>\n  );\n}\n\nfunction JunctionBox({ size = 6 }) {\n  const halfSize = size / 2;\n  return (\n    <rect\n      x={-halfSize}\n      y={-halfSize}\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      rx=\"1\"\n    />\n  );\n}\n","import { FlowDiagram, FlowNodeList } from \"./diagram\";\nimport { FlowNode, FlowAnchor } from \"./node\";\nimport { FlowParallelNode } from \"./parallel\";\n\n/**\n * Flow - Components for visualizing workflows and data flows.\n *\n * @example\n * ```tsx\n * <Flow>\n *   <Flow.Node>Step 1</Flow.Node>\n *   <Flow.Node>Step 2</Flow.Node>\n *   <Flow.Parallel>\n *     <Flow.Node>Branch A</Flow.Node>\n *     <Flow.Node>Branch B</Flow.Node>\n *   </Flow.Parallel>\n *   <Flow.Node>Step 3</Flow.Node>\n * </Flow>\n * ```\n */\nconst Flow = Object.assign(FlowDiagram, {\n  Node: FlowNode,\n  Parallel: FlowParallelNode,\n  List: FlowNodeList,\n  Anchor: FlowAnchor,\n});\n\nexport { Flow };\n"],"mappings":"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"}

package/dist/highlight-to-react-D0Yav4jk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight-to-react-D0Yav4jk.js","names":[],"sources":["../src/utils/highlight-to-react.tsx"],"sourcesContent":["/**\n * Converts sugar-high HTML output into React elements without dangerouslySetInnerHTML.\n *\n * sugar-high produces:\n *   <span class=\"sh__line\">\n *     <span class=\"sh__token--keyword\" style=\"color:var(--sh-keyword)\">const</span>\n *     ...\n *   </span>\n *\n * This parser extracts each token span and returns typed React elements.\n */\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\n\n// Matches a single token span: <span class=\"sh__token--X\" style=\"color:var(--sh-Y)\">content</span>\nconst TOKEN_RE =\n  /<span class=\"(sh__[^\"]+)\" style=\"color:([^\"]+)\">([\\s\\S]*?)<\\/span>/g;\n\n// Matches a line wrapper: <span class=\"sh__line\">content</span>\nconst LINE_RE = /<span class=\"sh__line\">([\\s\\S]*?)<\\/span>/g;\n\n/** Parse the inner HTML of a line into token React elements. */\nfunction parseTokens(lineHtml: string): ReactNode[] {\n  const nodes: ReactNode[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  // Reset regex state\n  TOKEN_RE.lastIndex = 0;\n\n  while ((match = TOKEN_RE.exec(lineHtml)) !== null) {\n    // Any text between tokens (shouldn't happen with well-formed sugar-high output, but be safe)\n    if (match.index > lastIndex) {\n      nodes.push(lineHtml.slice(lastIndex, match.index));\n    }\n\n    const [, className, color, text] = match;\n    nodes.push(\n      createElement(\n        \"span\",\n        { key: match.index, className, style: { color } },\n        // Unescape HTML entities sugar-high may produce\n        unescapeHtml(text)\n      )\n    );\n    lastIndex = match.index + match[0].length;\n  }\n\n  // Any trailing text\n  if (lastIndex < lineHtml.length) {\n    nodes.push(lineHtml.slice(lastIndex));\n  }\n\n  return nodes.length > 0 ? nodes : [\" \"];\n}\n\nfunction unescapeHtml(str: string): string {\n  return str\n    .replaceAll(\"&amp;\", \"&\")\n    .replaceAll(\"&lt;\", \"<\")\n    .replaceAll(\"&gt;\", \">\")\n    .replaceAll(\"&quot;\", '\"')\n    .replaceAll(\"&#39;\", \"'\");\n}\n\n/**\n * Parse sugar-high HTML output into an array of per-line React elements.\n * Each element is a `<span class=\"sh__line\">` containing token spans.\n */\nexport function highlightToLines(html: string): ReactElement[] {\n  const lines: ReactElement[] = [];\n  let match: RegExpExecArray | null;\n\n  // Reset regex state\n  LINE_RE.lastIndex = 0;\n\n  let lineIndex = 0;\n  while ((match = LINE_RE.exec(html)) !== null) {\n    const [, lineHtml] = match;\n    lines.push(\n      createElement(\n        \"span\",\n        { key: lineIndex, className: \"sh__line\" },\n        ...parseTokens(lineHtml)\n      )\n    );\n    lineIndex++;\n  }\n\n  return lines;\n}\n\n/**\n * Parse sugar-high HTML output into a flat array of token React elements\n * (no line wrappers — for inline use inside a single `<code>` element).\n */\nexport function highlightToTokens(html: string): ReactNode[] {\n  // Flatten: strip line wrappers (opening tags and their closing </span> at line boundaries)\n  const stripped = html\n    .replace(/<span class=\"sh__line\">/g, \"\")\n    .replace(/<\\/span>\\s*(?=\\n|$)/g, \"\");\n  return parseTokens(stripped);\n}\n"],"mappings":";;;AAgBA,IAAM,WACJ;AAGF,IAAM,UAAU;;AAGhB,SAAS,YAAY,UAA+B;CAClD,MAAM,QAAqB,EAAE;CAC7B,IAAI,YAAY;CAChB,IAAI;AAGJ,UAAS,YAAY;AAErB,SAAQ,QAAQ,SAAS,KAAK,SAAS,MAAM,MAAM;AAEjD,MAAI,MAAM,QAAQ,UAChB,OAAM,KAAK,SAAS,MAAM,WAAW,MAAM,MAAM,CAAC;EAGpD,MAAM,GAAG,WAAW,OAAO,QAAQ;AACnC,QAAM,KACJ,cACE,QACA;GAAE,KAAK,MAAM;GAAO;GAAW,OAAO,EAAE,OAAO;GAAE,EAEjD,aAAa,KAAK,CACnB,CACF;AACD,cAAY,MAAM,QAAQ,MAAM,GAAG;;AAIrC,KAAI,YAAY,SAAS,OACvB,OAAM,KAAK,SAAS,MAAM,UAAU,CAAC;AAGvC,QAAO,MAAM,SAAS,IAAI,QAAQ,CAAC,IAAI;;AAGzC,SAAS,aAAa,KAAqB;AACzC,QAAO,IACJ,WAAW,SAAS,IAAI,CACxB,WAAW,QAAQ,IAAI,CACvB,WAAW,QAAQ,IAAI,CACvB,WAAW,UAAU,KAAI,CACzB,WAAW,SAAS,IAAI;;;;;;AAO7B,SAAgB,iBAAiB,MAA8B;CAC7D,MAAM,QAAwB,EAAE;CAChC,IAAI;AAGJ,SAAQ,YAAY;CAEpB,IAAI,YAAY;AAChB,SAAQ,QAAQ,QAAQ,KAAK,KAAK,MAAM,MAAM;EAC5C,MAAM,GAAG,YAAY;AACrB,QAAM,KACJ,cACE,QACA;GAAE,KAAK;GAAW,WAAW;GAAY,EACzC,GAAG,YAAY,SAAS,CACzB,CACF;AACD;;AAGF,QAAO;;;;;;AAOT,SAAgB,kBAAkB,MAA2B;AAK3D,QAAO,YAHU,KACd,QAAQ,4BAA4B,GAAG,CACvC,QAAQ,wBAAwB,GAAG,CACV"}