@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/jsx/fields/TimePicker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TimePicker_exports","TimePicker","formatTimeDisplay","import_parts2","isValidTimeString","parseTimeString","toTimeString","module","exports","import_jsx_runtime","require","import_react","import_Skeleton","import_fieldLayout","import_FloatingPanel","import_InputParts","import_t","import_utils","import_parts","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onChange","onBlur","disabled","readOnly","timeFormat","minuteStep","showSeconds","placeholder","t","clockIcon","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","internalValue","setInternalValue","_ref","useEffect","valueIsInvalid","trim","formatError","displayValue","useMemo","handleChange","useCallback","time","fieldChange","handleClear","renderTrigger","renderTrigger2","triggerValue","hasError","readonly","jsx","TimePickerInputTrigger","onOpen","onClear","panelContent","panelContent2","currentValue","onValueChange","TimePanel","FieldLayout","children","Skeleton","variant","width","height","sizeToken","renderField","renderField2","blurHandler","fieldValue","FloatingPanel","onOpenChange","isOpen","scrollable","sizing","fitContent","triggerA11y","hint","trigger","Input","Field","field","_field_state_value","resolvedError","getFieldError","state","fieldIsInvalid","fieldFormatError","fieldDisplay","mergeFieldHandler","v"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TimePicker_exports","TimePicker","formatTimeDisplay","import_parts2","isValidTimeString","parseTimeString","toTimeString","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_FloatingPanel","import_InputParts","import_t","import_utils","import_parts","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onChange","onBlur","disabled","readOnly","timeFormat","minuteStep","showSeconds","placeholder","t","clockIcon","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","internalValue","setInternalValue","_ref","useEffect","valueIsInvalid","trim","formatError","displayValue","useMemo","handleChange","useCallback","time","fieldChange","handleClear","renderTrigger","renderTrigger2","triggerValue","hasError","readonly","jsx","TimePickerInputTrigger","onOpen","onClear","panelContent","panelContent2","currentValue","onValueChange","TimePanel","FieldLayout","children","Skeleton","variant","width","height","sizeToken","renderField","renderField2","blurHandler","fieldValue","FloatingPanel","onOpenChange","isOpen","sizing","widthMode","triggerA11y","hint","trigger","triggerEnd","isWeb","TimePickerClearButton","Input","Field","field","_field_state_value","resolvedError","getFieldError","state","fieldIsInvalid","fieldFormatError","fieldDisplay","mergeFieldHandler","v"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TimePicker_exports = {};\n__export(TimePicker_exports, {\n  TimePicker: () => TimePicker,\n  formatTimeDisplay: () => import_parts2.formatTimeDisplay,\n  isValidTimeString: () => import_parts2.isValidTimeString,\n  parseTimeString: () => import_parts2.parseTimeString,\n  toTimeString: () => import_parts2.toTimeString\n});\nmodule.exports = __toCommonJS(TimePicker_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_Skeleton = require(\"../../Skeleton\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_FloatingPanel = require(\"../../FloatingPanel\");\nvar import_InputParts = require(\"../../InputParts\");\nvar import_t = require(\"../../shared/t\");\nvar import_utils = require(\"../../shared/utils\");\nvar import_parts = require(\"./parts\");\nvar import_parts2 = require(\"./parts\");\nfunction TimePicker(param) {\n  var { name, form: formProp, validators, label, labelProps, helperText, error, required, size, id: idProp, value: valueProp, defaultValue, onChange, onBlur, disabled, readOnly, timeFormat = \"12h\", minuteStep = 5, showSeconds = false, placeholder = (0, import_t.t)(\"Select time\"), clockIcon, skeleton, compact } = param;\n  var { resolvedForm, knobProps, id } = (0, import_utils.useFormField)({\n    form: formProp,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);\n  var [open, setOpen] = (0, import_react.useState)(false);\n  var [internalValue, setInternalValue] = (0, import_react.useState)(function() {\n    var _ref;\n    return (_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : \"\";\n  });\n  (0, import_react.useEffect)(function() {\n    if (valueProp === void 0) return;\n    setInternalValue(valueProp);\n  }, [\n    valueProp\n  ]);\n  var value = internalValue;\n  var valueIsInvalid = !!value.trim() && !(0, import_parts.isValidTimeString)(value);\n  var formatError = valueIsInvalid ? (0, import_t.t)(\"Invalid time value\") : void 0;\n  var displayValue = (0, import_react.useMemo)(function() {\n    return valueIsInvalid ? \"\" : (0, import_parts.formatTimeDisplay)(value, timeFormat, showSeconds);\n  }, [\n    value,\n    valueIsInvalid,\n    timeFormat,\n    showSeconds\n  ]);\n  var handleChange = (0, import_react.useCallback)(function(time, fieldChange) {\n    setInternalValue(time);\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(time);\n    onChange === null || onChange === void 0 ? void 0 : onChange(time);\n  }, [\n    onChange\n  ]);\n  var handleClear = (0, import_react.useCallback)(function(fieldChange) {\n    handleChange(\"\", fieldChange);\n  }, [\n    handleChange\n  ]);\n  var renderTrigger = function renderTrigger2(triggerValue, hasError, fieldChange, readonly) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePickerInputTrigger, {\n      value: triggerValue,\n      placeholder,\n      disabled,\n      error: hasError,\n      id,\n      clockIcon,\n      onOpen: function onOpen() {\n        return setOpen(true);\n      },\n      onClear: function onClear() {\n        return handleClear(fieldChange);\n      },\n      \"aria-label\": label ? void 0 : (0, import_t.t)(\"Time\"),\n      \"aria-readonly\": readonly || void 0,\n      \"aria-required\": required || void 0,\n      \"aria-invalid\": hasError || void 0\n    });\n  };\n  var panelContent = function panelContent2(currentValue, onValueChange) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePanel, {\n      value: currentValue || \"00:00\",\n      onChange: onValueChange,\n      timeFormat,\n      minuteStep,\n      showSeconds\n    });\n  };\n  if (skeleton) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      size,\n      knobProps,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n        variant: \"rounded\",\n        width: \"100%\",\n        height: knobProps.sizeToken\n      })\n    });\n  }\n  var renderField = function renderField2(triggerValue, hasError, blurHandler, fieldChange, fieldValue) {\n    if (readOnly) {\n      return renderTrigger(triggerValue, hasError, void 0, true);\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {\n      open,\n      onOpenChange: function onOpenChange(isOpen) {\n        setOpen(isOpen);\n        if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n      },\n      disabled,\n      sizing: \"grow\",\n      widthMode: \"at-least-trigger\",\n      triggerA11y: {\n        label: typeof label === \"string\" && label || (0, import_t.t)(\"Time\"),\n        value: triggerValue || placeholder,\n        hint: typeof helperText === \"string\" ? helperText : void 0\n      },\n      trigger: renderTrigger(triggerValue, hasError, fieldChange),\n      triggerEnd: !import_tamagui.isWeb && triggerValue ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePickerClearButton, {\n        onClear: function onClear() {\n          return handleClear(fieldChange);\n        },\n        disabled\n      }) : void 0,\n      children: panelContent(fieldValue !== null && fieldValue !== void 0 ? fieldValue : value, function(time) {\n        return handleChange(time, fieldChange);\n      })\n    });\n  };\n  if (!resolvedForm || !name) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: error || formatError,\n      helperText,\n      required,\n      size,\n      knobProps,\n      onBlur,\n      disabled,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n        size: size || knobProps.sizeToken,\n        children: renderField(displayValue, !!error || valueIsInvalid, onBlur)\n      })\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {\n    form: resolvedForm,\n    name,\n    defaultValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var _field_state_value;\n      var resolvedError = (0, import_utils.getFieldError)(field, error);\n      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : \"\";\n      var fieldIsInvalid = !!fieldValue.trim() && !(0, import_parts.isValidTimeString)(fieldValue);\n      var fieldFormatError = fieldIsInvalid ? (0, import_t.t)(\"Invalid time value\") : void 0;\n      var fieldDisplay = fieldIsInvalid ? \"\" : (0, import_parts.formatTimeDisplay)(fieldValue, timeFormat, showSeconds);\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n        id,\n        label,\n        labelProps,\n        error: resolvedError || fieldFormatError,\n        helperText,\n        required,\n        size,\n        knobProps,\n        onBlur: (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur),\n        disabled,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n          size: size || knobProps.sizeToken,\n          children: renderField(fieldDisplay, !!resolvedError || fieldIsInvalid, (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur), function(v) {\n            return field.handleChange(v);\n          }, fieldValue)\n        })\n      });\n    }\n  });\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/TimePicker/parts.mjs

@@ -1,11 +1,11 @@
-import { Clock, X } from "@tamagui/lucide-icons-2";
-import { ensureFocusVisibleRing, useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
-import { useCallback, useMemo, useState } from "react";
-import { Text, View, isWeb } from "tamagui";
+import { ClockIcon, XIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { View, isWeb } from "tamagui";
 import { Input as InputParts } from "../../InputParts/index.mjs";
-import { formCommonColors, formInputColors, formSelectedColors } from "../../shared/colorRamps.mjs";
+import { formCommonColors } from "../../shared/colorRamps.mjs";
+import { TimeWheels } from "../../shared/TimeColumn.mjs";
 import { t } from "../../shared/t.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const timeStringRegex = /^([01]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/;
 function isValidTimeString(value) {
   return timeStringRegex.test(value.trim());
@@ -55,399 +55,6 @@ function to12Hour(h24) {
     period: h24 >= 12 ? "PM" : "AM"
   };
 }
-function pad2(n) {
-  return String(n).padStart(2, "0");
-}
-function wrap(n, min, max) {
-  const span = max - min + 1;
-  return min + ((n - min) % span + span) % span;
-}
-function snapToStep(raw, step, max = 59) {
-  const size = Math.max(1, step);
-  return wrap(Math.round(raw / size) * size, 0, max);
-}
-function polar(fraction, radius, cell, center) {
-  const angle = fraction * 2 * Math.PI - Math.PI / 2;
-  return {
-    left: center + radius * Math.cos(angle) - cell / 2,
-    top: center + radius * Math.sin(angle) - cell / 2
-  };
-}
-function angleFromPoint(x, y, center) {
-  let angle = Math.atan2(y - center, x - center) + Math.PI / 2;
-  if (angle < 0) angle += Math.PI * 2;
-  return angle / (Math.PI * 2);
-}
-function pipRadius(pointy) {
-  return pointy ? 0 : 9999;
-}
-function activateKeys(onPress) {
-  return e => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault?.();
-      onPress();
-    }
-  };
-}
-function ClockFaceButton({
-  label,
-  selected,
-  size,
-  left,
-  top,
-  pointy,
-  onPress
-}) {
-  const {
-    knobProps
-  } = useResolvedKnobs({
-    compact: true
-  });
-  const onAccent = useReadableTextOn(formSelectedColors.mark);
-  return /* @__PURE__ */jsx(View, {
-    position: "absolute",
-    left,
-    top,
-    width: size,
-    height: size,
-    borderRadius: pipRadius(pointy),
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 2,
-    role: "button",
-    "aria-label": label,
-    "aria-pressed": selected || void 0,
-    cursor: "pointer",
-    backgroundColor: selected ? formSelectedColors.mark : "transparent",
-    outlineWidth: 0,
-    focusStyle: {
-      outlineWidth: 0
-    },
-    focusVisibleStyle: ensureFocusVisibleRing({
-      outlineOffset: -2
-    }),
-    onPress: e => {
-      e.stopPropagation?.();
-      onPress();
-    },
-    ...(isWeb ? {
-      tabIndex: 0,
-      onKeyDown: activateKeys(onPress)
-    } : {
-      accessible: true
-    }),
-    children: /* @__PURE__ */jsx(Text, {
-      ...knobProps.label,
-      fontWeight: selected ? "700" : "500",
-      color: selected ? onAccent : formCommonColors.text,
-      userSelect: "none",
-      children: label
-    })
-  });
-}
-function ClockHand({
-  fraction,
-  length,
-  center
-}) {
-  const deg = fraction * 360 - 90;
-  return /* @__PURE__ */jsx(View, {
-    position: "absolute",
-    left: center,
-    top: center - 1.5,
-    width: length,
-    height: 3,
-    borderRadius: 2,
-    backgroundColor: formSelectedColors.mark,
-    zIndex: 1,
-    pointerEvents: "none",
-    style: isWeb ? {
-      transformOrigin: "left center",
-      transform: `rotate(${deg}deg)`
-    } : {
-      transform: [{
-        rotate: `${deg}deg`
-      }]
-    }
-  });
-}
-function ClockDial({
-  mode,
-  hour24,
-  minute,
-  second,
-  timeFormat,
-  minuteStep,
-  onSelectHour,
-  onSelectMinute,
-  onSelectSecond
-}) {
-  const {
-    knobProps
-  } = useResolvedKnobs({
-    compact: true
-  });
-  const cell = knobProps.nestedControl.px;
-  const size = cell * 8;
-  const center = size / 2;
-  const outerR = center - cell * 0.7;
-  const innerR = center - cell * 1.85;
-  const {
-    h: hour12
-  } = to12Hour(hour24);
-  const faceRadius = pipRadius(knobProps.pointy);
-  const ticks = useMemo(() => {
-    if (mode === "hour" && timeFormat === "24h") {
-      return [...Array.from({
-        length: 12
-      }, (_, i) => ({
-        value: i,
-        label: pad2(i),
-        radius: innerR,
-        selected: hour24 === i
-      })), ...Array.from({
-        length: 12
-      }, (_, i) => ({
-        value: i + 12,
-        label: pad2(i + 12),
-        radius: outerR,
-        selected: hour24 === i + 12
-      }))];
-    }
-    if (mode === "hour") {
-      return Array.from({
-        length: 12
-      }, (_, i) => {
-        const value = i === 0 ? 12 : i;
-        return {
-          value,
-          label: String(value),
-          radius: outerR,
-          selected: hour12 === value
-        };
-      });
-    }
-    const step = mode === "minute" ? Math.max(1, minuteStep) : 1;
-    const labelStep = step >= 5 && 60 % step === 0 ? step : 5;
-    const current = mode === "minute" ? minute : second;
-    return Array.from({
-      length: Math.floor(60 / labelStep)
-    }, (_, i) => {
-      const value = i * labelStep;
-      return {
-        value,
-        label: pad2(value),
-        radius: outerR,
-        selected: current === value
-      };
-    });
-  }, [mode, timeFormat, hour24, hour12, minute, second, minuteStep, innerR, outerR]);
-  const handFraction = mode === "hour" ? timeFormat === "24h" ? hour24 % 12 / 12 : hour12 / 12 : mode === "minute" ? minute / 60 : second / 60;
-  const handLength = mode === "hour" && timeFormat === "24h" && hour24 < 12 ? innerR : outerR;
-  const pickFromPoint = useCallback((x, y) => {
-    const dist = Math.hypot(x - center, y - center);
-    if (dist < cell * 0.4 || dist > center) return;
-    const frac = angleFromPoint(x, y, center);
-    if (mode === "hour") {
-      const hour12Pick = Math.round(frac * 12) % 12;
-      if (timeFormat === "24h") {
-        const inner = dist < (innerR + outerR) / 2;
-        onSelectHour(inner ? hour12Pick : hour12Pick + 12);
-        return;
-      }
-      onSelectHour(to24Hour(hour12Pick === 0 ? 12 : hour12Pick, hour24 >= 12 ? "PM" : "AM"));
-      return;
-    }
-    const raw = Math.round(frac * 60) % 60;
-    if (mode === "minute") onSelectMinute(snapToStep(raw, minuteStep));else onSelectSecond(snapToStep(raw, 1));
-  }, [center, cell, innerR, outerR, mode, timeFormat, hour24, minuteStep, onSelectHour, onSelectMinute, onSelectSecond]);
-  return /* @__PURE__ */jsxs(View, {
-    width: size,
-    height: size,
-    alignSelf: "center",
-    position: "relative",
-    "data-testid": "time-picker-dial",
-    role: "group",
-    "aria-label": mode === "hour" ? t("Hour") : mode === "minute" ? t("Min") : t("Sec"),
-    children: [/* @__PURE__ */jsx(View, {
-      width: size,
-      height: size,
-      borderRadius: faceRadius === 9999 ? size / 2 : 0,
-      backgroundColor: formInputColors.background.focus,
-      cursor: "pointer",
-      onPress: e => {
-        const ne = e.nativeEvent;
-        if (typeof ne.locationX === "number" && typeof ne.locationY === "number") {
-          pickFromPoint(ne.locationX, ne.locationY);
-        }
-      }
-    }), /* @__PURE__ */jsx(ClockHand, {
-      fraction: handFraction,
-      length: handLength,
-      center
-    }), /* @__PURE__ */jsx(View, {
-      position: "absolute",
-      left: center + handLength * Math.cos(handFraction * 2 * Math.PI - Math.PI / 2) - cell / 2,
-      top: center + handLength * Math.sin(handFraction * 2 * Math.PI - Math.PI / 2) - cell / 2,
-      width: cell,
-      height: cell,
-      borderRadius: pipRadius(knobProps.pointy),
-      backgroundColor: formSelectedColors.mark,
-      zIndex: 1,
-      pointerEvents: "none"
-    }), /* @__PURE__ */jsx(View, {
-      position: "absolute",
-      left: center - 5,
-      top: center - 5,
-      width: 10,
-      height: 10,
-      borderRadius: pipRadius(knobProps.pointy),
-      backgroundColor: formSelectedColors.mark,
-      zIndex: 3,
-      pointerEvents: "none"
-    }), ticks.map(tick => {
-      const fraction = mode === "hour" ? tick.value % 12 / 12 : tick.value / 60;
-      const pos = polar(fraction, tick.radius, cell, center);
-      return /* @__PURE__ */jsx(ClockFaceButton, {
-        label: tick.label,
-        selected: tick.selected,
-        size: cell,
-        left: pos.left,
-        top: pos.top,
-        pointy: knobProps.pointy,
-        onPress: () => {
-          if (mode === "hour") {
-            onSelectHour(timeFormat === "24h" ? tick.value : to24Hour(tick.value, hour24 >= 12 ? "PM" : "AM"));
-          } else if (mode === "minute") {
-            onSelectMinute(tick.value);
-          } else {
-            onSelectSecond(tick.value);
-          }
-        }
-      }, `${tick.radius}-${tick.value}`);
-    })]
-  });
-}
-function TimeSegment({
-  value,
-  selected,
-  label,
-  onPress,
-  onStep
-}) {
-  const {
-    knobProps
-  } = useResolvedKnobs({
-    compact: true
-  });
-  const onAccent = useReadableTextOn(formSelectedColors.mark);
-  const minWidth = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */jsx(View, {
-    role: "button",
-    "aria-label": label,
-    "aria-pressed": selected || void 0,
-    cursor: "pointer",
-    minWidth,
-    minHeight: knobProps.nestedControl.px * 1.5,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: selected ? formSelectedColors.mark : formInputColors.background.focus,
-    borderRadius: knobProps.pointy ? 0 : knobProps.borderRadius.borderRadius,
-    outlineWidth: 0,
-    focusStyle: {
-      outlineWidth: 0
-    },
-    focusVisibleStyle: ensureFocusVisibleRing({
-      outlineOffset: -2
-    }),
-    onPress,
-    ...(knobProps.transition ? {
-      transition: knobProps.transition
-    } : void 0),
-    ...(isWeb ? {
-      tabIndex: 0,
-      onKeyDown: e => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault?.();
-          onPress();
-        } else if (e.key === "ArrowUp") {
-          e.preventDefault?.();
-          onStep(1);
-        } else if (e.key === "ArrowDown") {
-          e.preventDefault?.();
-          onStep(-1);
-        }
-      }
-    } : {
-      accessible: true
-    }),
-    children: /* @__PURE__ */jsx(Text, {
-      fontSize: "$8",
-      ...knobProps.heading,
-      fontWeight: "700",
-      color: selected ? onAccent : formCommonColors.text,
-      userSelect: "none",
-      children: value
-    })
-  });
-}
-function PeriodToggle({
-  selected,
-  onChange
-}) {
-  const {
-    knobProps
-  } = useResolvedKnobs({
-    compact: true
-  });
-  const onAccent = useReadableTextOn(formSelectedColors.mark);
-  return /* @__PURE__ */jsx(View, {
-    overflow: "hidden",
-    borderRadius: knobProps.pointy ? 0 : knobProps.borderRadius.borderRadius,
-    role: "radiogroup",
-    "aria-label": t("AM/PM"),
-    children: ["AM", "PM"].map(period => {
-      const isSelected = period === selected;
-      const onPress = () => onChange(period);
-      return /* @__PURE__ */jsx(View, {
-        role: "radio",
-        "aria-checked": isSelected,
-        cursor: "pointer",
-        width: knobProps.nestedControl.px * 1.75,
-        height: knobProps.nestedControl.px * 1.15,
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: isSelected ? formSelectedColors.mark : formInputColors.background.focus,
-        outlineWidth: 0,
-        focusStyle: {
-          outlineWidth: 0
-        },
-        focusVisibleStyle: ensureFocusVisibleRing({
-          outlineOffset: -2
-        }),
-        onPress,
-        ...(knobProps.transition ? {
-          transition: knobProps.transition
-        } : void 0),
-        ...(isWeb ? {
-          tabIndex: 0,
-          onKeyDown: activateKeys(onPress)
-        } : {
-          accessible: true
-        }),
-        children: /* @__PURE__ */jsx(Text, {
-          ...knobProps.label,
-          fontWeight: isSelected ? "700" : "500",
-          color: isSelected ? onAccent : formCommonColors.text,
-          userSelect: "none",
-          children: period
-        })
-      }, period);
-    })
-  });
-}
 function TimePanel({
   value,
   onChange,
@@ -460,88 +67,41 @@ function TimePanel({
   } = useResolvedKnobs({
     compact: true
   });
-  const [mode, setMode] = useState("hour");
   const {
     h,
     m,
     s
   } = parseTimeString(value);
-  const {
-    h: hour12,
-    period
-  } = to12Hour(h);
-  const emit = useCallback((newH, newM, newS) => {
-    onChange(showSeconds ? toTimeString(newH, newM, newS) : toTimeString(newH, newM));
-  }, [onChange, showSeconds]);
-  const handleHour = useCallback(hour24 => {
-    emit(hour24, m, s);
-    setMode("minute");
-  }, [emit, m, s]);
-  const handleMinute = useCallback(next => {
-    emit(h, next, s);
-    if (showSeconds) setMode("second");
-  }, [emit, h, s, showSeconds]);
-  return /* @__PURE__ */jsxs(View, {
-    alignItems: "center",
+  return /* @__PURE__ */jsx(View, {
+    width: "100%",
     ...knobProps.panelPadding,
-    ...knobProps.gapLg,
     "data-testid": "time-picker-panel",
-    children: [/* @__PURE__ */jsxs(View, {
-      flexDirection: "row",
-      alignItems: "center",
-      ...knobProps.gap,
-      children: [/* @__PURE__ */jsx(TimeSegment, {
-        value: timeFormat === "24h" ? pad2(h) : pad2(hour12),
-        selected: mode === "hour",
-        label: t("Hour"),
-        onPress: () => setMode("hour"),
-        onStep: delta => {
-          if (timeFormat === "24h") emit(wrap(h + delta, 0, 23), m, s);else emit(to24Hour(wrap(hour12 + delta, 1, 12), period), m, s);
-        }
-      }), /* @__PURE__ */jsx(Text, {
-        fontSize: "$8",
-        ...knobProps.heading,
-        color: formCommonColors.text,
-        userSelect: "none",
-        children: ":"
-      }), /* @__PURE__ */jsx(TimeSegment, {
-        value: pad2(m),
-        selected: mode === "minute",
-        label: t("Min"),
-        onPress: () => setMode("minute"),
-        onStep: delta => emit(h, snapToStep(m + delta * Math.max(1, minuteStep), minuteStep), s)
-      }), showSeconds ? /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(Text, {
-          fontSize: "$8",
-          ...knobProps.heading,
-          color: formCommonColors.text,
-          userSelect: "none",
-          children: ":"
-        }), /* @__PURE__ */jsx(TimeSegment, {
-          value: pad2(s),
-          selected: mode === "second",
-          label: t("Sec"),
-          onPress: () => setMode("second"),
-          onStep: delta => emit(h, m, wrap(s + delta, 0, 59))
-        })]
-      }) : null, timeFormat === "12h" ? /* @__PURE__ */jsx(PeriodToggle, {
-        selected: period,
-        onChange: next => {
-          if (next === period) return;
-          emit(to24Hour(hour12, next), m, s);
-        }
-      }) : null]
-    }), /* @__PURE__ */jsx(ClockDial, {
-      mode: showSeconds && mode === "second" ? "second" : mode === "minute" ? "minute" : "hour",
+    children: /* @__PURE__ */jsx(TimeWheels, {
       hour24: h,
       minute: m,
       second: s,
       timeFormat,
       minuteStep,
-      onSelectHour: handleHour,
-      onSelectMinute: handleMinute,
-      onSelectSecond: next => emit(h, m, next)
-    })]
+      showSeconds,
+      onChange: (hour24, minute, second) => onChange(showSeconds ? toTimeString(hour24, minute, second) : toTimeString(hour24, minute))
+    })
+  });
+}
+function TimePickerClearButton({
+  onClear,
+  disabled
+}) {
+  return /* @__PURE__ */jsx(InputParts.Button, {
+    "data-testid": "time-picker-clear",
+    "aria-label": t("Clear time"),
+    disabled,
+    onPress: e => {
+      e.stopPropagation();
+      onClear();
+    },
+    children: /* @__PURE__ */jsx(InputParts.Icon, {
+      children: /* @__PURE__ */jsx(XIcon, {})
+    })
   });
 }
 function TimePickerInputTrigger({
@@ -573,43 +133,42 @@ function TimePickerInputTrigger({
         pointerEvents: "none"
       } : void 0),
       children: [/* @__PURE__ */jsx(InputParts.Section, {
+        "data-testid": "time-picker-glyph",
         children: /* @__PURE__ */jsx(InputParts.Icon, {
           adornment: "leading",
-          children: clockIcon ?? /* @__PURE__ */jsx(Clock, {})
+          color: formCommonColors.muted,
+          children: clockIcon ?? /* @__PURE__ */jsx(ClockIcon, {})
         })
-      }), /* @__PURE__ */jsx(InputParts.Area, {
-        readOnly: true,
-        pointerEvents: "none",
-        id,
-        value,
-        placeholder,
-        disabled,
-        color: formCommonColors.text,
-        "aria-label": ariaLabel,
-        "aria-required": ariaRequired,
-        "aria-invalid": ariaInvalid,
-        "aria-readonly": ariaReadonly,
-        onKeyPress: disabled ? void 0 : e => {
-          const key = e?.nativeEvent?.key ?? e?.key;
-          if (key === "Enter" || key === " " || key === "Spacebar") {
-            e?.preventDefault?.();
-            onOpen();
+      }), /* @__PURE__ */jsx(InputParts.Section, {
+        children: /* @__PURE__ */jsx(InputParts.Area, {
+          readOnly: true,
+          pointerEvents: "none",
+          id,
+          value,
+          placeholder,
+          disabled,
+          color: formCommonColors.text,
+          placeholderTextColor: formCommonColors.muted,
+          "aria-label": ariaLabel,
+          "aria-required": ariaRequired,
+          "aria-invalid": ariaInvalid,
+          "aria-readonly": ariaReadonly,
+          onKeyPress: disabled ? void 0 : e => {
+            const key = e?.nativeEvent?.key ?? e?.key;
+            if (key === "Enter" || key === " " || key === "Spacebar") {
+              e?.preventDefault?.();
+              onOpen();
+            }
           }
-        }
-      }), value ? /* @__PURE__ */jsx(InputParts.Section, {
-        children: /* @__PURE__ */jsx(InputParts.Button, {
-          "aria-label": t("Clear time"),
-          onPress: e => {
-            e.stopPropagation();
-            onClear();
-          },
-          children: /* @__PURE__ */jsx(InputParts.Icon, {
-            children: /* @__PURE__ */jsx(X, {})
-          })
+        })
+      }), value && isWeb ? /* @__PURE__ */jsx(InputParts.Section, {
+        children: /* @__PURE__ */jsx(TimePickerClearButton, {
+          onClear,
+          disabled
         })
       }) : null]
     })
   });
 }
-export { ClockDial, TimePanel, TimePickerInputTrigger, formatTimeDisplay, isValidTimeString, parseTimeString, to12Hour, to24Hour, toTimeString };
+export { TimePanel, TimePickerClearButton, TimePickerInputTrigger, formatTimeDisplay, isValidTimeString, parseTimeString, to12Hour, to24Hour, toTimeString };
 //# sourceMappingURL=parts.mjs.map