@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/popover/index.jsx

@@ -0,0 +1,258 @@
+import { useTheme } from "../provider/index.jsx";
+import { Show, splitProps } from "solid-js";
+import { OverlayArrow, Popover as Popover$1, PopoverTrigger as PopoverTrigger$1 } from "@proyecto-viviana/solidaria-components";
+//#region src/popover/index.tsx
+const popoverStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
+	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
+	rules += " _pK8eoyd151";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -NvXmrd-_ZN8Gi4c151";
+		rules += " -NvXmrd-D1v0V_ZLmU151";
+	}
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU151";
+		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+	}
+	rules += " -Ovbhqd-gNU7lMd151";
+	rules += " -Ovbhqd-lga151";
+	rules += " gEzkoQe151";
+	rules += " -Jvcevd-xkGPz151";
+	rules += " oY4qurc151";
+	rules += " nY4qurc151";
+	rules += " kY4qurc151";
+	rules += " jY4qurc151";
+	rules += " _nfRoCnb151";
+	rules += " _Lf151";
+	rules += " _Mb151";
+	rules += " OrHHOgb151";
+	rules += " Ola151";
+	if (props.size === "L") rules += " ZE151";
+	else if (props.size === "M") rules += " ZB151";
+	else if (props.size === "S") rules += " Zz151";
+	rules += " LEmL1Zb151";
+	rules += " _oa151";
+	rules += " sd151";
+	if (props.isExiting) rules += " _Ia151";
+	else if (props.isEntering) rules += " _Ia151";
+	if (props.isSubmenu) {
+		rules += " -_8PloMd-s151";
+		rules += " __Ya151";
+	} else if (props.placement === "bottom") {
+		if (props.isExiting) {
+			rules += " -_8PloMd-l151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_8PloMd-l151";
+			rules += " __Ya151";
+		}
+	} else if (props.placement === "top") {
+		if (props.isExiting) {
+			rules += " -_8PloMd-F151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_8PloMd-F151";
+			rules += " __Ya151";
+		}
+	}
+	if (props.isSubmenu) {
+		rules += " -_7PloMd-s151";
+		rules += " __Ya151";
+	} else if (props.placement === "right") {
+		if (props.isExiting) {
+			rules += " -_7PloMd-m151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_7PloMd-m151";
+			rules += " __Ya151";
+		}
+	} else if (props.placement === "left") {
+		if (props.isExiting) {
+			rules += " -_7PloMd-G151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_7PloMd-G151";
+			rules += " __Ya151";
+		}
+	}
+	rules += " YmenWad151";
+	rules += " Xc151";
+	if (props.isExiting) rules += " _2c151";
+	rules += " _Bb151";
+	if (props.isExiting) rules += " _Ob151";
+	return rules;
+};
+const innerDivStyle = function anonymous(props, overrides) {
+	let rules = " ";
+	let position = false;
+	let width = false;
+	let maxWidth = false;
+	let maxHeight = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "_P") position = true;
+		if (p[1] === "Z") width = true;
+		if (p[1] === "L") maxWidth = true;
+		if (p[1] === "K") maxHeight = true;
+		rules += p[0];
+	}
+	if (props.padding === "none") rules += " Td151";
+	else if (props.padding === "default") rules += " Tt151";
+	if (props.padding === "none") rules += " Qd151";
+	else if (props.padding === "default") rules += " Qt151";
+	if (props.padding === "none") rules += " Sd151";
+	else if (props.padding === "default") rules += " St151";
+	if (props.padding === "none") rules += " Rd151";
+	else if (props.padding === "default") rules += " Rt151";
+	rules += " _oa151";
+	rules += " _Le151";
+	rules += " oi151";
+	rules += " ni151";
+	rules += " ki151";
+	rules += " ji151";
+	rules += " _Na151";
+	rules += " Pa151";
+	if (!position) rules += " _Pc151";
+	if (!width) rules += " Za151";
+	if (!maxWidth) rules += " L40ub4c151";
+	if (!maxHeight) rules += " K40ub4c151";
+	return rules;
+};
+const arrowStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb151";
+	rules += " tEzkoQe151";
+	rules += " Zl151";
+	rules += " Fh151";
+	if (props.placement === "right") rules += " _Sd151";
+	else if (props.placement === "left") rules += " _Sa151";
+	else if (props.placement === "bottom") rules += " _Sc151";
+	else if (props.placement === "top") rules += " _Sb151";
+	else rules += " _Sc151";
+	if (props.placement === "right") {
+		rules += " -_7PloMd-y151";
+		rules += " __Ya151";
+	} else if (props.placement === "left") {
+		rules += " -_7PloMd-e151";
+		rules += " __Ya151";
+	}
+	rules += " _Vb151";
+	rules += " VrHHOgb151";
+	rules += " Vlb151";
+	return rules;
+};
+/**
+* PopoverTrigger wraps around a trigger element and a Popover.
+* It handles opening and closing the Popover when the user interacts
+* with the trigger.
+*
+* @example
+* ```tsx
+* <PopoverTrigger>
+*   <Button>Open Popover</Button>
+*   <Popover>
+*     <p>Popover content here!</p>
+*   </Popover>
+* </PopoverTrigger>
+* ```
+*/ function PopoverTrigger(props) {
+	return <PopoverTrigger$1 {...props} />;
+}
+/**
+* Styled popover component that displays content in an overlay.
+*
+* @example
+* ```tsx
+* <PopoverTrigger>
+*   <Button>Settings</Button>
+*   <Popover placement="bottom" size="M">
+*     <h3>Settings</h3>
+*     <p>Configure your preferences here.</p>
+*   </Popover>
+* </PopoverTrigger>
+* ```
+*/ function Popover(props) {
+	const theme = useTheme();
+	let arrowElement = null;
+	const [local, rest] = splitProps(props, [
+		"placement",
+		"size",
+		"class",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"hideArrow",
+		"padding",
+		"offset",
+		"arrowRef"
+	]);
+	const placement = () => local.placement ?? "bottom";
+	const padding = () => local.padding ?? "default";
+	const offset = () => (local.offset ?? 8) + (local.hideArrow ? 0 : 8);
+	const setArrowElement = (element) => {
+		arrowElement = element;
+	};
+	const arrowRef = () => local.hideArrow ? local.arrowRef?.() ?? null : arrowElement;
+	return <Popover$1 {...rest} placement={placement()} offset={offset()} arrowRef={arrowRef} class={(renderProps) => popoverStyles({
+		...renderProps,
+		colorScheme: theme.colorScheme,
+		isArrowShown: !local.hideArrow,
+		isSubmenu: renderProps.trigger === "SubmenuTrigger",
+		size: local.size,
+		trigger: renderProps.trigger
+	})} style={{ "z-index": void 0 }}>
+      {(renderProps) => <>
+          <Show when={!local.hideArrow}>
+            <PopoverArrow placement={renderProps.placement} setArrowElement={setArrowElement} />
+          </Show>
+          {}
+          <div style={local.UNSAFE_style} class={[
+		local.UNSAFE_className,
+		local.class,
+		innerDivStyle({ padding: padding() }, local.styles)
+	].filter(Boolean).join(" ")}>
+            {props.children}
+          </div>
+        </>}
+    </Popover$1>;
+}
+function PopoverArrow(props) {
+	const placement = () => props.placement ?? "bottom";
+	return <OverlayArrow class="" render={() => <svg ref={props.setArrowElement} viewBox="0 0 18 10" class={arrowStyles({
+		trigger: null,
+		placement: placement(),
+		isEntering: false,
+		isExiting: false
+	})}>
+          <path transform="translate(0 -1)" d="M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1" />
+        </svg>} />;
+}
+const popoverHeaderStyles = " Gx151";
+const popoverTitleStyles = " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-e151 vx151 xe151 _xa151 xX0cczbd151 _xX0cczba151 xfe151 _xfa151 xfX0cczbd151 _xfX0cczba151 _Fd151 _FnuYUweb151 pHKLAu151";
+const popoverDescriptionStyles = " uxe7h4151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pUUi0Fe151 Js151";
+/**
+* Header section for popover with title and optional description.
+*/ function PopoverHeader(props) {
+	return <div class={[popoverHeaderStyles, props.class].filter(Boolean).join(" ")}>
+      <h3 class={popoverTitleStyles}>{props.title}</h3>
+      <Show when={props.description}>
+        <p class={popoverDescriptionStyles}>{props.description}</p>
+      </Show>
+    </div>;
+}
+const popoverFooterStyles = " sd151 Ue151 qe151 _Cb151 JC151 Te151 _kb151 ha151 ma151 la151 _jf151 ifbAdGe151";
+/**
+* Footer section for popover actions.
+*/ function PopoverFooter(props) {
+	return <div class={[popoverFooterStyles, props.class].filter(Boolean).join(" ")}>{props.children}</div>;
+}
+//#endregion
+export { Popover, PopoverFooter, PopoverHeader, PopoverTrigger };
+
+//# sourceMappingURL=index.jsx.map

package/dist/popover/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport {\n  Popover as HeadlessPopover,\n  PopoverTrigger as HeadlessPopoverTrigger,\n  OverlayArrow as HeadlessOverlayArrow,\n  type PopoverProps as HeadlessPopoverProps,\n  type PopoverTriggerProps as HeadlessPopoverTriggerProps,\n  type PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useTheme, type ColorScheme } from \"../provider\";\n\nexport type PopoverPlacement = NonNullable<HeadlessPopoverProps[\"placement\"]>;\nexport type Placement = PopoverPlacement;\nexport type PlacementAxis = NonNullable<PopoverRenderProps[\"placement\"]>;\nexport type PopoverSize = \"S\" | \"M\" | \"L\";\n/** Mirrors upstream S2: padding is applied to the popover's inner content div. */\nexport type PopoverPadding = \"default\" | \"none\";\n\nexport interface PopoverTriggerProps extends HeadlessPopoverTriggerProps {\n  /** The children of the popover trigger (trigger element and popover). */\n  children: JSX.Element;\n}\n\nexport interface PopoverProps extends Omit<HeadlessPopoverProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the popover. */\n  children: JSX.Element;\n  /** DOM id for the popover element. */\n  id?: string;\n  /** Accessible label for the popover. */\n  \"aria-label\"?: string;\n  /** Id of the element that labels the popover. */\n  \"aria-labelledby\"?: string;\n  /** Id of the element that describes the popover. */\n  \"aria-describedby\"?: string;\n  /** The position of the popover relative to the trigger. */\n  placement?: PopoverPlacement;\n  /** Size variant of the popover. */\n  size?: PopoverSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\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  /** Whether to hide the arrow pointing to the trigger. */\n  hideArrow?: boolean;\n  /** Custom padding inside the popover. */\n  padding?: PopoverPadding;\n}\n\nconst popoverStyles = style<\n  PopoverRenderProps & {\n    colorScheme: ColorScheme | null;\n    isArrowShown: boolean;\n    isSubmenu: boolean;\n    size?: PopoverSize;\n  }\n>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      /* Viviana UI v2 (Glasselated): a floating overlay wears the PANEL surface, and\n       * fill and blur have to agree. `layer-1` resolves to `var(--surface-panel)` in\n       * the theme's backgroundColor map (style/spectrum-theme.ts) and pairs with\n       * `--blur-panel` below. This was `layer-2` (= `var(--surface-card)`) carrying\n       * `--blur-card` on the 14px `panel` radius — the card's fill and blur wearing\n       * the panel's corner. Matches the sibling overlay at menu/s2-menu-styles.ts. */\n      default: \"layer-1\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  /* The panel register is open-coded here rather than spread from\n   * `glassSurface(\"panel\")` (s2-internal/style-utils.ts), for two reasons specific to\n   * this surface. (1) The fill has to stay behind the `--s2-container-bg` custom\n   * property: `arrowStyles` below paints the arrow with `fill: \"--s2-container-bg\"`,\n   * and the theme's auto/overlay color helpers compute against it as well\n   * (`autoStaticColor`/`generateOverlayColorScale`, style/tokens.ts) — replacing it\n   * with a direct `backgroundColor` would leave the arrow unfilled. (2) This surface\n   * paints its edge with `outline` (below) where the helper paints a `border`, so\n   * spreading it would draw a second 1px edge and shift the box metrics the arrow is\n   * positioned against. Blur is the load-bearing half: translucent fill plus blur is\n   * what reads as glass, and blur cannot ride on a background-color. */\n  backdropFilter: \"var(--blur-panel)\",\n  borderRadius: \"panel\",\n  /* The register's elevation cue is the inset rim, not a cast shadow. A popover is a\n   * translucent container over the page, so it takes the SURFACE rim — `elevated` and\n   * `emphasized` resolve to the same value (style/spectrum-theme.ts); the brighter\n   * `edge-glass` is for opaque controls, whose own fill contains the white.\n   * Unconditional, including when the arrow is shown: the previous\n   * `isArrowShown` branch dropped the rim to `none` and reached for the `filter` map\n   * instead, on the theory that a box-shadow cannot follow the arrow's silhouette.\n   * It does not need to. The rim is an INSET shadow, so it is clipped to the\n   * padding box and cannot spill onto the arrow at all; and the `filter` map is the\n   * one shadow map still resolving to a Spectrum cast drop-shadow, which is the\n   * elevation vocabulary this register does not use. The arrow carries its own edge\n   * via `stroke` in `arrowStyles` below. */\n  boxShadow: \"edge-glass-surface\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    /* Was `lightDark(\"transparent-white-25\", \"gray-200\")`. `transparent-white-25` is\n     * the 25th stop of Spectrum's transparent-white ramp — alpha 0, not 25% white —\n     * so that pair drew a solid gray edge in dark and NO edge at all in light. A\n     * scheme-asymmetric edge is wrong under any reading of the register; the glass\n     * edge is `--border-subtle` in both schemes. */\n    default: \"border-subtle\",\n    forcedColors: \"ButtonBorder\",\n  },\n  width: {\n    size: {\n      S: 336,\n      M: 416,\n      L: 576,\n    },\n  },\n  maxWidth: \"calc(100vw - 24px)\",\n  boxSizing: \"border-box\",\n  display: \"flex\",\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n    isSubmenu: 0,\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n    isSubmenu: 0,\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  isolation: \"isolate\",\n  pointerEvents: {\n    isExiting: \"none\",\n  },\n});\n\n// Byte-copied from upstream S2 `Popover.tsx` `innerDivStyle`. In upstream the\n// exported `Popover` paints TWO nested divs: the `AriaPopover` surface (the\n// `popover()`/`popoverStyles` box — bg, outline, radius, shadow, size width)\n// and an inner content div carrying the padding + scroll. `padding` defaults to\n// `'default'` (8px), `'none'` is 0 — the whole `none|sm|md|lg` scale (and its\n// `md`=16 default merged onto the surface) was a self-inflicted divergence.\nconst innerDivStyle = style<{ padding: PopoverPadding }>(\n  {\n    padding: {\n      padding: {\n        default: 8,\n        none: 0,\n      },\n    },\n    boxSizing: \"border-box\",\n    outlineStyle: \"none\",\n    borderRadius: \"inherit\",\n    overflow: \"auto\",\n    position: \"relative\",\n    width: \"full\",\n    maxSize: \"inherit\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst arrowStyles = style<PopoverRenderProps>({\n  display: \"block\",\n  fill: \"--s2-container-bg\",\n  width: 18,\n  height: 9,\n  rotate: {\n    default: 180,\n    placement: {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n  strokeWidth: 1,\n  /* The arrow continues the surface's silhouette, so it wears the surface's edge:\n   * 1px `--border-subtle`, the same value `popoverStyles` puts on its `outline`.\n   * Was the same alpha-0-in-light `lightDark` pair as the outline — see the note\n   * there. This stroke is now the only thing drawing the arrow's edge, the\n   * `filter` drop-shadow having been removed from `popoverStyles`. */\n  stroke: {\n    default: \"border-subtle\",\n    forcedColors: \"ButtonBorder\",\n  },\n});\n\n/**\n * PopoverTrigger wraps around a trigger element and a Popover.\n * It handles opening and closing the Popover when the user interacts\n * with the trigger.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Open Popover</Button>\n *   <Popover>\n *     <p>Popover content here!</p>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n */\nexport function PopoverTrigger(props: PopoverTriggerProps): JSX.Element {\n  return <HeadlessPopoverTrigger {...props} />;\n}\n\n/**\n * Styled popover component that displays content in an overlay.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Settings</Button>\n *   <Popover placement=\"bottom\" size=\"M\">\n *     <h3>Settings</h3>\n *     <p>Configure your preferences here.</p>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  const theme = useTheme();\n  let arrowElement: SVGSVGElement | null = null;\n  const [local, rest] = splitProps(props, [\n    \"placement\",\n    \"size\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"hideArrow\",\n    \"padding\",\n    \"offset\",\n    \"arrowRef\",\n  ]);\n\n  const placement = () => local.placement ?? \"bottom\";\n  const padding = () => local.padding ?? \"default\";\n  const offset = () => (local.offset ?? 8) + (local.hideArrow ? 0 : 8);\n  const setArrowElement = (element: SVGSVGElement | null) => {\n    arrowElement = element;\n  };\n  const arrowRef = () => (local.hideArrow ? (local.arrowRef?.() ?? null) : arrowElement);\n\n  return (\n    <HeadlessPopover\n      {...rest}\n      placement={placement()}\n      offset={offset()}\n      arrowRef={arrowRef}\n      // Mirror upstream `PopoverBase`: the surface class is PURELY `popoverStyles`\n      // (bg/outline/radius/shadow/size). `UNSAFE_className`/`class`/`styles` are\n      // NOT merged here — upstream routes them to the inner content div below.\n      class={(renderProps: PopoverRenderProps) =>\n        popoverStyles({\n          ...renderProps,\n          colorScheme: theme.colorScheme,\n          isArrowShown: !local.hideArrow,\n          isSubmenu: renderProps.trigger === \"SubmenuTrigger\",\n          size: local.size,\n          trigger: renderProps.trigger,\n        })\n      }\n      // Upstream sets `style={{...UNSAFE_style, zIndex: undefined}}` on the\n      // surface to strip the positioning z-index (our createOverlayPosition\n      // injects z-index:100000) and rely on `isolation: isolate` instead;\n      // `UNSAFE_style` itself moves to the inner div.\n      style={{ \"z-index\": undefined }}\n    >\n      {(renderProps: PopoverRenderProps) => (\n        <>\n          <Show when={!local.hideArrow}>\n            <PopoverArrow placement={renderProps.placement} setArrowElement={setArrowElement} />\n          </Show>\n          {/* Upstream's exported `Popover` inner content div: padding + scroll,\n              and the sink for UNSAFE/class/styles escape hatches. */}\n          <div\n            style={local.UNSAFE_style}\n            class={[\n              local.UNSAFE_className,\n              local.class,\n              innerDivStyle({ padding: padding() }, local.styles),\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n          >\n            {props.children}\n          </div>\n        </>\n      )}\n    </HeadlessPopover>\n  );\n}\n\n/**\n * Arrow component for the popover.\n * Automatically positions itself based on the popover placement.\n */\ninterface PopoverArrowProps {\n  /** The current placement axis. */\n  placement: PlacementAxis | null;\n  /** Sets the arrow element for positioning measurements. */\n  setArrowElement: (element: SVGSVGElement | null) => void;\n}\n\nfunction PopoverArrow(props: PopoverArrowProps): JSX.Element {\n  const placement = () => props.placement ?? \"bottom\";\n\n  // Mirror upstream `<OverlayArrow className=\"\"><svg viewBox=\"0 0 18 10\"\n  // className={arrow(renderProps)}>`. The headless `OverlayArrow` self-positions\n  // (position:absolute + `[placement]:100%` + arrowProps cross-offset), so no\n  // positioning class is passed here — upstream passes an empty string.\n  return (\n    <HeadlessOverlayArrow\n      class=\"\"\n      render={() => (\n        <svg\n          ref={props.setArrowElement}\n          viewBox=\"0 0 18 10\"\n          class={arrowStyles({\n            trigger: null,\n            placement: placement(),\n            isEntering: false,\n            isExiting: false,\n          })}\n        >\n          <path\n            transform=\"translate(0 -1)\"\n            d=\"M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1\"\n          />\n        </svg>\n      )}\n    />\n  );\n}\n\nexport interface PopoverHeaderProps {\n  /** The title of the popover. */\n  title: string;\n  /** Optional description text. */\n  description?: string;\n  /** Additional CSS class. */\n  class?: string;\n}\n\nconst popoverHeaderStyles = style({ marginBottom: 12 });\nconst popoverTitleStyles = style({ font: \"heading-xs\", color: \"neutral\" });\nconst popoverDescriptionStyles = style({ font: \"ui-sm\", color: \"neutral-subdued\", marginTop: 4 });\n\n/**\n * Header section for popover with title and optional description.\n */\nexport function PopoverHeader(props: PopoverHeaderProps): JSX.Element {\n  return (\n    <div class={[popoverHeaderStyles, props.class].filter(Boolean).join(\" \")}>\n      <h3 class={popoverTitleStyles}>{props.title}</h3>\n      <Show when={props.description}>\n        <p class={popoverDescriptionStyles}>{props.description}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport interface PopoverFooterProps {\n  /** Footer content, typically buttons. */\n  children: JSX.Element;\n  /** Additional CSS class. */\n  class?: string;\n}\n\nconst popoverFooterStyles = style({\n  display: \"flex\",\n  gap: 8,\n  justifyContent: \"end\",\n  marginTop: 16,\n  paddingTop: 12,\n  borderWidth: 0,\n  borderTopWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * Footer section for popover actions.\n */\nexport function PopoverFooter(props: PopoverFooterProps): JSX.Element {\n  return (\n    <div class={[popoverFooterStyles, props.class].filter(Boolean).join(\" \")}>{props.children}</div>\n  );\n}\n\nexport type { PopoverRenderProps };\n"],"mappings":"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"}

package/dist/pressScale.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, JSX } from "solid-js";
+type ElementRef = HTMLElement | undefined | null | Accessor<HTMLElement | undefined | null> | {
+    current?: HTMLElement | undefined | null;
+};
+export declare function pressScale<R extends {
+    isPressed: boolean;
+}>(ref: ElementRef, style?: JSX.CSSProperties | ((renderProps: R) => JSX.CSSProperties)): (renderProps: R) => JSX.CSSProperties;
+export {};
+//# sourceMappingURL=pressScale.d.ts.map

package/dist/pressScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressScale.d.ts","sourceRoot":"","sources":["../src/pressScale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,UAAU,GACX,WAAW,GACX,SAAS,GACT,IAAI,GACJ,QAAQ,CAAC,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC,GACxC;IAAE,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAA;CAAE,CAAC;AAqBjD,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,EACzD,GAAG,EAAE,UAAU,EACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,aAAa,CAAC,GAClE,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,aAAa,CAkBvC"}

package/dist/pressScale.js

@@ -0,0 +1,27 @@
+//#region src/pressScale.ts
+function resolveElement(ref) {
+	if (typeof ref === "function") return ref();
+	if (ref && typeof ref === "object" && "current" in ref) return ref.current;
+	return ref;
+}
+function resolveStyle(style, renderProps) {
+	return typeof style === "function" ? style(renderProps) : style ?? {};
+}
+function pressScale(ref, style) {
+	return (renderProps) => {
+		const next = { ...resolveStyle(style, renderProps) };
+		const styleRecord = next;
+		styleRecord["will-change"] = `${styleRecord["will-change"] ?? ""} transform`.trim();
+		const element = resolveElement(ref);
+		if (renderProps.isPressed && element) {
+			const { width, height } = element.getBoundingClientRect();
+			const perspective = Math.max(height, width / 3, 24);
+			styleRecord.transform = `${styleRecord.transform ?? ""} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();
+		}
+		return next;
+	};
+}
+//#endregion
+export { pressScale };
+
+//# sourceMappingURL=pressScale.js.map

package/dist/pressScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressScale.js","names":[],"sources":["../src/pressScale.ts"],"sourcesContent":["import type { Accessor, JSX } from \"solid-js\";\n\ntype ElementRef =\n  | HTMLElement\n  | undefined\n  | null\n  | Accessor<HTMLElement | undefined | null>\n  | { current?: HTMLElement | undefined | null };\n\nfunction resolveElement(ref: ElementRef): HTMLElement | undefined | null {\n  if (typeof ref === \"function\") {\n    return ref();\n  }\n\n  if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    return ref.current;\n  }\n\n  return ref as HTMLElement | undefined | null;\n}\n\nfunction resolveStyle<R>(\n  style: JSX.CSSProperties | ((renderProps: R) => JSX.CSSProperties) | undefined,\n  renderProps: R,\n): JSX.CSSProperties {\n  return typeof style === \"function\" ? style(renderProps) : (style ?? {});\n}\n\nexport function pressScale<R extends { isPressed: boolean }>(\n  ref: ElementRef,\n  style?: JSX.CSSProperties | ((renderProps: R) => JSX.CSSProperties),\n): (renderProps: R) => JSX.CSSProperties {\n  return (renderProps) => {\n    const next = { ...resolveStyle(style, renderProps) } as JSX.CSSProperties;\n    const styleRecord = next as Record<string, string | number | undefined>;\n    const willChange = styleRecord[\"will-change\"] ?? \"\";\n    styleRecord[\"will-change\"] = `${willChange} transform`.trim();\n\n    const element = resolveElement(ref);\n    if (renderProps.isPressed && element) {\n      const { width, height } = element.getBoundingClientRect();\n      const perspective = Math.max(height, width / 3, 24);\n      const transform = styleRecord.transform ?? \"\";\n      styleRecord.transform =\n        `${transform} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();\n    }\n\n    return next;\n  };\n}\n"],"mappings":";AASA,SAAS,eAAe,KAAiD;CACvE,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI;CAGb,IAAI,OAAO,OAAO,QAAQ,YAAY,aAAa,KACjD,OAAO,IAAI;CAGb,OAAO;AACT;AAEA,SAAS,aACP,OACA,aACmB;CACnB,OAAO,OAAO,UAAU,aAAa,MAAM,WAAW,IAAK,SAAS,CAAC;AACvE;AAEA,SAAgB,WACd,KACA,OACuC;CACvC,QAAQ,gBAAgB;EACtB,MAAM,OAAO,EAAE,GAAG,aAAa,OAAO,WAAW,EAAE;EACnD,MAAM,cAAc;EAEpB,YAAY,iBAAiB,GADV,YAAY,kBAAkB,GACN,YAAY,KAAK;EAE5D,MAAM,UAAU,eAAe,GAAG;EAClC,IAAI,YAAY,aAAa,SAAS;GACpC,MAAM,EAAE,OAAO,WAAW,QAAQ,sBAAsB;GACxD,MAAM,cAAc,KAAK,IAAI,QAAQ,QAAQ,GAAG,EAAE;GAElD,YAAY,YACV,GAFgB,YAAY,aAAa,GAE5B,eAAe,YAAY,6BAA6B,KAAK;EAC9E;EAEA,OAAO;CACT;AACF"}

package/dist/pressScale.jsx

@@ -0,0 +1,27 @@
+//#region src/pressScale.ts
+function resolveElement(ref) {
+	if (typeof ref === "function") return ref();
+	if (ref && typeof ref === "object" && "current" in ref) return ref.current;
+	return ref;
+}
+function resolveStyle(style, renderProps) {
+	return typeof style === "function" ? style(renderProps) : style ?? {};
+}
+function pressScale(ref, style) {
+	return (renderProps) => {
+		const next = { ...resolveStyle(style, renderProps) };
+		const styleRecord = next;
+		styleRecord["will-change"] = `${styleRecord["will-change"] ?? ""} transform`.trim();
+		const element = resolveElement(ref);
+		if (renderProps.isPressed && element) {
+			const { width, height } = element.getBoundingClientRect();
+			const perspective = Math.max(height, width / 3, 24);
+			styleRecord.transform = `${styleRecord.transform ?? ""} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();
+		}
+		return next;
+	};
+}
+//#endregion
+export { pressScale };
+
+//# sourceMappingURL=pressScale.jsx.map

package/dist/pressScale.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressScale.jsx","names":[],"sources":["../src/pressScale.ts"],"sourcesContent":["import type { Accessor, JSX } from \"solid-js\";\n\ntype ElementRef =\n  | HTMLElement\n  | undefined\n  | null\n  | Accessor<HTMLElement | undefined | null>\n  | { current?: HTMLElement | undefined | null };\n\nfunction resolveElement(ref: ElementRef): HTMLElement | undefined | null {\n  if (typeof ref === \"function\") {\n    return ref();\n  }\n\n  if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    return ref.current;\n  }\n\n  return ref as HTMLElement | undefined | null;\n}\n\nfunction resolveStyle<R>(\n  style: JSX.CSSProperties | ((renderProps: R) => JSX.CSSProperties) | undefined,\n  renderProps: R,\n): JSX.CSSProperties {\n  return typeof style === \"function\" ? style(renderProps) : (style ?? {});\n}\n\nexport function pressScale<R extends { isPressed: boolean }>(\n  ref: ElementRef,\n  style?: JSX.CSSProperties | ((renderProps: R) => JSX.CSSProperties),\n): (renderProps: R) => JSX.CSSProperties {\n  return (renderProps) => {\n    const next = { ...resolveStyle(style, renderProps) } as JSX.CSSProperties;\n    const styleRecord = next as Record<string, string | number | undefined>;\n    const willChange = styleRecord[\"will-change\"] ?? \"\";\n    styleRecord[\"will-change\"] = `${willChange} transform`.trim();\n\n    const element = resolveElement(ref);\n    if (renderProps.isPressed && element) {\n      const { width, height } = element.getBoundingClientRect();\n      const perspective = Math.max(height, width / 3, 24);\n      const transform = styleRecord.transform ?? \"\";\n      styleRecord.transform =\n        `${transform} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();\n    }\n\n    return next;\n  };\n}\n"],"mappings":";AASA,SAAS,eAAe,KAAiD;CACvE,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI;CAGb,IAAI,OAAO,OAAO,QAAQ,YAAY,aAAa,KACjD,OAAO,IAAI;CAGb,OAAO;AACT;AAEA,SAAS,aACP,OACA,aACmB;CACnB,OAAO,OAAO,UAAU,aAAa,MAAM,WAAW,IAAK,SAAS,CAAC;AACvE;AAEA,SAAgB,WACd,KACA,OACuC;CACvC,QAAQ,gBAAgB;EACtB,MAAM,OAAO,EAAE,GAAG,aAAa,OAAO,WAAW,EAAE;EACnD,MAAM,cAAc;EAEpB,YAAY,iBAAiB,GADV,YAAY,kBAAkB,GACN,YAAY,KAAK;EAE5D,MAAM,UAAU,eAAe,GAAG;EAClC,IAAI,YAAY,aAAa,SAAS;GACpC,MAAM,EAAE,OAAO,WAAW,QAAQ,sBAAsB;GACxD,MAAM,cAAc,KAAK,IAAI,QAAQ,QAAQ,GAAG,EAAE;GAElD,YAAY,YACV,GAFgB,YAAY,aAAa,GAE5B,eAAe,YAAY,6BAA6B,KAAK;EAC9E;EAEA,OAAO;CACT;AACF"}

package/dist/progress/ProgressCircle.d.ts

@@ -0,0 +1,43 @@
+import { type JSX } from "solid-js";
+import type { StyleString } from "../style";
+import type { UnsafeClassName } from "../s2-internal/style-utils";
+import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
+export type ProgressCircleSize = "S" | "M" | "L";
+export type ProgressCircleStaticColor = "white" | "black" | "auto";
+export interface ProgressCircleProps {
+    /** The current value. @default 0 */
+    value?: number;
+    /** The smallest value allowed. @default 0 */
+    minValue?: number;
+    /** The largest value allowed. @default 100 */
+    maxValue?: number;
+    /** Whether presentation is indeterminate. */
+    isIndeterminate?: boolean;
+    /** The size of the progress circle. @default 'M' */
+    size?: ProgressCircleSize;
+    /** The static color style to apply over a color background. */
+    staticColor?: ProgressCircleStaticColor;
+    /**
+     * Content centered inside the ring — the register composes a headline count
+     * over the pixel ring (TerminalGlassLab.tsx:640-662: "3/5" over "FOCUS").
+     * Purely visual; the accessible value stays on the progressbar attributes.
+     */
+    children?: JSX.Element;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString | (() => StyleString | undefined);
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    id?: string;
+    slot?: string | null;
+    ref?: RefLike<HTMLDivElement>;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    "aria-details"?: string;
+    [key: `data-${string}`]: string | undefined;
+}
+export declare const ProgressCircleContext: import("solid-js").Context<SpectrumContextValue<ProgressCircleProps>>;
+export declare function ProgressCircle(props: ProgressCircleProps): JSX.Element;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dist/progress/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/progress/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAKlE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACjD,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,qBAAqB,uEAAiE,CAAC;AAyLpG,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAmItE"}