@yahoo/uds-v5-wip 0.0.1

package/dist/components/dist/control-stepper.d.ts

@@ -0,0 +1,1105 @@
+import { ComponentConfig } from "../../config/dist/createConfig.js";
+import * as _$react from "react";
+import * as _$_uds_types0 from "@uds/types";
+
+//#region ../components/dist/control-stepper.d.ts
+//#region src/control-stepper.d.ts
+/**
+ * @description A numeric stepper with increment/decrement buttons and direct text editing
+ */
+declare const ControlStepper: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  ControlStepper: {
+    readonly base: {
+      readonly root: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: string;
+      };
+      readonly input: {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      } | {
+        readonly color: string;
+        readonly textAlign: "center";
+        readonly padding: "0 8px";
+        readonly borderWidth: "0";
+        readonly outlineStyle: "none";
+        readonly _focus: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+        readonly flex: "1";
+        readonly minWidth: "0";
+        readonly height: "36px";
+        readonly backgroundColor: string;
+      };
+      readonly increment: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "center";
+        readonly width: "36px";
+        readonly height: "36px";
+        readonly flexShrink: "0";
+        readonly backgroundColor: string;
+        readonly color: string;
+        readonly cursor: "pointer";
+        readonly borderWidth: "0";
+        readonly fontSize: "16px";
+        readonly borderTopRightRadius: string;
+        readonly borderBottomRightRadius: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+          readonly color: string;
+        };
+      };
+      readonly decrement: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "center";
+        readonly width: "36px";
+        readonly height: "36px";
+        readonly flexShrink: "0";
+        readonly backgroundColor: string;
+        readonly color: string;
+        readonly cursor: "pointer";
+        readonly borderWidth: "0";
+        readonly fontSize: "16px";
+        readonly borderTopLeftRadius: string;
+        readonly borderBottomLeftRadius: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+          readonly color: string;
+        };
+      };
+      readonly label: {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+    readonly variants: {
+      readonly size: {
+        readonly sm: {
+          readonly input: {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: "1";
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "28px";
+          };
+          readonly increment: {
+            readonly width: "28px";
+            readonly height: "28px";
+            readonly fontSize: "14px";
+          };
+          readonly decrement: {
+            readonly width: "28px";
+            readonly height: "28px";
+            readonly fontSize: "14px";
+          };
+          readonly label: {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: "1";
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          };
+        };
+        readonly md: {
+          readonly input: {};
+        };
+        readonly lg: {
+          readonly input: {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: "1";
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+            readonly height: "44px";
+          };
+          readonly increment: {
+            readonly width: "44px";
+            readonly height: "44px";
+            readonly fontSize: "18px";
+          };
+          readonly decrement: {
+            readonly width: "44px";
+            readonly height: "44px";
+            readonly fontSize: "18px";
+          };
+          readonly label: {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: "1";
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: "450";
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          } | {
+            readonly fontSize: string;
+            readonly fontWeight: string;
+            readonly lineHeight: string;
+            readonly fontFamily: string;
+          };
+        };
+      };
+    };
+    readonly defaultVariants: {
+      readonly size: "md";
+    };
+  };
+}, {}>, {
+  value: number;
+  onChange: (value: number) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  label?: string;
+  disabled?: boolean;
+}, {
+  root: "div";
+  input: "input";
+  increment: "button";
+  decrement: "button";
+  label: "span";
+}>>;
+type ControlStepperProps = React.ComponentProps<typeof ControlStepper>; //#endregion
+//#endregion
+export { ControlStepper, ControlStepperProps };