@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/_chunk/toast.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.jsx","names":[],"sources":["../../src/icon/s2wf-icons/ChevronDownIcon.tsx","../../src/toast/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 ChevronDownIconSvg(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=\"M3.75488,7.24316c.28711-.29883.76172-.3086,1.05957-.02051l5.18359,4.98633,5.19727-4.99902c.29785-.28808.77246-.27832,1.05957.02051.28711.29687.27832.77246-.02051,1.05957l-5.7168,5.5c-.29004.28027-.74902.28027-1.03906,0l-5.70312-5.4873c-.15332-.14649-.23047-.34375-.23047-.54004,0-.18751.06934-.37501.20996-.51954Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type ChevronDownIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const ChevronDownIcon = createIcon(ChevronDownIconSvg);\nexport default ChevronDownIcon;\n","import {\n  type JSX,\n  type Accessor,\n  batch,\n  createContext,\n  createEffect,\n  createSignal,\n  For,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  FocusScope,\n  createHover,\n  createPreventScroll,\n  createStringFormatter,\n  filterDOMProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  Toast as HeadlessToast,\n  ToastRegion as HeadlessToastRegion,\n  ToastProvider as HeadlessToastProvider,\n  ToastContext,\n  ToastTitle as HeadlessToastTitle,\n  ToastDescription as HeadlessToastDescription,\n  globalToastQueue,\n  addToast as headlessAddToast,\n  useToastContext,\n  type ToastContent,\n  type ToastProps as HeadlessToastProps,\n  type ToastRegionProps as HeadlessToastRegionProps,\n  type ToastProviderProps as HeadlessToastProviderProps,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport {\n  ToastQueue as StatelyToastQueue,\n  type QueuedToast,\n  type ToastOptions as StatelyToastOptions,\n} from \"@proyecto-viviana/solid-stately\";\nimport { ActionButton, Button } from \"../button\";\nimport { CenterBaseline } from \"../CenterBaseline\";\nimport { CloseButton } from \"../dialog\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CheckmarkCircleIcon } from \"../icon/s2wf-icons/CheckmarkCircleIcon\";\nimport { ChevronDownIcon } from \"../icon/s2wf-icons/ChevronDownIcon\";\nimport { InfoCircleIcon } from \"../icon/s2wf-icons/InfoCircleIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { useTheme } from \"../provider\";\nimport { focusRing, lightDark, setColorScheme, style } from \"../style\" with { type: \"macro\" };\n\nexport type ToastPlacement = \"top\" | \"top end\" | \"bottom\" | \"bottom end\";\nexport type ToastVariant = \"positive\" | \"negative\" | \"notice\" | \"info\" | \"neutral\";\ntype LegacyToastVariant = \"success\" | \"warning\" | \"error\";\ntype ToastEdge = \"top\" | \"bottom\";\ntype ToastAlign = \"center\" | \"end\";\n\n// --- S2 Toast view transitions -------------------------------------------------\n// Ported from @react-spectrum/s2's Toast.module.css and the startViewTransition /\n// global reduce-motion machinery in Toast.tsx. Upstream ships these rules as a CSS\n// module that the bundler injects; the `::view-transition-group()` pseudo-elements,\n// `html.toast-*` global selectors and `@keyframes` cannot be expressed by the atomic\n// style() macro, so we inject the equivalent global stylesheet at runtime (guarded) —\n// the same idiom solidaria uses for createPress / createPreventScroll. Class names are\n// the literal ones from the upstream module (left un-hashed).\nconst TOAST_ANIMATION_CSS = `\n/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(\n  toast-add,\n  toast-remove,\n  toast-expand,\n  toast-collapse,\n  toast-clear\n) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n\n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n\n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n\n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }\n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n`;\n\nlet toastAnimationStylesInjected = false;\nfunction ensureToastAnimationStyles(): void {\n  if (toastAnimationStylesInjected || typeof document === \"undefined\") {\n    return;\n  }\n  const styleEl = document.createElement(\"style\");\n  styleEl.id = \"solid-spectrum-toast-animations\";\n  styleEl.textContent = TOAST_ANIMATION_CSS;\n  document.head.appendChild(styleEl);\n  toastAnimationStylesInjected = true;\n}\n\ninterface ViewTransition {\n  ready: Promise<void>;\n  finished: Promise<void>;\n}\ntype DocumentWithViewTransition = Document & {\n  startViewTransition?: (callback: () => void) => ViewTransition;\n};\n\nlet globalReduceMotion = false;\n\n/**\n * Runs a toast queue/stack mutation inside a View Transition so the resulting re-render\n * is animated, mirroring @react-spectrum/s2's startViewTransition. Adds a `toast-<action>`\n * class (and `reduceMotion`) to <html> so the injected CSS can target the transition, then\n * removes them once it settles. Where the View Transitions API is unavailable (SSR, jsdom,\n * older browsers) it runs the mutation synchronously, so behavior is unchanged.\n */\nfunction startViewTransition(fn: () => void, type: string): void {\n  const doc =\n    typeof document === \"undefined\" ? undefined : (document as DocumentWithViewTransition);\n  if (doc && typeof doc.startViewTransition === \"function\") {\n    ensureToastAnimationStyles();\n    doc.documentElement.classList.add(type);\n    if (globalReduceMotion) {\n      doc.documentElement.classList.add(\"reduceMotion\");\n    }\n\n    const viewTransition = doc.startViewTransition(() => batch(fn));\n    void viewTransition.ready.catch(() => {});\n    void viewTransition.finished.finally(() => {\n      doc.documentElement.classList.remove(type, \"reduceMotion\");\n    });\n  } else {\n    fn();\n  }\n}\n\nglobalToastQueue.setWrapUpdate((fn, action) => startViewTransition(fn, `toast-${action}`));\n\n/** A toast's view-transition-name; prefixed so the numeric queue keys remain valid CSS idents. */\nfunction toastViewTransitionName(key: string, suffix = \"\"): string {\n  return `toast-${key}${suffix}`;\n}\n\nexport interface ToastOptions extends Omit<StatelyToastOptions, \"priority\"> {\n  /** DOM id passed through to the queued toast content. */\n  id?: string;\n  /** Data attributes passed through to the queued toast content. */\n  [dataAttribute: `data-${string}`]: string | number | boolean | undefined;\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface ToastProviderProps extends HeadlessToastProviderProps {}\n\nexport interface ToastRegionProps extends Omit<\n  HeadlessToastRegionProps,\n  \"class\" | \"style\" | \"children\" | \"placement\"\n> {\n  /** Placement of the toast container on the page. @default \"bottom\" */\n  placement?: ToastPlacement;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nexport interface ToastContainerProps extends ToastRegionProps {\n  /**\n   * Forces reduced-motion toast animations regardless of the user's\n   * `prefers-reduced-motion` setting. Mirrors @react-spectrum/s2's\n   * `PRIVATE_forceReducedMotion` test hook.\n   */\n  PRIVATE_forceReducedMotion?: boolean;\n}\n\nexport interface ToastProps extends Omit<HeadlessToastProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n  /** Internal index accessor used by ToastRegion for S2 stack rendering. */\n  index?: Accessor<number>;\n  /** Internal visible toasts accessor used by ToastRegion for S2 stack rendering. */\n  visibleToasts?: Accessor<QueuedToast<ToastContent>[]>;\n  /** Internal expanded stack state accessor used by ToastContainer. */\n  isExpanded?: Accessor<boolean>;\n  /** Internal stack expansion handler used by ToastContainer. */\n  onToggleExpanded?: () => void;\n  /**\n   * Whether a ToastContainer is present to drive stack expansion. When false (a\n   * bare ToastRegion, which has no expand/collapse context), the collapsed-stack\n   * \"Show all\" affordance is hidden because it cannot be honored — mirroring the\n   * upstream split where ToastContainer, not the low-level region, owns expansion.\n   */\n  canExpand?: boolean;\n  /** Internal placement edge used for collapsed background stack positioning. */\n  placementEdge?: ToastEdge;\n  /** Internal placement alignment used for the toast's view-transition-class. */\n  placementAlign?: ToastAlign;\n}\n\ninterface ToastContainerContextValue {\n  isExpanded: Accessor<boolean>;\n  toggleExpanded: () => void;\n  collapse: () => void;\n  clear: () => void;\n  reduceMotion: Accessor<boolean>;\n}\n\nconst ToastContainerContext = createContext<ToastContainerContextValue | null>(null);\n\nconst toastRegion = style<{\n  placement: ToastEdge;\n  align: ToastAlign;\n  isExpanded?: boolean;\n  colorScheme?: \"light\" | \"dark\" | \"light dark\";\n}>({\n  // The region is the toast overlay's portal root, so it carries the color-scheme\n  // atoms (--lightningcss-light/-dark) that setColorScheme() maintains. Without them\n  // the portaled toasts inherit no scheme, and lightningcss's downlevelled light-dark()\n  // — which every semantic fill token (negative/positive/notice…) compiles to — resolves\n  // to nothing, leaving the bold fills transparent. Set once here; the atoms inherit to\n  // every toast, background, and control below. Mirrors the Picker/Calendar popovers.\n  ...setColorScheme(),\n  ...focusRing(),\n  display: \"flex\",\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  position: \"fixed\",\n  insetX: 0,\n  width: \"fit\",\n  top: {\n    placement: {\n      top: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  bottom: {\n    placement: {\n      bottom: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  marginStart: {\n    align: {\n      center: \"auto\",\n      end: \"auto\",\n    },\n  },\n  marginEnd: {\n    align: {\n      center: \"auto\",\n      end: 16,\n    },\n  },\n  boxSizing: \"border-box\",\n  maxHeight: \"full\",\n  borderRadius: \"panel\",\n});\n\nconst toastList = style<{ placement: ToastEdge; isExpanded?: boolean }>({\n  position: \"relative\",\n  flexGrow: 1,\n  display: \"flex\",\n  gap: 8,\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  boxSizing: \"border-box\",\n  margin: 0,\n  marginX: {\n    default: 0,\n    isExpanded: -8,\n  },\n  padding: {\n    default: 0,\n    isExpanded: 8,\n  },\n  paddingBottom: {\n    isExpanded: {\n      placement: {\n        top: 8,\n        bottom: 16,\n      },\n    },\n  },\n  paddingTop: {\n    isExpanded: {\n      placement: {\n        top: 16,\n        bottom: 8,\n      },\n    },\n  },\n  overflow: {\n    isExpanded: \"auto\",\n  },\n});\n\nconst toastStyle = style<{ variant: ToastVariant; isExpanded?: boolean }>({\n  ...focusRing(),\n  outlineColor: {\n    default: \"focus-ring\",\n    isExpanded: \"white\",\n  },\n  display: \"flex\",\n  gap: 16,\n  paddingStart: 16,\n  paddingEnd: 8,\n  paddingY: 12,\n  borderRadius: \"panel\",\n  minHeight: 56,\n  maxWidth: \"[min(336px,90vw)]\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  font: \"ui\",\n  color: \"white\",\n  backgroundColor: {\n    variant: {\n      neutral: \"neutral-subdued\",\n      info: \"informative\",\n      positive: \"positive\",\n      negative: \"negative\",\n      /* The warning channel. A Toast paints a flat white ink over its fill and\n       * hangs white staticColor controls (close/action/expand) on top, so the\n       * fill has to carry white ink — which the bare `notice` token can't: it\n       * resolves to the light peach (notice-600 light) InlineAlert's boldFill\n       * pairs with BLACK ink. Rather than fork the whole white-ink model to\n       * black, this uses the SAME dark-amber fill Button's `warning` variant\n       * uses — lightDark(\"notice-900\",\"notice-700\"), both stops ≥4.7:1 white —\n       * so warning reads as the same orange across the button and the toast and\n       * every existing control stays legible untouched. */\n      notice: lightDark(\"notice-900\", \"notice-700\"),\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  boxShadow: {\n    default: \"elevated\",\n    isExpanded: \"none\",\n  },\n  willChange: \"transform\",\n});\n\nconst toastBody = style<{ isSingle?: boolean }>({\n  display: {\n    default: \"grid\",\n    isSingle: \"flex\",\n  },\n  gridTemplateColumns: [\"auto\", \"1fr\", \"auto\"],\n  gridTemplateAreas: [\"content content content\", \"expand . action\"],\n  flexGrow: 1,\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  columnGap: 24,\n  rowGap: 8,\n});\n\nconst toastContent = style({\n  display: \"flex\",\n  cursor: \"default\",\n  gap: 8,\n  alignItems: \"baseline\",\n  gridArea: \"content\",\n  width: \"fit\",\n  overflowWrap: \"break-word\",\n  wordBreak: \"break-word\",\n  minWidth: 0,\n});\n\nconst toastText = style({\n  minWidth: 0,\n  // Title/description are `<span>` (faithful to upstream `<Text slot=\"title\">`,\n  // which RAC renders as a span). A flex column blockifies them so the port's\n  // optional description stacks below the title instead of flowing inline; a\n  // title-only toast (upstream's only shape) renders paint-identically.\n  display: \"flex\",\n  flexDirection: \"column\",\n});\n\nconst toastDescription = style({\n  font: \"body-sm\",\n  opacity: 0.9,\n  marginTop: 2,\n});\n\nconst toastAction = style({\n  marginStart: \"auto\",\n  gridArea: \"action\",\n});\n\nconst toastExpand = style({\n  gridArea: \"expand\",\n});\n\nconst toastBackground = style({\n  position: \"fixed\",\n  inset: 0,\n  backgroundColor: \"transparent-overlay-500\",\n  pointerEvents: \"auto\",\n});\n\nconst toastControls = style<{ isExpanded?: boolean }>({\n  colorScheme: \"light\",\n  pointerEvents: \"auto\",\n  display: {\n    default: \"none\",\n    isExpanded: \"flex\",\n  },\n  justifyContent: \"end\",\n  gap: 8,\n  opacity: {\n    default: 0,\n    isExpanded: 1,\n  },\n});\n\nfunction toastListPerspectiveStyle(placement: ToastEdge, isHovered: boolean): JSX.CSSProperties {\n  const origin = isHovered ? 95 : 55;\n\n  return {\n    perspective: \"80px\",\n    \"perspective-origin\":\n      placement === \"top\" ? `center calc(100% + ${origin}px)` : `center ${-origin}px`,\n    transition: \"perspective-origin 400ms\",\n  };\n}\n\nfunction normalizePlacement(placement?: ToastPlacement): {\n  placement: ToastPlacement;\n  edge: ToastEdge;\n  align: ToastAlign;\n} {\n  const normalized = placement ?? \"bottom\";\n  const [edge, align = \"center\"] = normalized.split(\" \") as [ToastEdge, ToastAlign?];\n  return {\n    placement: normalized,\n    edge,\n    align: align === \"end\" ? \"end\" : \"center\",\n  };\n}\n\nfunction normalizeVariant(\n  variant?: ToastContent[\"variant\"],\n  type?: ToastContent[\"type\"],\n): ToastVariant {\n  if (variant) {\n    return variant;\n  }\n\n  switch (type as ToastVariant | LegacyToastVariant | undefined) {\n    case \"positive\":\n    case \"success\":\n      return \"positive\";\n    case \"negative\":\n    case \"error\":\n      return \"negative\";\n    /* `warning` folds onto the canonical `notice` (orange) channel — the same\n     * negative/warning/success trio Button, Badge, StatusLight, InlineAlert and\n     * Meter expose. It used to fall in with `negative` and render red. */\n    case \"notice\":\n    case \"warning\":\n      return \"notice\";\n    case \"info\":\n      return \"info\";\n    case \"neutral\":\n    default:\n      return \"neutral\";\n  }\n}\n\nfunction getVariantIcon(variant: ToastVariant): JSX.Element | null {\n  switch (variant) {\n    case \"positive\":\n      return <CheckmarkCircleIcon aria-hidden=\"true\" />;\n    case \"negative\":\n      return <AlertTriangleIcon aria-hidden=\"true\" />;\n    case \"notice\":\n      return <AlertDiamondIcon aria-hidden=\"true\" />;\n    case \"info\":\n      return <InfoCircleIcon aria-hidden=\"true\" />;\n    case \"neutral\":\n    default:\n      return null;\n  }\n}\n\nfunction closeGlobalToast(key: string) {\n  globalToastQueue.close(key);\n  globalToastQueue.remove(key);\n}\n\nfunction addSpectrumToast(\n  children: string,\n  variant: ToastVariant,\n  options: ToastOptions = {},\n): () => void {\n  const timeout =\n    options.timeout && !options.actionLabel ? Math.max(options.timeout, 5000) : undefined;\n  const domProps = filterDOMProps(options as Record<string, unknown>);\n  const key = headlessAddToast(\n    {\n      children,\n      // The shared headless ToastContent.variant union is S2's (no `notice`); the\n      // register's warning channel rides through it as a passthrough value that our\n      // renderer reads back via normalizeVariant. Widening the shared type would\n      // break solid-spectrum's narrower normalizeVariant, so cast at this seam only.\n      variant: variant as ToastContent[\"variant\"],\n      actionLabel: options.actionLabel,\n      onAction: options.onAction,\n      shouldCloseOnAction: options.shouldCloseOnAction,\n      ...domProps,\n    },\n    {\n      timeout,\n      onClose: options.onClose,\n    },\n  );\n\n  return () => closeGlobalToast(key);\n}\n\n/**\n * ToastProvider creates a toast queue context for descendant components.\n * Most S2 usage should render ToastContainer once at the app root instead.\n */\nexport function ToastProvider(props: ToastProviderProps): JSX.Element {\n  return <HeadlessToastProvider {...props} />;\n}\n\n/**\n * ToastRegion displays all visible toasts from the surrounding ToastProvider.\n * This remains for lower-level composition; ToastContainer self-wires the global queue.\n */\nexport function ToastRegion(props: ToastRegionProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"placement\", \"class\"]);\n  const placement = () => normalizePlacement(local.placement);\n  const theme = useTheme();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const containerContext = useContext(ToastContainerContext);\n  const isExpanded = () => containerContext?.isExpanded() ?? false;\n  const { isHovered: isListHovered, hoverProps: listHoverProps } = createHover();\n  createPreventScroll({\n    get isDisabled() {\n      return !isExpanded();\n    },\n  });\n  const toggleExpanded = (visibleToasts: QueuedToast<ToastContent>[]) => {\n    if (!isExpanded() && visibleToasts.length <= 1) {\n      return;\n    }\n    containerContext?.toggleExpanded();\n  };\n  const handleRegionKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\" || !isExpanded()) {\n      return;\n    }\n\n    event.stopPropagation();\n    containerContext?.collapse();\n  };\n  const handleListClick = (event: MouseEvent, visibleToasts: QueuedToast<ToastContent>[]) => {\n    const target = event.target;\n    if (isExpanded() || !(target instanceof Element) || target.closest(\"button\")) {\n      return;\n    }\n    toggleExpanded(visibleToasts);\n  };\n  createEffect(() => {\n    if (!isExpanded() || !containerContext) {\n      return;\n    }\n\n    const ownerDocument = globalThis.document;\n    if (!ownerDocument) {\n      return;\n    }\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      containerContext.collapse();\n    };\n\n    ownerDocument.addEventListener(\"keydown\", handleDocumentKeyDown, true);\n    onCleanup(() => ownerDocument.removeEventListener(\"keydown\", handleDocumentKeyDown, true));\n  });\n\n  return (\n    <HeadlessToastRegion\n      {...rest}\n      placement={placement().placement}\n      class={(_renderProps: ToastRegionRenderProps) =>\n        [\n          toastRegion({\n            placement: placement().edge,\n            align: placement().align,\n            isExpanded: isExpanded(),\n            colorScheme: theme.colorScheme,\n          }),\n          local.class ?? \"\",\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n    >\n      {(regionProps: ToastRegionRenderProps) => {\n        const visibleToasts = () => regionProps.visibleToasts();\n\n        return (\n          <FocusScope contain={isExpanded()}>\n            <div\n              data-solid-spectrum-toast-focus-scope=\"\"\n              onKeyDown={handleRegionKeyDown}\n              style={{ display: \"contents\" }}\n            >\n              <Show when={containerContext && isExpanded()}>\n                <div\n                  class={`toast-background ${toastBackground}`}\n                  data-solid-spectrum-toast-background=\"\"\n                  onClick={containerContext?.collapse}\n                />\n              </Show>\n              <div\n                {...listHoverProps}\n                class={[\n                  isExpanded() ? \"toast-list-expanded\" : \"toast-list-collapsed\",\n                  toastList({ placement: placement().edge, isExpanded: isExpanded() }),\n                ].join(\" \")}\n                data-solid-spectrum-toast-list=\"\"\n                style={toastListPerspectiveStyle(placement().edge, isListHovered())}\n                onClick={(event) => handleListClick(event, visibleToasts())}\n              >\n                <For each={visibleToasts()}>\n                  {(toast, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index}\n                      visibleToasts={visibleToasts}\n                      isExpanded={isExpanded}\n                      onToggleExpanded={() => toggleExpanded(visibleToasts())}\n                      canExpand={Boolean(containerContext)}\n                      placementEdge={placement().edge}\n                      placementAlign={placement().align}\n                    />\n                  )}\n                </For>\n              </div>\n              <Show when={containerContext}>\n                {(context) => (\n                  <div\n                    class={`toast-controls ${toastControls({ isExpanded: isExpanded() })}`}\n                    data-solid-spectrum-toast-controls=\"\"\n                  >\n                    <ActionButton size=\"S\" onPress={context().clear}>\n                      {stringFormatter().format(\"toast.clearAll\")}\n                    </ActionButton>\n                    <ActionButton size=\"S\" onPress={context().collapse}>\n                      {stringFormatter().format(\"toast.collapse\")}\n                    </ActionButton>\n                  </div>\n                )}\n              </Show>\n            </div>\n          </FocusScope>\n        );\n      }}\n    </HeadlessToastRegion>\n  );\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: ToastContainerProps): JSX.Element {\n  const [local, regionProps] = splitProps(props, [\"PRIVATE_forceReducedMotion\"]);\n  const [isExpanded, setIsExpanded] = createSignal(false);\n\n  onMount(ensureToastAnimationStyles);\n\n  // Track prefers-reduced-motion and mirror it into the module-global flag that\n  // startViewTransition reads, restoring the previous value on cleanup.\n  const prefersReducedMotion = createMediaQuery(\"(prefers-reduced-motion)\");\n  const reduceMotion = () => local.PRIVATE_forceReducedMotion ?? prefersReducedMotion();\n  createEffect(() => {\n    const previous = globalReduceMotion;\n    globalReduceMotion = reduceMotion();\n    onCleanup(() => {\n      globalReduceMotion = previous;\n    });\n  });\n\n  const unsubscribe = globalToastQueue.subscribe((toasts) => {\n    if (toasts.length === 0) {\n      setIsExpanded(false);\n    }\n  });\n  onCleanup(unsubscribe);\n\n  const context: ToastContainerContextValue = {\n    isExpanded,\n    toggleExpanded: () => {\n      const expanding = !isExpanded();\n      startViewTransition(\n        () => setIsExpanded(expanding),\n        expanding ? \"toast-expand\" : \"toast-collapse\",\n      );\n    },\n    collapse: () => {\n      if (isExpanded()) {\n        startViewTransition(() => setIsExpanded(false), \"toast-collapse\");\n      }\n    },\n    clear: () => globalToastQueue.clear(),\n    reduceMotion,\n  };\n\n  return (\n    <ToastContainerContext.Provider value={context}>\n      <ToastProvider useGlobalQueue>\n        <ToastRegion {...regionProps} />\n      </ToastProvider>\n    </ToastContainerContext.Provider>\n  );\n}\n\n/** Toast displays an individual notification with icon, content, action, and close button. */\nexport function Toast(props: ToastProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"toast\",\n    \"class\",\n    \"index\",\n    \"visibleToasts\",\n    \"isExpanded\",\n    \"onToggleExpanded\",\n    \"canExpand\",\n    \"placementEdge\",\n    \"placementAlign\",\n  ]);\n  const state = useToastContext();\n  const containerCtx = useContext(ToastContainerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const content = () => local.toast.content;\n  const contentDomProps = () => filterDOMProps(content() as Record<string, unknown>);\n  const variant = () => normalizeVariant(content().variant, content().type);\n  const title = () => content().children ?? content().title;\n  const actionLabel = () => content().actionLabel ?? content().action?.label;\n  const actionHandler = () => content().onAction ?? content().action?.onAction;\n  const visibleToasts = () => local.visibleToasts?.() ?? [local.toast];\n  const index = () => local.index?.() ?? visibleToasts().indexOf(local.toast);\n  const isMain = () => index() <= 0;\n  const isExpanded = () => local.isExpanded?.() ?? false;\n  const shouldRenderAsSingle = () => !isMain() || visibleToasts().length <= 1 || isExpanded();\n  const reduceMotion = () => containerCtx?.reduceMotion() ?? false;\n  // Upstream gates the per-component view transitions on `ctx && isMain`; our `canExpand`\n  // already encodes the presence of a ToastContainer (the upstream `ctx`).\n  const useComponentTransition = () => local.canExpand === true && isMain();\n  const mainViewTransitionClass = () =>\n    [\n      \"toast\",\n      !isMain() ? \"background-toast\" : \"\",\n      local.placementEdge ?? \"bottom\",\n      local.placementAlign ?? \"center\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const handleAction = () => {\n    actionHandler()?.();\n    if (content().shouldCloseOnAction) {\n      state.close(local.toast.key);\n      state.remove(local.toast.key);\n    }\n  };\n  // Mirrors the headless close-button delegation (close then finalize removal) so\n  // the faithful S2 CloseButton dismisses the toast without relying on the\n  // `[data-solidaria-toast-close-button]` click delegation it doesn't carry.\n  const handleCloseToast = () => {\n    state.close(local.toast.key);\n    state.remove(local.toast.key);\n  };\n\n  const backgroundStyle = () =>\n    ({\n      position: \"absolute\",\n      [local.placementEdge === \"top\" ? \"bottom\" : \"top\"]: \"0\",\n      left: \"0\",\n      width: \"100%\",\n      translate: `0 0 ${(-12 * index()) / 16}rem`,\n      opacity: index() >= 3 ? 0 : 1,\n      \"z-index\": visibleToasts().length - index() - 1,\n      \"pointer-events\": \"none\",\n      // When reduced motion is enabled, append the index to the view-transition-name so\n      // adding/removing a toast cross-fades instead of transitioning position — the toasts\n      // read as separate elements per index rather than the same one moving.\n      \"view-transition-name\": toastViewTransitionName(\n        local.toast.key,\n        reduceMotion() ? `-${index()}` : \"\",\n      ),\n      \"view-transition-class\": \"toast background-toast\",\n    }) as JSX.CSSProperties;\n\n  return (\n    <Show\n      when={!isMain() && !isExpanded()}\n      fallback={\n        <HeadlessToast\n          {...contentDomProps()}\n          {...rest}\n          toast={local.toast}\n          data-solid-spectrum-variant={variant()}\n          style={\n            {\n              \"z-index\": visibleToasts().length - index() - 1,\n              \"view-transition-name\": toastViewTransitionName(local.toast.key),\n              \"view-transition-class\": mainViewTransitionClass(),\n            } as JSX.CSSProperties\n          }\n          class={(_renderProps: ToastRenderProps) =>\n            [\n              \"toast\",\n              toastStyle({ variant: variant(), isExpanded: isExpanded() }),\n              local.class ?? \"\",\n            ]\n              .filter(Boolean)\n              .join(\" \")\n          }\n        >\n          <div role=\"presentation\" class={toastBody({ isSingle: shouldRenderAsSingle() })}>\n            <div\n              class={useComponentTransition() ? `${toastContent} toast-content` : toastContent}\n              data-solidaria-toast-content=\"\"\n            >\n              <Show when={getVariantIcon(variant())}>\n                {(icon) => <CenterBaseline>{icon()}</CenterBaseline>}\n              </Show>\n              <div class={toastText}>\n                <Show when={title()}>\n                  <HeadlessToastTitle>{title()}</HeadlessToastTitle>\n                </Show>\n                <Show when={content().description}>\n                  <HeadlessToastDescription class={toastDescription}>\n                    {content().description}\n                  </HeadlessToastDescription>\n                </Show>\n              </div>\n            </div>\n            <Show when={local.canExpand && !isExpanded() && visibleToasts().length > 1}>\n              <ActionButton\n                isQuiet\n                staticColor=\"white\"\n                styles={toastExpand}\n                UNSAFE_className={useComponentTransition() ? \"toast-expand\" : undefined}\n                onPress={local.onToggleExpanded}\n              >\n                {stringFormatter().format(\"toast.showAll\")}\n                <ChevronDownIcon\n                  aria-hidden=\"true\"\n                  style={{\n                    rotate: local.placementEdge === \"bottom\" ? \"180deg\" : undefined,\n                  }}\n                />\n              </ActionButton>\n            </Show>\n            <Show when={actionLabel()}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                staticColor=\"white\"\n                styles={toastAction}\n                UNSAFE_className={useComponentTransition() ? \"toast-action\" : undefined}\n                onPress={handleAction}\n              >\n                {actionLabel()}\n              </Button>\n            </Show>\n          </div>\n\n          <CloseButton\n            staticColor=\"white\"\n            onPress={handleCloseToast}\n            UNSAFE_className={useComponentTransition() ? \"toast-close\" : undefined}\n            aria-label={stringFormatter().format(\"dialog.dismiss\")}\n          />\n        </HeadlessToast>\n      }\n    >\n      <div\n        role=\"presentation\"\n        style={backgroundStyle()}\n        class={`toast ${toastStyle({ variant: variant(), isExpanded: isExpanded() })}`}\n        data-solid-spectrum-toast-background-item=\"\"\n        data-solid-spectrum-variant={variant()}\n      />\n    </Show>\n  );\n}\n\n/**\n * Add a legacy Solid toast to the global queue.\n * Prefer ToastQueue.neutral/positive/negative/notice/info for the React Spectrum S2 API.\n */\nexport function addToast(content: ToastContent, options?: StatelyToastOptions): string {\n  return headlessAddToast(content, options);\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastSuccess(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"success\", variant: \"positive\" },\n    { timeout: 5000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastError(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"error\", variant: \"negative\" },\n    { timeout: 8000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastWarning(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"warning\", variant: \"notice\" as ToastContent[\"variant\"] },\n    { timeout: 6000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastInfo(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast({ title: message, type: \"info\", variant: \"info\" }, { timeout: 5000, ...options });\n}\n\nexport const ToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"neutral\", options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"positive\", options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"negative\", options);\n  },\n  /** Queues a notice (warning) toast — the orange counterpart to `negative`. */\n  notice(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"notice\", options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"info\", options);\n  },\n};\n\nexport {\n  ToastContext,\n  globalToastQueue,\n  StatelyToastQueue,\n  useToastContext,\n  type ToastContent,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n  type QueuedToast,\n  type StatelyToastOptions,\n};\n"],"mappings":"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"}

package/dist/accordion/index.d.ts

@@ -0,0 +1,56 @@
+import { type JSX } from "solid-js";
+import { Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle, type DisclosureDensity, type DisclosureGroupProps, type DisclosureHeaderProps, type DisclosurePanelProps, type DisclosureProps, type DisclosureSize, type DisclosureTitleProps, type DisclosureVariant } from "../disclosure";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+export type AccordionSize = DisclosureSize;
+export type AccordionDensity = DisclosureDensity;
+export type AccordionVariant = DisclosureVariant;
+export interface AccordionProps extends DisclosureGroupProps {
+    /** The accordion item elements in the accordion. */
+    children?: JSX.Element;
+}
+export interface AccordionItemProps extends DisclosureProps {
+    /** The contents of the accordion item, consisting of a title and panel. */
+    children?: JSX.Element;
+}
+export interface AccordionItemHeaderProps extends DisclosureHeaderProps {
+    /** The contents of the accordion item header. */
+    children?: JSX.Element;
+}
+export interface AccordionItemTitleProps extends DisclosureTitleProps {
+    /** The contents of the accordion item title. */
+    children?: JSX.Element;
+}
+export interface AccordionItemPanelProps extends DisclosurePanelProps {
+    /** The contents of the accordion item panel. */
+    children?: JSX.Element;
+}
+export declare const AccordionContext: import("solid-js").Context<SpectrumContextValue<AccordionProps>>;
+/**
+ * An accordion is a container for multiple accordion items.
+ */
+export declare function Accordion(props: AccordionProps): JSX.Element;
+/**
+ * An accordion item is a collapsible section of content.
+ */
+export declare function AccordionItem(props: AccordionItemProps): JSX.Element;
+/**
+ * A wrapper element for the accordion item title that can contain other
+ * elements not part of the trigger.
+ */
+export declare function AccordionItemHeader(props: AccordionItemHeaderProps): JSX.Element;
+/**
+ * An accordion item title consisting of a heading and trigger button.
+ */
+export declare function AccordionItemTitle(props: AccordionItemTitleProps): JSX.Element;
+/**
+ * An accordion item panel is hidden until its item is expanded.
+ */
+export declare function AccordionItemPanel(props: AccordionItemPanelProps): JSX.Element;
+export { Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle };
+export declare const AccordionHeader: typeof AccordionItemHeader;
+export declare const AccordionPanel: typeof AccordionItemPanel;
+export declare const AccordionTitle: typeof AccordionItemTitle;
+export type AccordionHeaderProps = AccordionItemHeaderProps;
+export type AccordionPanelProps = AccordionItemPanelProps;
+export type AccordionTitleProps = AccordionItemTitleProps;
+//# sourceMappingURL=index.d.ts.map

package/dist/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAC;AAC3E,OAAO,EACL,UAAU,EACV,iBAAiB,EAEjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE/F,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB;IACrE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB;IACnE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB;IACnE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,kEAA4D,CAAC;AAE1F;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAK5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEpE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAEhF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE9E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE9E;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAE7F,eAAO,MAAM,eAAe,4BAAsB,CAAC;AACnD,eAAO,MAAM,cAAc,2BAAqB,CAAC;AACjD,eAAO,MAAM,cAAc,2BAAqB,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAC1D,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC"}

package/dist/accordion/index.js

@@ -0,0 +1,44 @@
+import { n as getSlottedContextProps } from "../_chunk/spectrum-context.js";
+import { Disclosure, DisclosureContext, DisclosureGroup, DisclosureHeader, DisclosurePanel, DisclosureTitle } from "../disclosure/index.js";
+import { createComponent } from "solid-js/web";
+import { createContext, mergeProps as mergeProps$1, useContext } from "solid-js";
+//#region src/accordion/index.tsx
+const AccordionContext = createContext(null);
+/**
+* An accordion is a container for multiple accordion items.
+*/
+function Accordion(props) {
+	return createComponent(DisclosureGroup, mergeProps$1(getSlottedContextProps(useContext(AccordionContext), props.slot) ?? {}, props));
+}
+/**
+* An accordion item is a collapsible section of content.
+*/
+function AccordionItem(props) {
+	return createComponent(Disclosure, props);
+}
+/**
+* A wrapper element for the accordion item title that can contain other
+* elements not part of the trigger.
+*/
+function AccordionItemHeader(props) {
+	return createComponent(DisclosureHeader, props);
+}
+/**
+* An accordion item title consisting of a heading and trigger button.
+*/
+function AccordionItemTitle(props) {
+	return createComponent(DisclosureTitle, props);
+}
+/**
+* An accordion item panel is hidden until its item is expanded.
+*/
+function AccordionItemPanel(props) {
+	return createComponent(DisclosurePanel, props);
+}
+const AccordionHeader = AccordionItemHeader;
+const AccordionPanel = AccordionItemPanel;
+const AccordionTitle = AccordionItemTitle;
+//#endregion
+export { Accordion, AccordionContext, AccordionHeader, AccordionItem, AccordionItemHeader, AccordionItemPanel, AccordionItemTitle, AccordionPanel, AccordionTitle, Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle };
+
+//# sourceMappingURL=index.js.map

package/dist/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["JSX","createContext","mergeProps","useContext","Disclosure","DisclosureContext","DisclosureGroup","DisclosureHeader","DisclosurePanel","DisclosureTitle","DisclosureDensity","DisclosureGroupProps","DisclosureHeaderProps","DisclosurePanelProps","DisclosureProps","DisclosureSize","DisclosureTitleProps","DisclosureVariant","getSlottedContextProps","SpectrumContextValue","AccordionSize","AccordionDensity","AccordionVariant","AccordionProps","children","Element","AccordionItemProps","AccordionItemHeaderProps","AccordionItemTitleProps","AccordionItemPanelProps","AccordionContext","Accordion","props","contextProps","slot","mergedProps","_$createComponent","AccordionItem","AccordionItemHeader","AccordionItemTitle","AccordionItemPanel","AccordionHeader","AccordionPanel","AccordionTitle","AccordionHeaderProps","AccordionPanelProps","AccordionTitleProps"],"sources":["../../src/accordion/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, useContext } from \"solid-js\";\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureGroup,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle,\n  type DisclosureDensity,\n  type DisclosureGroupProps,\n  type DisclosureHeaderProps,\n  type DisclosurePanelProps,\n  type DisclosureProps,\n  type DisclosureSize,\n  type DisclosureTitleProps,\n  type DisclosureVariant,\n} from \"../disclosure\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\n\nexport type AccordionSize = DisclosureSize;\nexport type AccordionDensity = DisclosureDensity;\nexport type AccordionVariant = DisclosureVariant;\n\nexport interface AccordionProps extends DisclosureGroupProps {\n  /** The accordion item elements in the accordion. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemProps extends DisclosureProps {\n  /** The contents of the accordion item, consisting of a title and panel. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemHeaderProps extends DisclosureHeaderProps {\n  /** The contents of the accordion item header. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemTitleProps extends DisclosureTitleProps {\n  /** The contents of the accordion item title. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemPanelProps extends DisclosurePanelProps {\n  /** The contents of the accordion item panel. */\n  children?: JSX.Element;\n}\n\nexport const AccordionContext = createContext<SpectrumContextValue<AccordionProps>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport function Accordion(props: AccordionProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(AccordionContext), props.slot);\n  const mergedProps = mergeProps(contextProps ?? {}, props);\n\n  return <DisclosureGroup {...mergedProps} />;\n}\n\n/**\n * An accordion item is a collapsible section of content.\n */\nexport function AccordionItem(props: AccordionItemProps): JSX.Element {\n  return <Disclosure {...props} />;\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other\n * elements not part of the trigger.\n */\nexport function AccordionItemHeader(props: AccordionItemHeaderProps): JSX.Element {\n  return <DisclosureHeader {...props} />;\n}\n\n/**\n * An accordion item title consisting of a heading and trigger button.\n */\nexport function AccordionItemTitle(props: AccordionItemTitleProps): JSX.Element {\n  return <DisclosureTitle {...props} />;\n}\n\n/**\n * An accordion item panel is hidden until its item is expanded.\n */\nexport function AccordionItemPanel(props: AccordionItemPanelProps): JSX.Element {\n  return <DisclosurePanel {...props} />;\n}\n\nexport { Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle };\n\nexport const AccordionHeader = AccordionItemHeader;\nexport const AccordionPanel = AccordionItemPanel;\nexport const AccordionTitle = AccordionItemTitle;\n\nexport type AccordionHeaderProps = AccordionItemHeaderProps;\nexport type AccordionPanelProps = AccordionItemPanelProps;\nexport type AccordionTitleProps = AccordionItemTitleProps;\n"],"mappings":";;;;;AAgDA,MAAa8B,mBAAmB7B,cAAoD,IAAI;;;;AAKxF,SAAgB8B,UAAUC,OAAoC;CAI5D,OAAAI,gBAAQ9B,iBAFYJ,aADCgB,uBAAuBf,WAAW2B,gBAAgB,GAAGE,MAAME,IACjDD,KAAgB,CAAC,GAAGD,KAEvBG,CAAW;AACzC;;;;AAKA,SAAgBE,cAAcL,OAAwC;CACpE,OAAAI,gBAAQhC,YAAe4B,KAAK;AAC9B;;;;;AAMA,SAAgBM,oBAAoBN,OAA8C;CAChF,OAAAI,gBAAQ7B,kBAAqByB,KAAK;AACpC;;;;AAKA,SAAgBO,mBAAmBP,OAA6C;CAC9E,OAAAI,gBAAQ3B,iBAAoBuB,KAAK;AACnC;;;;AAKA,SAAgBQ,mBAAmBR,OAA6C;CAC9E,OAAAI,gBAAQ5B,iBAAoBwB,KAAK;AACnC;AAIA,MAAaS,kBAAkBH;AAC/B,MAAaI,iBAAiBF;AAC9B,MAAaG,iBAAiBJ"}

package/dist/accordion/index.jsx

@@ -0,0 +1,44 @@
+import { n as getSlottedContextProps } from "../_chunk/spectrum-context.jsx";
+import { Disclosure, DisclosureContext, DisclosureGroup, DisclosureHeader, DisclosurePanel, DisclosureTitle } from "../disclosure/index.jsx";
+import { createContext, mergeProps, useContext } from "solid-js";
+//#region src/accordion/index.tsx
+const AccordionContext = createContext(null);
+/**
+* An accordion is a container for multiple accordion items.
+*/
+function Accordion(props) {
+	const mergedProps = mergeProps(getSlottedContextProps(useContext(AccordionContext), props.slot) ?? {}, props);
+	return <DisclosureGroup {...mergedProps} />;
+}
+/**
+* An accordion item is a collapsible section of content.
+*/
+function AccordionItem(props) {
+	return <Disclosure {...props} />;
+}
+/**
+* A wrapper element for the accordion item title that can contain other
+* elements not part of the trigger.
+*/
+function AccordionItemHeader(props) {
+	return <DisclosureHeader {...props} />;
+}
+/**
+* An accordion item title consisting of a heading and trigger button.
+*/
+function AccordionItemTitle(props) {
+	return <DisclosureTitle {...props} />;
+}
+/**
+* An accordion item panel is hidden until its item is expanded.
+*/
+function AccordionItemPanel(props) {
+	return <DisclosurePanel {...props} />;
+}
+const AccordionHeader = AccordionItemHeader;
+const AccordionPanel = AccordionItemPanel;
+const AccordionTitle = AccordionItemTitle;
+//#endregion
+export { Accordion, AccordionContext, AccordionHeader, AccordionItem, AccordionItemHeader, AccordionItemPanel, AccordionItemTitle, AccordionPanel, AccordionTitle, Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle };
+
+//# sourceMappingURL=index.jsx.map

package/dist/accordion/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/accordion/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, useContext } from \"solid-js\";\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureGroup,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle,\n  type DisclosureDensity,\n  type DisclosureGroupProps,\n  type DisclosureHeaderProps,\n  type DisclosurePanelProps,\n  type DisclosureProps,\n  type DisclosureSize,\n  type DisclosureTitleProps,\n  type DisclosureVariant,\n} from \"../disclosure\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\n\nexport type AccordionSize = DisclosureSize;\nexport type AccordionDensity = DisclosureDensity;\nexport type AccordionVariant = DisclosureVariant;\n\nexport interface AccordionProps extends DisclosureGroupProps {\n  /** The accordion item elements in the accordion. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemProps extends DisclosureProps {\n  /** The contents of the accordion item, consisting of a title and panel. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemHeaderProps extends DisclosureHeaderProps {\n  /** The contents of the accordion item header. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemTitleProps extends DisclosureTitleProps {\n  /** The contents of the accordion item title. */\n  children?: JSX.Element;\n}\n\nexport interface AccordionItemPanelProps extends DisclosurePanelProps {\n  /** The contents of the accordion item panel. */\n  children?: JSX.Element;\n}\n\nexport const AccordionContext = createContext<SpectrumContextValue<AccordionProps>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport function Accordion(props: AccordionProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(AccordionContext), props.slot);\n  const mergedProps = mergeProps(contextProps ?? {}, props);\n\n  return <DisclosureGroup {...mergedProps} />;\n}\n\n/**\n * An accordion item is a collapsible section of content.\n */\nexport function AccordionItem(props: AccordionItemProps): JSX.Element {\n  return <Disclosure {...props} />;\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other\n * elements not part of the trigger.\n */\nexport function AccordionItemHeader(props: AccordionItemHeaderProps): JSX.Element {\n  return <DisclosureHeader {...props} />;\n}\n\n/**\n * An accordion item title consisting of a heading and trigger button.\n */\nexport function AccordionItemTitle(props: AccordionItemTitleProps): JSX.Element {\n  return <DisclosureTitle {...props} />;\n}\n\n/**\n * An accordion item panel is hidden until its item is expanded.\n */\nexport function AccordionItemPanel(props: AccordionItemPanelProps): JSX.Element {\n  return <DisclosurePanel {...props} />;\n}\n\nexport { Disclosure, DisclosureContext, DisclosureHeader, DisclosurePanel, DisclosureTitle };\n\nexport const AccordionHeader = AccordionItemHeader;\nexport const AccordionPanel = AccordionItemPanel;\nexport const AccordionTitle = AccordionItemTitle;\n\nexport type AccordionHeaderProps = AccordionItemHeaderProps;\nexport type AccordionPanelProps = AccordionItemPanelProps;\nexport type AccordionTitleProps = AccordionItemTitleProps;\n"],"mappings":";;;;AAgDA,MAAa,mBAAmB,cAAoD,IAAI;;;;AAKxF,SAAgB,UAAU,OAAoC;CAE5D,MAAM,cAAc,WADC,uBAAuB,WAAW,gBAAgB,GAAG,MAAM,IACtC,KAAK,CAAC,GAAG,KAAK;CAExD,OAAO,CAAC,oBAAoB;AAC9B;;;;AAKA,SAAgB,cAAc,OAAwC;CACpE,OAAO,CAAC,eAAe;AACzB;;;;;AAMA,SAAgB,oBAAoB,OAA8C;CAChF,OAAO,CAAC,qBAAqB;AAC/B;;;;AAKA,SAAgB,mBAAmB,OAA6C;CAC9E,OAAO,CAAC,oBAAoB;AAC9B;;;;AAKA,SAAgB,mBAAmB,OAA6C;CAC9E,OAAO,CAAC,oBAAoB;AAC9B;AAIA,MAAa,kBAAkB;AAC/B,MAAa,iBAAiB;AAC9B,MAAa,iBAAiB"}

package/dist/actionbar/index.d.ts

@@ -0,0 +1,61 @@
+import { type JSX } from "solid-js";
+import type { Key } from "@proyecto-viviana/solid-stately";
+import type { StyleString } from "../style";
+import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
+type ScrollRef = {
+    current?: HTMLElement | null;
+} | HTMLElement | undefined;
+export interface ActionBarProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "ref" | "slot"> {
+    /** The number of selected items. ActionBar is hidden when 0. */
+    selectedItemCount?: number | "all";
+    /** Whether the ActionBar should be displayed with an emphasized style. */
+    isEmphasized?: boolean;
+    /** Callback when the clear button is pressed. */
+    onClearSelection?: () => void;
+    /** Callback when an action is triggered. */
+    onAction?: (key: Key) => void;
+    /** The action buttons to display. */
+    children?: JSX.Element;
+    /** A ref to the scrollable element the ActionBar appears above. */
+    scrollRef?: ScrollRef;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString | (() => StyleString | undefined);
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */
+    class?: string;
+    /** Accessible label for the action bar. @default 'Actions' */
+    "aria-label"?: string;
+    /** Identifies the element (or elements) that labels the action bar. */
+    "aria-labelledby"?: string;
+    /** Optional keydown handler for the action bar root. */
+    onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;
+    slot?: string | null;
+    ref?: RefLike<HTMLDivElement>;
+}
+export interface ActionBarContainerProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export type ActionBarSelectedKeys = "all" | Set<Key>;
+export interface ActionBarContainerStateProps {
+    selectedKeys?: "all" | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
+    onSelectionChange?: (keys: ActionBarSelectedKeys) => void;
+    renderActionBar?: (selectedKeys: ActionBarSelectedKeys) => JSX.Element;
+    scrollRef?: ScrollRef;
+}
+export interface ActionBarContainerState {
+    selectedKeys: () => ActionBarSelectedKeys;
+    onSelectionChange: (keys: "all" | Iterable<Key>) => void;
+    actionBar: () => JSX.Element;
+    actionBarHeight: () => number;
+}
+export declare const ActionBarContext: import("solid-js").Context<SpectrumContextValue<ActionBarProps>>;
+export declare function createActionBarContainer(props: ActionBarContainerStateProps): ActionBarContainerState;
+export declare function ActionBar(props: ActionBarProps): JSX.Element;
+export declare function ActionBarContainer(props: ActionBarContainerProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/actionbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actionbar/index.tsx"],"names":[],"mappings":"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"}