feat: add size config to FidgetEditConfig

src/common/fidgets/makeFidget.tsx

@@ -1,3 +1,4 @@
+import { NumericRange } from "@/constants/numericRange";
 import React from "react";
 
 export interface FidgetSettings {
@@ -21,6 +22,12 @@ export type FidgetFieldConfig = {
 
 export type FidgetEditConfig = {
   fields: FidgetFieldConfig[];
+  size: {
+    minHeight: NumericRange<1,36>;
+    maxHeight: NumericRange<1,36>;
+    minWidth: NumericRange<1,36>;
+    maxWidth: NumericRange<1,36>;
+  }
 };
 
 export interface Fidget<P> extends React.FC<P> {

src/constants/numericRange.d.ts

@@ -0,0 +1,8 @@
+export type NumericRange<
+  start extends number,
+  end extends number,
+  arr extends unknown[] = [],
+  acc extends number = never,
+> = arr['length'] extends end
+  ? acc | start | end
+  : NumericRange<start, end, [...arr, 1], arr[start] extends undefined ? acc : acc | arr['length']>;

src/fidgets/example/index.tsx

@@ -15,6 +15,12 @@ const exampleConfig: FidgetEditConfig = {
       inputSelector: TextInput,
     }
   ],
+  size: {
+    minHeight: 1,
+    maxHeight: 36,
+    minWidth: 1,
+    maxWidth: 36,
+  }
 };
 
 const Example: React.FC<ExampleFidgetSettings> = ({ text }: ExampleFidgetSettings) => {