@qijenchen/design-system 0.1.0-beta.10

package/dist/components/Steps/steps.js

@@ -0,0 +1,583 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, Check, X } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const INDICATOR_SIZE = {
+  sm: 8,
+  md: 24,
+  lg: 32
+};
+const INDICATOR_ICON_SIZE = {
+  sm: 0,
+  md: 16,
+  lg: 20
+};
+const SM_HIT_AREA = 24;
+const INDICATOR_BOX_WIDTH = {
+  sm: SM_HIT_AREA,
+  md: INDICATOR_SIZE.md,
+  lg: INDICATOR_SIZE.lg
+};
+const RING_GAP_PX = 2;
+const RING_WIDTH_PX = 2;
+function getOuterRingShadow(ringColor) {
+  return `0 0 0 ${RING_GAP_PX}px var(--surface), 0 0 0 ${RING_GAP_PX + RING_WIDTH_PX}px ${ringColor}`;
+}
+function resolveRingColor(state, linear) {
+  if (state === "error") return "var(--error-hover)";
+  if (state === "current" && !linear) return "var(--border-hover)";
+  return "var(--primary-hover)";
+}
+const StepsContext = React.createContext(null);
+function useStepsContext() {
+  const ctx = React.useContext(StepsContext);
+  if (!ctx) throw new Error("Steps compound components must be rendered inside <Steps>");
+  return ctx;
+}
+const StepItemContext = React.createContext(null);
+function useStepItemContext() {
+  const ctx = React.useContext(StepItemContext);
+  if (!ctx) throw new Error("StepLabel / StepDescription / StepContent must be inside <StepItem>");
+  return ctx;
+}
+const StepIndexContext = React.createContext(0);
+function computeState(itemValue, value, completedValues, errorValues, reachableValues, linear, override) {
+  if (override) return override;
+  if (errorValues.has(itemValue)) return "error";
+  if (completedValues.has(itemValue)) return "completed";
+  if (itemValue === value) return "current";
+  if (linear && reachableValues.has(itemValue)) return "reachable";
+  return "upcoming";
+}
+function isClickable(state, linear, disabled) {
+  if (disabled) return false;
+  if (!linear) return true;
+  return state !== "upcoming";
+}
+function normalizeExpanded(defaultExpanded, allValues) {
+  if (defaultExpanded === "all") return new Set(allValues);
+  if (!defaultExpanded || defaultExpanded === "none") return /* @__PURE__ */ new Set();
+  return new Set(defaultExpanded);
+}
+function computeReachableValues(childValues, completedValues) {
+  const completed = new Set(completedValues);
+  const reachable = new Set(completed);
+  for (const v of childValues) {
+    if (!completed.has(v)) {
+      reachable.add(v);
+      break;
+    }
+  }
+  return reachable;
+}
+const stepsRootVariants = cva("list-none p-0 m-0", {
+  variants: {
+    orientation: {
+      vertical: "flex flex-col",
+      horizontal: "flex flex-row items-start gap-3"
+    }
+  },
+  defaultVariants: { orientation: "vertical" }
+});
+const Steps = React.forwardRef(
+  ({
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    completedValues = [],
+    errorValues = [],
+    linear = true,
+    size = "md",
+    orientation = "vertical",
+    expansion = "follow-active",
+    defaultExpanded,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const isControlled = valueProp !== void 0;
+    const value = isControlled ? valueProp : internalValue;
+    const setValue = React.useCallback(
+      (next) => {
+        if (!isControlled) setInternalValue(next);
+        onValueChange == null ? void 0 : onValueChange(next);
+      },
+      [isControlled, onValueChange]
+    );
+    const childValues = React.useMemo(() => {
+      const vals = [];
+      React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child) && typeof child.props === "object" && child.props && "value" in child.props) {
+          vals.push(String(child.props.value));
+        }
+      });
+      return vals;
+    }, [children]);
+    const reachableValues = React.useMemo(
+      () => computeReachableValues(childValues, completedValues),
+      [childValues, completedValues]
+    );
+    const [expandedSet, setExpandedSet] = React.useState(
+      () => normalizeExpanded(defaultExpanded, childValues)
+    );
+    const toggleExpanded = React.useCallback((itemValue) => {
+      setExpandedSet((prev) => {
+        const next = new Set(prev);
+        if (next.has(itemValue)) next.delete(itemValue);
+        else next.add(itemValue);
+        return next;
+      });
+    }, []);
+    const ctxValue = React.useMemo(
+      () => ({
+        value,
+        completedValues: new Set(completedValues),
+        errorValues: new Set(errorValues),
+        reachableValues,
+        linear,
+        size,
+        orientation,
+        expansion,
+        expandedSet,
+        setValue,
+        toggleExpanded
+      }),
+      [value, completedValues, errorValues, reachableValues, linear, size, orientation, expansion, expandedSet, setValue, toggleExpanded]
+    );
+    const count = React.Children.count(children);
+    const itemsWithIndex = [];
+    React.Children.forEach(children, (child, index) => {
+      if (!React.isValidElement(child)) {
+        itemsWithIndex.push(child);
+        return;
+      }
+      const isLast = index === count - 1;
+      const cloned = React.cloneElement(
+        child,
+        { __isLast: isLast }
+      );
+      itemsWithIndex.push(
+        /* @__PURE__ */ jsx(StepIndexContext.Provider, { value: index + 1, children: cloned }, `item-${index}`)
+      );
+    });
+    return /* @__PURE__ */ jsx(StepsContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        "data-orientation": orientation,
+        "data-size": size,
+        className: cn(stepsRootVariants({ orientation }), className),
+        ...props,
+        children: itemsWithIndex
+      }
+    ) });
+  }
+);
+Steps.displayName = "Steps";
+const stepItemVariants = cva("group/step-item outline-none", {
+  variants: {
+    orientation: {
+      // pb-6 on li provides spacing for next item; connector is absolute within li
+      vertical: "relative flex flex-col",
+      // Ant Design pattern:flex-1 等寬(最後一步用 last: 覆蓋成自然寬度)。
+      // Connector 在 item 內部(不是 items 之間的獨立元素)。
+      horizontal: "flex-1 min-w-0 last:flex-none last:shrink-0"
+    },
+    size: {
+      sm: "text-body",
+      md: "text-body",
+      lg: "text-body-lg"
+    }
+  },
+  defaultVariants: { orientation: "vertical", size: "md" }
+});
+const StepItem = React.forwardRef(
+  ({ value, state: stateOverride, disabled = false, children, className, __isLast = false, ...props }, ref) => {
+    const steps = useStepsContext();
+    const state = computeState(
+      value,
+      steps.value,
+      steps.completedValues,
+      steps.errorValues,
+      steps.reachableValues,
+      steps.linear,
+      stateOverride
+    );
+    const focused = value === steps.value;
+    const clickable = isClickable(state, steps.linear, disabled);
+    const expanded = steps.expansion === "follow-active" ? focused : steps.expandedSet.has(value);
+    const activate = React.useCallback(() => {
+      if (!clickable) return;
+      steps.setValue(value);
+      if (steps.expansion === "multiple") {
+        steps.toggleExpanded(value);
+      }
+    }, [clickable, steps, value]);
+    const itemCtx = React.useMemo(() => ({
+      value,
+      state,
+      focused,
+      disabled,
+      clickable,
+      expanded,
+      isLast: __isLast,
+      activate
+    }), [value, state, focused, disabled, clickable, expanded, __isLast, activate]);
+    const isVertical = steps.orientation === "vertical";
+    return /* @__PURE__ */ jsx(StepItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        "data-state": state,
+        "data-focused": focused || void 0,
+        "data-disabled": disabled || void 0,
+        "data-clickable": clickable || void 0,
+        "aria-current": focused ? "step" : void 0,
+        "aria-disabled": disabled || void 0,
+        className: cn(
+          stepItemVariants({ orientation: steps.orientation, size: steps.size }),
+          isVertical && !__isLast && "pb-6",
+          !clickable && "cursor-not-allowed",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(StepItemLayout, { children })
+      }
+    ) });
+  }
+);
+StepItem.displayName = "StepItem";
+function StepItemLayout({ children }) {
+  const steps = useStepsContext();
+  const item = useStepItemContext();
+  let labelNode = null;
+  let descNode = null;
+  let contentNode = null;
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === StepLabel) labelNode = child;
+    else if (child.type === StepDescription) descNode = child;
+    else if (child.type === StepContent) contentNode = child;
+  });
+  if (steps.orientation === "horizontal") {
+    return /* @__PURE__ */ jsx(HorizontalLayout, { label: labelNode, description: descNode });
+  }
+  return /* @__PURE__ */ jsx(VerticalLayout, { label: labelNode, description: descNode, content: contentNode, isLast: item.isLast });
+}
+function StepItemHeader({ children, className, style }) {
+  const item = useStepItemContext();
+  const onKeyDown = (e) => {
+    if (!item.clickable) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      item.activate();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: item.clickable ? "button" : void 0,
+      tabIndex: item.clickable ? 0 : void 0,
+      onClick: item.clickable ? item.activate : void 0,
+      onKeyDown: item.clickable ? onKeyDown : void 0,
+      "aria-disabled": item.disabled || void 0,
+      className: cn(
+        "outline-none",
+        item.clickable ? "cursor-pointer rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring" : "cursor-not-allowed",
+        className
+      ),
+      style,
+      children
+    }
+  );
+}
+function VerticalLayout({
+  label,
+  description,
+  content,
+  isLast
+}) {
+  const steps = useStepsContext();
+  const item = useStepItemContext();
+  const showContent = !!content && item.expanded;
+  const indicatorBox = INDICATOR_BOX_WIDTH[steps.size];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(StepItemHeader, { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", style: { width: indicatorBox }, children: /* @__PURE__ */ jsx("div", { className: "h-[1lh] flex items-center justify-center", children: /* @__PURE__ */ jsx(StepIndicator, {}) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+          label,
+          description
+        ] }),
+        steps.expansion === "multiple" && !!content && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-[1lh] flex items-center shrink-0 ml-2", children: /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            size: 16,
+            className: cn(
+              "text-fg-muted transition-transform duration-150",
+              item.expanded && "rotate-180"
+            )
+          }
+        ) })
+      ] })
+    ] }),
+    showContent && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mt-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", style: { width: indicatorBox } }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: content })
+    ] }),
+    !isLast && /* @__PURE__ */ jsx(VerticalConnectorLine, {})
+  ] });
+}
+function VerticalConnectorLine() {
+  const steps = useStepsContext();
+  const item = useStepItemContext();
+  const isBlue = item.state === "completed";
+  const radius = INDICATOR_SIZE[steps.size] / 2;
+  const gap = 8;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "absolute w-px",
+        isBlue ? "bg-primary" : "bg-border"
+      ),
+      style: {
+        left: INDICATOR_BOX_WIDTH[steps.size] / 2,
+        top: `calc(0.5lh + ${radius}px + ${gap}px)`,
+        bottom: `calc(${radius}px - 0.5lh + ${gap}px)`
+      }
+    }
+  );
+}
+function HorizontalLayout({
+  label,
+  description
+}) {
+  const item = useStepItemContext();
+  const steps = useStepsContext();
+  const isBlue = item.state === "completed";
+  const indicatorBox = INDICATOR_BOX_WIDTH[steps.size];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(StepItemHeader, { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-[1lh] flex items-center shrink-0", children: /* @__PURE__ */ jsx(StepIndicator, {}) }),
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 min-w-0", children: label }),
+      !item.isLast && /* @__PURE__ */ jsx("div", { className: "h-[1lh] flex-1 flex items-center min-w-4", "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { className: cn("h-px w-full", isBlue ? "bg-primary" : "bg-border") }) })
+    ] }),
+    description && /* @__PURE__ */ jsx("div", { className: "min-w-0", style: { paddingLeft: indicatorBox + 12 }, children: description })
+  ] });
+}
+function StepIndicator() {
+  const steps = useStepsContext();
+  const item = useStepItemContext();
+  const { size, linear } = steps;
+  const { state, focused, disabled } = item;
+  if (size === "sm") return /* @__PURE__ */ jsx(SmIndicator, { state, focused, disabled, linear });
+  return /* @__PURE__ */ jsx(MdLgIndicator, { size, state, focused, disabled, linear });
+}
+function SmIndicator({
+  state,
+  focused,
+  disabled,
+  linear
+}) {
+  const isHollow = state === "current" && linear || state === "reachable";
+  let dotStyle;
+  if (isHollow) {
+    dotStyle = {
+      width: INDICATOR_SIZE.sm,
+      height: INDICATOR_SIZE.sm,
+      background: "transparent",
+      border: "2px solid var(--primary-hover)",
+      boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : void 0
+    };
+  } else {
+    const dotBg = state === "completed" ? "var(--primary)" : state === "error" ? "var(--error)" : state === "current" && !linear ? "var(--fg-disabled)" : "var(--fg-disabled)";
+    dotStyle = {
+      width: INDICATOR_SIZE.sm,
+      height: INDICATOR_SIZE.sm,
+      background: dotBg,
+      boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : void 0
+    };
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "relative inline-flex items-center justify-center shrink-0",
+      style: { width: SM_HIT_AREA, height: SM_HIT_AREA },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("block rounded-full", disabled && "opacity-disabled"),
+          style: dotStyle
+        }
+      )
+    }
+  );
+}
+function MdLgIndicator({
+  size,
+  state,
+  focused,
+  disabled,
+  linear
+}) {
+  const diameter = INDICATOR_SIZE[size];
+  const iconPx = INDICATOR_ICON_SIZE[size];
+  let fillBg;
+  let contentColor;
+  switch (state) {
+    case "error":
+      fillBg = "var(--error)";
+      contentColor = "var(--on-emphasis)";
+      break;
+    case "completed":
+      fillBg = "var(--primary)";
+      contentColor = "var(--on-emphasis)";
+      break;
+    case "current":
+      if (linear) {
+        fillBg = "var(--primary)";
+        contentColor = "var(--on-emphasis)";
+      } else {
+        fillBg = "var(--secondary)";
+        contentColor = "var(--foreground)";
+      }
+      break;
+    case "reachable":
+      fillBg = "var(--primary)";
+      contentColor = "var(--on-emphasis)";
+      break;
+    default:
+      if (linear) {
+        fillBg = "var(--muted)";
+        contentColor = "var(--fg-disabled)";
+      } else {
+        fillBg = "var(--secondary)";
+        contentColor = "var(--foreground)";
+      }
+      break;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "relative inline-flex items-center justify-center shrink-0 rounded-full",
+        "font-medium leading-none transition-colors",
+        disabled && "opacity-disabled"
+      ),
+      style: {
+        width: diameter,
+        height: diameter,
+        background: fillBg,
+        color: contentColor,
+        fontSize: size === "lg" ? "var(--font-body-size)" : "var(--font-caption-size)",
+        boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : void 0
+      },
+      children: /* @__PURE__ */ jsx(IndicatorContent, { state, iconPx })
+    }
+  );
+}
+function IndicatorContent({ state, iconPx }) {
+  if (state === "completed") return /* @__PURE__ */ jsx(Check, { size: iconPx, strokeWidth: 2.5 });
+  if (state === "error") return /* @__PURE__ */ jsx(X, { size: iconPx, strokeWidth: 2.5 });
+  return /* @__PURE__ */ jsx(StepNumber, {});
+}
+function StepNumber() {
+  const index = React.useContext(StepIndexContext);
+  return /* @__PURE__ */ jsx("span", { children: index });
+}
+const StepLabel = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { size } = useStepsContext();
+    const { state, focused, disabled } = useStepItemContext();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(
+          "font-medium break-words",
+          size === "lg" ? "text-body-lg" : "text-body",
+          disabled ? "text-fg-disabled" : state === "error" ? "text-error-text" : focused ? "text-foreground" : "text-fg-secondary",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+StepLabel.displayName = "StepLabel";
+const StepDescription = React.forwardRef(
+  ({ className, children, style, ...props }, ref) => {
+    const { size } = useStepsContext();
+    const { disabled } = useStepItemContext();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(
+          // Steps 跟 MenuItem 同 scanning-family:sm/md = scanning(body+caption),lg = scanning-lg(body-lg+body-compact)
+          size === "lg" ? "mt-[var(--item-gap-label-desc-scanning-lg)]" : "mt-[var(--item-gap-label-desc-scanning)]",
+          "leading-compact break-words",
+          disabled ? "text-fg-disabled" : "text-fg-secondary",
+          className
+        ),
+        style: {
+          fontSize: size === "lg" ? "var(--font-body-size)" : "var(--font-caption-size)",
+          ...style
+        },
+        ...props,
+        children
+      }
+    );
+  }
+);
+StepDescription.displayName = "StepDescription";
+const StepContent = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { orientation } = useStepsContext();
+    if (orientation === "horizontal") return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("text-body text-foreground min-w-0", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+StepContent.displayName = "StepContent";
+const stepsMeta = {
+  component: "Steps",
+  family: 2,
+  variants: {},
+  sizes: {
+    sm: { px: 8, when: "Sidebar / 緊湊 onboarding;indicator 8px dot" },
+    md: { px: 24, when: "預設 — wizard / checkout / 註冊主流程;indicator 24px circle" },
+    lg: { px: 32, when: "Marketing 流程展示 / 重要 onboarding;indicator 32px circle" }
+  },
+  states: ["default", "hover", "active", "focus-visible", "disabled"],
+  tokens: {
+    bg: ["bg-primary"],
+    fg: ["--fg-disabled", "--foreground", "--on-emphasis", "text-error-text", "text-fg-disabled", "text-fg-muted", "text-fg-secondary", "text-foreground"],
+    ring: []
+  }
+};
+export {
+  StepContent,
+  StepDescription,
+  StepItem,
+  StepLabel,
+  Steps,
+  stepItemVariants,
+  stepsMeta,
+  stepsRootVariants
+};
+//# sourceMappingURL=steps.js.map

package/dist/components/Steps/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sources":["../../../src/components/Steps/steps.tsx"],"sourcesContent":["// @benchmark-unverified-blanket: file-level retraction per M22 (d) — claims herein not individually URL-cited; treat as unverified visual/usage rumor unless retrofit per-claim. Hook escape preserved.\n// code-quality-allow: file-size — foundational composite(Steps + StepItem + orientation/state/connector 邏輯緊密耦合,拆檔會讓 props drilling 複雜化超過可讀 gain)\nimport * as React from 'react'\nimport { Check, ChevronDown, X } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ── Types ─────────────────────────────────────────────────────────────────\n\nexport type StepsSize = 'sm' | 'md' | 'lg'\n// code-quality-allow: dead-export — public API surface — consumer-exposed for future use\nexport type StepsOrientation = 'vertical' | 'horizontal'\nexport type StepsExpansion = 'follow-active' | 'multiple'\nexport type StepContentState = 'upcoming' | 'reachable' | 'current' | 'completed' | 'error'\n\n// ── Constants ─────────────────────────────────────────────────────────────\n\nconst INDICATOR_SIZE: Record<StepsSize, number> = {\n  sm: 8,\n  md: 24,\n  lg: 32,\n}\n\nconst INDICATOR_ICON_SIZE: Record<StepsSize, number> = {\n  sm: 0,\n  md: 16,\n  lg: 20,\n}\n\nconst SM_HIT_AREA = 24\n\nconst INDICATOR_BOX_WIDTH: Record<StepsSize, number> = {\n  sm: SM_HIT_AREA,\n  md: INDICATOR_SIZE.md,\n  lg: INDICATOR_SIZE.lg,\n}\n\n// ── Outer ring (box-shadow, zero layout impact) ───────────────────────────\n\nconst RING_GAP_PX = 2\nconst RING_WIDTH_PX = 2\n\nfunction getOuterRingShadow(ringColor: string): string {\n  return `0 0 0 ${RING_GAP_PX}px var(--surface), 0 0 0 ${RING_GAP_PX + RING_WIDTH_PX}px ${ringColor}`\n}\n\nfunction resolveRingColor(state: StepContentState, linear: boolean): string {\n  if (state === 'error') return 'var(--error-hover)'\n  if (state === 'current' && !linear) return 'var(--border-hover)'\n  return 'var(--primary-hover)'\n}\n\n// ── Contexts ──────────────────────────────────────────────────────────────\n\ninterface StepsContextValue {\n  value: string | undefined\n  completedValues: Set<string>\n  errorValues: Set<string>\n  reachableValues: Set<string>\n  linear: boolean\n  size: StepsSize\n  orientation: StepsOrientation\n  expansion: StepsExpansion\n  expandedSet: Set<string>\n  setValue: (value: string) => void\n  toggleExpanded: (value: string) => void\n}\n\nconst StepsContext = React.createContext<StepsContextValue | null>(null)\n\nfunction useStepsContext(): StepsContextValue {\n  const ctx = React.useContext(StepsContext)\n  if (!ctx) throw new Error('Steps compound components must be rendered inside <Steps>')\n  return ctx\n}\n\ninterface StepItemContextValue {\n  value: string\n  state: StepContentState\n  focused: boolean\n  disabled: boolean\n  clickable: boolean\n  expanded: boolean\n  isLast: boolean\n  activate: () => void\n}\n\nconst StepItemContext = React.createContext<StepItemContextValue | null>(null)\n\nfunction useStepItemContext(): StepItemContextValue {\n  const ctx = React.useContext(StepItemContext)\n  if (!ctx) throw new Error('StepLabel / StepDescription / StepContent must be inside <StepItem>')\n  return ctx\n}\n\nconst StepIndexContext = React.createContext<number>(0)\n\n// ── Pure helpers ──────────────────────────────────────────────────────────\n\nfunction computeState(\n  itemValue: string,\n  value: string | undefined,\n  completedValues: Set<string>,\n  errorValues: Set<string>,\n  reachableValues: Set<string>,\n  linear: boolean,\n  override: StepContentState | undefined,\n): StepContentState {\n  if (override) return override\n  if (errorValues.has(itemValue)) return 'error'\n  if (completedValues.has(itemValue)) return 'completed'\n  if (itemValue === value) return 'current'\n  if (linear && reachableValues.has(itemValue)) return 'reachable'\n  return 'upcoming'\n}\n\nfunction isClickable(\n  state: StepContentState,\n  linear: boolean,\n  disabled: boolean,\n): boolean {\n  if (disabled) return false\n  if (!linear) return true\n  return state !== 'upcoming'\n}\n\nfunction normalizeExpanded(\n  defaultExpanded: 'all' | 'none' | string[] | undefined,\n  allValues: string[],\n): Set<string> {\n  if (defaultExpanded === 'all') return new Set(allValues)\n  if (!defaultExpanded || defaultExpanded === 'none') return new Set()\n  return new Set(defaultExpanded)\n}\n\nfunction computeReachableValues(\n  childValues: string[],\n  completedValues: string[],\n): Set<string> {\n  const completed = new Set(completedValues)\n  const reachable = new Set(completed)\n  for (const v of childValues) {\n    if (!completed.has(v)) {\n      reachable.add(v)\n      break\n    }\n  }\n  return reachable\n}\n\n// ── Steps root ────────────────────────────────────────────────────────────\n\nconst stepsRootVariants = cva('list-none p-0 m-0', {\n  variants: {\n    orientation: {\n      vertical: 'flex flex-col',\n      horizontal: 'flex flex-row items-start gap-3',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n})\n\nexport interface StepsProps\n  extends Omit<React.HTMLAttributes<HTMLOListElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof stepsRootVariants> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  completedValues?: string[]\n  errorValues?: string[]\n  linear?: boolean\n  size?: StepsSize\n  orientation?: StepsOrientation\n  expansion?: StepsExpansion\n  defaultExpanded?: 'all' | 'none' | string[]\n}\n\n// code-quality-allow: long-function — foundational composite main body — 拆 sub-fn 會複雜化 local state / ref / context binding\nconst Steps = React.forwardRef<HTMLOListElement, StepsProps>(\n  (\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      completedValues = [],\n      errorValues = [],\n      linear = true,\n      size = 'md',\n      orientation = 'vertical',\n      expansion = 'follow-active',\n      defaultExpanded,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = React.useState<string | undefined>(defaultValue)\n    const isControlled = valueProp !== undefined\n    const value = isControlled ? valueProp : internalValue\n\n    const setValue = React.useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next)\n        onValueChange?.(next)\n      },\n      [isControlled, onValueChange],\n    )\n\n    const childValues = React.useMemo(() => {\n      const vals: string[] = []\n      React.Children.forEach(children, child => {\n        if (\n          React.isValidElement(child) &&\n          typeof child.props === 'object' &&\n          child.props &&\n          'value' in child.props\n        ) {\n          vals.push(String((child.props as { value: string }).value))\n        }\n      })\n      return vals\n    }, [children])\n\n    const reachableValues = React.useMemo(\n      () => computeReachableValues(childValues, completedValues),\n      [childValues, completedValues],\n    )\n\n    const [expandedSet, setExpandedSet] = React.useState<Set<string>>(() =>\n      normalizeExpanded(defaultExpanded, childValues),\n    )\n\n    const toggleExpanded = React.useCallback((itemValue: string) => {\n      setExpandedSet(prev => {\n        const next = new Set(prev)\n        if (next.has(itemValue)) next.delete(itemValue)\n        else next.add(itemValue)\n        return next\n      })\n    }, [])\n\n    const ctxValue = React.useMemo<StepsContextValue>(\n      () => ({\n        value,\n        completedValues: new Set(completedValues),\n        errorValues: new Set(errorValues),\n        reachableValues,\n        linear,\n        size,\n        orientation,\n        expansion,\n        expandedSet,\n        setValue,\n        toggleExpanded,\n      }),\n      [value, completedValues, errorValues, reachableValues, linear, size, orientation, expansion, expandedSet, setValue, toggleExpanded],\n    )\n\n    // Interleave horizontal connectors between items\n    const count = React.Children.count(children)\n    const itemsWithIndex: React.ReactNode[] = []\n\n    React.Children.forEach(children, (child, index) => {\n      if (!React.isValidElement(child)) {\n        itemsWithIndex.push(child)\n        return\n      }\n      const isLast = index === count - 1\n      const cloned = React.cloneElement(\n        child as React.ReactElement<StepItemInjectedProps>,\n        { __isLast: isLast },\n      )\n      itemsWithIndex.push(\n        <StepIndexContext.Provider key={`item-${index}`} value={index + 1}>\n          {cloned}\n        </StepIndexContext.Provider>,\n      )\n      // Horizontal connectors are now INSIDE each StepItem (Ant Design pattern),\n      // not between items. No interleaving needed.\n    })\n\n    return (\n      <StepsContext.Provider value={ctxValue}>\n        <ol\n          ref={ref}\n          data-orientation={orientation}\n          data-size={size}\n          className={cn(stepsRootVariants({ orientation }), className)}\n          {...props}\n        >\n          {itemsWithIndex}\n        </ol>\n      </StepsContext.Provider>\n    )\n  },\n)\nSteps.displayName = 'Steps'\n\n// ── StepItem ──────────────────────────────────────────────────────────────\n\ninterface StepItemInjectedProps {\n  __isLast?: boolean\n}\n\nexport interface StepItemProps\n  extends Omit<React.HTMLAttributes<HTMLLIElement>, 'value'>,\n    StepItemInjectedProps {\n  value: string\n  state?: 'error'\n  disabled?: boolean\n}\n\nconst stepItemVariants = cva('group/step-item outline-none', {\n  variants: {\n    orientation: {\n      // pb-6 on li provides spacing for next item; connector is absolute within li\n      vertical: 'relative flex flex-col',\n      // Ant Design pattern:flex-1 等寬(最後一步用 last: 覆蓋成自然寬度)。\n      // Connector 在 item 內部(不是 items 之間的獨立元素)。\n      horizontal: 'flex-1 min-w-0 last:flex-none last:shrink-0',\n    },\n    size: {\n      sm: 'text-body',\n      md: 'text-body',\n      lg: 'text-body-lg',\n    },\n  },\n  defaultVariants: { orientation: 'vertical', size: 'md' },\n})\n\n// code-quality-allow: long-function — foundational composite main body — 拆 sub-fn 會複雜化 local state / ref / context binding\nconst StepItem = React.forwardRef<HTMLLIElement, StepItemProps>(\n  ({ value, state: stateOverride, disabled = false, children, className, __isLast = false, ...props }, ref) => {\n    const steps = useStepsContext()\n    const state = computeState(\n      value,\n      steps.value,\n      steps.completedValues,\n      steps.errorValues,\n      steps.reachableValues,\n      steps.linear,\n      stateOverride,\n    )\n    const focused = value === steps.value\n    const clickable = isClickable(state, steps.linear, disabled)\n    const expanded =\n      steps.expansion === 'follow-active' ? focused : steps.expandedSet.has(value)\n\n    const activate = React.useCallback(() => {\n      if (!clickable) return\n      // 永遠更新 focus(value),multiple 模式額外 toggle 展開\n      steps.setValue(value)\n      if (steps.expansion === 'multiple') {\n        steps.toggleExpanded(value)\n      }\n    }, [clickable, steps, value])\n\n    const itemCtx = React.useMemo<StepItemContextValue>(() => ({\n      value,\n      state,\n      focused,\n      disabled,\n      clickable,\n      expanded,\n      isLast: __isLast,\n      activate,\n    }), [value, state, focused, disabled, clickable, expanded, __isLast, activate])\n\n    const isVertical = steps.orientation === 'vertical'\n\n    return (\n      <StepItemContext.Provider value={itemCtx}>\n        <li\n          ref={ref}\n          data-state={state}\n          data-focused={focused || undefined}\n          data-disabled={disabled || undefined}\n          data-clickable={clickable || undefined}\n          aria-current={focused ? 'step' : undefined}\n          aria-disabled={disabled || undefined}\n          className={cn(\n            stepItemVariants({ orientation: steps.orientation, size: steps.size }),\n            isVertical && !__isLast && 'pb-6',\n            !clickable && 'cursor-not-allowed',\n            className,\n          )}\n          {...props}\n        >\n          <StepItemLayout>{children}</StepItemLayout>\n        </li>\n      </StepItemContext.Provider>\n    )\n  },\n)\nStepItem.displayName = 'StepItem'\n\n// ── StepItem internal layout ─────────────────────────────────────────────\n\nfunction StepItemLayout({ children }: { children: React.ReactNode }) {\n  const steps = useStepsContext()\n  const item = useStepItemContext()\n\n  let labelNode: React.ReactNode = null\n  let descNode: React.ReactNode = null\n  let contentNode: React.ReactNode = null\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return\n    if (child.type === StepLabel) labelNode = child\n    else if (child.type === StepDescription) descNode = child\n    else if (child.type === StepContent) contentNode = child\n  })\n\n  if (steps.orientation === 'horizontal') {\n    return <HorizontalLayout label={labelNode} description={descNode} />\n  }\n  return (\n    <VerticalLayout label={labelNode} description={descNode} content={contentNode} isLast={item.isLast} />\n  )\n}\n\n// ── Clickable header ─────────────────────────────────────────────────────\n\nfunction StepItemHeader({ children, className, style }: { children: React.ReactNode; className?: string; style?: React.CSSProperties }) {\n  const item = useStepItemContext()\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!item.clickable) return\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      item.activate()\n    }\n  }\n  return (\n    <div\n      role={item.clickable ? 'button' : undefined}\n      tabIndex={item.clickable ? 0 : undefined}\n      onClick={item.clickable ? item.activate : undefined}\n      onKeyDown={item.clickable ? onKeyDown : undefined}\n      aria-disabled={item.disabled || undefined}\n      className={cn(\n        'outline-none',\n        item.clickable\n          ? 'cursor-pointer rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'\n          : 'cursor-not-allowed',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </div>\n  )\n}\n\n// ── Vertical layout ──────────────────────────────────────────────────────\n\nfunction VerticalLayout({\n  label,\n  description,\n  content,\n  isLast,\n}: {\n  label: React.ReactNode\n  description: React.ReactNode\n  content: React.ReactNode\n  isLast: boolean\n}) {\n  const steps = useStepsContext()\n  const item = useStepItemContext()\n  const showContent = !!content && item.expanded\n  const indicatorBox = INDICATOR_BOX_WIDTH[steps.size]\n\n  return (\n    <>\n      <StepItemHeader className=\"flex items-start gap-3\">\n        <div className=\"shrink-0\" style={{ width: indicatorBox }}>\n          <div className=\"h-[1lh] flex items-center justify-center\">\n            <StepIndicator />\n          </div>\n        </div>\n        <div className=\"flex-1 min-w-0 flex items-start\">\n          <div className=\"flex-1 min-w-0 flex flex-col\">\n            {label}\n            {description}\n          </div>\n          {steps.expansion === 'multiple' && !!content && (\n            <span aria-hidden className=\"h-[1lh] flex items-center shrink-0 ml-2\">\n              <ChevronDown\n                size={16}\n                className={cn(\n                  'text-fg-muted transition-transform duration-150',\n                  item.expanded && 'rotate-180',\n                )}\n              />\n            </span>\n          )}\n        </div>\n      </StepItemHeader>\n      {showContent && (\n        <div className=\"flex items-start gap-3 mt-3\">\n          <div className=\"shrink-0\" style={{ width: indicatorBox }} />\n          <div className=\"flex-1 min-w-0\">{content}</div>\n        </div>\n      )}\n      {!isLast && <VerticalConnectorLine />}\n    </>\n  )\n}\n\n// ── Vertical connector ───────────────────────────────────────────────────\n\nfunction VerticalConnectorLine() {\n  const steps = useStepsContext()\n  const item = useStepItemContext()\n  const isBlue = item.state === 'completed'\n  const radius = INDICATOR_SIZE[steps.size] / 2\n  const gap = 8\n\n  return (\n    <div\n      aria-hidden\n      className={cn(\n        'absolute w-px',\n        isBlue ? 'bg-primary' : 'bg-border',\n      )}\n      style={{\n        left: INDICATOR_BOX_WIDTH[steps.size] / 2,\n        top: `calc(0.5lh + ${radius}px + ${gap}px)`,\n        bottom: `calc(${radius}px - 0.5lh + ${gap}px)`,\n      }}\n    />\n  )\n}\n\n// ── Horizontal layout (Ant Design pattern) ──────────────────────────────\n//\n// Connector 在 **item 內部**(不是 items 之間的獨立元素):\n//   Step (flex-1): [indicator][gap][label][gap][──connector──]\n//   Last step:     [indicator][gap][label]  (無 connector)\n//\n// Root: flex-row gap-3 → gap 只在 step items 之間\n// Step items: flex-1 等寬(最後一步 flex-none 自然寬度)\n//\n// 等距保證:\n//   label→connector gap = item 內 flex gap-3 = 12px\n//   connector→next circle = root gap-3 = 12px\n//   兩邊都是 12px ✓\n//\n// Description 在 step item 內(connector 下方),wrap 到 item 寬度 = 最長到連結線尾段 ✓\n\nfunction HorizontalLayout({\n  label,\n  description,\n}: {\n  label: React.ReactNode\n  description: React.ReactNode\n}) {\n  const item = useStepItemContext()\n  const steps = useStepsContext()\n  const isBlue = item.state === 'completed'\n  const indicatorBox = INDICATOR_BOX_WIDTH[steps.size]\n\n  return (\n    <>\n      {/* Row 1: indicator + label + connector(在同一個 flex row) */}\n      <StepItemHeader className=\"flex items-start gap-3\">\n        <div className=\"h-[1lh] flex items-center shrink-0\">\n          <StepIndicator />\n        </div>\n        <div className=\"shrink-0 min-w-0\">{label}</div>\n        {/* Connector 在 item 內部,flex-1 填滿剩餘寬度 */}\n        {!item.isLast && (\n          <div className=\"h-[1lh] flex-1 flex items-center min-w-4\" aria-hidden>\n            <div className={cn('h-px w-full', isBlue ? 'bg-primary' : 'bg-border')} />\n          </div>\n        )}\n      </StepItemHeader>\n      {/* Row 2: description — 在 item 寬度內 wrap(含 connector 佔的空間) */}\n      {description && (\n        <div className=\"min-w-0\" style={{ paddingLeft: indicatorBox + 12 }}>\n          {description}\n        </div>\n      )}\n    </>\n  )\n}\n\n// ── StepIndicator ────────────────────────────────────────────────────────\n\nfunction StepIndicator() {\n  const steps = useStepsContext()\n  const item = useStepItemContext()\n  const { size, linear } = steps\n  const { state, focused, disabled } = item\n\n  if (size === 'sm') return <SmIndicator state={state} focused={focused} disabled={disabled} linear={linear} />\n  return <MdLgIndicator size={size} state={state} focused={focused} disabled={disabled} linear={linear} />\n}\n\n// ── sm indicator: 8px dot in 24px hit area ───────────────────────────────\n\nfunction SmIndicator({\n  state,\n  focused,\n  disabled,\n  linear,\n}: {\n  state: StepContentState\n  focused: boolean\n  disabled: boolean\n  linear: boolean\n}) {\n  // sm current (linear) and reachable: hollow ring\n  const isHollow = (state === 'current' && linear) || state === 'reachable'\n\n  let dotStyle: React.CSSProperties\n  if (isHollow) {\n    dotStyle = {\n      width: INDICATOR_SIZE.sm,\n      height: INDICATOR_SIZE.sm,\n      background: 'transparent',\n      border: '2px solid var(--primary-hover)',\n      boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : undefined,\n    }\n  } else {\n    const dotBg =\n      state === 'completed' ? 'var(--primary)'\n        : state === 'error' ? 'var(--error)'\n          : state === 'current' && !linear ? 'var(--fg-disabled)'\n            : 'var(--fg-disabled)' // upcoming + non-linear fallback\n\n    dotStyle = {\n      width: INDICATOR_SIZE.sm,\n      height: INDICATOR_SIZE.sm,\n      background: dotBg,\n      boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : undefined,\n    }\n  }\n\n  return (\n    <span\n      aria-hidden\n      className=\"relative inline-flex items-center justify-center shrink-0\"\n      style={{ width: SM_HIT_AREA, height: SM_HIT_AREA }}\n    >\n      <span\n        className={cn('block rounded-full', disabled && 'opacity-disabled')}\n        style={dotStyle}\n      />\n    </span>\n  )\n}\n\n// ── md/lg indicator: filled circle with number/icon ──────────────────────\n\nfunction MdLgIndicator({\n  size,\n  state,\n  focused,\n  disabled,\n  linear,\n}: {\n  size: StepsSize\n  state: StepContentState\n  focused: boolean\n  disabled: boolean\n  linear: boolean\n}) {\n  const diameter = INDICATOR_SIZE[size]\n  const iconPx = INDICATOR_ICON_SIZE[size]\n\n  let fillBg: string\n  let contentColor: string\n\n  switch (state) {\n    case 'error':\n      fillBg = 'var(--error)'\n      contentColor = 'var(--on-emphasis)'\n      break\n    case 'completed':\n      fillBg = 'var(--primary)'\n      contentColor = 'var(--on-emphasis)'\n      break\n    case 'current':\n      if (linear) {\n        fillBg = 'var(--primary)'\n        contentColor = 'var(--on-emphasis)'\n      } else {\n        fillBg = 'var(--secondary)'\n        contentColor = 'var(--foreground)'\n      }\n      break\n    case 'reachable':\n      fillBg = 'var(--primary)'\n      contentColor = 'var(--on-emphasis)'\n      break\n    default: // upcoming\n      if (linear) {\n        fillBg = 'var(--muted)'\n        contentColor = 'var(--fg-disabled)'\n      } else {\n        fillBg = 'var(--secondary)'\n        contentColor = 'var(--foreground)'\n      }\n      break\n  }\n\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'relative inline-flex items-center justify-center shrink-0 rounded-full',\n        'font-medium leading-none transition-colors',\n        disabled && 'opacity-disabled',\n      )}\n      style={{\n        width: diameter,\n        height: diameter,\n        background: fillBg,\n        color: contentColor,\n        fontSize: size === 'lg' ? 'var(--font-body-size)' : 'var(--font-caption-size)',\n        boxShadow: focused ? getOuterRingShadow(resolveRingColor(state, linear)) : undefined,\n      }}\n    >\n      <IndicatorContent state={state} iconPx={iconPx} />\n    </span>\n  )\n}\n\nfunction IndicatorContent({ state, iconPx }: { state: StepContentState; iconPx: number }) {\n  if (state === 'completed') return <Check size={iconPx} strokeWidth={2.5} />\n  if (state === 'error') return <X size={iconPx} strokeWidth={2.5} />\n  return <StepNumber />\n}\n\nfunction StepNumber() {\n  const index = React.useContext(StepIndexContext)\n  return <span>{index}</span>\n}\n\n// ── StepLabel ────────────────────────────────────────────────────────────\n\nexport interface StepLabelProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n// code-quality-allow: long-function — foundational composite main body — 拆 sub-fn 會複雜化 local state / ref / context binding\nconst StepLabel = React.forwardRef<HTMLSpanElement, StepLabelProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size } = useStepsContext()\n    const { state, focused, disabled } = useStepItemContext()\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          'font-medium break-words',\n          size === 'lg' ? 'text-body-lg' : 'text-body',\n          disabled\n            ? 'text-fg-disabled'\n            : state === 'error'\n              ? 'text-error-text'\n              : focused\n                ? 'text-foreground'\n                : 'text-fg-secondary',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  },\n)\nStepLabel.displayName = 'StepLabel'\n\n// ── StepDescription ──────────────────────────────────────────────────────\n\nexport interface StepDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst StepDescription = React.forwardRef<HTMLSpanElement, StepDescriptionProps>(\n  ({ className, children, style, ...props }, ref) => {\n    const { size } = useStepsContext()\n    const { disabled } = useStepItemContext()\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          // Steps 跟 MenuItem 同 scanning-family:sm/md = scanning(body+caption),lg = scanning-lg(body-lg+body-compact)\n          size === 'lg'\n            ? 'mt-[var(--item-gap-label-desc-scanning-lg)]'\n            : 'mt-[var(--item-gap-label-desc-scanning)]',\n          'leading-compact break-words',\n          disabled ? 'text-fg-disabled' : 'text-fg-secondary',\n          className,\n        )}\n        style={{\n          fontSize: size === 'lg' ? 'var(--font-body-size)' : 'var(--font-caption-size)',\n          ...style,\n        }}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  },\n)\nStepDescription.displayName = 'StepDescription'\n\n// ── StepContent ──────────────────────────────────────────────────────────\n\nexport interface StepContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst StepContent = React.forwardRef<HTMLDivElement, StepContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useStepsContext()\n    if (orientation === 'horizontal') return null\n    return (\n      <div\n        ref={ref}\n        className={cn('text-body text-foreground min-w-0', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\nStepContent.displayName = 'StepContent'\n\n// ── Exports ──────────────────────────────────────────────────────────────\n\n// Story auto-compile metadata — Phase 1 mechanical migration(2026-04-24)\n// Phase 2 fill needed: purpose descriptions + when rationale + world-class refs\nexport const stepsMeta = {\n  component: 'Steps',\n  family: 2,\n  variants: {},\n  sizes: {\n    sm: { px: 8, when: 'Sidebar / 緊湊 onboarding;indicator 8px dot' },\n    md: { px: 24, when: '預設 — wizard / checkout / 註冊主流程;indicator 24px circle' },\n    lg: { px: 32, when: 'Marketing 流程展示 / 重要 onboarding;indicator 32px circle' },\n  },\n  states: ['default', 'hover', 'active', 'focus-visible', 'disabled'],\n  tokens: {\n    bg: ['bg-primary'],\n    fg: ['--fg-disabled', '--foreground', '--on-emphasis', 'text-error-text', 'text-fg-disabled', 'text-fg-muted', 'text-fg-secondary', 'text-foreground'],\n    ring: [],\n  },\n} as const\n\nexport { Steps, StepItem, StepLabel, StepDescription, StepContent, stepsRootVariants, stepItemVariants }\n"],"names":[],"mappings":"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"}