@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/esm/index.native.js

@@ -1,19 +1,23 @@
-import { Form, FormActions, useFormContext, useFormValidate, useEffectiveValidateOn, resolveEffectiveValidateOn, remapValidatorsForTiming, FormValidateContext } from "./Form/index.native.js";
+import { Form, FormActions, useFormContext, useFormValidate, useFormSaveMode, useEffectiveValidateOn, resolveEffectiveValidateOn, remapValidatorsForTiming, FormValidateContext, FormSaveModeContext } from "./Form/index.native.js";
+import { ContextualSaveBar, clientKnownIdentity, commitImmediateField } from "./ContextualSaveBar/index.native.js";
 import { ErrorSummary, collectFormFieldErrors, formatFieldError, normalizeFieldError, warnBannedErrorWords } from "./ErrorSummary.native.js";
 import { Field, FieldLayout } from "./fieldLayout.native.js";
 import { RequiredMarkingContext, useRequiredMarking, computeRequiredMarkMode, formatRequiredMarkSuffix, mapHouseRequiredMarking } from "./requiredMarking.native.js";
-import { FIELD_WIDTH_BY_PURPOSE, resolveFieldPurpose, resolveFieldWidth, fieldWidthStyle, isFieldPurpose } from "./fieldDefaults.native.js";
+import { FIELD_WIDTH_BY_PURPOSE, LABEL_COLUMN_MAX_CH, LABEL_COLUMN_WIDTH, resolveFieldPurpose, resolveFieldWidth, fieldWidthStyle, isFieldPurpose } from "./fieldDefaults.native.js";
 import { formatActionLabel } from "./actionLabel.native.js";
 import { Button } from "./Button/index.native.js";
 import { Input } from "./fields/Input/index.native.js";
+import { Input as Input2 } from "./InputParts/index.native.js";
 import { SearchInput } from "./fields/SearchInput/index.native.js";
 import { TextArea } from "./fields/TextArea/index.native.js";
 import { Select } from "./fields/Select/index.native.js";
 import { Combobox } from "./fields/Combobox/index.native.js";
+import { orderOptionsBySelected } from "./fields/selectedOrder.native.js";
 import { Checkbox, Checkboxes, CheckboxGroup } from "./fields/Checkbox/index.native.js";
 import { Switch } from "./fields/Switch/index.native.js";
 import { RadioGroup } from "./fields/RadioGroup/index.native.js";
 import { Slider } from "./fields/Slider/index.native.js";
+import { TimeRangeScrubber } from "./fields/TimeRangeScrubber/index.native.js";
 import { ToggleGroup } from "./fields/ToggleGroup/index.native.js";
 import { Label } from "./Label/index.native.js";
 import { Spinner } from "./Spinner/index.native.js";
@@ -25,6 +29,7 @@ import { ColorPicker } from "./fields/ColorPicker/index.native.js";
 import { PresetSwatches } from "./fields/ColorPicker/parts.native.js";
 import { MentionInput } from "./fields/MentionInput/index.native.js";
 import { Stepper } from "./fields/Stepper/index.native.js";
+import { resolveStepperPlacement } from "./fields/Stepper/resolveStepperPlacement.native.js";
 import { FileUpload } from "./fields/FileUpload/index.native.js";
 import { Rating } from "./fields/Rating/index.native.js";
 import { Duration } from "./fields/Duration/index.native.js";
@@ -34,27 +39,29 @@ import { Barcode } from "./fields/Barcode/index.native.js";
 import { BarcodePreview } from "./fields/Barcode/BarcodePreview.native.js";
 import { Geolocation } from "./fields/Geolocation/index.native.js";
 import { ImageField } from "./fields/ImageField/index.native.js";
-import { FieldDisplay } from "./FieldDisplay/index.native.js";
+import { Icon, DRAWN_ICON_NAMES, DrawnIcon, filterDrawnIcons, isDrawnIconName, parseIconOptions, resolveIconCatalog } from "./fields/Icon/index.native.js";
+import { DescriptionListSlotProvider, FieldDisplay, useIsInDescriptionList } from "./FieldDisplay/index.native.js";
 import { FIELD_EDIT_MODE, getEditMode } from "./FieldDisplay/editMode.native.js";
 import { formatDateText, formatNumericText } from "./FieldDisplay/formatters.native.js";
 import { Table } from "./Table/index.native.js";
 import { FloatingPanel, useFloatingPanel, useViewportGtSm, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding } from "./FloatingPanel/index.native.js";
-import { AdaptivePopup } from "./AdaptivePopup/index.native.js";
+import { AdaptivePopup, pickAdaptivePopupFace } from "./AdaptivePopup/index.native.js";
 import { ControlGroup } from "./ControlGroup/index.native.js";
 import { FormGrid, FORM_GRID_COLLAPSE_WIDTH } from "./FormGrid.native.js";
+import { DescriptionList, PropertyList } from "./DescriptionList/index.native.js";
 import { FieldGroup } from "./FieldGroup.native.js";
 import { FormSection, FormSectionStack, Fieldset } from "./FormSection.native.js";
 import { formFieldGap, formSectionGap, formReadableMaxWidth } from "./formSpacing.native.js";
-import { InputContext, InputContainerFrame, InputIconFrame, InputFieldMeta, InputInfo, InputLabel, FocusContext, useForwardFocus, defaultInputGroupStyles, inputSizeVariant } from "./InputParts/index.native.js";
+import { InputContext, InputContainerFrame, InputIconFrame, InputFieldMeta, InputInfo, InputLabel, FocusContext, useForwardFocus, defaultInputGroupStyles, inputSizeVariant, mapKeyboardTypeToInputMode, mapInputModeToKeyboardType, KEYBOARD_TO_INPUT_MODE, INPUT_MODE_TO_KEYBOARD } from "./InputParts/index.native.js";
 import { useControlGrouped } from "./shared/groupContext.native.js";
 import { useFocusManagement, focusFirstInvalid, focusFieldTarget } from "./hooks/useFocusManagement.native.js";
-import { useFormField, getFieldError, mergeFieldHandler, useResolvedValidators, clampRadiusForControl, clampRadiusForLargeComponent } from "./shared/utils.native.js";
+import { useFormField, getFieldError, mergeFieldHandler, useResolvedValidators, clampRadiusForControl, clampRadiusForLargeComponent, clampRadiusInStateProps } from "./shared/utils.native.js";
 import { TableCellContext, useTableCellContext, useIsInTableCell } from "./shared/tableCellContext.native.js";
-import { formCommonColors } from "./shared/colorRamps.native.js";
+import { formCommonColors, formDropzoneColors } from "./shared/colorRamps.native.js";
 import { Chip, ChipFrame, ChipText, chipIconSize } from "./Chip/index.native.js";
 import { Skeleton, SkeletonText, SkeletonCircle } from "./Skeleton/index.native.js";
 import { Wheel } from "./Wheel/index.native.js";
 import { zIndex } from "./shared/zIndex.native.js";
 import { useForm } from "@tanstack/react-form";
-export { AdaptivePopup, Barcode, BarcodePreview, Button, Calendar, Checkbox, CheckboxGroup, Checkboxes, Chip, ChipFrame, ChipText, ColorPicker, Combobox, ControlGroup, DatePicker, DateRangePicker, DatetimePicker, Duration, ErrorSummary, FIELD_EDIT_MODE, FIELD_WIDTH_BY_PURPOSE, FORM_GRID_COLLAPSE_WIDTH, Field, FieldDisplay, FieldGroup, FieldLayout, Fieldset, FileUpload, FloatingPanel, FocusContext, Form, FormActions, FormGrid, FormSection, FormSectionStack, FormValidateContext, Geolocation, ImageField, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, Label, MentionInput, MonthPicker, MultiDatePicker, OTPInput, PhoneInput, PresetSwatches, Progress, RadioGroup, Rating, RequiredMarkingContext, SearchInput, Select, Signature, Skeleton, SkeletonCircle, SkeletonText, Slider, Spinner, Stepper, Switch, Table, TableCellContext, TextArea, TimePicker, ToggleGroup, Wheel, chipIconSize, clampRadiusForControl, clampRadiusForLargeComponent, collectFormFieldErrors, computeRequiredMarkMode, defaultInputGroupStyles, fieldWidthStyle, focusFieldTarget, focusFirstInvalid, formCommonColors, formFieldGap, formReadableMaxWidth, formSectionGap, formatActionLabel, formatDateText, formatFieldError, formatNumericText, formatRequiredMarkSuffix, getEditMode, getFieldError, inputSizeVariant, isFieldPurpose, mapHouseRequiredMarking, mergeFieldHandler, normalizeFieldError, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, remapValidatorsForTiming, resolveEffectiveValidateOn, resolveFieldPurpose, resolveFieldWidth, signatureValueToSvg, useControlGrouped, useEffectiveValidateOn, useFloatingPanel, useFocusManagement, useForm, useFormContext, useFormField, useFormValidate, useForwardFocus, useIsInTableCell, useRequiredMarking, useResolvedValidators, useTableCellContext, useViewportGtSm, warnBannedErrorWords, zIndex };
+export { AdaptivePopup, Barcode, BarcodePreview, Button, Calendar, Checkbox, CheckboxGroup, Checkboxes, Chip, ChipFrame, ChipText, ColorPicker, Combobox, ContextualSaveBar, ControlGroup, DRAWN_ICON_NAMES, DatePicker, DateRangePicker, DatetimePicker, DescriptionList, DescriptionListSlotProvider, DrawnIcon, Duration, ErrorSummary, FIELD_EDIT_MODE, FIELD_WIDTH_BY_PURPOSE, FORM_GRID_COLLAPSE_WIDTH, Field, FieldDisplay, FieldGroup, FieldLayout, Fieldset, FileUpload, FloatingPanel, FocusContext, Form, FormActions, FormGrid, FormSaveModeContext, FormSection, FormSectionStack, FormValidateContext, Geolocation, INPUT_MODE_TO_KEYBOARD, Icon, ImageField, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, Input2 as InputParts, KEYBOARD_TO_INPUT_MODE, LABEL_COLUMN_MAX_CH, LABEL_COLUMN_WIDTH, Label, MentionInput, MonthPicker, MultiDatePicker, OTPInput, PhoneInput, PresetSwatches, Progress, PropertyList, RadioGroup, Rating, RequiredMarkingContext, SearchInput, Select, Signature, Skeleton, SkeletonCircle, SkeletonText, Slider, Spinner, Stepper, Switch, Table, TableCellContext, TextArea, TimePicker, TimeRangeScrubber, ToggleGroup, Wheel, chipIconSize, clampRadiusForControl, clampRadiusForLargeComponent, clampRadiusInStateProps, clientKnownIdentity, collectFormFieldErrors, commitImmediateField, computeRequiredMarkMode, defaultInputGroupStyles, fieldWidthStyle, filterDrawnIcons, focusFieldTarget, focusFirstInvalid, formCommonColors, formDropzoneColors, formFieldGap, formReadableMaxWidth, formSectionGap, formatActionLabel, formatDateText, formatFieldError, formatNumericText, formatRequiredMarkSuffix, getEditMode, getFieldError, inputSizeVariant, isDrawnIconName, isFieldPurpose, mapHouseRequiredMarking, mapInputModeToKeyboardType, mapKeyboardTypeToInputMode, mergeFieldHandler, normalizeFieldError, orderOptionsBySelected, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, parseIconOptions, pickAdaptivePopupFace, remapValidatorsForTiming, resolveEffectiveValidateOn, resolveFieldPurpose, resolveFieldWidth, resolveIconCatalog, resolveStepperPlacement, signatureValueToSvg, useControlGrouped, useEffectiveValidateOn, useFloatingPanel, useFocusManagement, useForm, useFormContext, useFormField, useFormSaveMode, useFormValidate, useForwardFocus, useIsInDescriptionList, useIsInTableCell, useRequiredMarking, useResolvedValidators, useTableCellContext, useViewportGtSm, warnBannedErrorWords, zIndex };
 //# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Form","FormActions","useFormContext","useFormValidate","useEffectiveValidateOn","resolveEffectiveValidateOn","remapValidatorsForTiming","FormValidateContext","ErrorSummary","collectFormFieldErrors","formatFieldError","normalizeFieldError","warnBannedErrorWords","Field","FieldLayout","RequiredMarkingContext","useRequiredMarking","computeRequiredMarkMode","formatRequiredMarkSuffix","mapHouseRequiredMarking","FIELD_WIDTH_BY_PURPOSE","resolveFieldPurpose","resolveFieldWidth","fieldWidthStyle","isFieldPurpose","formatActionLabel","Button","Input","SearchInput","TextArea","Select","Combobox","Checkbox","Checkboxes","CheckboxGroup","Switch","RadioGroup","Slider","ToggleGroup","Label","Spinner","Progress","DatePicker","MultiDatePicker","DateRangePicker","Calendar","MonthPicker","DatetimePicker","OTPInput","PhoneInput","ColorPicker","PresetSwatches","MentionInput","Stepper","FileUpload","Rating","Duration","TimePicker","Signature","signatureValueToSvg","Barcode","BarcodePreview","Geolocation","ImageField","FieldDisplay","FIELD_EDIT_MODE","getEditMode","formatDateText","formatNumericText","Table","FloatingPanel","useFloatingPanel","useViewportGtSm","panelAnimationDuration","panelGrowDuration","panelTransition","panelViewportPadding","AdaptivePopup","ControlGroup","FormGrid","FORM_GRID_COLLAPSE_WIDTH","FieldGroup","FormSection","FormSectionStack","Fieldset","formFieldGap","formSectionGap","formReadableMaxWidth","InputContext","InputContainerFrame","InputIconFrame","InputFieldMeta","InputInfo","InputLabel","FocusContext","useForwardFocus","defaultInputGroupStyles","inputSizeVariant","useControlGrouped","useFocusManagement","focusFirstInvalid","focusFieldTarget","useFormField","getFieldError","mergeFieldHandler","useResolvedValidators","clampRadiusForControl","clampRadiusForLargeComponent","TableCellContext","useTableCellContext","useIsInTableCell","formCommonColors","Chip","ChipFrame","ChipText","chipIconSize","Skeleton","SkeletonText","SkeletonCircle","Wheel","zIndex","useForm"],"sources":["index.native.js"],"sourcesContent":["import { Form, FormActions, useFormContext, useFormValidate, useEffectiveValidateOn, resolveEffectiveValidateOn, remapValidatorsForTiming, FormValidateContext } from \"./Form\";\nimport { ErrorSummary, collectFormFieldErrors, formatFieldError, normalizeFieldError, warnBannedErrorWords } from \"./ErrorSummary\";\nimport { Field, FieldLayout } from \"./fieldLayout\";\nimport { RequiredMarkingContext, useRequiredMarking, computeRequiredMarkMode, formatRequiredMarkSuffix, mapHouseRequiredMarking } from \"./requiredMarking\";\nimport { FIELD_WIDTH_BY_PURPOSE, resolveFieldPurpose, resolveFieldWidth, fieldWidthStyle, isFieldPurpose } from \"./fieldDefaults\";\nimport { formatActionLabel } from \"./actionLabel\";\nimport { Button } from \"./Button\";\nimport { Input } from \"./fields/Input\";\nimport { SearchInput } from \"./fields/SearchInput\";\nimport { TextArea } from \"./fields/TextArea\";\nimport { Select } from \"./fields/Select\";\nimport { Combobox } from \"./fields/Combobox\";\nimport { Checkbox, Checkboxes, CheckboxGroup } from \"./fields/Checkbox\";\nimport { Switch } from \"./fields/Switch\";\nimport { RadioGroup } from \"./fields/RadioGroup\";\nimport { Slider } from \"./fields/Slider\";\nimport { ToggleGroup } from \"./fields/ToggleGroup\";\nimport { Label } from \"./Label\";\nimport { Spinner } from \"./Spinner\";\nimport { Progress } from \"./fields/Progress\";\nimport { DatePicker, MultiDatePicker, DateRangePicker, Calendar, MonthPicker, DatetimePicker } from \"./fields/DatePicker\";\nimport { OTPInput } from \"./fields/OTPInput\";\nimport { PhoneInput } from \"./fields/PhoneInput\";\nimport { ColorPicker } from \"./fields/ColorPicker\";\nimport { PresetSwatches } from \"./fields/ColorPicker/parts\";\nimport { MentionInput } from \"./fields/MentionInput\";\nimport { Stepper } from \"./fields/Stepper\";\nimport { FileUpload } from \"./fields/FileUpload\";\nimport { Rating } from \"./fields/Rating\";\nimport { Duration } from \"./fields/Duration\";\nimport { TimePicker } from \"./fields/TimePicker\";\nimport { Signature, signatureValueToSvg } from \"./fields/Signature\";\nimport { Barcode } from \"./fields/Barcode\";\nimport { BarcodePreview } from \"./fields/Barcode/BarcodePreview\";\nimport { Geolocation } from \"./fields/Geolocation\";\nimport { ImageField } from \"./fields/ImageField\";\nimport { FieldDisplay } from \"./FieldDisplay\";\nimport { FIELD_EDIT_MODE, getEditMode } from \"./FieldDisplay/editMode\";\nimport { formatDateText, formatNumericText } from \"./FieldDisplay/formatters\";\nimport { Table } from \"./Table\";\nimport { FloatingPanel, useFloatingPanel, useViewportGtSm, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding } from \"./FloatingPanel\";\nimport { AdaptivePopup } from \"./AdaptivePopup\";\nimport { ControlGroup } from \"./ControlGroup\";\nimport { FormGrid, FORM_GRID_COLLAPSE_WIDTH } from \"./FormGrid\";\nimport { FieldGroup } from \"./FieldGroup\";\nimport { FormSection, FormSectionStack, Fieldset } from \"./FormSection\";\nimport { formFieldGap, formSectionGap, formReadableMaxWidth } from \"./formSpacing\";\nimport { InputContext, InputContainerFrame, InputIconFrame, InputFieldMeta, InputInfo, InputLabel, FocusContext, useForwardFocus, defaultInputGroupStyles, inputSizeVariant } from \"./InputParts\";\nimport { useControlGrouped } from \"./shared/groupContext\";\nimport { useFocusManagement, focusFirstInvalid, focusFieldTarget } from \"./hooks/useFocusManagement\";\nimport { useFormField, getFieldError, mergeFieldHandler, useResolvedValidators, clampRadiusForControl, clampRadiusForLargeComponent } from \"./shared/utils\";\nimport { TableCellContext, useTableCellContext, useIsInTableCell } from \"./shared/tableCellContext\";\nimport { formCommonColors } from \"./shared/colorRamps\";\nimport { Chip, ChipFrame, ChipText, chipIconSize } from \"./Chip\";\nimport { Skeleton, SkeletonText, SkeletonCircle } from \"./Skeleton\";\nimport { Wheel } from \"./Wheel\";\nimport { zIndex } from \"./shared/zIndex\";\nimport { useForm } from \"@tanstack/react-form\";\nexport {\n  AdaptivePopup,\n  Barcode,\n  BarcodePreview,\n  Button,\n  Calendar,\n  Checkbox,\n  CheckboxGroup,\n  Checkboxes,\n  Chip,\n  ChipFrame,\n  ChipText,\n  ColorPicker,\n  Combobox,\n  ControlGroup,\n  DatePicker,\n  DateRangePicker,\n  DatetimePicker,\n  Duration,\n  ErrorSummary,\n  FIELD_EDIT_MODE,\n  FIELD_WIDTH_BY_PURPOSE,\n  FORM_GRID_COLLAPSE_WIDTH,\n  Field,\n  FieldDisplay,\n  FieldGroup,\n  FieldLayout,\n  Fieldset,\n  FileUpload,\n  FloatingPanel,\n  FocusContext,\n  Form,\n  FormActions,\n  FormGrid,\n  FormSection,\n  FormSectionStack,\n  FormValidateContext,\n  Geolocation,\n  ImageField,\n  Input,\n  InputContainerFrame,\n  InputContext,\n  InputFieldMeta,\n  InputIconFrame,\n  InputInfo,\n  InputLabel,\n  Label,\n  MentionInput,\n  MonthPicker,\n  MultiDatePicker,\n  OTPInput,\n  PhoneInput,\n  PresetSwatches,\n  Progress,\n  RadioGroup,\n  Rating,\n  RequiredMarkingContext,\n  SearchInput,\n  Select,\n  Signature,\n  Skeleton,\n  SkeletonCircle,\n  SkeletonText,\n  Slider,\n  Spinner,\n  Stepper,\n  Switch,\n  Table,\n  TableCellContext,\n  TextArea,\n  TimePicker,\n  ToggleGroup,\n  Wheel,\n  chipIconSize,\n  clampRadiusForControl,\n  clampRadiusForLargeComponent,\n  collectFormFieldErrors,\n  computeRequiredMarkMode,\n  defaultInputGroupStyles,\n  fieldWidthStyle,\n  focusFieldTarget,\n  focusFirstInvalid,\n  formCommonColors,\n  formFieldGap,\n  formReadableMaxWidth,\n  formSectionGap,\n  formatActionLabel,\n  formatDateText,\n  formatFieldError,\n  formatNumericText,\n  formatRequiredMarkSuffix,\n  getEditMode,\n  getFieldError,\n  inputSizeVariant,\n  isFieldPurpose,\n  mapHouseRequiredMarking,\n  mergeFieldHandler,\n  normalizeFieldError,\n  panelAnimationDuration,\n  panelGrowDuration,\n  panelTransition,\n  panelViewportPadding,\n  remapValidatorsForTiming,\n  resolveEffectiveValidateOn,\n  resolveFieldPurpose,\n  resolveFieldWidth,\n  signatureValueToSvg,\n  useControlGrouped,\n  useEffectiveValidateOn,\n  useFloatingPanel,\n  useFocusManagement,\n  useForm,\n  useFormContext,\n  useFormField,\n  useFormValidate,\n  useForwardFocus,\n  useIsInTableCell,\n  useRequiredMarking,\n  useResolvedValidators,\n  useTableCellContext,\n  useViewportGtSm,\n  warnBannedErrorWords,\n  zIndex\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Form","FormActions","useFormContext","useFormValidate","useFormSaveMode","useEffectiveValidateOn","resolveEffectiveValidateOn","remapValidatorsForTiming","FormValidateContext","FormSaveModeContext","ContextualSaveBar","clientKnownIdentity","commitImmediateField","ErrorSummary","collectFormFieldErrors","formatFieldError","normalizeFieldError","warnBannedErrorWords","Field","FieldLayout","RequiredMarkingContext","useRequiredMarking","computeRequiredMarkMode","formatRequiredMarkSuffix","mapHouseRequiredMarking","FIELD_WIDTH_BY_PURPOSE","LABEL_COLUMN_MAX_CH","LABEL_COLUMN_WIDTH","resolveFieldPurpose","resolveFieldWidth","fieldWidthStyle","isFieldPurpose","formatActionLabel","Button","Input","Input2","SearchInput","TextArea","Select","Combobox","orderOptionsBySelected","Checkbox","Checkboxes","CheckboxGroup","Switch","RadioGroup","Slider","TimeRangeScrubber","ToggleGroup","Label","Spinner","Progress","DatePicker","MultiDatePicker","DateRangePicker","Calendar","MonthPicker","DatetimePicker","OTPInput","PhoneInput","ColorPicker","PresetSwatches","MentionInput","Stepper","resolveStepperPlacement","FileUpload","Rating","Duration","TimePicker","Signature","signatureValueToSvg","Barcode","BarcodePreview","Geolocation","ImageField","Icon","DRAWN_ICON_NAMES","DrawnIcon","filterDrawnIcons","isDrawnIconName","parseIconOptions","resolveIconCatalog","DescriptionListSlotProvider","FieldDisplay","useIsInDescriptionList","FIELD_EDIT_MODE","getEditMode","formatDateText","formatNumericText","Table","FloatingPanel","useFloatingPanel","useViewportGtSm","panelAnimationDuration","panelGrowDuration","panelTransition","panelViewportPadding","AdaptivePopup","pickAdaptivePopupFace","ControlGroup","FormGrid","FORM_GRID_COLLAPSE_WIDTH","DescriptionList","PropertyList","FieldGroup","FormSection","FormSectionStack","Fieldset","formFieldGap","formSectionGap","formReadableMaxWidth","InputContext","InputContainerFrame","InputIconFrame","InputFieldMeta","InputInfo","InputLabel","FocusContext","useForwardFocus","defaultInputGroupStyles","inputSizeVariant","mapKeyboardTypeToInputMode","mapInputModeToKeyboardType","KEYBOARD_TO_INPUT_MODE","INPUT_MODE_TO_KEYBOARD","useControlGrouped","useFocusManagement","focusFirstInvalid","focusFieldTarget","useFormField","getFieldError","mergeFieldHandler","useResolvedValidators","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","TableCellContext","useTableCellContext","useIsInTableCell","formCommonColors","formDropzoneColors","Chip","ChipFrame","ChipText","chipIconSize","Skeleton","SkeletonText","SkeletonCircle","Wheel","zIndex","useForm","InputParts"],"sources":["index.native.js"],"sourcesContent":["import { Form, FormActions, useFormContext, useFormValidate, useFormSaveMode, useEffectiveValidateOn, resolveEffectiveValidateOn, remapValidatorsForTiming, FormValidateContext, FormSaveModeContext } from \"./Form\";\nimport { ContextualSaveBar, clientKnownIdentity, commitImmediateField } from \"./ContextualSaveBar\";\nimport { ErrorSummary, collectFormFieldErrors, formatFieldError, normalizeFieldError, warnBannedErrorWords } from \"./ErrorSummary\";\nimport { Field, FieldLayout } from \"./fieldLayout\";\nimport { RequiredMarkingContext, useRequiredMarking, computeRequiredMarkMode, formatRequiredMarkSuffix, mapHouseRequiredMarking } from \"./requiredMarking\";\nimport { FIELD_WIDTH_BY_PURPOSE, LABEL_COLUMN_MAX_CH, LABEL_COLUMN_WIDTH, resolveFieldPurpose, resolveFieldWidth, fieldWidthStyle, isFieldPurpose } from \"./fieldDefaults\";\nimport { formatActionLabel } from \"./actionLabel\";\nimport { Button } from \"./Button\";\nimport { Input } from \"./fields/Input\";\nimport { Input as Input2 } from \"./InputParts\";\nimport { SearchInput } from \"./fields/SearchInput\";\nimport { TextArea } from \"./fields/TextArea\";\nimport { Select } from \"./fields/Select\";\nimport { Combobox } from \"./fields/Combobox\";\nimport { orderOptionsBySelected } from \"./fields/selectedOrder\";\nimport { Checkbox, Checkboxes, CheckboxGroup } from \"./fields/Checkbox\";\nimport { Switch } from \"./fields/Switch\";\nimport { RadioGroup } from \"./fields/RadioGroup\";\nimport { Slider } from \"./fields/Slider\";\nimport { TimeRangeScrubber } from \"./fields/TimeRangeScrubber\";\nimport { ToggleGroup } from \"./fields/ToggleGroup\";\nimport { Label } from \"./Label\";\nimport { Spinner } from \"./Spinner\";\nimport { Progress } from \"./fields/Progress\";\nimport { DatePicker, MultiDatePicker, DateRangePicker, Calendar, MonthPicker, DatetimePicker } from \"./fields/DatePicker\";\nimport { OTPInput } from \"./fields/OTPInput\";\nimport { PhoneInput } from \"./fields/PhoneInput\";\nimport { ColorPicker } from \"./fields/ColorPicker\";\nimport { PresetSwatches } from \"./fields/ColorPicker/parts\";\nimport { MentionInput } from \"./fields/MentionInput\";\nimport { Stepper } from \"./fields/Stepper\";\nimport { resolveStepperPlacement } from \"./fields/Stepper/resolveStepperPlacement\";\nimport { FileUpload } from \"./fields/FileUpload\";\nimport { Rating } from \"./fields/Rating\";\nimport { Duration } from \"./fields/Duration\";\nimport { TimePicker } from \"./fields/TimePicker\";\nimport { Signature, signatureValueToSvg } from \"./fields/Signature\";\nimport { Barcode } from \"./fields/Barcode\";\nimport { BarcodePreview } from \"./fields/Barcode/BarcodePreview\";\nimport { Geolocation } from \"./fields/Geolocation\";\nimport { ImageField } from \"./fields/ImageField\";\nimport { Icon, DRAWN_ICON_NAMES, DrawnIcon, filterDrawnIcons, isDrawnIconName, parseIconOptions, resolveIconCatalog } from \"./fields/Icon\";\nimport { DescriptionListSlotProvider, FieldDisplay, useIsInDescriptionList } from \"./FieldDisplay\";\nimport { FIELD_EDIT_MODE, getEditMode } from \"./FieldDisplay/editMode\";\nimport { formatDateText, formatNumericText } from \"./FieldDisplay/formatters\";\nimport { Table } from \"./Table\";\nimport { FloatingPanel, useFloatingPanel, useViewportGtSm, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding } from \"./FloatingPanel\";\nimport { AdaptivePopup, pickAdaptivePopupFace } from \"./AdaptivePopup\";\nimport { ControlGroup } from \"./ControlGroup\";\nimport { FormGrid, FORM_GRID_COLLAPSE_WIDTH } from \"./FormGrid\";\nimport { DescriptionList, PropertyList } from \"./DescriptionList\";\nimport { FieldGroup } from \"./FieldGroup\";\nimport { FormSection, FormSectionStack, Fieldset } from \"./FormSection\";\nimport { formFieldGap, formSectionGap, formReadableMaxWidth } from \"./formSpacing\";\nimport { InputContext, InputContainerFrame, InputIconFrame, InputFieldMeta, InputInfo, InputLabel, FocusContext, useForwardFocus, defaultInputGroupStyles, inputSizeVariant, mapKeyboardTypeToInputMode, mapInputModeToKeyboardType, KEYBOARD_TO_INPUT_MODE, INPUT_MODE_TO_KEYBOARD } from \"./InputParts\";\nimport { useControlGrouped } from \"./shared/groupContext\";\nimport { useFocusManagement, focusFirstInvalid, focusFieldTarget } from \"./hooks/useFocusManagement\";\nimport { useFormField, getFieldError, mergeFieldHandler, useResolvedValidators, clampRadiusForControl, clampRadiusForLargeComponent, clampRadiusInStateProps } from \"./shared/utils\";\nimport { TableCellContext, useTableCellContext, useIsInTableCell } from \"./shared/tableCellContext\";\nimport { formCommonColors, formDropzoneColors } from \"./shared/colorRamps\";\nimport { Chip, ChipFrame, ChipText, chipIconSize } from \"./Chip\";\nimport { Skeleton, SkeletonText, SkeletonCircle } from \"./Skeleton\";\nimport { Wheel } from \"./Wheel\";\nimport { zIndex } from \"./shared/zIndex\";\nimport { useForm } from \"@tanstack/react-form\";\nexport {\n  AdaptivePopup,\n  Barcode,\n  BarcodePreview,\n  Button,\n  Calendar,\n  Checkbox,\n  CheckboxGroup,\n  Checkboxes,\n  Chip,\n  ChipFrame,\n  ChipText,\n  ColorPicker,\n  Combobox,\n  ContextualSaveBar,\n  ControlGroup,\n  DRAWN_ICON_NAMES,\n  DatePicker,\n  DateRangePicker,\n  DatetimePicker,\n  DescriptionList,\n  DescriptionListSlotProvider,\n  DrawnIcon,\n  Duration,\n  ErrorSummary,\n  FIELD_EDIT_MODE,\n  FIELD_WIDTH_BY_PURPOSE,\n  FORM_GRID_COLLAPSE_WIDTH,\n  Field,\n  FieldDisplay,\n  FieldGroup,\n  FieldLayout,\n  Fieldset,\n  FileUpload,\n  FloatingPanel,\n  FocusContext,\n  Form,\n  FormActions,\n  FormGrid,\n  FormSaveModeContext,\n  FormSection,\n  FormSectionStack,\n  FormValidateContext,\n  Geolocation,\n  INPUT_MODE_TO_KEYBOARD,\n  Icon,\n  ImageField,\n  Input,\n  InputContainerFrame,\n  InputContext,\n  InputFieldMeta,\n  InputIconFrame,\n  InputInfo,\n  InputLabel,\n  Input2 as InputParts,\n  KEYBOARD_TO_INPUT_MODE,\n  LABEL_COLUMN_MAX_CH,\n  LABEL_COLUMN_WIDTH,\n  Label,\n  MentionInput,\n  MonthPicker,\n  MultiDatePicker,\n  OTPInput,\n  PhoneInput,\n  PresetSwatches,\n  Progress,\n  PropertyList,\n  RadioGroup,\n  Rating,\n  RequiredMarkingContext,\n  SearchInput,\n  Select,\n  Signature,\n  Skeleton,\n  SkeletonCircle,\n  SkeletonText,\n  Slider,\n  Spinner,\n  Stepper,\n  Switch,\n  Table,\n  TableCellContext,\n  TextArea,\n  TimePicker,\n  TimeRangeScrubber,\n  ToggleGroup,\n  Wheel,\n  chipIconSize,\n  clampRadiusForControl,\n  clampRadiusForLargeComponent,\n  clampRadiusInStateProps,\n  clientKnownIdentity,\n  collectFormFieldErrors,\n  commitImmediateField,\n  computeRequiredMarkMode,\n  defaultInputGroupStyles,\n  fieldWidthStyle,\n  filterDrawnIcons,\n  focusFieldTarget,\n  focusFirstInvalid,\n  formCommonColors,\n  formDropzoneColors,\n  formFieldGap,\n  formReadableMaxWidth,\n  formSectionGap,\n  formatActionLabel,\n  formatDateText,\n  formatFieldError,\n  formatNumericText,\n  formatRequiredMarkSuffix,\n  getEditMode,\n  getFieldError,\n  inputSizeVariant,\n  isDrawnIconName,\n  isFieldPurpose,\n  mapHouseRequiredMarking,\n  mapInputModeToKeyboardType,\n  mapKeyboardTypeToInputMode,\n  mergeFieldHandler,\n  normalizeFieldError,\n  orderOptionsBySelected,\n  panelAnimationDuration,\n  panelGrowDuration,\n  panelTransition,\n  panelViewportPadding,\n  parseIconOptions,\n  pickAdaptivePopupFace,\n  remapValidatorsForTiming,\n  resolveEffectiveValidateOn,\n  resolveFieldPurpose,\n  resolveFieldWidth,\n  resolveIconCatalog,\n  resolveStepperPlacement,\n  signatureValueToSvg,\n  useControlGrouped,\n  useEffectiveValidateOn,\n  useFloatingPanel,\n  useFocusManagement,\n  useForm,\n  useFormContext,\n  useFormField,\n  useFormSaveMode,\n  useFormValidate,\n  useForwardFocus,\n  useIsInDescriptionList,\n  useIsInTableCell,\n  useRequiredMarking,\n  useResolvedValidators,\n  useTableCellContext,\n  useViewportGtSm,\n  warnBannedErrorWords,\n  zIndex\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/TimeColumn.mjs

@@ -1,89 +1,132 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useMemo } from "react";
+import { View } from "tamagui";
 import { Wheel } from "../Wheel/index.mjs";
-import { useMemo } from "react";
-import { Text, View, XStack, YStack } from "tamagui";
-import { formCommonColors, formInputColors } from "./colorRamps.mjs";
+import { t } from "./t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const itemHeight = 36;
-const visibleItems = 5;
-function defaultFormat(v) {
-  return String(v).padStart(2, "0");
-}
-function TimeColumn({
-  label,
-  values,
-  selected,
-  onChange,
-  format = defaultFormat,
-  knobProps
-}) {
-  const items = useMemo(() => values.map(v => ({
-    value: v,
-    label: format(v)
-  })), [values, format]);
-  return /* @__PURE__ */jsxs(YStack, {
-    alignItems: "center",
-    gap: "$1",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$1",
-      ...knobProps.body,
-      color: formCommonColors.muted,
-      textTransform: "uppercase",
-      letterSpacing: 1,
-      children: label
-    }), /* @__PURE__ */jsx(View, {
-      ...knobProps.borderRadius,
-      backgroundColor: formInputColors.background.base,
-      borderWidth: knobProps.inputSurface.borderWidth,
-      borderColor: formInputColors.border.base,
-      overflow: "hidden",
-      width: 56,
-      children: /* @__PURE__ */jsx(Wheel, {
-        items,
-        value: selected,
-        onChange,
-        visibleItems,
-        itemHeight,
-        renderItem: (item, _index, isSelected) => /* @__PURE__ */jsx(XStack, {
-          width: "100%",
-          height: "100%",
-          alignItems: "center",
-          justifyContent: "center",
-          backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
-          hoverStyle: {
-            backgroundColor: formInputColors.background.focus
-          },
-          ...(knobProps.transition ? {
-            transition: knobProps.transition
-          } : void 0),
-          children: /* @__PURE__ */jsx(Text, {
-            fontSize: "$4",
-            ...knobProps.body,
-            fontWeight: isSelected ? "700" : "400",
-            color: isSelected ? formCommonColors.text : formCommonColors.muted,
-            children: format(item)
-          })
-        })
-      })
-    })]
-  });
-}
-function TimeColumnSeparator({
-  knobProps
-}) {
-  return /* @__PURE__ */jsx(Text, {
-    fontSize: "$6",
-    ...knobProps.body,
-    color: formCommonColors.text,
-    paddingTop: "$5",
-    children: ":"
-  });
-}
 function generateRange(min, max, step = 1) {
   const result = [];
-  for (let i = min; i <= max; i += step) {
+  const size = Math.max(1, step);
+  for (let i = min; i <= max; i += size) {
     result.push(i);
   }
   return result;
 }
-export { TimeColumn, TimeColumnSeparator, generateRange };
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function to12Hour(h24) {
+  return {
+    h: h24 % 12 === 0 ? 12 : h24 % 12,
+    period: h24 >= 12 ? "PM" : "AM"
+  };
+}
+function to24Hour(displayH, period) {
+  const wrapped = (displayH - 1) % 12 + 1;
+  if (period === "AM") return wrapped === 12 ? 0 : wrapped;
+  return wrapped === 12 ? 12 : wrapped + 12;
+}
+const hours24 = generateRange(0, 23);
+const hours12 = generateRange(1, 12);
+const secondsAll = generateRange(0, 59);
+const periods = ["AM", "PM"];
+function columnEdge(index, count) {
+  if (count <= 1) return "all";
+  if (index === 0) return "start";
+  if (index === count - 1) return "end";
+  return "none";
+}
+function TimeWheels({
+  hour24,
+  minute,
+  second,
+  timeFormat,
+  minuteStep,
+  showSeconds,
+  onChange
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const itemHeight = knobProps.nestedControl.px;
+  const minutes = useMemo(() => generateRange(0, 59, minuteStep), [minuteStep]);
+  const {
+    h: hour12,
+    period
+  } = to12Hour(hour24);
+  const showPeriod = timeFormat === "12h";
+  const columnCount = 2 + (showSeconds ? 1 : 0) + (showPeriod ? 1 : 0);
+  const emit = useCallback((h, m, s) => onChange(h, m, s), [onChange]);
+  let col = 0;
+  const hourEdge = columnEdge(col++, columnCount);
+  const minuteEdge = columnEdge(col++, columnCount);
+  const secondEdge = showSeconds ? columnEdge(col++, columnCount) : "none";
+  const periodEdge = showPeriod ? columnEdge(col++, columnCount) : "none";
+  return /* @__PURE__ */jsxs(View, {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "stretch",
+    justifyContent: "center",
+    "data-testid": "time-picker-wheels",
+    children: [/* @__PURE__ */jsx(Wheel, {
+      items: timeFormat === "24h" ? hours24.map(h => ({
+        value: h,
+        label: pad2(h)
+      })) : hours12.map(h => ({
+        value: h,
+        label: String(h)
+      })),
+      value: timeFormat === "24h" ? hour24 : hour12,
+      onChange: next => emit(timeFormat === "24h" ? next : to24Hour(next, period), minute, second),
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: hourEdge,
+      "aria-label": t("Hour")
+    }), /* @__PURE__ */jsx(Wheel, {
+      items: minutes.map(m => ({
+        value: m,
+        label: pad2(m)
+      })),
+      value: minutes.includes(minute) ? minute : minutes[0] ?? 0,
+      onChange: next => emit(hour24, next, second),
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: minuteEdge,
+      "aria-label": t("Min")
+    }), showSeconds ? /* @__PURE__ */jsx(Wheel, {
+      items: secondsAll.map(s => ({
+        value: s,
+        label: pad2(s)
+      })),
+      value: second,
+      onChange: next => emit(hour24, minute, next),
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: secondEdge,
+      "aria-label": t("Sec")
+    }) : null, showPeriod ? /* @__PURE__ */jsx(Wheel, {
+      items: periods.map(p => ({
+        value: p,
+        label: p
+      })),
+      value: period,
+      onChange: next => emit(to24Hour(hour12, next), minute, second),
+      loop: false,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: periodEdge,
+      "aria-label": t("AM/PM")
+    }) : null]
+  });
+}
+export { TimeWheels, generateRange };
 //# sourceMappingURL=TimeColumn.mjs.map

package/dist/esm/shared/TimeColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Wheel","useMemo","Text","View","XStack","YStack","formCommonColors","formInputColors","jsx","jsxs","itemHeight","visibleItems","defaultFormat","v","String","padStart","TimeColumn","label","values","selected","onChange","format","knobProps","items","map","value","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","base","borderWidth","inputSurface","borderColor","border","overflow","width","renderItem","item","_index","isSelected","height","justifyContent","focus","hoverStyle","transition","fontWeight","text","TimeColumnSeparator","paddingTop","generateRange","min","max","step","result","i","push"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","useCallback","useMemo","View","Wheel","t","jsx","jsxs","generateRange","min","max","step","result","size","Math","i","push","pad2","n","String","padStart","to12Hour","h24","h","period","to24Hour","displayH","wrapped","hours24","hours12","secondsAll","periods","columnEdge","index","count","TimeWheels","hour24","minute","second","timeFormat","minuteStep","showSeconds","onChange","knobProps","compact","itemHeight","nestedControl","px","minutes","hour12","showPeriod","columnCount","emit","m","s","col","hourEdge","minuteEdge","secondEdge","periodEdge","flexDirection","width","alignItems","justifyContent","children","items","map","value","label","next","loop","visibleItems","flex","highlightEdges","includes","p"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/TimeColumn.native.js

@@ -1,98 +1,157 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useMemo } from "react";
+import { View } from "tamagui";
 import { Wheel } from "../Wheel/index.native.js";
-import { useMemo } from "react";
-import { Text, View, XStack, YStack } from "tamagui";
-import { formCommonColors, formInputColors } from "./colorRamps.native.js";
-var itemHeight = 36;
-var visibleItems = 5;
-function defaultFormat(v) {
-  return String(v).padStart(2, "0");
-}
-function TimeColumn(param) {
-  var {
-    label,
-    values,
-    selected,
-    onChange,
-    format = defaultFormat,
-    knobProps
-  } = param;
-  var items = useMemo(function () {
-    return values.map(function (v) {
-      return {
-        value: v,
-        label: format(v)
-      };
-    });
-  }, [values, format]);
-  return /* @__PURE__ */_jsxs(YStack, {
-    alignItems: "center",
-    gap: "$1",
-    children: [/* @__PURE__ */_jsx(Text, {
-      fontSize: "$1",
-      ...knobProps.body,
-      color: formCommonColors.muted,
-      textTransform: "uppercase",
-      letterSpacing: 1,
-      children: label
-    }), /* @__PURE__ */_jsx(View, {
-      ...knobProps.borderRadius,
-      backgroundColor: formInputColors.background.base,
-      borderWidth: knobProps.inputSurface.borderWidth,
-      borderColor: formInputColors.border.base,
-      overflow: "hidden",
-      width: 56,
-      children: /* @__PURE__ */_jsx(Wheel, {
-        items,
-        value: selected,
-        onChange,
-        visibleItems,
-        itemHeight,
-        renderItem: function renderItem(item, _index, isSelected) {
-          return /* @__PURE__ */_jsx(XStack, {
-            width: "100%",
-            height: "100%",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
-            hoverStyle: {
-              backgroundColor: formInputColors.background.focus
-            },
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */_jsx(Text, {
-              fontSize: "$4",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? formCommonColors.text : formCommonColors.muted,
-              children: format(item)
-            })
-          });
-        }
-      })
-    })]
-  });
-}
-function TimeColumnSeparator(param) {
-  var {
-    knobProps
-  } = param;
-  return /* @__PURE__ */_jsx(Text, {
-    fontSize: "$6",
-    ...knobProps.body,
-    color: formCommonColors.text,
-    paddingTop: "$5",
-    children: ":"
-  });
-}
+import { t } from "./t.native.js";
 function generateRange(min, max) {
   var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
   var result = [];
-  for (var i = min; i <= max; i += step) {
+  var size = Math.max(1, step);
+  for (var i = min; i <= max; i += size) {
     result.push(i);
   }
   return result;
 }
-export { TimeColumn, TimeColumnSeparator, generateRange };
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function to12Hour(h24) {
+  return {
+    h: h24 % 12 === 0 ? 12 : h24 % 12,
+    period: h24 >= 12 ? "PM" : "AM"
+  };
+}
+function to24Hour(displayH, period) {
+  var wrapped = (displayH - 1) % 12 + 1;
+  if (period === "AM") return wrapped === 12 ? 0 : wrapped;
+  return wrapped === 12 ? 12 : wrapped + 12;
+}
+var hours24 = generateRange(0, 23);
+var hours12 = generateRange(1, 12);
+var secondsAll = generateRange(0, 59);
+var periods = ["AM", "PM"];
+function columnEdge(index, count) {
+  if (count <= 1) return "all";
+  if (index === 0) return "start";
+  if (index === count - 1) return "end";
+  return "none";
+}
+function TimeWheels(param) {
+  var {
+    hour24,
+    minute,
+    second,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange
+  } = param;
+  var _minutes_;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var itemHeight = knobProps.nestedControl.px;
+  var minutes = useMemo(function () {
+    return generateRange(0, 59, minuteStep);
+  }, [minuteStep]);
+  var {
+    h: hour12,
+    period
+  } = to12Hour(hour24);
+  var showPeriod = timeFormat === "12h";
+  var columnCount = 2 + (showSeconds ? 1 : 0) + (showPeriod ? 1 : 0);
+  var emit = useCallback(function (h, m, s) {
+    return onChange(h, m, s);
+  }, [onChange]);
+  var col = 0;
+  var hourEdge = columnEdge(col++, columnCount);
+  var minuteEdge = columnEdge(col++, columnCount);
+  var secondEdge = showSeconds ? columnEdge(col++, columnCount) : "none";
+  var periodEdge = showPeriod ? columnEdge(col++, columnCount) : "none";
+  return /* @__PURE__ */_jsxs(View, {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "stretch",
+    justifyContent: "center",
+    "data-testid": "time-picker-wheels",
+    children: [/* @__PURE__ */_jsx(Wheel, {
+      items: timeFormat === "24h" ? hours24.map(function (h) {
+        return {
+          value: h,
+          label: pad2(h)
+        };
+      }) : hours12.map(function (h) {
+        return {
+          value: h,
+          label: String(h)
+        };
+      }),
+      value: timeFormat === "24h" ? hour24 : hour12,
+      onChange: function onChange2(next) {
+        return emit(timeFormat === "24h" ? next : to24Hour(next, period), minute, second);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: hourEdge,
+      "aria-label": t("Hour")
+    }), /* @__PURE__ */_jsx(Wheel, {
+      items: minutes.map(function (m) {
+        return {
+          value: m,
+          label: pad2(m)
+        };
+      }),
+      value: minutes.includes(minute) ? minute : (_minutes_ = minutes[0]) !== null && _minutes_ !== void 0 ? _minutes_ : 0,
+      onChange: function onChange2(next) {
+        return emit(hour24, next, second);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: minuteEdge,
+      "aria-label": t("Min")
+    }), showSeconds ? /* @__PURE__ */_jsx(Wheel, {
+      items: secondsAll.map(function (s) {
+        return {
+          value: s,
+          label: pad2(s)
+        };
+      }),
+      value: second,
+      onChange: function onChange2(next) {
+        return emit(hour24, minute, next);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: secondEdge,
+      "aria-label": t("Sec")
+    }) : null, showPeriod ? /* @__PURE__ */_jsx(Wheel, {
+      items: periods.map(function (p) {
+        return {
+          value: p,
+          label: p
+        };
+      }),
+      value: period,
+      onChange: function onChange2(next) {
+        return emit(to24Hour(hour12, next), minute, second);
+      },
+      loop: false,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: periodEdge,
+      "aria-label": t("AM/PM")
+    }) : null]
+  });
+}
+export { TimeWheels, generateRange };
 //# sourceMappingURL=TimeColumn.native.js.map