@multiplatform.one/forms 6.0.0

package/dist/cjs/shared/useWheelIncrement.native.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useWheelIncrement_exports = {};
+__export(useWheelIncrement_exports, {
+  useWheelIncrement: () => useWheelIncrement
+});
+module.exports = __toCommonJS(useWheelIncrement_exports);
+var import_react = require("react");
+function useWheelIncrement(options) {
+  var {
+    onIncrement,
+    onDecrement,
+    disabled,
+    readOnly,
+    threshold = 1
+  } = options;
+  var ref = (0, import_react.useRef)(null);
+  var accumulatedDelta = (0, import_react.useRef)(0);
+  var lastWheelTime = (0, import_react.useRef)(0);
+  var handleWheel = (0, import_react.useCallback)(function (e) {
+    if (disabled || readOnly) return;
+    e.preventDefault();
+    e.stopPropagation();
+    var now = Date.now();
+    if (now - lastWheelTime.current > 150) {
+      accumulatedDelta.current = 0;
+    }
+    lastWheelTime.current = now;
+    accumulatedDelta.current += e.deltaY;
+    if (Math.abs(accumulatedDelta.current) >= threshold * 30) {
+      if (accumulatedDelta.current > 0) {
+        onDecrement();
+      } else {
+        onIncrement();
+      }
+      accumulatedDelta.current = 0;
+    }
+  }, [disabled, readOnly, onIncrement, onDecrement, threshold]);
+  (0, import_react.useEffect)(function () {
+    var element = ref.current;
+    if (!element) return;
+    element.addEventListener("wheel", handleWheel, {
+      passive: false
+    });
+    return function () {
+      element.removeEventListener("wheel", handleWheel);
+    };
+  }, [handleWheel]);
+  return {
+    wheelProps: {
+      ref
+    }
+  };
+}
+//# sourceMappingURL=useWheelIncrement.native.js.map

package/dist/cjs/shared/useWheelIncrement.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useWheelIncrement_exports","__export","useWheelIncrement","module","exports","import_react","require","options","onIncrement","onDecrement","disabled","readOnly","threshold","ref","useRef","accumulatedDelta","lastWheelTime","handleWheel","useCallback","e","preventDefault","stopPropagation","now","Date","current","deltaY","Math","abs","useEffect","element","addEventListener","passive"],"sources":["../../../src/shared/useWheelIncrement.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+D,CAAAK,yBAAA;AA2BxD,IAAAK,YAAS,GAAAC,OAAA,CAAkB;AAChC,SAAMJ,iBAAeA,CAAAK,OAAA,EAAa;EAClC;IAAMC,WAAM;IAAAC,WAAA;IAAAC,QAA8B;IAAIC,QAAA;IAAAC,SAAA;EAAA,IAAAL,OAAA;EAG9C,IAAAM,GAAM,OAAAR,YAAA,CAAAS,MAAmB;EACzB,IAAAC,gBAAM,OAAgBV,YAAA,CAAAS,MAAA,EAAQ;EAE9B,IAAAE,aAAM,OAAcX,YAAA,CAAAS,MAAA;EAAA,IACjBG,WAAkB,OAAAZ,YAAA,CAAAa,WAAA,YAAAC,CAAA;IACjB,IAAAT,QAAI,IAAAC,QAAY;IAGhBQ,CAAA,CAAAC,cAAE;IACFD,CAAA,CAAAE,eAAE;IAEF,IAAAC,GAAA,GAAMC,IAAM,CAAAD,GAAA,CAAK;IAEjB,IAAAA,GAAI,GAAAN,aAAM,CAAAQ,OAAc,MAAU;MAChCT,gBAAA,CAAAS,OAAiB;IAAU;IAE7BR,aAAA,CAAAQ,OAAc,GAAAF,GAAU;IAGxBP,gBAAA,CAAAS,OAAiB,IAAAL,CAAA,CAAWM,MAAE;IAG9B,IAAAC,IAAI,CAAAC,GAAK,CAAAZ,gBAAI,CAAAS,OAAiB,KAAOZ,SAAK,KAAY;MACpD,IAAAG,gBAAI,CAAAS,OAAiB,MAAU;QAC7Bf,WAAA;MAAY,OACd;QACED,WAAA;MAAY;MAEdO,gBAAA,CAAAS,OAAiB;IAAU;EAC7B,GACF,CACAd,QAAC,EACHC,QAAA,EAEAH,WAAA,EACEC,WAAM,EACNG,SAAK,CAGL;EACA,IAAAP,YAAa,CAAAuB,SAAA;IACX,IAAAC,OAAQ,GAAAhB,GAAA,CAAAW,OAAA;IACV,KAAAK,OAAA;IACFA,OAAI,CAAAC,gBAAY,UAAAb,WAAA;MAEhBc,OAAS;IACX","ignoreList":[]}

package/dist/cjs/shared/utils.cjs

@@ -0,0 +1,200 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  clampRadiusForControl: () => clampRadiusForControl,
+  clampRadiusForLargeComponent: () => clampRadiusForLargeComponent,
+  clampRadiusInStateProps: () => clampRadiusInStateProps,
+  getElevationWrapperProps: () => getElevationWrapperProps,
+  getFieldError: () => getFieldError,
+  getFieldHeight: () => getFieldHeight,
+  getOTPCellRadius: () => getOTPCellRadius,
+  mergeFieldHandler: () => mergeFieldHandler,
+  stripRadiusFromStateProps: () => stripRadiusFromStateProps,
+  useFormField: () => useFormField,
+  useResolvedValidators: () => useResolvedValidators
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_get_token = require("@tamagui/get-token");
+var import_Form = require("../Form/index.cjs");
+function getFieldHeight(sizeToken, rows = 1) {
+  return Math.round((0, import_tamagui.getVariableValue)((0, import_get_token.getSize)(sizeToken)) * rows);
+}
+function clampRadius(radiusToken, maxTokenNum, fallback) {
+  if (!radiusToken) return fallback;
+  if (radiusToken === "$0") return 0;
+  if (typeof radiusToken === "string" && radiusToken.startsWith("$")) {
+    const num = Number.parseInt(radiusToken.slice(1), 10);
+    return num > maxTokenNum ? `$${maxTokenNum}` : radiusToken;
+  }
+  return radiusToken;
+}
+function clampRadiusForControl(radiusToken, maxTokenNum = 6) {
+  return clampRadius(radiusToken, maxTokenNum, "$4");
+}
+function clampRadiusForLargeComponent(radiusToken, maxTokenNum = 4) {
+  return clampRadius(radiusToken, maxTokenNum, "$3");
+}
+function getOTPCellRadius(radiusToken) {
+  if (radiusToken === "$12") return 1e3;
+  return clampRadiusForControl(radiusToken, 6);
+}
+const webShadow = {
+  $1: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
+  $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
+  $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
+};
+const nativeShadow = {
+  $1: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  $2: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6,
+    elevation: 4
+  },
+  $4: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 20,
+    elevation: 8
+  }
+};
+function elevationToProps(token) {
+  if (!token) return {};
+  if (import_tamagui.isWeb) return {
+    style: {
+      boxShadow: webShadow[token] || webShadow["$2"]
+    }
+  };
+  return nativeShadow[token] || nativeShadow["$2"];
+}
+function getElevationWrapperProps(knobProps, elevationRecipe) {
+  const elevation = knobProps.elevation;
+  if (!elevation && !elevationRecipe.hoverKnobProps?.elevation && !elevationRecipe.pressKnobProps?.elevation && !elevationRecipe.focusVisibleKnobProps?.elevation) {
+    return {};
+  }
+  const props = {
+    elevation,
+    overflow: "visible",
+    ...elevationToProps(elevation)
+  };
+  if (elevationRecipe.hoverKnobProps?.elevation) {
+    props.hoverStyle = elevationToProps(elevationRecipe.hoverKnobProps.elevation);
+  }
+  if (elevationRecipe.pressKnobProps?.elevation) {
+    props.pressStyle = elevationToProps(elevationRecipe.pressKnobProps.elevation);
+  }
+  if (elevationRecipe.focusVisibleKnobProps?.elevation) {
+    props.focusVisibleStyle = elevationToProps(elevationRecipe.focusVisibleKnobProps.elevation);
+  }
+  if (knobProps.transition) props.animation = knobProps.transition;
+  return props;
+}
+function useFormField(props) {
+  const formContext = (0, import_Form.useFormContext)();
+  const resolvedForm = props.form || formContext || void 0;
+  const resolved = (0, import_theme.useResolvedKnobs)({
+    compact: props.compact
+  });
+  const generatedId = (0, import_react.useId)();
+  const id = props.id || generatedId;
+  return {
+    resolvedForm,
+    ...resolved,
+    id
+  };
+}
+function getFieldError(field, propError) {
+  const fieldError = field.state.meta.errors.length ? String(field.state.meta.errors[0]) : void 0;
+  return propError ?? fieldError;
+}
+const defaultIsEmpty = v => v == null || v === "";
+function useResolvedValidators(required, validators, label, name, isEmpty = defaultIsEmpty) {
+  return (0, import_react.useMemo)(() => {
+    if (!required) return validators;
+    const requiredValidator = ({
+      value
+    }) => isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
+    if (!validators) return {
+      onSubmit: requiredValidator
+    };
+    const existingOnSubmit = validators.onSubmit;
+    const composedOnSubmit = existingOnSubmit ? ({
+      value
+    }) => existingOnSubmit({
+      value
+    }) ?? requiredValidator({
+      value
+    }) : requiredValidator;
+    return {
+      ...validators,
+      onSubmit: composedOnSubmit
+    };
+  }, [required, validators, label, name, isEmpty]);
+}
+function mergeFieldHandler(field, name, handler) {
+  return (...args) => {
+    field[name](...args);
+    handler?.(...args);
+  };
+}
+function stripRadiusFromStateProps(props) {
+  if (!props || !("borderRadius" in props)) return props;
+  const {
+    borderRadius: _,
+    ...rest
+  } = props;
+  return Object.keys(rest).length > 0 ? rest : void 0;
+}
+function clampRadiusInStateProps(props, maxTokenNum = 6) {
+  if (!props || !("borderRadius" in props)) return props;
+  const {
+    borderRadius,
+    ...rest
+  } = props;
+  const clamped = clampRadiusForControl(borderRadius, maxTokenNum);
+  return {
+    ...rest,
+    borderRadius: clamped
+  };
+}

package/dist/cjs/shared/utils.native.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  clampRadiusForControl: () => clampRadiusForControl,
+  clampRadiusForLargeComponent: () => clampRadiusForLargeComponent,
+  clampRadiusInStateProps: () => clampRadiusInStateProps,
+  getElevationWrapperProps: () => getElevationWrapperProps,
+  getFieldError: () => getFieldError,
+  getFieldHeight: () => getFieldHeight,
+  getOTPCellRadius: () => getOTPCellRadius,
+  mergeFieldHandler: () => mergeFieldHandler,
+  stripRadiusFromStateProps: () => stripRadiusFromStateProps,
+  useFormField: () => useFormField,
+  useResolvedValidators: () => useResolvedValidators
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_get_token = require("@tamagui/get-token");
+var import_Form = require("../Form/index.native.js");
+function getFieldHeight(sizeToken) {
+  var rows = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+  return Math.round((0, import_tamagui.getVariableValue)((0, import_get_token.getSize)(sizeToken)) * rows);
+}
+function clampRadius(radiusToken, maxTokenNum, fallback) {
+  if (!radiusToken) return fallback;
+  if (radiusToken === "$0") return 0;
+  if (typeof radiusToken === "string" && radiusToken.startsWith("$")) {
+    var num = Number.parseInt(radiusToken.slice(1), 10);
+    return num > maxTokenNum ? `$${maxTokenNum}` : radiusToken;
+  }
+  return radiusToken;
+}
+function clampRadiusForControl(radiusToken) {
+  var maxTokenNum = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 6;
+  return clampRadius(radiusToken, maxTokenNum, "$4");
+}
+function clampRadiusForLargeComponent(radiusToken) {
+  var maxTokenNum = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
+  return clampRadius(radiusToken, maxTokenNum, "$3");
+}
+function getOTPCellRadius(radiusToken) {
+  if (radiusToken === "$12") return 1e3;
+  return clampRadiusForControl(radiusToken, 6);
+}
+var webShadow = {
+  $1: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
+  $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
+  $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
+};
+var nativeShadow = {
+  $1: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  $2: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6,
+    elevation: 4
+  },
+  $4: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 20,
+    elevation: 8
+  }
+};
+function elevationToProps(token) {
+  if (!token) return {};
+  if (import_tamagui.isWeb) return {
+    style: {
+      boxShadow: webShadow[token] || webShadow["$2"]
+    }
+  };
+  return nativeShadow[token] || nativeShadow["$2"];
+}
+function getElevationWrapperProps(knobProps, elevationRecipe) {
+  var _elevationRecipe_hoverKnobProps, _elevationRecipe_pressKnobProps, _elevationRecipe_focusVisibleKnobProps, _elevationRecipe_hoverKnobProps1, _elevationRecipe_pressKnobProps1, _elevationRecipe_focusVisibleKnobProps1;
+  var elevation = knobProps.elevation;
+  if (!elevation && !((_elevationRecipe_hoverKnobProps = elevationRecipe.hoverKnobProps) === null || _elevationRecipe_hoverKnobProps === void 0 ? void 0 : _elevationRecipe_hoverKnobProps.elevation) && !((_elevationRecipe_pressKnobProps = elevationRecipe.pressKnobProps) === null || _elevationRecipe_pressKnobProps === void 0 ? void 0 : _elevationRecipe_pressKnobProps.elevation) && !((_elevationRecipe_focusVisibleKnobProps = elevationRecipe.focusVisibleKnobProps) === null || _elevationRecipe_focusVisibleKnobProps === void 0 ? void 0 : _elevationRecipe_focusVisibleKnobProps.elevation)) {
+    return {};
+  }
+  var props = {
+    elevation,
+    overflow: "visible",
+    ...elevationToProps(elevation)
+  };
+  if ((_elevationRecipe_hoverKnobProps1 = elevationRecipe.hoverKnobProps) === null || _elevationRecipe_hoverKnobProps1 === void 0 ? void 0 : _elevationRecipe_hoverKnobProps1.elevation) {
+    props.hoverStyle = elevationToProps(elevationRecipe.hoverKnobProps.elevation);
+  }
+  if ((_elevationRecipe_pressKnobProps1 = elevationRecipe.pressKnobProps) === null || _elevationRecipe_pressKnobProps1 === void 0 ? void 0 : _elevationRecipe_pressKnobProps1.elevation) {
+    props.pressStyle = elevationToProps(elevationRecipe.pressKnobProps.elevation);
+  }
+  if ((_elevationRecipe_focusVisibleKnobProps1 = elevationRecipe.focusVisibleKnobProps) === null || _elevationRecipe_focusVisibleKnobProps1 === void 0 ? void 0 : _elevationRecipe_focusVisibleKnobProps1.elevation) {
+    props.focusVisibleStyle = elevationToProps(elevationRecipe.focusVisibleKnobProps.elevation);
+  }
+  if (knobProps.transition) props.animation = knobProps.transition;
+  return props;
+}
+function useFormField(props) {
+  var formContext = (0, import_Form.useFormContext)();
+  var resolvedForm = props.form || formContext || void 0;
+  var resolved = (0, import_theme.useResolvedKnobs)({
+    compact: props.compact
+  });
+  var generatedId = (0, import_react.useId)();
+  var id = props.id || generatedId;
+  return {
+    resolvedForm,
+    ...resolved,
+    id
+  };
+}
+function getFieldError(field, propError) {
+  var fieldError = field.state.meta.errors.length ? String(field.state.meta.errors[0]) : void 0;
+  return propError !== null && propError !== void 0 ? propError : fieldError;
+}
+var defaultIsEmpty = function defaultIsEmpty2(v) {
+  return v == null || v === "";
+};
+function useResolvedValidators(required, validators, label, name) {
+  var isEmpty = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : defaultIsEmpty;
+  return (0, import_react.useMemo)(function () {
+    if (!required) return validators;
+    var requiredValidator = function requiredValidator2(param) {
+      var {
+        value
+      } = param;
+      return isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
+    };
+    if (!validators) return {
+      onSubmit: requiredValidator
+    };
+    var existingOnSubmit = validators.onSubmit;
+    var composedOnSubmit = existingOnSubmit ? function (param) {
+      var {
+        value
+      } = param;
+      var _existingOnSubmit;
+      return (_existingOnSubmit = existingOnSubmit({
+        value
+      })) !== null && _existingOnSubmit !== void 0 ? _existingOnSubmit : requiredValidator({
+        value
+      });
+    } : requiredValidator;
+    return {
+      ...validators,
+      onSubmit: composedOnSubmit
+    };
+  }, [required, validators, label, name, isEmpty]);
+}
+function mergeFieldHandler(field, name, handler) {
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    field[name](...args);
+    handler === null || handler === void 0 ? void 0 : handler(...args);
+  };
+}
+function stripRadiusFromStateProps(props) {
+  if (!props || !("borderRadius" in props)) return props;
+  var {
+    borderRadius: _,
+    ...rest
+  } = props;
+  return Object.keys(rest).length > 0 ? rest : void 0;
+}
+function clampRadiusInStateProps(props) {
+  var maxTokenNum = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 6;
+  if (!props || !("borderRadius" in props)) return props;
+  var {
+    borderRadius,
+    ...rest
+  } = props;
+  var clamped = clampRadiusForControl(borderRadius, maxTokenNum);
+  return {
+    ...rest,
+    borderRadius: clamped
+  };
+}
+//# sourceMappingURL=utils.native.js.map

package/dist/cjs/shared/utils.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","getFieldHeight","getOTPCellRadius","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","module","exports","import_react","require","import_theme","import_tamagui","import_get_token","import_Form","sizeToken","rows","arguments","length","Math","round","getVariableValue","getSize","clampRadius","radiusToken","maxTokenNum","fallback","startsWith","num","Number","parseInt","slice","webShadow","$1","$2","$4","nativeShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","elevationToProps","token","isWeb","style","boxShadow","knobProps","elevationRecipe","_elevationRecipe_hoverKnobProps","_elevationRecipe_pressKnobProps","_elevationRecipe_focusVisibleKnobProps","_elevationRecipe_hoverKnobProps1","_elevationRecipe_pressKnobProps1","_elevationRecipe_focusVisibleKnobProps1","hoverKnobProps","pressKnobProps","focusVisibleKnobProps","props","overflow","hoverStyle","pressStyle","focusVisibleStyle","transition","animation","formContext","useFormContext","resolvedForm","form","resolved","useResolvedKnobs","compact","generatedId","useId","id","field","propError","fieldError","state","meta","errors","String","defaultIsEmpty","defaultIsEmpty2","v","required","validators","label","name"],"sources":["../../../src/shared/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/utils.spec.cjs

@@ -0,0 +1,157 @@
+var import_vitest = require("vitest");
+var import_utils = require("./utils.cjs");
+(0, import_vitest.describe)("clampRadiusForControl", () => {
+  (0, import_vitest.it)('returns "$4" fallback when undefined', () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)(void 0)).toBe("$4");
+  });
+  (0, import_vitest.it)("returns 0 for $0", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$0")).toBe(0);
+  });
+  (0, import_vitest.it)("passes through tokens within the limit", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$2")).toBe("$2");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$4")).toBe("$4");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$6")).toBe("$6");
+  });
+  (0, import_vitest.it)("clamps tokens exceeding the max", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$12")).toBe("$6");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$8")).toBe("$6");
+  });
+  (0, import_vitest.it)("uses custom max token number", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$5", 4)).toBe("$4");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("$3", 4)).toBe("$3");
+  });
+  (0, import_vitest.it)("passes through non-token strings", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForControl)("10px")).toBe("10px");
+  });
+});
+(0, import_vitest.describe)("clampRadiusForLargeComponent", () => {
+  (0, import_vitest.it)('returns "$3" fallback when undefined', () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)(void 0)).toBe("$3");
+  });
+  (0, import_vitest.it)("returns 0 for $0", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)("$0")).toBe(0);
+  });
+  (0, import_vitest.it)("clamps to $4 by default", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)("$12")).toBe("$4");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)("$6")).toBe("$4");
+  });
+  (0, import_vitest.it)("passes through tokens within the limit", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)("$2")).toBe("$2");
+    (0, import_vitest.expect)((0, import_utils.clampRadiusForLargeComponent)("$4")).toBe("$4");
+  });
+});
+(0, import_vitest.describe)("getOTPCellRadius", () => {
+  (0, import_vitest.it)("returns 1000 for $12 (full/circular)", () => {
+    (0, import_vitest.expect)((0, import_utils.getOTPCellRadius)("$12")).toBe(1e3);
+  });
+  (0, import_vitest.it)("clamps other tokens via clampRadiusForControl", () => {
+    (0, import_vitest.expect)((0, import_utils.getOTPCellRadius)("$4")).toBe("$4");
+    (0, import_vitest.expect)((0, import_utils.getOTPCellRadius)("$8")).toBe("$6");
+  });
+  (0, import_vitest.it)("returns $4 fallback for undefined", () => {
+    (0, import_vitest.expect)((0, import_utils.getOTPCellRadius)(void 0)).toBe("$4");
+  });
+});
+(0, import_vitest.describe)("stripRadiusFromStateProps", () => {
+  (0, import_vitest.it)("returns undefined/null props as-is", () => {
+    (0, import_vitest.expect)((0, import_utils.stripRadiusFromStateProps)(void 0)).toBeUndefined();
+  });
+  (0, import_vitest.it)("returns props unchanged when no borderRadius", () => {
+    const props = {
+      color: "red",
+      opacity: 1
+    };
+    (0, import_vitest.expect)((0, import_utils.stripRadiusFromStateProps)(props)).toBe(props);
+  });
+  (0, import_vitest.it)("removes borderRadius and keeps other props", () => {
+    const result = (0, import_utils.stripRadiusFromStateProps)({
+      borderRadius: "$4",
+      color: "blue"
+    });
+    (0, import_vitest.expect)(result).toEqual({
+      color: "blue"
+    });
+    (0, import_vitest.expect)(result).not.toHaveProperty("borderRadius");
+  });
+  (0, import_vitest.it)("returns undefined when borderRadius was the only prop", () => {
+    (0, import_vitest.expect)((0, import_utils.stripRadiusFromStateProps)({
+      borderRadius: "$4"
+    })).toBeUndefined();
+  });
+});
+(0, import_vitest.describe)("clampRadiusInStateProps", () => {
+  (0, import_vitest.it)("returns undefined/null props as-is", () => {
+    (0, import_vitest.expect)((0, import_utils.clampRadiusInStateProps)(void 0)).toBeUndefined();
+  });
+  (0, import_vitest.it)("returns props unchanged when no borderRadius", () => {
+    const props = {
+      color: "red"
+    };
+    (0, import_vitest.expect)((0, import_utils.clampRadiusInStateProps)(props)).toBe(props);
+  });
+  (0, import_vitest.it)("clamps borderRadius in the props", () => {
+    const result = (0, import_utils.clampRadiusInStateProps)({
+      borderRadius: "$12",
+      color: "blue"
+    });
+    (0, import_vitest.expect)(result).toEqual({
+      borderRadius: "$6",
+      color: "blue"
+    });
+  });
+  (0, import_vitest.it)("uses custom max token number", () => {
+    const result = (0, import_utils.clampRadiusInStateProps)({
+      borderRadius: "$8",
+      color: "blue"
+    }, 4);
+    (0, import_vitest.expect)(result).toEqual({
+      borderRadius: "$4",
+      color: "blue"
+    });
+  });
+});
+(0, import_vitest.describe)("getFieldError", () => {
+  function makeField(errors) {
+    return {
+      state: {
+        meta: {
+          errors
+        }
+      }
+    };
+  }
+  (0, import_vitest.it)("returns propError when provided", () => {
+    (0, import_vitest.expect)((0, import_utils.getFieldError)(makeField(["field error"]), "prop error")).toBe("prop error");
+  });
+  (0, import_vitest.it)("returns field error when no propError", () => {
+    (0, import_vitest.expect)((0, import_utils.getFieldError)(makeField(["validation failed"]))).toBe("validation failed");
+  });
+  (0, import_vitest.it)("returns undefined when no errors", () => {
+    (0, import_vitest.expect)((0, import_utils.getFieldError)(makeField([]))).toBeUndefined();
+  });
+  (0, import_vitest.it)("returns false propError over field error", () => {
+    (0, import_vitest.expect)((0, import_utils.getFieldError)(makeField(["field error"]), false)).toBe(false);
+  });
+});
+(0, import_vitest.describe)("mergeFieldHandler", () => {
+  (0, import_vitest.it)("calls both field handler and custom handler", () => {
+    const fieldBlur = import_vitest.vi.fn();
+    const customHandler = import_vitest.vi.fn();
+    const field = {
+      handleBlur: fieldBlur
+    };
+    const merged = (0, import_utils.mergeFieldHandler)(field, "handleBlur", customHandler);
+    merged("arg1", "arg2");
+    (0, import_vitest.expect)(fieldBlur).toHaveBeenCalledWith("arg1", "arg2");
+    (0, import_vitest.expect)(customHandler).toHaveBeenCalledWith("arg1", "arg2");
+  });
+  (0, import_vitest.it)("works without a custom handler", () => {
+    const fieldChange = import_vitest.vi.fn();
+    const field = {
+      handleChange: fieldChange
+    };
+    const merged = (0, import_utils.mergeFieldHandler)(field, "handleChange");
+    merged("value");
+    (0, import_vitest.expect)(fieldChange).toHaveBeenCalledWith("value");
+  });
+});