@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/cjs/ProgressSteps/index.native.js

@@ -30,44 +30,11 @@ module.exports = __toCommonJS(ProgressSteps_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
-var import_react_i18next = require("react-i18next");
+var import_react2 = require("react");
+var import_i18n = require("../shared/i18n.native.js");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
 var import_t = require("../shared/t.native.js");
-var markerSizeMap = {
-  $3: 22,
-  $4: 28,
-  $5: 34
-};
-var markerIconSizeMap = {
-  $3: 12,
-  $4: 14,
-  $5: 16
-};
-var markerTextSizeMap = {
-  $3: "$1",
-  $4: "$2",
-  $5: "$3"
-};
-var labelSizeMap = {
-  $3: "$2",
-  $4: "$3",
-  $5: "$4"
-};
-var stepGapMap = {
-  small: {
-    step: "$1.5",
-    markerLabel: "$2"
-  },
-  medium: {
-    step: "$2",
-    markerLabel: "$3"
-  },
-  large: {
-    step: "$3",
-    markerLabel: "$4"
-  }
-};
 var StepsRoot = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "ProgressSteps",
   width: "100%"
@@ -79,11 +46,43 @@ var Marker = (0, import_tamagui.styled)(import_tamagui.View, {
   borderWidth: 2,
   flexShrink: 0
 });
+var StepButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ProgressStepButton",
+  backgroundColor: "transparent",
+  borderWidth: 0,
+  cursor: "pointer",
+  // LC-71: the button is the hit target; the ring lives on the marker.
+  outlineWidth: 0,
+  focusStyle: {
+    outlineWidth: 0,
+    outlineStyle: "none"
+  },
+  focusVisibleStyle: {
+    outlineWidth: 0,
+    outlineStyle: "none"
+  }
+});
+var Connector = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ProgressStepConnector",
+  flexShrink: 0
+});
 function stepState(index, current, forcedCompleted) {
   if (forcedCompleted || index < current) return "completed";
   if (index === current) return "current";
   return "upcoming";
 }
+function splitNestedControl(nested) {
+  var {
+    px,
+    hitSlop,
+    ...box
+  } = nested;
+  return {
+    px,
+    hitSlop,
+    box
+  };
+}
 function ProgressSteps(param) {
   var {
     steps,
@@ -91,159 +90,216 @@ function ProgressSteps(param) {
     onStepChange,
     orientation = "horizontal",
     allowJump = true,
+    linear = true,
     compact = false,
     ...props
   } = param;
-  var _markerSizeMap_knobProps_sizeToken, _markerIconSizeMap_knobProps_sizeToken, _markerTextSizeMap_knobProps_sizeToken, _labelSizeMap_knobProps_sizeToken, _stepGapMap_knobProps_space;
   var {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   var {
-    knobProps
+    knobProps,
+    control,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)({
     component: "ProgressSteps",
     compact
   });
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  var [kbFocusIndex, setKbFocusIndex] = (0, import_react2.useState)(null);
   var onSelected = (0, import_theme.useReadableTextOn)(import_componentColors.componentColors.indicator.selected);
-  var markerSize = (_markerSizeMap_knobProps_sizeToken = markerSizeMap[knobProps.sizeToken]) !== null && _markerSizeMap_knobProps_sizeToken !== void 0 ? _markerSizeMap_knobProps_sizeToken : 28;
-  var markerIconSize = (_markerIconSizeMap_knobProps_sizeToken = markerIconSizeMap[knobProps.sizeToken]) !== null && _markerIconSizeMap_knobProps_sizeToken !== void 0 ? _markerIconSizeMap_knobProps_sizeToken : 14;
-  var markerTextSize = (_markerTextSizeMap_knobProps_sizeToken = markerTextSizeMap[knobProps.sizeToken]) !== null && _markerTextSizeMap_knobProps_sizeToken !== void 0 ? _markerTextSizeMap_knobProps_sizeToken : "$2";
-  var labelSize = (_labelSizeMap_knobProps_sizeToken = labelSizeMap[knobProps.sizeToken]) !== null && _labelSizeMap_knobProps_sizeToken !== void 0 ? _labelSizeMap_knobProps_sizeToken : "$3";
-  var gaps = (_stepGapMap_knobProps_space = stepGapMap[knobProps.space]) !== null && _stepGapMap_knobProps_space !== void 0 ? _stepGapMap_knobProps_space : stepGapMap.medium;
+  var onCompleted = (0, import_theme.useReadableTextOn)(import_componentColors.componentColors.indicator.completed);
+  var onError = (0, import_theme.useReadableTextOn)("$red9");
+  var {
+    px: markerPx,
+    hitSlop,
+    box: nestedBox
+  } = splitNestedControl(knobProps.nestedControl);
+  var markerIconSize = Math.max(12, Math.round(markerPx * 0.45));
   var markerRadius = knobProps.pointy ? 0 : 1e3;
   var connectorThickness = 2;
+  var pressOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - markerPx) / 2));
   var interactive = !!onStepChange && allowJump;
   var horizontal = orientation === "horizontal";
+  var gapToken = knobProps.gap.gap;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StepsRoot, {
     role: "list",
     "aria-label": t("Progress"),
+    "data-density": knobProps.density,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       flexDirection: horizontal ? "row" : "column",
       alignItems: horizontal ? "flex-start" : "stretch",
       width: "100%",
-      gap: horizontal ? 0 : gaps.step,
+      gap: horizontal ? 0 : gapToken,
       children: steps.map(function (step, index) {
-        var _step_id, _step_id1, _step_id2;
+        var _step_description, _step_id, _step_id1;
         var state = stepState(index, current, step.completed);
+        var kind = step.error ? "error" : state;
         var isLast = index === steps.length - 1;
-        var canActivate = interactive && !step.disabled && state !== "current";
-        var markerBg = state === "completed" ? import_componentColors.componentColors.indicator.completed : state === "current" ? import_componentColors.componentColors.indicator.selected : import_componentColors.componentColors.interactive.background;
-        var markerBorder = state === "upcoming" ? import_componentColors.componentColors.indicator.track : markerBg;
-        var markerFg = state === "upcoming" ? import_componentColors.componentColors.text.muted : "$color1";
+        var canActivate = interactive && !step.disabled && state !== "current" && (state === "completed" || !linear);
+        var isFocusable = interactive && !step.disabled && (canActivate || state === "current");
+        var markerBg = kind === "error" ? "$red9" : kind === "completed" ? import_componentColors.componentColors.indicator.completed : kind === "current" ? import_componentColors.componentColors.indicator.selected : "transparent";
+        var markerBorder = kind === "upcoming" ? import_componentColors.componentColors.indicator.track : markerBg;
+        var markerFg = kind === "upcoming" ? import_componentColors.componentColors.text.muted : kind === "error" ? onError !== null && onError !== void 0 ? onError : "$color1" : kind === "completed" ? onCompleted !== null && onCompleted !== void 0 ? onCompleted : "$color1" : onSelected !== null && onSelected !== void 0 ? onSelected : "$color1";
+        var helper = (_step_description = step.description) !== null && _step_description !== void 0 ? _step_description : step.optional && kind !== "error" ? t("Optional") : null;
+        var connectorFill = index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track;
         var marker = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Marker, {
-          width: markerSize,
-          height: markerSize,
+          ...nestedBox,
           borderRadius: markerRadius,
           backgroundColor: markerBg,
           borderColor: markerBorder,
+          "data-nested-px": markerPx,
+          "data-step-state": kind,
+          transition: knobProps.transition,
           ...(state === "current" ? {
             "aria-current": "step"
           } : void 0),
-          children: state === "completed" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+          ...(kbFocusIndex === index ? control.focusVisibleKnobProps : {
+            outlineWidth: 0
+          }),
+          ...(kind === "upcoming" ? {
+            hoverStyle: {
+              borderColor: import_componentColors.componentColors.indicator.hover,
+              backgroundColor: import_componentColors.componentColors.indicator.inactive
+            }
+          } : void 0),
+          children: kind === "error" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningIcon, {
+            size: markerIconSize,
+            color: markerFg,
+            weight: "bold"
+          }) : kind === "completed" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
             size: markerIconSize,
-            color: "white",
+            color: markerFg,
             weight: "bold"
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-            fontSize: markerTextSize,
+            ...knobProps.label,
             fontWeight: "600",
-            color: state === "current" ? onSelected !== null && onSelected !== void 0 ? onSelected : "$color1" : markerFg,
+            color: kind === "current" ? onSelected !== null && onSelected !== void 0 ? onSelected : "$color1" : markerFg,
             children: index + 1
           })
         });
+        var markerTarget = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          width: import_theme.MIN_PRESS_TARGET,
+          height: import_theme.MIN_PRESS_TARGET,
+          minWidth: import_theme.MIN_PRESS_TARGET,
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          marginVertical: -pressOutset,
+          marginHorizontal: horizontal ? -pressOutset : 0,
+          alignItems: "center",
+          justifyContent: "center",
+          "data-press-min": import_theme.MIN_PRESS_TARGET,
+          hitSlop: hitSlop !== null && hitSlop !== void 0 ? hitSlop : (0, import_theme.pressTargetHitSlop)(markerPx),
+          children: marker
+        });
         var labelBlock = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
           gap: "$0.5",
           flexShrink: 1,
           ...(horizontal ? {
             alignItems: "center",
-            marginTop: gaps.step,
-            maxWidth: 140
+            marginTop: gapToken,
+            maxWidth: 160
           } : {
             flexGrow: 1,
             justifyContent: "center"
           }),
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
             ...knobProps.body,
-            fontSize: labelSize,
-            fontWeight: state === "current" ? "600" : "500",
-            color: state === "upcoming" ? import_componentColors.componentColors.text.muted : import_componentColors.componentColors.text.primary,
-            // undefined = natural start alignment, so vertical labels mirror in RTL
+            ...knobProps.label,
+            fontWeight: state === "current" ? "600" : knobProps.body.fontWeight,
+            color: kind === "error" ? "$red11" : state === "upcoming" ? import_componentColors.componentColors.text.muted : import_componentColors.componentColors.text.primary,
             textAlign: horizontal ? "center" : void 0,
+            numberOfLines: 2,
             children: step.label
-          }), step.description != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+          }), helper != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.body,
             fontSize: "$1",
-            color: import_componentColors.componentColors.text.muted,
+            color: kind === "error" ? "$red11" : import_componentColors.componentColors.text.muted,
             textAlign: horizontal ? "center" : void 0,
-            children: step.description
+            numberOfLines: 2,
+            children: helper
           }) : null]
         });
-        var connector = !isLast && horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        var verticalConnector = !isLast ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Connector, {
+          width: connectorThickness,
+          flexGrow: 1,
+          minHeight: 16,
+          backgroundColor: connectorFill,
+          marginTop: 2,
+          transition: knobProps.transition
+        }) : null;
+        var horizontalConnector = !isLast ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Connector, {
           flexGrow: 1,
           height: connectorThickness,
-          backgroundColor: index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track,
-          marginTop: (markerSize - connectorThickness) / 2,
-          marginHorizontal: gaps.step,
-          minWidth: 16
-        }) : !isLast && !horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          width: connectorThickness,
-          height: 20,
-          backgroundColor: index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track,
-          marginInlineStart: (markerSize - connectorThickness) / 2,
-          marginVertical: 2
+          backgroundColor: connectorFill,
+          marginTop: (markerPx - connectorThickness) / 2,
+          marginHorizontal: gapToken,
+          minWidth: 16,
+          transition: knobProps.transition
         }) : null;
         var body = horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          role: "listitem",
           alignItems: "center",
           flexShrink: 0,
-          opacity: step.disabled ? 0.45 : 1,
-          children: [marker, labelBlock]
+          children: [markerTarget, labelBlock]
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          role: "listitem",
-          alignItems: "flex-start",
-          gap: gaps.markerLabel,
-          opacity: step.disabled ? 0.45 : 1,
-          children: [marker, labelBlock]
+          alignItems: "stretch",
+          gap: gapToken,
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            alignItems: "center",
+            width: import_theme.MIN_PRESS_TARGET,
+            flexShrink: 0,
+            children: [markerTarget, verticalConnector]
+          }), labelBlock]
+        });
+        var stepName = typeof step.label === "string" ? step.label : index + 1;
+        var goToLabel = (0, import_t.withInterp)(t("Go to step {{number}}: {{label}}"), {
+          number: index + 1,
+          label: stepName
         });
-        var wrapped = canActivate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          role: "button",
-          tabIndex: 0,
-          cursor: "pointer",
+        var wrapped = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          role: "listitem",
           flexGrow: horizontal ? 0 : void 0,
           flexShrink: horizontal ? 0 : void 0,
-          "aria-label": (0, import_t.withInterp)(t("Go to step {{number}}: {{label}}"), {
-            number: index + 1,
-            label: typeof step.label === "string" ? step.label : index + 1
-          }),
-          onPress: function onPress() {
-            return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            outlineOffset: 2
-          },
-          ...{
-            onKeyDown: function onKeyDown(e) {
-              if (e.key === "Enter" || e.key === " ") {
-                var _e_preventDefault;
-                (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
-                onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
+          ...(step.disabled ? disabledState.chromeKnobProps : void 0),
+          children: isFocusable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StepButton, {
+            render: "button",
+            tabIndex: 0,
+            "aria-label": canActivate ? goToLabel : String(stepName),
+            "aria-disabled": step.disabled || void 0,
+            cursor: step.disabled ? "not-allowed" : "pointer",
+            onPress: function onPress() {
+              if (canActivate) onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
+            },
+            onFocus: function onFocus() {
+              if ((0, import_theme.wasKeyboardFocus)()) setKbFocusIndex(index);
+            },
+            onBlur: function onBlur() {
+              return setKbFocusIndex(function (prev) {
+                return prev === index ? null : prev;
+              });
+            },
+            ...{
+              type: "button",
+              onKeyDown: function onKeyDown(e) {
+                if (!canActivate) return;
+                if (e.key === "Enter" || e.key === " ") {
+                  var _e_preventDefault;
+                  (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+                  onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
+                }
               }
-            }
-          },
-          children: body
-        }, (_step_id = step.id) !== null && _step_id !== void 0 ? _step_id : index) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          flexShrink: horizontal ? 0 : void 0,
-          children: body
-        }, (_step_id1 = step.id) !== null && _step_id1 !== void 0 ? _step_id1 : index);
+            },
+            children: body
+          }) : body
+        }, (_step_id = step.id) !== null && _step_id !== void 0 ? _step_id : index);
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           flexDirection: horizontal ? "row" : "column",
           alignItems: horizontal ? "flex-start" : "stretch",
           flexGrow: horizontal ? 1 : void 0,
           flexBasis: horizontal ? 0 : void 0,
-          children: [wrapped, connector]
-        }, `row-${(_step_id2 = step.id) !== null && _step_id2 !== void 0 ? _step_id2 : index}`);
+          children: [wrapped, horizontal ? horizontalConnector : null]
+        }, `row-${(_step_id1 = step.id) !== null && _step_id1 !== void 0 ? _step_id1 : index}`);
       })
     })
   });

package/dist/cjs/ProgressSteps/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ProgressSteps_exports","__export","ProgressSteps","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react_i18next","import_tamagui","import_componentColors","import_t","markerSizeMap","$3","$4","$5","markerIconSizeMap","markerTextSizeMap","labelSizeMap","stepGapMap","small","step","markerLabel","medium","large","StepsRoot","styled","YStack","name","width","Marker","View","alignItems","justifyContent","borderWidth","flexShrink","stepState","index","current","forcedCompleted","param","steps","onStepChange","orientation","allowJump","compact","props","_markerSizeMap_knobProps_sizeToken","_markerIconSizeMap_knobProps_sizeToken","_markerTextSizeMap_knobProps_sizeToken","_labelSizeMap_knobProps_sizeToken","_stepGapMap_knobProps_space","t","useTranslation","knobProps","useResolvedKnobs","component","onSelected","useReadableTextOn","componentColors","indicator","selected","markerSize","sizeToken","markerIconSize","markerTextSize","labelSize","gaps","space","markerRadius","pointy","connectorThickness","interactive","horizontal","jsx","role","children","XStack","flexDirection","gap","map","_step_id","_step_id1","_step_id2","state","completed","isLast","length","canActivate","disabled","markerBg","background","markerBorder","track","markerFg","text","muted","marker","height","borderRadius","backgroundColor","borderColor","CheckIcon","size","color","weight","SizableText","fontSize","fontWeight","labelBlock","jsxs","marginTop","maxWidth","flexGrow","body","primary","textAlign","label","description","connector","marginHorizontal","minWidth","marginInlineStart","marginVertical","opacity","wrapped","tabIndex","cursor","withInterp","number","onPress","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","onKeyDown","e","key","_e_preventDefault","preventDefault","call","id"],"sources":["../../../src/ProgressSteps/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ProgressSteps_exports","__export","ProgressSteps","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_i18n","import_tamagui","import_componentColors","import_t","StepsRoot","styled","YStack","name","width","Marker","View","alignItems","justifyContent","borderWidth","flexShrink","StepButton","backgroundColor","cursor","outlineWidth","focusStyle","outlineStyle","focusVisibleStyle","Connector","stepState","index","current","forcedCompleted","splitNestedControl","nested","px","hitSlop","box","param","steps","onStepChange","orientation","allowJump","linear","compact","props","t","useTranslation","knobProps","control","disabledState","useResolvedKnobs","component","isWeb","ensureKeyboardModalityTracking","kbFocusIndex","setKbFocusIndex","useState","onSelected","useReadableTextOn","componentColors","indicator","selected","onCompleted","completed","onError","markerPx","nestedBox","nestedControl","markerIconSize","Math","max","round","markerRadius","pointy","connectorThickness","pressOutset","ceil","MIN_PRESS_TARGET","interactive","horizontal","gapToken","gap","jsx","role","density","children","XStack","flexDirection","map","step","_step_description","_step_id","_step_id1","state","kind","error","isLast","length","canActivate","disabled","isFocusable","markerBg","markerBorder","track","markerFg","text","muted","helper","description","optional","connectorFill","marker","borderRadius","borderColor","transition","focusVisibleKnobProps","hoverStyle","hover","inactive","WarningIcon","size","color","weight","CheckIcon","SizableText","label","fontWeight","markerTarget","height","minWidth","minHeight","marginVertical","marginHorizontal","pressTargetHitSlop","labelBlock","jsxs","marginTop","maxWidth","flexGrow","body","primary","textAlign","numberOfLines","fontSize","verticalConnector","horizontalConnector","stepName","goToLabel","withInterp","number","wrapped","chromeKnobProps","render","tabIndex","String","onPress","onFocus","wasKeyboardFocus","onBlur","prev","type","onKeyDown","e","key","_e_preventDefault","preventDefault","call","id"],"sources":["../../../src/ProgressSteps/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Quote/index.cjs

@@ -28,11 +28,36 @@ module.exports = __toCommonJS(Quote_exports);
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.cjs");
+var import_textRidesText = require("../shared/textRidesText.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const QuoteFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+const QuoteFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
   name: "Quote",
-  width: "100%"
+  width: "100%",
+  alignItems: "stretch"
 });
+const QuoteRail = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "QuoteRail",
+  flexGrow: 0,
+  flexShrink: 0,
+  alignSelf: "stretch",
+  backgroundColor: import_componentColors.componentColors.indicator.track
+});
+const QuoteBody = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "QuoteBody",
+  flexGrow: 1,
+  flexShrink: 1,
+  minWidth: 0
+});
+const QuoteBlock = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "QuoteBlock",
+  margin: 0,
+  padding: 0,
+  backgroundColor: "transparent"
+});
+function quoteRailWidth(borderWidth) {
+  if (borderWidth <= 0) return 0;
+  return Math.max(4, borderWidth * 4);
+}
 function Quote({
   children,
   cite,
@@ -45,46 +70,40 @@ function Quote({
     component: "Quote",
     compact
   });
-  const theme = (0, import_tamagui.useTheme)();
-  const padToken = compact ? "$3" : knobProps.panelPadding.padding;
-  const pad = typeof padToken === "number" ? padToken : (0, import_tamagui.getTokens)().space?.[padToken]?.val ?? padToken;
+  const railWidth = quoteRailWidth(knobProps.borderRadius.borderWidth);
+  const citeColor = knobProps.textAccentColor === "$color" ? import_componentColors.componentColors.text.muted : knobProps.textAccentColor;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(QuoteFrame, {
-    render: "blockquote",
+    render: "figure",
     backgroundColor: import_componentColors.componentColors.surface.background,
+    overflow: "hidden",
     ...knobProps.containerRadius,
-    paddingVertical: compact ? "$2" : knobProps.gap.gap,
-    marginVertical: compact ? "$2" : "$3",
-    ...(import_tamagui.isWeb ? {
-      style: {
-        borderInlineStartWidth: 4,
-        borderInlineStartStyle: "solid",
-        borderInlineStartColor: theme.color8?.val ?? theme.color8?.get() ?? "#999",
-        paddingInlineStart: pad,
-        marginInlineStart: 0,
-        marginInlineEnd: 0
-      }
-    } : {
-      borderStartWidth: 4,
-      borderStartColor: import_componentColors.componentColors.indicator.track,
-      paddingStart: padToken
-    }),
+    marginVertical: knobProps.gap.gap,
     ...props,
-    children: [typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-      ...knobProps.body,
-      fontSize: knobProps.sizeToken,
-      color: import_componentColors.componentColors.text.primary,
-      fontStyle: "italic",
-      lineHeight: knobProps.sizeToken,
-      children
-    }) : children, cite != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      marginTop: compact ? "$1.5" : "$2",
-      children: typeof cite === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.SizableText, {
-        render: "cite",
-        fontSize: compact ? "$1" : "$2",
-        color: import_componentColors.componentColors.text.muted,
-        fontStyle: "normal",
-        children: ["\u2014 ", cite]
-      }) : cite
-    }) : null]
+    children: [railWidth > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(QuoteRail, {
+      width: railWidth,
+      minWidth: railWidth,
+      "aria-hidden": true
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(QuoteBody, {
+      ...knobProps.panelPadding,
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(QuoteBlock, {
+        render: "blockquote",
+        children: (0, import_textRidesText.wrapBareTextChildren)(children, (label, key) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+          ...knobProps.body,
+          color: import_componentColors.componentColors.text.primary,
+          fontStyle: "italic",
+          children: label
+        }, key))
+      }), cite != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        render: "figcaption",
+        children: (0, import_textRidesText.wrapBareTextChildren)(cite, (label, key) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.SizableText, {
+          render: "cite",
+          ...knobProps.label,
+          color: citeColor,
+          fontStyle: "normal",
+          children: ["\u2014 ", label]
+        }, key))
+      }) : null]
+    })]
   });
 }