@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/_chunk/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/switch/ToggleSwitch.tsx","../../src/switch/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport { type JSX, splitProps, mergeProps, Show, useContext } from \"solid-js\";\nimport {\n  getSlottedContextProps,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n} from \"../button/spectrum-context\";\nimport { SwitchContext } from \".\";\nimport { type AriaSwitchProps, type Direction, useLocale } from \"@proyecto-viviana/solidaria\";\nimport {\n  SwitchField as HeadlessSwitchField,\n  SwitchButton as HeadlessSwitchButton,\n  type SwitchFieldRenderProps,\n  type SwitchButtonRenderProps,\n  type ToggleSwitchRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { Text } from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\n\nexport type SwitchSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2SwitchSize = \"S\" | \"M\" | \"L\" | \"XL\";\n\nexport interface ToggleSwitchProps extends Omit<AriaSwitchProps, \"children\"> {\n  /**\n   * A slot name, used to inject props from a parent slotted context (mirrors\n   * upstream's `SlotProps`; our headless `ToggleSwitchProps` already extends it).\n   */\n  slot?: string | null;\n  /** The size of the Switch. */\n  size?: SwitchSize;\n  /** Whether the Switch should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\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  /** Additional CSS class name. */\n  class?: string;\n  /** A description for the Switch. */\n  description?: JSX.Element;\n  /** An error message for the Switch (rendered when invalid). */\n  errorMessage?: JSX.Element;\n  /** Label text for the Switch. */\n  children?: JSX.Element;\n}\n\ninterface SwitchStyleProps {\n  size?: S2SwitchSize;\n  isEmphasized?: boolean;\n}\n\ntype SwitchStyleState = ToggleSwitchRenderProps & SwitchStyleProps;\n\n// The field grid — byte-faithful to upstream S2 `Switch.tsx` local `field`.\n// Unlike the Checkbox field, upstream Switch passes `isInForm` to the field, so\n// the `gridColumnStart:{isInForm:'field'}` branch is live here (dormant for the\n// demo, which is never in a Form).\nconst switchFieldStyle = style<\n  SwitchStyleState & { isInForm?: boolean; isNoVisibleLabel?: boolean }\n>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      default: [\"max-content\", \"1fr\"],\n      isNoVisibleLabel: [\"max-content\"],\n    },\n    columnGap: \"text-to-control\",\n    width: \"fit\",\n    font: controlFont(),\n    \"--field-height\": {\n      type: \"height\",\n      value: controlSize(),\n    },\n    rowGap: \"calc(var(--field-height) - 1lh)\",\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\n// The subgrid wrapper (SwitchButton `<label>`) — byte-faithful to upstream\n// `wrapper`. Plain style() (no getAllowedOverrides). Note: unlike the Checkbox\n// wrapper, the Switch wrapper has no `position:relative` and no isInForm branch;\n// upstream still calls it with `{...renderProps, isInForm, size}` (both ignored).\nconst wrapper = style<SwitchStyleState & { isInForm?: boolean }>({\n  display: \"grid\",\n  gridTemplateColumns: \"subgrid\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  alignItems: \"baseline\",\n  transition: \"colors\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  disableTapHighlight: true,\n});\n\n// The track — structurally upstream's `track`, with one deliberate Glasselated\n// divergence in the `backgroundColor.isSelected` VALUES (see the note there).\n// The prior port carried a separate, self-inflicted divergence in that same\n// block: a custom `disabledSelectedTrackBackground` light-dark value AND an\n// `isDisabled`-first condition order (which, under last-match-wins, let disabled\n// beat emphasized). Upstream's exact\n// `{default, isEmphasized, forcedColors, isDisabled}` key order and `gray-400`\n// disabled-selected value are kept — the order is load-bearing, so `isDisabled`\n// must stay last to win over the selected fills.\nconst track = style<SwitchStyleState>({\n  ...focusRing(),\n  borderRadius: \"full\",\n  \"--trackWidth\": {\n    type: \"width\",\n    value: fontRelative(26),\n  },\n  \"--trackHeight\": {\n    type: \"height\",\n    value: controlSize(\"sm\"),\n  },\n  width: \"--trackWidth\",\n  height: \"--trackHeight\",\n  boxSizing: \"border-box\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n  backgroundColor: {\n    default: \"gray-25\",\n    isSelected: {\n      // Accent-on-selection is the register's selection idiom, not an emphasis\n      // variant, so the accent fill moves to `default` — previously a\n      // non-emphasized selected switch filled with the text ramp and rendered no\n      // accent at all. `isEmphasized` is preserved as a real, visible step rather\n      // than deleted: it goes one stop deeper in the same accent channel\n      // (accent-1000), matching checkbox/index.tsx:407-408, so the public prop\n      // keeps changing what it renders. Both stops are held flat rather than\n      // moved to the lightDark(\"accent-900\",\"accent-700\") idiom used by\n      // Button/Tag, because the handle riding this track is `gray-25` (below),\n      // which flips to near-black in dark (style/glasselated-ramps.ts) — near-black\n      // on dark accent-700 would not clear AA.\n      default: baseColor(\"accent-900\"),\n      isEmphasized: baseColor(\"accent-1000\"),\n      forcedColors: \"Highlight\",\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n});\n\nconst handle = style<SwitchStyleState>({\n  height: \"full\",\n  aspectRatio: \"square\",\n  borderRadius: \"full\",\n  backgroundColor: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"gray-25\",\n  },\n  transition: \"default\",\n});\n\n// Individual help text. Byte-faithful to upstream Field.tsx `helpTextStyles`,\n// folding in the Switch's inline override (`gridColumnStart:1, paddingTop:0`).\n// Rendered through the field's `Text` description/errorMessage slot contract.\n// NOTE: the switch demo never sets description/errorMessage and is never invalid,\n// so upstream's `HelpText` is `null` in every cert case — this path is faithful\n// but dormant here (matches the Checkbox rebuild).\nconst switchHelpText = style<SwitchStyleState & { isInvalid?: boolean; isDisabled?: boolean }>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n  gridColumnStart: 1,\n  paddingTop: 0,\n});\n\nfunction normalizeSwitchSize(size: SwitchSize | undefined): S2SwitchSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\n// Mirrors upstream's inline `transformStyle`. In the default state the handle is\n// 8px smaller than the track; when selected it grows to 6px smaller. CSS cannot\n// divide by a unit, so the scale is emulated with a 3d perspective transform\n// (scale = perspective / (perspective - translateZ), translateZ hard-coded -4px).\nfunction switchHandleTransform(isSelected: boolean, direction: Direction): JSX.CSSProperties {\n  const placement =\n    direction === \"ltr\"\n      ? \"translateX(calc(var(--trackWidth) - 100% - 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)\"\n      : \"translateX(calc(100% - var(--trackWidth) + 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)\";\n\n  return {\n    transform: isSelected\n      ? placement\n      : \"perspective(calc(var(--trackHeight) - 8px)) translateZ(-4px)\",\n  };\n}\n\n// Faithful reimplementation of upstream `pressScale(handleRef, transformStyle)`:\n// combines the base transform with a press-time perspective scale.\nfunction switchHandlePressStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: ToggleSwitchRenderProps,\n  direction: Direction,\n): JSX.CSSProperties {\n  const pressStyle = {\n    ...switchHandleTransform(renderProps.isSelected, direction),\n  } as JSX.CSSProperties;\n  const styleRecord = pressStyle as Record<string, string | number | undefined>;\n  const willChange = styleRecord[\"will-change\"] ?? \"\";\n  styleRecord[\"will-change\"] = `${willChange} transform`.trim();\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    const perspective = Math.max(height, width / 3, 24);\n    pressStyle.transform =\n      `${pressStyle.transform ?? \"\"} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();\n  }\n\n  return pressStyle;\n}\n\n/**\n * A switch allows users to turn an individual option on or off.\n * It is usually used to activate or deactivate a specific setting.\n *\n * Named \"ToggleSwitch\" to avoid conflict with SolidJS's built-in Switch component.\n *\n * Composes the RAC-1.19 form-field split faithfully to upstream S2 `Switch`:\n * a `SwitchField` grid wrapper (owns state/validation/help text) containing a\n * `SwitchButton` subgrid control (label + track/handle indicator) + `HelpText`.\n */\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(SwitchContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"description\",\n    \"errorMessage\",\n    \"slot\",\n  ]);\n\n  const locale = useLocale();\n  const size = () => normalizeSwitchSize(local.size);\n  const isEmphasized = () => local.isEmphasized;\n  const direction = () => locale().direction;\n  // Reading `local.children` never invokes a component thunk (a function is\n  // truthy as-is), so this is safe alongside the `{local.children}` render.\n  const hasLabel = () => !!local.children;\n  let handleElement: HTMLDivElement | undefined;\n\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  // The field grid className. Mirrors upstream `field({...renderProps, isInForm,\n  // size, isNoVisibleLabel}, styles)`.\n  const getFieldClassName = (renderProps: SwitchFieldRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      switchFieldStyle(\n        {\n          ...renderProps,\n          isInForm,\n          size: size(),\n          isNoVisibleLabel: !hasLabel(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderHelpText = (fieldRenderProps: SwitchFieldRenderProps): JSX.Element => (\n    <>\n      <Show when={local.description && !fieldRenderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          styles={switchHelpText({ size: size(), isDisabled: fieldRenderProps.isDisabled })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      <Show when={fieldRenderProps.isInvalid && local.errorMessage}>\n        <Text\n          slot=\"errorMessage\"\n          styles={switchHelpText({\n            size: size(),\n            isInvalid: true,\n            isDisabled: fieldRenderProps.isDisabled,\n          })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <HeadlessSwitchField\n      {...headlessProps}\n      slot={local.slot ?? undefined}\n      class={getFieldClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(fieldRenderProps: SwitchFieldRenderProps) => (\n        <>\n          <HeadlessSwitchButton\n            class={(renderProps: SwitchButtonRenderProps) =>\n              wrapper({ ...renderProps, isInForm, size: size() })\n            }\n          >\n            {(renderProps: SwitchButtonRenderProps) => (\n              <>\n                <CenterBaseline>\n                  <div\n                    class={track({ ...renderProps, size: size(), isEmphasized: isEmphasized() })}\n                  >\n                    <div\n                      ref={handleElement}\n                      class={handle({ ...renderProps, size: size(), isEmphasized: isEmphasized() })}\n                      style={switchHandlePressStyle(handleElement, renderProps, direction())}\n                    />\n                  </div>\n                </CenterBaseline>\n                {local.children}\n              </>\n            )}\n          </HeadlessSwitchButton>\n          {renderHelpText(fieldRenderProps)}\n        </>\n      )}\n    </HeadlessSwitchField>\n  );\n}\n","import { type JSX, createContext, createMemo } from \"solid-js\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  ToggleButtonGroup as HeadlessToggleButtonGroup,\n  ToggleButton as HeadlessToggleButton,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { type ToggleSwitchProps } from \"./ToggleSwitch\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport {\n  ToggleSwitch,\n  ToggleSwitch as Switch,\n  type ToggleSwitchProps,\n  type ToggleSwitchProps as SwitchProps,\n  type SwitchSize,\n} from \"./ToggleSwitch\";\n\nexport const SwitchContext = createContext<SpectrumContextValue<ToggleSwitchProps>>(null);\n\ninterface SwitchOption {\n  label: string;\n  value: string;\n}\n\nexport interface TabSwitchProps {\n  options: SwitchOption[];\n  value?: string;\n  onChange?: (value: string) => void;\n  class?: string;\n}\n\n// Static styling flows through the build-time S2 style() macro so the atomic CSS\n// ships in the package bundle. Only the sliding indicator's transform/width and\n// the button grid's column template are runtime-computed, so those stay inline.\n// TabSwitch has no S2 upstream. Its register twin is the island's segmented pill\n// (`.glx-pop-kind`, glasselated.css:2503-2528): an inset glass track with a subtle\n// border, and a RAISED pill under the active label — surface + primary ink + the\n// edge-glass rim. Not an accent fill: the island never paints white text over\n// `--accent-primary`, and in light that pairing lands well under 4.5:1 (the ramp\n// pins blue-900 to the brand #2e90fa in both columns, see glasselated-ramps.ts).\n\nconst trackStyles = style({\n  position: \"relative\",\n  backgroundColor: \"pasteboard\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  borderColor: \"border-subtle\",\n  boxSizing: \"border-box\",\n  borderRadius: \"full\",\n  width: \"[250px]\",\n});\n\nconst indicatorStyles = style({\n  position: \"absolute\",\n  top: 0,\n  height: 32,\n  zIndex: 0,\n  backgroundColor: \"raised\",\n  boxShadow: \"edge-glass\",\n  borderRadius: \"full\",\n  transition: \"default\",\n});\n\nconst groupStyles = style({\n  position: \"relative\",\n  zIndex: 10,\n  display: \"grid\",\n  height: 32,\n});\n\nconst buttonStyles = style<{ isSelected?: boolean }>({\n  position: \"relative\",\n  zIndex: 10,\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  /* Native <button> chrome must be reset here: the UA's opaque ButtonFace fill and\n     2px outset border otherwise paint OVER the z-0 indicator, hiding the sliding\n     pill entirely — the label appears to sit on a bare grey lozenge instead. */\n  backgroundColor: \"transparent\",\n  borderStyle: \"none\",\n  padding: 0,\n  cursor: \"pointer\",\n  borderRadius: \"full\",\n  transition: \"default\",\n  font: \"ui-lg\",\n  fontWeight: { default: \"medium\", isSelected: \"extra-bold\" },\n  /* Island ink pair: resting labels are `--text-secondary`, the active one steps up\n     to `--text-primary` on the raised pill (glasselated.css:2512-2528). The old\n     `white` ink only read on the accent fill this pill no longer has. */\n  color: { default: \"neutral-subdued\", isSelected: \"neutral\" },\n});\n\n/**\n * A tab-style switch that allows users to select between two options.\n * Behavior is delegated to headless ToggleButtonGroup/ToggleButton primitives.\n */\nexport function TabSwitch(props: TabSwitchProps): JSX.Element {\n  const options = createMemo(() => props.options.slice(0, 2));\n  const selectedValue = createMemo(() => {\n    const match = options().find((option) => option.value === props.value);\n    return match?.value ?? options()[0]?.value;\n  });\n  const selectedIndex = createMemo(() => {\n    const index = options().findIndex((option) => option.value === selectedValue());\n    return index >= 0 ? index : 0;\n  });\n  const selectedKeys = createMemo<Set<Key>>(() => {\n    const value = selectedValue();\n    return value ? new Set<Key>([value]) : new Set<Key>();\n  });\n\n  const optionCount = createMemo(() => Math.max(options().length, 1));\n  const indicatorStyle = createMemo(() => ({\n    left: \"0\",\n    width: `calc(100% / ${optionCount()})`,\n    transform: `translateX(${selectedIndex() * 100}%)`,\n  }));\n  const layoutStyle = createMemo(() => ({\n    \"grid-template-columns\": `repeat(${optionCount()}, minmax(0, 1fr))`,\n  }));\n\n  return (\n    <div class={[trackStyles, props.class].filter(Boolean).join(\" \")}>\n      <div class={indicatorStyles} style={indicatorStyle()} />\n      <HeadlessToggleButtonGroup\n        selectionMode=\"single\"\n        selectedKeys={selectedKeys()}\n        class={groupStyles}\n        style={layoutStyle()}\n        aria-label=\"View mode\"\n      >\n        {options().map((option) => (\n          <HeadlessToggleButton\n            toggleKey={option.value}\n            onClick={() => props.onChange?.(option.value)}\n            class={() => buttonStyles({ isSelected: selectedValue() === option.value })}\n          >\n            <span>{option.label}</span>\n          </HeadlessToggleButton>\n        ))}\n      </HeadlessToggleButtonGroup>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/_chunk/switch.jsx

@@ -0,0 +1,472 @@
+import { useProviderProps } from "../provider/index.jsx";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps } from "./spectrum-context.jsx";
+import { CenterBaseline } from "../icon/center-baseline.jsx";
+import { s as Text } from "./text.jsx";
+import { a as useIsInForm, i as useFormProps } from "./form.jsx";
+import { t as AlertTriangleIcon } from "./AlertTriangleIcon.jsx";
+import { Show, createContext, createMemo, mergeProps, splitProps, useContext } from "solid-js";
+import { useLocale } from "@proyecto-viviana/solidaria";
+import { SwitchButton, SwitchField, ToggleButton, ToggleButtonGroup } from "@proyecto-viviana/solidaria-components";
+//#region src/switch/ToggleSwitch.tsx
+const switchFieldStyle = function anonymous(props, overrides) {
+	let rules = " ";
+	let width = false;
+	let gridColumnStart = 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)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "Z") width = true;
+		if (p[1] === "z") gridColumnStart = true;
+		rules += p[0];
+	}
+	rules += " se151";
+	if (props.isNoVisibleLabel) rules += " DtyCQZ151";
+	else rules += " DE5iebb151";
+	rules += " qf151";
+	if (!width) rules += " ZJ151";
+	if (props.size === "XL") rules += " uxe7h4151";
+	else if (props.size === "L") rules += " uxe7h4151";
+	else if (props.size === "S") rules += " uxe7h4151";
+	else if (props.size === "XS") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-e151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	}
+	if (props.size === "XL") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "L") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "S") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "XS") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "XS") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.size === "XL") rules += " pHKLAu151";
+	else if (props.size === "L") rules += " pHKLAu151";
+	else if (props.size === "S") rules += " pHKLAu151";
+	else if (props.size === "XS") rules += " pHKLAu151";
+	else rules += " pHKLAu151";
+	if (props.size === "XL") rules += " -BhX7R-Fz151";
+	else if (props.size === "L") rules += " -BhX7R-Fv151";
+	else if (props.size === "S") rules += " -BhX7R-Fp151";
+	else if (props.size === "XS") rules += " -BhX7R-Fn151";
+	else rules += " -BhX7R-Fx151";
+	rules += " UVxyPec151";
+	if (props.isInForm) {
+		if (!gridColumnStart) rules += " zhJUGr151";
+	}
+	return rules;
+};
+const wrapper = function anonymous(props) {
+	let rules = " ";
+	rules += " se151";
+	rules += " DLwlgod151";
+	rules += " z2mU151";
+	rules += " yzZKy151";
+	rules += " ea151";
+	rules += " Yc151";
+	rules += " Xb151";
+	rules += " _2b151";
+	if (props.isDisabled) {
+		rules += " pUvnvv151";
+		rules += " plc151";
+	} else if (props.isPressed) rules += " pMwyHo151";
+	else if (props.isFocusVisible) rules += " pMwyHo151";
+	else if (props.isHovered) rules += " pMwyHo151";
+	else rules += " pHKLAu151";
+	rules += " __ca151";
+	return rules;
+};
+const track = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " -ERv7Xb-ZmDIzbc151";
+	if (props.size === "XL") rules += " -LsrJQc-Fn151";
+	else if (props.size === "L") rules += " -LsrJQc-Fm151";
+	else if (props.size === "S") rules += " -LsrJQc-Fl151";
+	else rules += " -LsrJQc-Ft151";
+	rules += " ZAkyXj151";
+	rules += " Fpk5ROc151";
+	rules += " _oa151";
+	rules += " _kb151";
+	rules += " hb151";
+	rules += " mb151";
+	rules += " lb151";
+	rules += " _jf151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	rules += " _yb151";
+	if (props.isSelected) rules += " iA151";
+	else if (props.isDisabled) {
+		rules += " iUvnvv151";
+		rules += " ilc151";
+	} else {
+		if (props.isPressed) rules += " iMwyHo151";
+		else if (props.isFocusVisible) rules += " iMwyHo151";
+		else if (props.isHovered) rules += " iMwyHo151";
+		else rules += " iHKLAu151";
+		rules += " ila151";
+	}
+	if (props.isSelected) if (props.isDisabled) {
+		rules += " gUvnvv151";
+		rules += " gld151";
+	} else {
+		if (props.isEmphasized) if (props.isPressed) rules += " gqIKDAe151";
+		else if (props.isFocusVisible) rules += " gqIKDAe151";
+		else if (props.isHovered) rules += " gqIKDAe151";
+		else rules += " gOzYCcc151";
+		else if (props.isPressed) rules += " gOzYCcc151";
+		else if (props.isFocusVisible) rules += " gOzYCcc151";
+		else if (props.isHovered) rules += " gOzYCcc151";
+		else rules += " g5dxOg151";
+		rules += " gle151";
+	}
+	else rules += " gLZZSrd151";
+	return rules;
+};
+const handle = function anonymous(props) {
+	let rules = " ";
+	rules += " Fb151";
+	rules += " fa151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	if (props.isSelected) rules += " gLZZSrd151";
+	else if (props.isDisabled) {
+		rules += " gUvnvv151";
+		rules += " gld151";
+	} else if (props.isPressed) rules += " gMwyHo151";
+	else if (props.isFocusVisible) rules += " gMwyHo151";
+	else if (props.isHovered) rules += " gMwyHo151";
+	else rules += " gHKLAu151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	return rules;
+};
+const switchHelpText = function anonymous(props) {
+	let rules = " ";
+	rules += " z2mU151";
+	rules += " yzBWQ8d151";
+	rules += " BzBWQ8d151";
+	rules += " AzBWQ8d151";
+	rules += " sd151";
+	rules += " ea151";
+	rules += " Uc151";
+	rules += " Usd151";
+	rules += " qc151";
+	rules += " qsd151";
+	if (props.size === "XL") rules += " uxe7h4151";
+	else if (props.size === "L") rules += " uxe7h4151";
+	else if (props.size === "S") rules += " uxe7h4151";
+	else if (props.size === "XS") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-e151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	}
+	if (props.size === "XL") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "L") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "S") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "XS") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "XS") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.isDisabled) {
+		rules += " pUvnvv151";
+		rules += " plc151";
+	} else if (props.isInvalid) {
+		rules += " pYjUhNc151";
+		rules += " plQBRyrc151";
+	} else rules += " pUUi0Fe151";
+	rules += " -_8sjo0b-t5ZbAob151";
+	rules += " _qb151";
+	if (props.isDisabled) rules += " ri151";
+	else rules += " rD151";
+	rules += " Td151";
+	return rules;
+};
+function normalizeSwitchSize(size) {
+	switch (size) {
+		case "sm": return "S";
+		case "md": return "M";
+		case "lg": return "L";
+		case "S":
+		case "M":
+		case "L":
+		case "XL": return size;
+		default: return "M";
+	}
+}
+function switchHandleTransform(isSelected, direction) {
+	return { transform: isSelected ? direction === "ltr" ? "translateX(calc(var(--trackWidth) - 100% - 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)" : "translateX(calc(100% - var(--trackWidth) + 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)" : "perspective(calc(var(--trackHeight) - 8px)) translateZ(-4px)" };
+}
+function switchHandlePressStyle(element, renderProps, direction) {
+	const pressStyle = { ...switchHandleTransform(renderProps.isSelected, direction) };
+	const styleRecord = pressStyle;
+	styleRecord["will-change"] = `${styleRecord["will-change"] ?? ""} transform`.trim();
+	if (renderProps.isPressed && element) {
+		const { width, height } = element.getBoundingClientRect();
+		const perspective = Math.max(height, width / 3, 24);
+		pressStyle.transform = `${pressStyle.transform ?? ""} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();
+	}
+	return pressStyle;
+}
+/**
+* A switch allows users to turn an individual option on or off.
+* It is usually used to activate or deactivate a specific setting.
+*
+* Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
+*
+* Composes the RAC-1.19 form-field split faithfully to upstream S2 `Switch`:
+* a `SwitchField` grid wrapper (owns state/validation/help text) containing a
+* `SwitchButton` subgrid control (label + track/handle indicator) + `HelpText`.
+*/ function ToggleSwitch(props) {
+	const isInForm = useIsInForm();
+	const providerProps = useProviderProps(useFormProps(props));
+	const contextProps = getSlottedContextProps(useContext(SwitchContext), props.slot);
+	const [local, headlessProps] = splitProps(mergeProps(providerProps, contextProps ?? {}, props), [
+		"size",
+		"isEmphasized",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"class",
+		"children",
+		"description",
+		"errorMessage",
+		"slot"
+	]);
+	const locale = useLocale();
+	const size = () => normalizeSwitchSize(local.size);
+	const isEmphasized = () => local.isEmphasized;
+	const direction = () => locale().direction;
+	const hasLabel = () => !!local.children;
+	let handleElement;
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const getFieldClassName = (renderProps) => [
+		contextProps?.UNSAFE_className,
+		props.UNSAFE_className,
+		props.class,
+		switchFieldStyle({
+			...renderProps,
+			isInForm,
+			size: size(),
+			isNoVisibleLabel: !hasLabel()
+		}, mergedStyles())
+	].filter(Boolean).join(" ");
+	const renderHelpText = (fieldRenderProps) => <>
+      <Show when={local.description && !fieldRenderProps.isInvalid}>
+        <Text slot="description" styles={switchHelpText({
+		size: size(),
+		isDisabled: fieldRenderProps.isDisabled
+	})}>
+          {local.description}
+        </Text>
+      </Show>
+      <Show when={fieldRenderProps.isInvalid && local.errorMessage}>
+        <Text slot="errorMessage" styles={switchHelpText({
+		size: size(),
+		isInvalid: true,
+		isDisabled: fieldRenderProps.isDisabled
+	})}>
+          <CenterBaseline>
+            <AlertTriangleIcon aria-hidden="true" />
+          </CenterBaseline>
+          <span>{local.errorMessage}</span>
+        </Text>
+      </Show>
+    </>;
+	return <SwitchField {...headlessProps} slot={local.slot ?? void 0} class={getFieldClassName} style={mergedUnsafeStyle()}>
+      {(fieldRenderProps) => <>
+          <SwitchButton class={(renderProps) => wrapper({
+		...renderProps,
+		isInForm,
+		size: size()
+	})}>
+            {(renderProps) => <>
+                <CenterBaseline>
+                  <div class={track({
+		...renderProps,
+		size: size(),
+		isEmphasized: isEmphasized()
+	})}>
+                    <div ref={handleElement} class={handle({
+		...renderProps,
+		size: size(),
+		isEmphasized: isEmphasized()
+	})} style={switchHandlePressStyle(handleElement, renderProps, direction())} />
+                  </div>
+                </CenterBaseline>
+                {local.children}
+              </>}
+          </SwitchButton>
+          {renderHelpText(fieldRenderProps)}
+        </>}
+    </SwitchField>;
+}
+//#endregion
+//#region src/switch/index.tsx
+const SwitchContext = createContext(null);
+const trackStyles = " _Pc151 gW36Rud151 _jf151 _kb151 hb151 mb151 lb151 irHHOgb151 _oa151 og151 ng151 kg151 jg151 ZGY4nn151";
+const indicatorStyles = " _Pa151 Wr151 Fx151 _9b151 grpxFp151 _neYWWze151 og151 ng151 kg151 jg151 Yd151 Xb151 _2b151";
+const groupStyles = " _Pc151 _9G1Ky151 se151 Fx151";
+const buttonStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " _Pc151";
+	rules += " _9G1Ky151";
+	rules += " sd151";
+	rules += " _Ca151";
+	rules += " eb151";
+	rules += " g9151";
+	rules += " _je151";
+	rules += " Td151";
+	rules += " Qd151";
+	rules += " Sd151";
+	rules += " Rd151";
+	rules += " ry151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-d151";
+	rules += " vx151";
+	if (props.isSelected) {
+		rules += " xe151";
+		rules += " _xa151";
+		rules += " xX0cczbd151";
+		rules += " _xX0cczba151";
+	} else {
+		rules += " xc151";
+		rules += " _xa151";
+	}
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isSelected) rules += " pHKLAu151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+/**
+* A tab-style switch that allows users to select between two options.
+* Behavior is delegated to headless ToggleButtonGroup/ToggleButton primitives.
+*/ function TabSwitch(props) {
+	const options = createMemo(() => props.options.slice(0, 2));
+	const selectedValue = createMemo(() => {
+		return options().find((option) => option.value === props.value)?.value ?? options()[0]?.value;
+	});
+	const selectedIndex = createMemo(() => {
+		const index = options().findIndex((option) => option.value === selectedValue());
+		return index >= 0 ? index : 0;
+	});
+	const selectedKeys = createMemo(() => {
+		const value = selectedValue();
+		return value ? new Set([value]) : /* @__PURE__ */ new Set();
+	});
+	const optionCount = createMemo(() => Math.max(options().length, 1));
+	const indicatorStyle = createMemo(() => ({
+		left: "0",
+		width: `calc(100% / ${optionCount()})`,
+		transform: `translateX(${selectedIndex() * 100}%)`
+	}));
+	const layoutStyle = createMemo(() => ({ "grid-template-columns": `repeat(${optionCount()}, minmax(0, 1fr))` }));
+	return <div class={[trackStyles, props.class].filter(Boolean).join(" ")}>
+      <div class={indicatorStyles} style={indicatorStyle()} />
+      <ToggleButtonGroup selectionMode="single" selectedKeys={selectedKeys()} class={groupStyles} style={layoutStyle()} aria-label="View mode">
+        {options().map((option) => <ToggleButton toggleKey={option.value} onClick={() => props.onChange?.(option.value)} class={() => buttonStyles({ isSelected: selectedValue() === option.value })}>
+            <span>{option.label}</span>
+          </ToggleButton>)}
+      </ToggleButtonGroup>
+    </div>;
+}
+//#endregion
+export { TabSwitch as n, ToggleSwitch as r, SwitchContext as t };
+
+//# sourceMappingURL=switch.jsx.map

package/dist/_chunk/switch.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.jsx","names":[],"sources":["../../src/switch/ToggleSwitch.tsx","../../src/switch/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport { type JSX, splitProps, mergeProps, Show, useContext } from \"solid-js\";\nimport {\n  getSlottedContextProps,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n} from \"../button/spectrum-context\";\nimport { SwitchContext } from \".\";\nimport { type AriaSwitchProps, type Direction, useLocale } from \"@proyecto-viviana/solidaria\";\nimport {\n  SwitchField as HeadlessSwitchField,\n  SwitchButton as HeadlessSwitchButton,\n  type SwitchFieldRenderProps,\n  type SwitchButtonRenderProps,\n  type ToggleSwitchRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { Text } from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\n\nexport type SwitchSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2SwitchSize = \"S\" | \"M\" | \"L\" | \"XL\";\n\nexport interface ToggleSwitchProps extends Omit<AriaSwitchProps, \"children\"> {\n  /**\n   * A slot name, used to inject props from a parent slotted context (mirrors\n   * upstream's `SlotProps`; our headless `ToggleSwitchProps` already extends it).\n   */\n  slot?: string | null;\n  /** The size of the Switch. */\n  size?: SwitchSize;\n  /** Whether the Switch should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\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  /** Additional CSS class name. */\n  class?: string;\n  /** A description for the Switch. */\n  description?: JSX.Element;\n  /** An error message for the Switch (rendered when invalid). */\n  errorMessage?: JSX.Element;\n  /** Label text for the Switch. */\n  children?: JSX.Element;\n}\n\ninterface SwitchStyleProps {\n  size?: S2SwitchSize;\n  isEmphasized?: boolean;\n}\n\ntype SwitchStyleState = ToggleSwitchRenderProps & SwitchStyleProps;\n\n// The field grid — byte-faithful to upstream S2 `Switch.tsx` local `field`.\n// Unlike the Checkbox field, upstream Switch passes `isInForm` to the field, so\n// the `gridColumnStart:{isInForm:'field'}` branch is live here (dormant for the\n// demo, which is never in a Form).\nconst switchFieldStyle = style<\n  SwitchStyleState & { isInForm?: boolean; isNoVisibleLabel?: boolean }\n>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      default: [\"max-content\", \"1fr\"],\n      isNoVisibleLabel: [\"max-content\"],\n    },\n    columnGap: \"text-to-control\",\n    width: \"fit\",\n    font: controlFont(),\n    \"--field-height\": {\n      type: \"height\",\n      value: controlSize(),\n    },\n    rowGap: \"calc(var(--field-height) - 1lh)\",\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\n// The subgrid wrapper (SwitchButton `<label>`) — byte-faithful to upstream\n// `wrapper`. Plain style() (no getAllowedOverrides). Note: unlike the Checkbox\n// wrapper, the Switch wrapper has no `position:relative` and no isInForm branch;\n// upstream still calls it with `{...renderProps, isInForm, size}` (both ignored).\nconst wrapper = style<SwitchStyleState & { isInForm?: boolean }>({\n  display: \"grid\",\n  gridTemplateColumns: \"subgrid\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  alignItems: \"baseline\",\n  transition: \"colors\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  disableTapHighlight: true,\n});\n\n// The track — structurally upstream's `track`, with one deliberate Glasselated\n// divergence in the `backgroundColor.isSelected` VALUES (see the note there).\n// The prior port carried a separate, self-inflicted divergence in that same\n// block: a custom `disabledSelectedTrackBackground` light-dark value AND an\n// `isDisabled`-first condition order (which, under last-match-wins, let disabled\n// beat emphasized). Upstream's exact\n// `{default, isEmphasized, forcedColors, isDisabled}` key order and `gray-400`\n// disabled-selected value are kept — the order is load-bearing, so `isDisabled`\n// must stay last to win over the selected fills.\nconst track = style<SwitchStyleState>({\n  ...focusRing(),\n  borderRadius: \"full\",\n  \"--trackWidth\": {\n    type: \"width\",\n    value: fontRelative(26),\n  },\n  \"--trackHeight\": {\n    type: \"height\",\n    value: controlSize(\"sm\"),\n  },\n  width: \"--trackWidth\",\n  height: \"--trackHeight\",\n  boxSizing: \"border-box\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n  backgroundColor: {\n    default: \"gray-25\",\n    isSelected: {\n      // Accent-on-selection is the register's selection idiom, not an emphasis\n      // variant, so the accent fill moves to `default` — previously a\n      // non-emphasized selected switch filled with the text ramp and rendered no\n      // accent at all. `isEmphasized` is preserved as a real, visible step rather\n      // than deleted: it goes one stop deeper in the same accent channel\n      // (accent-1000), matching checkbox/index.tsx:407-408, so the public prop\n      // keeps changing what it renders. Both stops are held flat rather than\n      // moved to the lightDark(\"accent-900\",\"accent-700\") idiom used by\n      // Button/Tag, because the handle riding this track is `gray-25` (below),\n      // which flips to near-black in dark (style/glasselated-ramps.ts) — near-black\n      // on dark accent-700 would not clear AA.\n      default: baseColor(\"accent-900\"),\n      isEmphasized: baseColor(\"accent-1000\"),\n      forcedColors: \"Highlight\",\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n});\n\nconst handle = style<SwitchStyleState>({\n  height: \"full\",\n  aspectRatio: \"square\",\n  borderRadius: \"full\",\n  backgroundColor: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"gray-25\",\n  },\n  transition: \"default\",\n});\n\n// Individual help text. Byte-faithful to upstream Field.tsx `helpTextStyles`,\n// folding in the Switch's inline override (`gridColumnStart:1, paddingTop:0`).\n// Rendered through the field's `Text` description/errorMessage slot contract.\n// NOTE: the switch demo never sets description/errorMessage and is never invalid,\n// so upstream's `HelpText` is `null` in every cert case — this path is faithful\n// but dormant here (matches the Checkbox rebuild).\nconst switchHelpText = style<SwitchStyleState & { isInvalid?: boolean; isDisabled?: boolean }>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n  gridColumnStart: 1,\n  paddingTop: 0,\n});\n\nfunction normalizeSwitchSize(size: SwitchSize | undefined): S2SwitchSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\n// Mirrors upstream's inline `transformStyle`. In the default state the handle is\n// 8px smaller than the track; when selected it grows to 6px smaller. CSS cannot\n// divide by a unit, so the scale is emulated with a 3d perspective transform\n// (scale = perspective / (perspective - translateZ), translateZ hard-coded -4px).\nfunction switchHandleTransform(isSelected: boolean, direction: Direction): JSX.CSSProperties {\n  const placement =\n    direction === \"ltr\"\n      ? \"translateX(calc(var(--trackWidth) - 100% - 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)\"\n      : \"translateX(calc(100% - var(--trackWidth) + 4px)) perspective(calc(2 * (var(--trackHeight) - 6px))) translateZ(-4px)\";\n\n  return {\n    transform: isSelected\n      ? placement\n      : \"perspective(calc(var(--trackHeight) - 8px)) translateZ(-4px)\",\n  };\n}\n\n// Faithful reimplementation of upstream `pressScale(handleRef, transformStyle)`:\n// combines the base transform with a press-time perspective scale.\nfunction switchHandlePressStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: ToggleSwitchRenderProps,\n  direction: Direction,\n): JSX.CSSProperties {\n  const pressStyle = {\n    ...switchHandleTransform(renderProps.isSelected, direction),\n  } as JSX.CSSProperties;\n  const styleRecord = pressStyle as Record<string, string | number | undefined>;\n  const willChange = styleRecord[\"will-change\"] ?? \"\";\n  styleRecord[\"will-change\"] = `${willChange} transform`.trim();\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    const perspective = Math.max(height, width / 3, 24);\n    pressStyle.transform =\n      `${pressStyle.transform ?? \"\"} perspective(${perspective}px) translate3d(0, 0, -2px)`.trim();\n  }\n\n  return pressStyle;\n}\n\n/**\n * A switch allows users to turn an individual option on or off.\n * It is usually used to activate or deactivate a specific setting.\n *\n * Named \"ToggleSwitch\" to avoid conflict with SolidJS's built-in Switch component.\n *\n * Composes the RAC-1.19 form-field split faithfully to upstream S2 `Switch`:\n * a `SwitchField` grid wrapper (owns state/validation/help text) containing a\n * `SwitchButton` subgrid control (label + track/handle indicator) + `HelpText`.\n */\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(SwitchContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"description\",\n    \"errorMessage\",\n    \"slot\",\n  ]);\n\n  const locale = useLocale();\n  const size = () => normalizeSwitchSize(local.size);\n  const isEmphasized = () => local.isEmphasized;\n  const direction = () => locale().direction;\n  // Reading `local.children` never invokes a component thunk (a function is\n  // truthy as-is), so this is safe alongside the `{local.children}` render.\n  const hasLabel = () => !!local.children;\n  let handleElement: HTMLDivElement | undefined;\n\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  // The field grid className. Mirrors upstream `field({...renderProps, isInForm,\n  // size, isNoVisibleLabel}, styles)`.\n  const getFieldClassName = (renderProps: SwitchFieldRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      switchFieldStyle(\n        {\n          ...renderProps,\n          isInForm,\n          size: size(),\n          isNoVisibleLabel: !hasLabel(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderHelpText = (fieldRenderProps: SwitchFieldRenderProps): JSX.Element => (\n    <>\n      <Show when={local.description && !fieldRenderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          styles={switchHelpText({ size: size(), isDisabled: fieldRenderProps.isDisabled })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      <Show when={fieldRenderProps.isInvalid && local.errorMessage}>\n        <Text\n          slot=\"errorMessage\"\n          styles={switchHelpText({\n            size: size(),\n            isInvalid: true,\n            isDisabled: fieldRenderProps.isDisabled,\n          })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <HeadlessSwitchField\n      {...headlessProps}\n      slot={local.slot ?? undefined}\n      class={getFieldClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(fieldRenderProps: SwitchFieldRenderProps) => (\n        <>\n          <HeadlessSwitchButton\n            class={(renderProps: SwitchButtonRenderProps) =>\n              wrapper({ ...renderProps, isInForm, size: size() })\n            }\n          >\n            {(renderProps: SwitchButtonRenderProps) => (\n              <>\n                <CenterBaseline>\n                  <div\n                    class={track({ ...renderProps, size: size(), isEmphasized: isEmphasized() })}\n                  >\n                    <div\n                      ref={handleElement}\n                      class={handle({ ...renderProps, size: size(), isEmphasized: isEmphasized() })}\n                      style={switchHandlePressStyle(handleElement, renderProps, direction())}\n                    />\n                  </div>\n                </CenterBaseline>\n                {local.children}\n              </>\n            )}\n          </HeadlessSwitchButton>\n          {renderHelpText(fieldRenderProps)}\n        </>\n      )}\n    </HeadlessSwitchField>\n  );\n}\n","import { type JSX, createContext, createMemo } from \"solid-js\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  ToggleButtonGroup as HeadlessToggleButtonGroup,\n  ToggleButton as HeadlessToggleButton,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { type ToggleSwitchProps } from \"./ToggleSwitch\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport {\n  ToggleSwitch,\n  ToggleSwitch as Switch,\n  type ToggleSwitchProps,\n  type ToggleSwitchProps as SwitchProps,\n  type SwitchSize,\n} from \"./ToggleSwitch\";\n\nexport const SwitchContext = createContext<SpectrumContextValue<ToggleSwitchProps>>(null);\n\ninterface SwitchOption {\n  label: string;\n  value: string;\n}\n\nexport interface TabSwitchProps {\n  options: SwitchOption[];\n  value?: string;\n  onChange?: (value: string) => void;\n  class?: string;\n}\n\n// Static styling flows through the build-time S2 style() macro so the atomic CSS\n// ships in the package bundle. Only the sliding indicator's transform/width and\n// the button grid's column template are runtime-computed, so those stay inline.\n// TabSwitch has no S2 upstream. Its register twin is the island's segmented pill\n// (`.glx-pop-kind`, glasselated.css:2503-2528): an inset glass track with a subtle\n// border, and a RAISED pill under the active label — surface + primary ink + the\n// edge-glass rim. Not an accent fill: the island never paints white text over\n// `--accent-primary`, and in light that pairing lands well under 4.5:1 (the ramp\n// pins blue-900 to the brand #2e90fa in both columns, see glasselated-ramps.ts).\n\nconst trackStyles = style({\n  position: \"relative\",\n  backgroundColor: \"pasteboard\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  borderColor: \"border-subtle\",\n  boxSizing: \"border-box\",\n  borderRadius: \"full\",\n  width: \"[250px]\",\n});\n\nconst indicatorStyles = style({\n  position: \"absolute\",\n  top: 0,\n  height: 32,\n  zIndex: 0,\n  backgroundColor: \"raised\",\n  boxShadow: \"edge-glass\",\n  borderRadius: \"full\",\n  transition: \"default\",\n});\n\nconst groupStyles = style({\n  position: \"relative\",\n  zIndex: 10,\n  display: \"grid\",\n  height: 32,\n});\n\nconst buttonStyles = style<{ isSelected?: boolean }>({\n  position: \"relative\",\n  zIndex: 10,\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  /* Native <button> chrome must be reset here: the UA's opaque ButtonFace fill and\n     2px outset border otherwise paint OVER the z-0 indicator, hiding the sliding\n     pill entirely — the label appears to sit on a bare grey lozenge instead. */\n  backgroundColor: \"transparent\",\n  borderStyle: \"none\",\n  padding: 0,\n  cursor: \"pointer\",\n  borderRadius: \"full\",\n  transition: \"default\",\n  font: \"ui-lg\",\n  fontWeight: { default: \"medium\", isSelected: \"extra-bold\" },\n  /* Island ink pair: resting labels are `--text-secondary`, the active one steps up\n     to `--text-primary` on the raised pill (glasselated.css:2512-2528). The old\n     `white` ink only read on the accent fill this pill no longer has. */\n  color: { default: \"neutral-subdued\", isSelected: \"neutral\" },\n});\n\n/**\n * A tab-style switch that allows users to select between two options.\n * Behavior is delegated to headless ToggleButtonGroup/ToggleButton primitives.\n */\nexport function TabSwitch(props: TabSwitchProps): JSX.Element {\n  const options = createMemo(() => props.options.slice(0, 2));\n  const selectedValue = createMemo(() => {\n    const match = options().find((option) => option.value === props.value);\n    return match?.value ?? options()[0]?.value;\n  });\n  const selectedIndex = createMemo(() => {\n    const index = options().findIndex((option) => option.value === selectedValue());\n    return index >= 0 ? index : 0;\n  });\n  const selectedKeys = createMemo<Set<Key>>(() => {\n    const value = selectedValue();\n    return value ? new Set<Key>([value]) : new Set<Key>();\n  });\n\n  const optionCount = createMemo(() => Math.max(options().length, 1));\n  const indicatorStyle = createMemo(() => ({\n    left: \"0\",\n    width: `calc(100% / ${optionCount()})`,\n    transform: `translateX(${selectedIndex() * 100}%)`,\n  }));\n  const layoutStyle = createMemo(() => ({\n    \"grid-template-columns\": `repeat(${optionCount()}, minmax(0, 1fr))`,\n  }));\n\n  return (\n    <div class={[trackStyles, props.class].filter(Boolean).join(\" \")}>\n      <div class={indicatorStyles} style={indicatorStyle()} />\n      <HeadlessToggleButtonGroup\n        selectionMode=\"single\"\n        selectedKeys={selectedKeys()}\n        class={groupStyles}\n        style={layoutStyle()}\n        aria-label=\"View mode\"\n      >\n        {options().map((option) => (\n          <HeadlessToggleButton\n            toggleKey={option.value}\n            onClick={() => props.onChange?.(option.value)}\n            class={() => buttonStyles({ isSelected: selectedValue() === option.value })}\n          >\n            <span>{option.label}</span>\n          </HeadlessToggleButton>\n        ))}\n      </HeadlessToggleButtonGroup>\n    </div>\n  );\n}\n"],"mappings":"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"}