@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/_chunk/breadcrumbs.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.jsx","names":["Breadcrumbs","HeadlessBreadcrumbs","HeadlessBreadcrumbItemContext","MenuTrigger","Menu","MenuItem","ChevronIcon","HeadlessBreadcrumbItem","BreadcrumbItem"],"sources":["../../src/icon/s2wf-icons/FolderBreadcrumbIcon.tsx","../../src/breadcrumbs/s2-breadcrumbs-styles.ts","../../src/breadcrumbs/index.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction FolderBreadcrumbIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"m16.75,5h-5.96387c-.21777,0-.42383-.09375-.56641-.25879l-1.7041-1.96387c-.42676-.49414-1.0459-.77734-1.7002-.77734h-3.56543c-1.24023,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM3.25,3.5h3.56543c.21777,0,.42383.09375.56641.25879l1.07703,1.24121H2.5v-.75c0-.41309.33691-.75.75-.75Zm14.25,11.25c0,.41309-.33691.75-.75.75H3.25c-.41309,0-.75-.33691-.75-.75V6.5h14.25c.41309,0,.75.33691.75.75v7.5Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <path\n        d=\"m10,13.65039c-.19238,0-.38379-.07324-.53027-.21973l-3-3c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l2.46973,2.46973,2.46973-2.46973c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-3,3c-.14648.14648-.33789.21973-.53027.21973Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type FolderBreadcrumbIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const FolderBreadcrumbIcon = createIcon(FolderBreadcrumbIconSvg);\nexport default FolderBreadcrumbIcon;\n","import { baseColor, focusRing, size as s2Size, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport type S2BreadcrumbsSize = \"M\" | \"L\";\n\nexport const wrapperStyles = style<{ size: S2BreadcrumbsSize; isDisabled?: boolean }>(\n  {\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"start\",\n    listStyleType: \"none\",\n    flexWrap: \"nowrap\",\n    flexGrow: 1,\n    flexShrink: 0,\n    flexBasis: 0,\n    height: controlSize(),\n    gap: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n    padding: 0,\n    transition: \"default\",\n    marginTop: 0,\n    marginBottom: 0,\n    marginStart: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nexport const breadcrumbStyles = style<{\n  size?: S2BreadcrumbsSize;\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  isMenu?: boolean;\n  isHovered?: boolean;\n  isFocusVisible?: boolean;\n  isFocused?: boolean;\n  isPressed?: boolean;\n}>({\n  ...focusRing(),\n  display: {\n    default: \"block\",\n    isMenu: \"flex\",\n  },\n  alignItems: {\n    isMenu: \"center\",\n  },\n  justifyContent: {\n    isMenu: \"start\",\n  },\n  height: {\n    isMenu: controlSize(),\n  },\n  transition: \"default\",\n  position: \"relative\",\n  flexShrink: 0,\n  borderStyle: \"none\",\n  /* A breadcrumb item is a nav row, so it takes the `row` corner (6px) rather than\n   * `sm` (4px, spectrum-theme.ts:630) — a value the register's radius ladder does not\n   * draw. The row-shaped siblings already spell this: tabs/index.tsx:336,\n   * steplist:68, tree:273/370/477, gridlist:642/686, table:1041. Visible chrome, not\n   * dead geometry — it shapes the hover fill and the focus-ring corner. */\n  borderRadius: \"row\",\n  font: controlFont(),\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: baseColor(\"neutral-subdued\"),\n    isCurrent: baseColor(\"neutral\"),\n    forcedColors: {\n      default: \"LinkText\",\n      isDisabled: \"GrayText\",\n      isCurrent: \"GrayText\",\n    },\n  },\n  marginStart: {\n    isMenu: s2Size(-6),\n  },\n  textDecoration: {\n    default: \"none\",\n    isHovered: \"underline\",\n    isFocusVisible: \"underline\",\n    isDisabled: \"none\",\n  },\n  cursor: {\n    default: \"pointer\",\n    isDisabled: \"default\",\n    isCurrent: \"default\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: \"Highlight\",\n  },\n  disableTapHighlight: true,\n});\n\nexport const currentStyles = style<{ size: S2BreadcrumbsSize }>({\n  font: controlFont(),\n  fontWeight: \"bold\",\n  color: {\n    default: \"neutral\",\n    forcedColors: \"ButtonText\",\n  },\n});\n\nexport const chevronStyles = style<{ direction?: \"ltr\" | \"rtl\"; isMenu?: boolean }>({\n  scale: {\n    direction: {\n      rtl: -1,\n    },\n  },\n  marginStart: {\n    default: \"text-to-visual\",\n    isMenu: 0,\n  },\n  color: {\n    default: \"neutral\",\n    forcedColors: {\n      default: \"LinkText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n","import {\n  type Accessor,\n  For,\n  type JSX,\n  Show,\n  createContext,\n  createEffect,\n  createMemo,\n  createRoot,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  untrack,\n  useContext,\n} from \"solid-js\";\nimport {\n  BreadcrumbItem as HeadlessBreadcrumbItem,\n  BreadcrumbItemContext as HeadlessBreadcrumbItemContext,\n  Breadcrumbs as HeadlessBreadcrumbs,\n  type BreadcrumbItemProps as HeadlessBreadcrumbItemProps,\n  type BreadcrumbItemRenderProps,\n  type BreadcrumbsProps as HeadlessBreadcrumbsProps,\n  type BreadcrumbsRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport { useProviderProps } from \"../provider\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { ActionButton } from \"../button/ActionButton\";\nimport { Menu, MenuItem, MenuTrigger, Text } from \"../Menu\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport FolderBreadcrumbIcon from \"../icon/s2wf-icons/FolderBreadcrumbIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport {\n  breadcrumbStyles,\n  chevronStyles,\n  currentStyles,\n  wrapperStyles,\n  type S2BreadcrumbsSize,\n} from \"./s2-breadcrumbs-styles\";\n\nconst MAX_VISIBLE_ITEMS = 4;\n\nexport type { S2BreadcrumbsSize };\nexport type BreadcrumbsSize = S2BreadcrumbsSize | \"sm\" | \"md\" | \"lg\";\nexport type BreadcrumbsVariant = \"default\" | \"subtle\";\n\nexport interface BreadcrumbsProps<T> extends Omit<\n  HeadlessBreadcrumbsProps<T>,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the Breadcrumbs. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The size of the Breadcrumbs. @default 'M' */\n  size?: BreadcrumbsSize;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Legacy visual variant alias. Kept for source compatibility; S2 Breadcrumbs has no variant. */\n  variant?: BreadcrumbsVariant;\n  /** Legacy separator toggle. Kept for source compatibility. */\n  showSeparator?: boolean;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbProps extends Omit<\n  HeadlessBreadcrumbItemProps,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the breadcrumb item. */\n  children?: JSX.Element | ((renderProps: BreadcrumbItemRenderProps) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport type BreadcrumbItemProps = BreadcrumbProps;\n\ntype CollapsedBreadcrumbEntry<T> =\n  | {\n      kind: \"item\";\n      item: T;\n      index: number;\n    }\n  | {\n      kind: \"menu\";\n    };\n\ntype InternalBreadcrumbsContextValue = {\n  size: Accessor<S2BreadcrumbsSize>;\n  isDisabled: Accessor<boolean>;\n  showSeparator: Accessor<boolean>;\n};\n\nconst defaultInternalBreadcrumbsContext: InternalBreadcrumbsContextValue = {\n  size: () => \"M\",\n  isDisabled: () => false,\n  showSeparator: () => true,\n};\n\nexport const BreadcrumbsContext = createContext<SpectrumContextValue<BreadcrumbsProps<any>>>(null);\nconst InternalBreadcrumbsContext = createContext<InternalBreadcrumbsContextValue>(\n  defaultInternalBreadcrumbsContext,\n);\n\nfunction normalizeSize(size?: BreadcrumbsSize): S2BreadcrumbsSize {\n  switch (size) {\n    case \"lg\":\n    case \"L\":\n      return \"L\";\n    case \"sm\":\n    case \"md\":\n    case \"M\":\n    default:\n      return \"M\";\n  }\n}\n\nfunction defaultItemKey(item: unknown, index: number): string | number {\n  const maybeItem = item as { key?: string | number; id?: string | number };\n  return maybeItem.key ?? maybeItem.id ?? index;\n}\n\nfunction itemLabel(item: unknown): string {\n  if (typeof item === \"string\" || typeof item === \"number\") {\n    return String(item);\n  }\n\n  const maybeItem = item as {\n    label?: string;\n    name?: string;\n    title?: string;\n    textValue?: string;\n    key?: string | number;\n    id?: string | number;\n  };\n  return (\n    maybeItem.textValue ??\n    maybeItem.label ??\n    maybeItem.name ??\n    maybeItem.title ??\n    String(maybeItem.key ?? maybeItem.id ?? \"\")\n  );\n}\n\nfunction canMeasureOverflow(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  const userAgent = window.navigator?.userAgent?.toLowerCase() ?? \"\";\n  return !userAgent.includes(\"jsdom\") && !userAgent.includes(\"happy-dom\");\n}\n\nfunction fallbackVisibleTailCount(itemCount: number): number {\n  return itemCount > MAX_VISIBLE_ITEMS ? MAX_VISIBLE_ITEMS - 2 : itemCount;\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user's location within an application.\n */\nexport function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element {\n  if (typeof window === \"undefined\") {\n    return renderBreadcrumbs(props, () => {});\n  }\n\n  return createRoot((disposeRoot) => renderBreadcrumbs(props, disposeRoot));\n}\n\nfunction renderBreadcrumbs<T>(props: BreadcrumbsProps<T>, disposeRoot: () => void): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(BreadcrumbsContext), props.slot);\n  const mergedProps = mergeProps(\n    { size: \"M\" as const, showSeparator: true },\n    providerProps,\n    contextProps ?? {},\n    props,\n  );\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"items\",\n    \"getKey\",\n    \"onAction\",\n    \"isDisabled\",\n    \"ref\",\n    \"variant\",\n    \"showSeparator\",\n  ]);\n\n  const size = () => normalizeSize(local.size);\n  const isDisabled = () => local.isDisabled ?? false;\n  const showSeparator = () => local.showSeparator !== false;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n    props.ref,\n  );\n  let rootElement: HTMLElement | undefined;\n  let measurementElement: HTMLElement | undefined;\n  let measurementMenuButton: HTMLElement | undefined;\n  let resizeObserver: ResizeObserver | undefined;\n  let mutationObserver: MutationObserver | undefined;\n  let connectionObserver: MutationObserver | undefined;\n  const observedResizeTargets = new WeakSet<Element>();\n  const observedMutationTargets = new WeakSet<Element>();\n  let retryOverflowUpdateTimeout: number | undefined;\n  const initialOverflowUpdateTimeouts: number[] = [];\n  const measurementId = `rsp-breadcrumbs-${Math.random().toString(36).slice(2)}`;\n  const [canMeasure, setCanMeasure] = createSignal(canMeasureOverflow());\n  const [visibleTailCount, setVisibleTailCount] = createSignal(MAX_VISIBLE_ITEMS - 2);\n  let cleanupOverflowObservers = () => {};\n  let hasDisposedRoot = false;\n  let hasCleanedOverflowObservers = false;\n\n  const getClassName = (renderProps: BreadcrumbsRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      wrapperStyles(\n        {\n          size: size(),\n          isDisabled: renderProps.isDisabled,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const allItems = createMemo(() => local.items ?? []);\n  const scheduleOverflowRetry = () => {\n    if (\n      hasDisposedRoot ||\n      typeof window === \"undefined\" ||\n      retryOverflowUpdateTimeout !== undefined\n    ) {\n      return;\n    }\n\n    retryOverflowUpdateTimeout = window.setTimeout(() => {\n      retryOverflowUpdateTimeout = undefined;\n      updateOverflow();\n    }, 16);\n  };\n  const updateOverflow = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    const items = local.items ?? [];\n    if (items.length === 0) {\n      setVisibleTailCount(0);\n      return;\n    }\n\n    if (!canMeasure()) {\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const measureRoot =\n      measurementElement ??\n      (typeof document !== \"undefined\"\n        ? (document.querySelector(\n            `[data-rsp-breadcrumbs-measure-id=\"${measurementId}\"]`,\n          ) as HTMLElement | null)\n        : undefined);\n    const visibleContainer =\n      measureRoot?.previousElementSibling instanceof HTMLElement\n        ? measureRoot.previousElementSibling\n        : undefined;\n    const container = visibleContainer ?? rootElement;\n    if (measureRoot && measurementElement !== measureRoot) {\n      measurementElement = measureRoot;\n    }\n    if (container && rootElement !== container) {\n      rootElement = container;\n      assignRefs(container);\n    }\n    observeOverflowTargets();\n    if (!measureRoot || !container || typeof window === \"undefined\") {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const hiddenItems = Array.from(\n      measureRoot.querySelectorAll(\"[data-hidden-breadcrumb]\"),\n    ).filter((element): element is HTMLElement => element instanceof HTMLElement);\n    const folder =\n      measurementMenuButton ??\n      (measureRoot.querySelector(\"[data-hidden-breadcrumb-menu-button]\") as HTMLElement | null);\n    if (hiddenItems.length <= 0 || !folder) {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const containerWidth = container.offsetWidth || container.getBoundingClientRect().width;\n    const containerGap = Number.parseFloat(window.getComputedStyle(container).gap || \"0\") || 0;\n    const folderGap =\n      Number.parseFloat(window.getComputedStyle(folder).marginInlineStart || \"0\") || 0;\n    const widths = hiddenItems.map((breadcrumb) => breadcrumb.offsetWidth + 1);\n    const totalWidth = widths.reduce((sum, width) => sum + width, 0);\n\n    if (\n      totalWidth <= containerWidth - items.length * containerGap &&\n      items.length <= MAX_VISIBLE_ITEMS\n    ) {\n      setVisibleTailCount(items.length);\n      return;\n    }\n\n    const firstWidth = widths.shift() ?? 0;\n    let availableWidth =\n      containerWidth - firstWidth - folderGap - folder.offsetWidth - containerGap;\n    let nextVisibleTailCount = 0;\n    const maxTailCount = MAX_VISIBLE_ITEMS - 2;\n\n    for (const width of widths.reverse()) {\n      availableWidth -= width;\n      if (availableWidth <= 0) {\n        break;\n      }\n      availableWidth -= containerGap;\n      nextVisibleTailCount += 1;\n    }\n\n    const nextTailCount = Math.max(1, Math.min(maxTailCount, nextVisibleTailCount));\n    setVisibleTailCount(nextTailCount);\n  };\n  const queueOverflowUpdate = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    queueMicrotask(updateOverflow);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(updateOverflow);\n    }\n    if (typeof window !== \"undefined\") {\n      window.setTimeout(updateOverflow, 0);\n    }\n  };\n  const disposeBreadcrumbsRoot = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    hasDisposedRoot = true;\n    cleanupOverflowObservers();\n    disposeRoot();\n  };\n  const cleanupIfDisconnected = () => {\n    if (rootElement?.isConnected || measurementElement?.isConnected) {\n      return;\n    }\n\n    disposeBreadcrumbsRoot();\n  };\n  const observeOverflowTargets = () => {\n    if (hasDisposedRoot || !rootElement || (!resizeObserver && !mutationObserver)) {\n      return;\n    }\n\n    const observeElement = (element: HTMLElement, options: { mutations?: boolean } = {}) => {\n      if (resizeObserver && !observedResizeTargets.has(element)) {\n        resizeObserver.observe(element);\n        observedResizeTargets.add(element);\n      }\n\n      if (\n        options.mutations !== false &&\n        mutationObserver &&\n        !observedMutationTargets.has(element)\n      ) {\n        mutationObserver.observe(element, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\"],\n        });\n        observedMutationTargets.add(element);\n      }\n    };\n\n    let element: HTMLElement | null = rootElement;\n    while (element && element !== document.body) {\n      observeElement(element);\n      element = element.parentElement;\n    }\n\n    if (measurementElement) {\n      observeElement(measurementElement, { mutations: false });\n      if (measurementElement.parentElement) {\n        observeElement(measurementElement.parentElement);\n      }\n    }\n  };\n  const setRootElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    rootElement = element;\n    assignRefs(element);\n    observeOverflowTargets();\n    queueOverflowUpdate();\n  };\n  const setMeasurementElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementElement = element;\n    const previousElement = element.previousElementSibling;\n    if (previousElement instanceof HTMLElement) {\n      rootElement = previousElement;\n      assignRefs(previousElement);\n      observeOverflowTargets();\n    }\n    queueOverflowUpdate();\n  };\n  const setMeasurementMenuButton = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementMenuButton = element;\n    queueOverflowUpdate();\n  };\n\n  createEffect(() => {\n    allItems().length;\n    canMeasure();\n    size();\n    isDisabled();\n    queueOverflowUpdate();\n  });\n\n  onMount(() => {\n    const nextCanMeasure = canMeasureOverflow();\n    setCanMeasure(nextCanMeasure);\n\n    const safeUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      updateOverflow();\n    };\n    const safeQueueUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      queueOverflowUpdate();\n    };\n    resizeObserver =\n      nextCanMeasure && typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(safeQueueUpdate)\n        : undefined;\n    mutationObserver =\n      nextCanMeasure && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(safeQueueUpdate)\n        : undefined;\n\n    observeOverflowTargets();\n    safeUpdate();\n    window.addEventListener(\"resize\", safeUpdate);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(() => {\n        safeUpdate();\n        requestAnimationFrame(safeUpdate);\n      });\n    }\n    for (const delay of [16, 50, 100, 250]) {\n      initialOverflowUpdateTimeouts.push(window.setTimeout(safeUpdate, delay));\n    }\n    document.fonts?.ready.then(() => {\n      if (!hasDisposedRoot) {\n        safeUpdate();\n      }\n    });\n    connectionObserver =\n      typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(cleanupIfDisconnected)\n        : undefined;\n    connectionObserver?.observe(document.body, { childList: true, subtree: true });\n    cleanupOverflowObservers = () => {\n      if (hasCleanedOverflowObservers) {\n        return;\n      }\n\n      hasCleanedOverflowObservers = true;\n      window.removeEventListener(\"resize\", safeUpdate);\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n      connectionObserver?.disconnect();\n      for (const timeout of initialOverflowUpdateTimeouts) {\n        window.clearTimeout(timeout);\n      }\n      if (retryOverflowUpdateTimeout !== undefined) {\n        window.clearTimeout(retryOverflowUpdateTimeout);\n      }\n    };\n  });\n  onCleanup(() => cleanupOverflowObservers());\n\n  const shouldCollapse = createMemo(() => {\n    const items = allItems();\n    if (items.length <= 2) {\n      return false;\n    }\n    const wantsCollapse =\n      items.length > MAX_VISIBLE_ITEMS || (canMeasure() && visibleTailCount() < items.length);\n    if (!wantsCollapse) {\n      return false;\n    }\n    // Only collapse when the overflow menu would actually hold an item. When the\n    // path shrinks (e.g. an overflow menu entry is chosen), `visibleTailCount` can\n    // trail the new, smaller collection for a frame — `sliceIndex` then lands at 1\n    // and the menu slice `[1, sliceIndex)` is empty. Upstream S2 renders that empty\n    // menu for a single frame and re-measures (React batches the state settle); our\n    // fine-grained overflow observers instead turn the transient into a\n    // collapse⇄expand feedback loop that pins the renderer thread. Gating on a\n    // non-empty menu yields the identical settled layout without the transient.\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return sliceIndex > 1;\n  });\n  createEffect(() => {\n    shouldCollapse();\n    queueOverflowUpdate();\n  });\n  const collapsedCollection = createMemo<CollapsedBreadcrumbEntry<T>[]>(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n\n    return [\n      { kind: \"item\", item: items[0] as T, index: 0 },\n      { kind: \"menu\" },\n      ...items.slice(sliceIndex).map((item, index) => ({\n        kind: \"item\" as const,\n        item,\n        index: sliceIndex + index,\n      })),\n    ];\n  });\n  const collapsedItems = createMemo(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return items.slice(1, sliceIndex);\n  });\n\n  const renderDynamicItem = (item: T | undefined) => {\n    if (item === undefined) {\n      return null;\n    }\n\n    const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n    return renderItem?.(item);\n  };\n\n  return (\n    <InternalBreadcrumbsContext.Provider value={{ size, isDisabled, showSeparator }}>\n      <Show\n        when={shouldCollapse()}\n        fallback={\n          <HeadlessBreadcrumbs\n            {...headlessProps}\n            items={local.items}\n            getKey={local.getKey}\n            onAction={local.onAction}\n            isDisabled={local.isDisabled}\n            ref={setRootElement}\n            class={getClassName}\n            style={() => mergedUnsafeStyle() ?? {}}\n            children={local.children as any}\n          />\n        }\n      >\n        <HeadlessBreadcrumbs\n          {...headlessProps}\n          items={collapsedCollection()}\n          getKey={(entry) =>\n            entry.kind === \"menu\"\n              ? \"__breadcrumb-menu\"\n              : (local.getKey?.(entry.item) ?? defaultItemKey(entry.item, entry.index))\n          }\n          onAction={local.onAction}\n          isDisabled={local.isDisabled}\n          ref={setRootElement}\n          class={getClassName}\n          style={() => mergedUnsafeStyle() ?? {}}\n          children={(entry) =>\n            entry.kind === \"menu\" ? (\n              <BreadcrumbMenu\n                items={collapsedItems()}\n                getKey={(item, index) =>\n                  local.getKey?.(item as T) ?? defaultItemKey(item, index + 1)\n                }\n                getLabel={itemLabel}\n                onAction={local.onAction}\n              />\n            ) : (\n              renderDynamicItem(entry.item)\n            )\n          }\n        />\n      </Show>\n      <Show when={allItems().length > 0 && canMeasure()}>\n        {/*\n          Hidden measurement copy. Faithful to upstream S2 `HiddenBreadcrumbs`\n          (react-spectrum/packages/@react-spectrum/s2/src/Breadcrumbs.tsx): a FLAT\n          projection of the items — plain `[data-hidden-breadcrumb]` divs — NOT a\n          second live Breadcrumbs collection. Rendering a second `<HeadlessBreadcrumbs>`\n          here span a synchronous reactive cycle between the two collections that pinned\n          the renderer thread. Each item still gets a BreadcrumbItemContext so the styled\n          Breadcrumb resolves isCurrent/isLast exactly as in the visible list.\n        */}\n        <div\n          ref={setMeasurementElement}\n          aria-hidden=\"true\"\n          data-rsp-breadcrumbs-measure=\"\"\n          data-rsp-breadcrumbs-measure-id={measurementId}\n          style={{\n            position: \"absolute\",\n            inset: \"0\",\n            display: \"flex\",\n            \"align-items\": \"center\",\n            visibility: \"hidden\",\n            overflow: \"hidden\",\n            opacity: 0,\n            \"pointer-events\": \"none\",\n          }}\n        >\n          <For each={allItems()}>\n            {(item, index) => {\n              const isLast = () => index() === allItems().length - 1;\n              const itemKey = () =>\n                local.getKey?.(item) ?? defaultItemKey(item, index());\n              return (\n                <div data-hidden-breadcrumb style={{ display: \"inline-flex\", \"align-items\": \"center\" }}>\n                  <HeadlessBreadcrumbItemContext.Provider\n                    value={{ get itemKey() { return itemKey(); }, isLast }}\n                  >\n                    {renderDynamicItem(item)}\n                  </HeadlessBreadcrumbItemContext.Provider>\n                </div>\n              );\n            }}\n          </For>\n          <ActionButton\n            ref={setMeasurementMenuButton}\n            data-hidden-breadcrumb-menu-button=\"\"\n            isQuiet\n            aria-label=\"More items\"\n          >\n            <FolderBreadcrumbIcon />\n          </ActionButton>\n        </div>\n      </Show>\n    </InternalBreadcrumbsContext.Provider>\n  );\n}\n\nfunction BreadcrumbMenu<T>(props: {\n  items: T[];\n  getKey: (item: T, index: number) => string | number;\n  getLabel: (item: T) => string;\n  onAction?: (key: string | number) => void;\n}): JSX.Element {\n  const locale = useLocale();\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const label = () => formatter().format(\"breadcrumbs.more\");\n\n  return (\n    <span\n      class={breadcrumbStyles({\n        size: context.size(),\n        isDisabled: context.isDisabled(),\n        isMenu: true,\n      })}\n      data-rsp-breadcrumb-menu=\"\"\n    >\n      <MenuTrigger>\n        <ActionButton isDisabled={context.isDisabled()} isQuiet aria-label={label()}>\n          <FolderBreadcrumbIcon />\n        </ActionButton>\n        <Menu\n          items={props.items}\n          // Menu invokes onAction(key, value); Breadcrumbs' contract is key-only\n          // (matching upstream), so drop the leaked item value.\n          onAction={(key) => props.onAction?.(key)}\n          size={context.size()}\n          aria-label={label()}\n        >\n          {(item) => (\n            <MenuItem id={props.getKey(item, props.items.indexOf(item))}>\n              <Text slot=\"label\">{props.getLabel(item)}</Text>\n            </MenuItem>\n          )}\n        </Menu>\n      </MenuTrigger>\n      <ChevronIcon\n        size={context.size()}\n        class={chevronStyles({ direction: locale().direction, isMenu: true })}\n      />\n    </span>\n  );\n}\n\n/**\n * An individual Breadcrumb for Breadcrumbs.\n */\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element {\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const locale = useLocale();\n  const providerProps = useProviderProps(props);\n  const mergedProps = mergeProps(providerProps, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const assignRefs = mergeContextRefs(props.ref);\n  const mergedStyles = () => mergeContextStyles(undefined, local.styles);\n  const size = () => context.size();\n  const [isCurrent, setIsCurrent] = createSignal(false);\n\n  const syncRenderProps = (renderProps: BreadcrumbItemRenderProps) => {\n    untrack(() => {\n      if (isCurrent() !== renderProps.isCurrent) {\n        setIsCurrent(renderProps.isCurrent);\n      }\n    });\n  };\n\n  const getClassName = (renderProps: BreadcrumbItemRenderProps): string => {\n    syncRenderProps(renderProps);\n\n    return [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        breadcrumbStyles({\n          size: size(),\n          isDisabled: renderProps.isDisabled || context.isDisabled(),\n          isCurrent: renderProps.isCurrent,\n          isHovered: renderProps.isHovered,\n          isFocusVisible: renderProps.isFocusVisible,\n          isFocused: renderProps.isFocused,\n          isPressed: renderProps.isPressed,\n        }),\n        renderProps.isCurrent ? currentStyles({ size: size() }) : undefined,\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  const getStyle = (renderProps: BreadcrumbItemRenderProps): JSX.CSSProperties => ({\n    ...(local.UNSAFE_style ?? {}),\n    display: \"block\",\n    \"clip-path\": renderProps.isFocusVisible ? \"none\" : \"margin-box\",\n  });\n\n  const renderChildren = (renderProps: BreadcrumbItemRenderProps): JSX.Element => {\n    syncRenderProps(renderProps);\n\n    const content =\n      typeof local.children === \"function\" ? local.children(renderProps) : local.children;\n\n    return content;\n  };\n\n  return (\n    <span style={{ display: \"contents\" }}>\n      <HeadlessBreadcrumbItem\n        {...headlessProps}\n        elementType={isCurrent() ? \"div\" : headlessProps.elementType}\n        ref={(node: HTMLElement) => assignRefs(node)}\n        isDisabled={headlessProps.isDisabled || context.isDisabled()}\n        class={getClassName}\n        style={getStyle}\n        children={renderChildren}\n      />\n      <Show when={context.showSeparator() && !isCurrent()}>\n        <ChevronIcon size=\"M\" class={chevronStyles({ direction: locale().direction })} />\n      </Show>\n    </span>\n  );\n}\n\nexport const BreadcrumbItem = Breadcrumb;\nexport const Item = Breadcrumb;\n\nBreadcrumbs.Item = Breadcrumb;\n"],"mappings":"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"}

package/dist/_chunk/button.js

@@ -0,0 +1,381 @@
+import { useProviderProps } from "../provider/index.js";
+import { o as useButtonContext } from "./context.js";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
+import { t as s2IntlStrings } from "./intl.js";
+import { centerBaseline } from "../icon/center-baseline.js";
+import { n as S2PendingProgressCircle, r as createPendingState } from "./ActionButton.js";
+import { pressScale } from "../pressScale.js";
+import { SkeletonContext } from "../skeleton/index.js";
+import { t as IconContext } from "./spectrum-icon.js";
+import { c as TextContext } from "./text.js";
+import { t as getSingleTextChild } from "./text-child.js";
+import { i as s2ButtonText, n as s2Button, r as s2ButtonPendingIndicator } from "./LinkButton.js";
+import { i as useFormProps } from "./form.js";
+/* empty css                                                                       */
+import "../button/ToggleButton.js";
+import { t as Cross } from "./Cross.js";
+import { className, createComponent, effect, getNextElement, insert, memo, mergeProps, template } from "solid-js/web";
+import { children, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
+import { createStringFormatter } from "@proyecto-viviana/solidaria";
+import { Button, DialogTriggerContext, PopoverTriggerContext, ToggleButton } from "@proyecto-viviana/solidaria-components";
+//#region src/button/Button.tsx
+var _tmpl$$1 = /*#__PURE__*/ template(`<span data-rsp-slot=text>`), _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+function Button$1(props) {
+	const runtimeProps = props;
+	const providerProps = useProviderProps(useFormProps(runtimeProps));
+	const contextProps = getSlottedContextProps(useButtonContext(), runtimeProps.slot);
+	const [local, headlessProps] = splitProps(useFormProps(mergeProps$1({
+		variant: "primary",
+		size: "M",
+		fillStyle: "fill"
+	}, providerProps, contextProps ?? {}, runtimeProps)), [
+		"variant",
+		"fillStyle",
+		"size",
+		"staticColor",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"children",
+		"ref",
+		"isPending",
+		"onPress",
+		"onPressChange",
+		"onHoverChange"
+	]);
+	const { isProgressVisible } = createPendingState(() => local.isPending);
+	const dialogTriggerContext = useContext(DialogTriggerContext);
+	const popoverTriggerContext = useContext(PopoverTriggerContext);
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);
+	let buttonElement;
+	const assignButtonRefs = mergeContextRefs(contextProps?.ref, runtimeProps.ref);
+	const variant = () => local.variant ?? "primary";
+	const fillStyle = () => local.fillStyle ?? "fill";
+	const size = () => local.size ?? "M";
+	const isStaticColor = () => !!local.staticColor;
+	const isOverlayTriggerOpen = () => !!buttonElement && (dialogTriggerContext?.triggerRef() === buttonElement && dialogTriggerContext.state.isOpen() || popoverTriggerContext?.triggerRef() === buttonElement && popoverTriggerContext.state.isOpen());
+	const pendingLabel = () => stringFormatter().format("button.pending");
+	const getS2State = (renderProps) => ({
+		isHovered: renderProps.isHovered || isOverlayTriggerOpen(),
+		isPressed: renderProps.isPressed,
+		isFocused: renderProps.isFocused,
+		isFocusVisible: renderProps.isFocusVisible,
+		isDisabled: renderProps.isDisabled || isProgressVisible(),
+		isPending: local.isPending
+	});
+	const getClassName = (renderProps) => [local.UNSAFE_className, s2Button({
+		...getS2State(renderProps),
+		variant: variant(),
+		fillStyle: fillStyle(),
+		size: size(),
+		staticColor: local.staticColor,
+		isStaticColor: isStaticColor()
+	}, mergedStyles())].filter(Boolean).join(" ");
+	const getPressScaleStyle = (renderProps) => {
+		return pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);
+	};
+	function ButtonContent() {
+		const iconContextValue = {
+			render: centerBaseline({
+				slot: "icon",
+				styles: () => " _Ja151"
+			}),
+			styles: () => function anonymous(props) {
+				let rules = " ";
+				rules += " ZXJkxGe151";
+				rules += " FXJkxGe151";
+				rules += " I67logd151";
+				rules += " _va151";
+				if (props.isProgressVisible) rules += " _6b151";
+				return rules;
+			}({ isProgressVisible: isProgressVisible() })
+		};
+		const textContextValue = {
+			styles: () => s2ButtonText({ isProgressVisible: isProgressVisible() }),
+			"data-rsp-slot": "text"
+		};
+		function ResolvedContent() {
+			const resolvedChildren = children(() => local.children);
+			const content = () => resolvedChildren();
+			const textChild = () => getSingleTextChild(content());
+			return textChild() !== void 0 ? (() => {
+				var _el$ = getNextElement(_tmpl$$1);
+				insert(_el$, textChild);
+				effect(() => className(_el$, `${s2ButtonText({ isProgressVisible: isProgressVisible() })}  _Jb151`));
+				return _el$;
+			})() : content();
+		}
+		return createComponent(SkeletonContext.Provider, {
+			value: null,
+			get children() {
+				return createComponent(TextContext.Provider, {
+					value: textContextValue,
+					get children() {
+						return createComponent(IconContext.Provider, {
+							value: iconContextValue,
+							get children() {
+								return [createComponent(ResolvedContent, {}), memo(() => memo(() => !!local.isPending)() ? (() => {
+									var _el$2 = getNextElement(_tmpl$2);
+									insert(_el$2, createComponent(S2PendingProgressCircle, {
+										get ["aria-label"]() {
+											return pendingLabel();
+										},
+										get size() {
+											return size();
+										},
+										get staticColor() {
+											return local.staticColor;
+										}
+									}));
+									effect(() => className(_el$2, s2ButtonPendingIndicator({
+										isPending: local.isPending,
+										isProgressVisible: isProgressVisible()
+									})));
+									return _el$2;
+								})() : null)];
+							}
+						});
+					}
+				});
+			}
+		});
+	}
+	return createComponent(Button, mergeProps(headlessProps, {
+		get isPending() {
+			return local.isPending;
+		},
+		isPendingFocusable: true,
+		ref: (element) => {
+			buttonElement = element;
+			assignButtonRefs(element);
+		},
+		onHoverChange: (hovered) => {
+			local.onHoverChange?.(hovered);
+		},
+		onPressChange: (pressed) => {
+			local.onPressChange?.(pressed);
+		},
+		onPress: (event) => {
+			if (!local.isPending) local.onPress?.(event);
+		},
+		"class": getClassName,
+		style: getPressScaleStyle,
+		get children() {
+			return createComponent(ButtonContent, {});
+		}
+	}));
+}
+//#endregion
+//#region src/button/ClearButton.tsx
+const iconSizes = {
+	sm: {
+		width: "0.75rem",
+		height: "0.75rem"
+	},
+	md: {
+		width: "1rem",
+		height: "1rem"
+	},
+	lg: {
+		width: "1.25rem",
+		height: "1.25rem"
+	}
+};
+const clearButtonStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	rules += " sh151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " _je151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " ri151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	if (props.size === "lg") rules += " ZC151";
+	else if (props.size === "md") rules += " Zo151";
+	else if (props.size === "sm") rules += " Zm151";
+	if (props.size === "lg") rules += " Fx151";
+	else if (props.size === "md") rules += " Fp151";
+	else if (props.size === "sm") rules += " Fn151";
+	if (props.isDisabled) rules += " g9151";
+	else if (props.isPressed) rules += " gG1H3ce151";
+	else if (props.isHovered) rules += " gkDWoNd151";
+	else rules += " g9151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isPressed) rules += " pHKLAu151";
+	else if (props.isHovered) rules += " pHKLAu151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+/**
+* An icon-only clear/dismiss button, typically used in search fields and tags.
+*/
+function ClearButton(props) {
+	const [local, headlessProps] = splitProps(useProviderProps(props), ["size", "class"]);
+	const size = () => local.size ?? "md";
+	const getClassName = (renderProps) => [clearButtonStyles({
+		size: size(),
+		isHovered: renderProps.isHovered,
+		isPressed: renderProps.isPressed,
+		isDisabled: renderProps.isDisabled,
+		isFocusVisible: renderProps.isFocusVisible
+	}), local.class].filter(Boolean).join(" ");
+	return createComponent(Button, mergeProps(headlessProps, {
+		get ["aria-label"]() {
+			return headlessProps["aria-label"] ?? "Clear";
+		},
+		"class": getClassName,
+		get children() {
+			return createComponent(IconContext.Provider, {
+				get value() {
+					return {
+						slot: "icon",
+						render: centerBaseline({ slot: "icon" })
+					};
+				},
+				get children() {
+					return createComponent(Cross, { get style() {
+						return iconSizes[size()];
+					} });
+				}
+			});
+		}
+	}));
+}
+//#endregion
+//#region src/button/FieldButton.tsx
+const fieldButtonStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kb151";
+	rules += " sh151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " St151";
+	rules += " Rt151";
+	rules += " _jf151";
+	rules += " _ka151";
+	rules += " ha151";
+	rules += " mb151";
+	rules += " la151";
+	rules += " ifbAdGe151";
+	rules += " na151";
+	rules += " ja151";
+	rules += " ri151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	if (props.isDisabled) rules += " gkDWoNd151";
+	else if (props.isPressed) rules += " gG1H3ce151";
+	else if (props.isHovered) rules += " gG1H3ce151";
+	else rules += " gkDWoNd151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isPressed) rules += " pHKLAu151";
+	else if (props.isHovered) rules += " pHKLAu151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+/**
+* A button designed to sit inside an input field.
+*/
+function FieldButton(props) {
+	const [local, headlessProps] = splitProps(useProviderProps(props), ["class"]);
+	const getClassName = (renderProps) => [fieldButtonStyles({
+		isHovered: renderProps.isHovered,
+		isPressed: renderProps.isPressed,
+		isDisabled: renderProps.isDisabled,
+		isFocusVisible: renderProps.isFocusVisible
+	}), local.class].filter(Boolean).join(" ");
+	return createComponent(Button, mergeProps(headlessProps, { "class": getClassName }));
+}
+//#endregion
+//#region src/button/LogicButton.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+const logicButtonStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	rules += " sh151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " St151";
+	rules += " Rt151";
+	rules += " Tj151";
+	rules += " Qj151";
+	rules += " Nl151";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-a151";
+	rules += " vx151";
+	rules += " xd151";
+	rules += " _xa151";
+	rules += " xX0cczbc151";
+	rules += " _xX0cczba151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isSelected) rules += " px151";
+	else rules += " pUUi0Fe151";
+	rules += " oa151";
+	rules += " na151";
+	rules += " ka151";
+	rules += " ja151";
+	rules += " _jf151";
+	rules += " _kb151";
+	rules += " hb151";
+	rules += " mb151";
+	rules += " lb151";
+	rules += " ri151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	if (props.isDisabled) rules += " gkDWoNd151";
+	else if (props.isSelected) rules += " g5dxOg151";
+	else rules += " gkDWoNd151";
+	if (props.isDisabled) rules += " iA151";
+	else if (props.isSelected) rules += " iA151";
+	else rules += " ifbAdGe151";
+	return rules;
+};
+/**
+* An AND/OR logic toggle button. Displays "AND" when selected (default), "OR" when not.
+*/
+function LogicButton(props) {
+	const [local, headlessProps] = splitProps(useProviderProps(props), ["class"]);
+	const getClassName = (renderProps) => [logicButtonStyles({
+		isSelected: renderProps.isSelected,
+		isDisabled: renderProps.isDisabled,
+		isFocusVisible: renderProps.isFocusVisible
+	}), local.class].filter(Boolean).join(" ");
+	return createComponent(ToggleButton, mergeProps(headlessProps, {
+		"class": getClassName,
+		children: (renderProps) => (() => {
+			var _el$ = getNextElement(_tmpl$);
+			insert(_el$, () => renderProps.isSelected ? "AND" : "OR");
+			return _el$;
+		})()
+	}));
+}
+//#endregion
+export { Button$1 as i, FieldButton as n, ClearButton as r, LogicButton as t };
+
+//# sourceMappingURL=button.js.map

package/dist/_chunk/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../src/button/Button.tsx","../../src/button/ClearButton.tsx","../../src/button/FieldButton.tsx","../../src/button/LogicButton.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  type JSX,\n  mergeProps,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonRenderProps,\n  DialogTriggerContext,\n  PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { ButtonFillStyle, ButtonProps, ButtonSize, ButtonVariant } from \"./types\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  s2Button,\n  s2ButtonPendingIndicator,\n  s2ButtonText,\n  type S2ButtonRenderState,\n} from \"./s2-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { useFormProps } from \"../form\";\nimport { useButtonContext } from \"./context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild } from \"./text-child\";\n\ntype RuntimeButtonProps = ButtonProps & {\n  onHoverChange?: (isHovered: boolean) => void;\n};\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const runtimeProps = props as RuntimeButtonProps;\n  const providerProps = useProviderProps(useFormProps(runtimeProps));\n  const contextProps = getSlottedContextProps(useButtonContext(), runtimeProps.slot);\n  const defaultProps: Partial<ButtonProps> = {\n    variant: \"primary\",\n    size: \"M\",\n    fillStyle: \"fill\",\n  };\n\n  const merged = useFormProps(\n    mergeProps(defaultProps, providerProps, contextProps ?? {}, runtimeProps),\n  );\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"variant\",\n    \"fillStyle\",\n    \"size\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"isPending\",\n    \"onPress\",\n    \"onPressChange\",\n    \"onHoverChange\",\n  ]);\n\n  const { isProgressVisible } = createPendingState(() => local.isPending);\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n  const popoverTriggerContext = useContext(PopoverTriggerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n  let buttonElement: HTMLButtonElement | undefined;\n  const assignButtonRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLButtonElement> } | null)?.ref,\n    runtimeProps.ref,\n  );\n\n  const variant = (): ButtonVariant => local.variant ?? \"primary\";\n  const fillStyle = (): ButtonFillStyle => local.fillStyle ?? \"fill\";\n  const size = (): ButtonSize => local.size ?? \"M\";\n  const isStaticColor = () => !!local.staticColor;\n  const isOverlayTriggerOpen = () =>\n    !!buttonElement &&\n    ((dialogTriggerContext?.triggerRef() === buttonElement &&\n      dialogTriggerContext.state.isOpen()) ||\n      (popoverTriggerContext?.triggerRef() === buttonElement &&\n        popoverTriggerContext.state.isOpen()));\n  const pendingLabel = () => stringFormatter().format(\"button.pending\");\n\n  const getS2State = (renderProps: ButtonRenderProps): S2ButtonRenderState => ({\n    isHovered: renderProps.isHovered || isOverlayTriggerOpen(),\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled || isProgressVisible(),\n    isPending: local.isPending,\n  });\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      s2Button(\n        {\n          ...getS2State(renderProps),\n          variant: variant(),\n          fillStyle: fillStyle(),\n          size: size(),\n          staticColor: local.staticColor,\n          isStaticColor: isStaticColor(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties => {\n    return pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n  };\n\n  function ButtonContent() {\n    const iconContextValue = {\n      render: centerBaseline({\n        slot: \"icon\",\n        styles: () =>\n          style({\n            order: 0,\n          }),\n      }),\n      styles: () =>\n        style({\n          /* fontRelative(16), not Spectrum's fontRelative(20): S2's default sizes a\n           * button icon to its 20px workflow-icon grid, which on this register's 15px\n           * control font renders ~21px — larger than the label and larger than anything\n           * the handoff draws. The register's own PixelIcon default is 17px\n           * (primitives.tsx:55); fontRelative(16) lands ~17px at the 15px control font,\n           * matching that default. Scales with the size prop the same way 20 did. */\n          size: fontRelative(16),\n          marginStart: \"--iconMargin\",\n          flexShrink: 0,\n          visibility: {\n            isProgressVisible: \"hidden\",\n          },\n        })({ isProgressVisible: isProgressVisible() }),\n    };\n    const textContextValue = {\n      styles: () => s2ButtonText({ isProgressVisible: isProgressVisible() }),\n      \"data-rsp-slot\": \"text\",\n    };\n\n    function ResolvedContent() {\n      const resolvedChildren = resolveChildren(() => local.children);\n      const content = () => resolvedChildren();\n      const textChild = () => getSingleTextChild(content());\n\n      return textChild() !== undefined ? (\n        <span\n          class={`${s2ButtonText({ isProgressVisible: isProgressVisible() })} ${style({ order: 1 })}`}\n          data-rsp-slot=\"text\"\n        >\n          {textChild()}\n        </span>\n      ) : (\n        content()\n      );\n    }\n\n    return (\n      <>\n        <SkeletonContext.Provider value={null}>\n          <TextContext.Provider value={textContextValue}>\n            <IconContext.Provider value={iconContextValue}>\n              <ResolvedContent />\n              {local.isPending ? (\n                <div\n                  class={s2ButtonPendingIndicator({\n                    isPending: local.isPending,\n                    isProgressVisible: isProgressVisible(),\n                  })}\n                >\n                  <S2PendingProgressCircle\n                    aria-label={pendingLabel()}\n                    size={size()}\n                    staticColor={local.staticColor}\n                  />\n                </div>\n              ) : null}\n            </IconContext.Provider>\n          </TextContext.Provider>\n        </SkeletonContext.Provider>\n      </>\n    );\n  }\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      isPending={local.isPending}\n      isPendingFocusable\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n        assignButtonRefs(element);\n      }}\n      onHoverChange={(hovered) => {\n        local.onHoverChange?.(hovered);\n      }}\n      onPressChange={(pressed) => {\n        local.onPressChange?.(pressed);\n      }}\n      onPress={(event) => {\n        if (!local.isPending) {\n          local.onPress?.(event);\n        }\n      }}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      <ButtonContent />\n    </HeadlessButton>\n  );\n}\n","import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport type ClearButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ClearButtonProps extends Omit<\n  HeadlessButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The size of the button. @default 'md' */\n  size?: ClearButtonSize;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nconst iconSizes: Record<ClearButtonSize, JSX.CSSProperties> = {\n  sm: { width: \"0.75rem\", height: \"0.75rem\" },\n  md: { width: \"1rem\", height: \"1rem\" },\n  lg: { width: \"1.25rem\", height: \"1.25rem\" },\n};\n\n// Icon-only dismiss button. The state ramp is driven by the button's render\n// props (isHovered/isPressed/isDisabled/isFocusVisible) fed to the style()\n// macro: a subdued neutral glyph that strengthens on hover/press over a faint\n// gray fill, plus the S2 focus ring. Emitted through the macro so the CSS ships\n// in the package bundle for installed consumers.\nconst clearButtonStyles = style<{\n  size: ClearButtonSize;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderStyle: \"none\",\n  borderRadius: \"full\",\n  cursor: \"default\",\n  transition: \"default\",\n  width: { size: { sm: 20, md: 24, lg: 32 } },\n  height: { size: { sm: 20, md: 24, lg: 32 } },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: \"gray-100\",\n    isPressed: \"gray-200\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An icon-only clear/dismiss button, typically used in search fields and tags.\n */\nexport function ClearButton(props: ClearButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"size\", \"class\"]);\n  const size = () => local.size ?? \"md\";\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      clearButtonStyles({\n        size: size(),\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      aria-label={headlessProps[\"aria-label\"] ?? \"Clear\"}\n      class={getClassName}\n    >\n      <IconContext.Provider value={{ slot: \"icon\", render: centerBaseline({ slot: \"icon\" }) }}>\n        <CrossIcon style={iconSizes[size()]} />\n      </IconContext.Provider>\n    </HeadlessButton>\n  );\n}\n","import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport interface FieldButtonProps extends Omit<HeadlessButtonProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A trailing button that sits inside an input field, sharing the field's\n// right-hand corners and a gray-300 divider on its inner edge. The neutral fill\n// ramps on hover/press via the render-prop conditions fed to the style() macro,\n// so the CSS ships in the package bundle for installed consumers.\nconst fieldButtonStyles = style<{\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  outlineOffset: -2,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  borderStyle: \"solid\",\n  borderWidth: 0,\n  borderStartWidth: 1,\n  borderColor: \"gray-300\",\n  borderTopEndRadius: \"sm\",\n  borderBottomEndRadius: \"sm\",\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isHovered: \"gray-200\",\n    isPressed: \"gray-200\",\n    isDisabled: \"gray-100\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * A button designed to sit inside an input field.\n */\nexport function FieldButton(props: FieldButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      fieldButtonStyles({\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return <HeadlessButton {...headlessProps} class={getClassName} />;\n}\n","import { type JSX, splitProps } from \"solid-js\";\nimport {\n  ToggleButton as HeadlessToggleButton,\n  type ToggleButtonProps as HeadlessToggleButtonProps,\n  type ToggleButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport interface LogicButtonProps extends Omit<\n  HeadlessToggleButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A compact AND/OR toggle: an accent fill with white text when selected, a\n// bordered neutral chip when not, plus the S2 focus ring. Selection/disabled are\n// driven by the render-prop conditions fed to the style() macro so the CSS ships\n// in the package bundle for installed consumers.\nconst logicButtonStyles = style<{\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  paddingY: 2,\n  minWidth: 48,\n  font: \"ui-xs\",\n  fontWeight: \"bold\",\n  borderRadius: \"sm\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isSelected: \"accent-900\",\n    isDisabled: \"gray-100\",\n  },\n  borderColor: {\n    default: \"gray-300\",\n    isSelected: \"transparent\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isSelected: \"white\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An AND/OR logic toggle button. Displays \"AND\" when selected (default), \"OR\" when not.\n */\nexport function LogicButton(props: LogicButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ToggleButtonRenderProps): string =>\n    [\n      logicButtonStyles({\n        isSelected: renderProps.isSelected,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessToggleButton {...headlessProps} class={getClassName}>\n      {(renderProps: ToggleButtonRenderProps) => (\n        <span>{renderProps.isSelected ? \"AND\" : \"OR\"}</span>\n      )}\n    </HeadlessToggleButton>\n  );\n}\n"],"mappings":"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"}