feature(components): adds IntRange type

.changeset/happy-kings-bathe.md

@@ -0,0 +1,5 @@
+---
+"@wethegit/components": patch
+---
+
+feature: adds IntRange type helper

package.json

@@ -10,7 +10,7 @@
     "changeset": "changeset",
     "release": "turbo run build && changeset publish",
     "version": "changeset version",
-    "prepare": "husky install"
+    "prepare": "husky prepare"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.0",

packages/wethegit-components/.storybook/main.ts

@@ -22,6 +22,7 @@ const config: StorybookConfig = {
   ],
   docs: {
     defaultName: "Overview",
+    autodocs: true
   },
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),

packages/wethegit-components/package.json

@@ -36,26 +36,26 @@
     "typescript": "^5.2.2"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "~8.1.3",
-    "@storybook/addon-interactions": "~8.1.3",
-    "@storybook/addon-links": "~8.1.2",
-    "@storybook/blocks": "~8.1.3",
-    "@storybook/react": "~8.1.3",
-    "@storybook/react-vite": "~8.1.4",
-    "@storybook/test": "~8.1.3",
-    "@storybook/test-runner": "~0.18.1",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/react": "^8.1.5",
+    "@storybook/react-vite": "^8.1.5",
+    "@storybook/test": "^8.1.5",
+    "@storybook/test-runner": "^0.18.2",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react": "^4.3.0",
-    "storybook": "~8.1.3",
+    "storybook": "^8.1.5",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
-    "@storybook/addon-a11y": "^8.1.3",
-    "@storybook/addon-actions": "^8.1.4",
-    "@storybook/addon-docs": "^8.1.3",
-    "@storybook/addon-themes": "^8.1.1",
-    "@storybook/manager-api": "^8.1.3",
-    "@storybook/theming": "^8.1.3",
+    "@storybook/addon-a11y": "^8.1.5",
+    "@storybook/addon-actions": "^8.1.5",
+    "@storybook/addon-docs": "^8.1.5",
+    "@storybook/addon-themes": "^8.1.5",
+    "@storybook/manager-api": "^8.1.5",
+    "@storybook/theming": "^8.1.5",
     "@wethegit/react-hooks": "^3.0.1",
     "@wethegit/react-modal": "^2.0.0",
     "eslint": "^8.15.0",
@@ -74,6 +74,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {}
+  }
 }

packages/wethegit-components/src/types/utils.d.ts

@@ -0,0 +1,7 @@
+// recursion for the integer
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N
+  ? Acc[number]
+  : Enumerate<N, [...Acc, Acc['length']]>
+
+// makes sure we exclude the numbers in one range from the other
+type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>

packages/wethegit-components/src/utilities/spacing/spacing.ts

@@ -5,7 +5,7 @@ const TOTAL_SPACE_CLASSES = 10
 const BREAKPOINTS: Exclude<Breakpoint, "sm">[] = ["md", "lg", "xl", "xxl"]
 
 // This should be the same amount as TOTAL_SPACE_CLASSES
-type SpacingRange = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
+type SpacingRange = IntRange<0, 10>
 
 /**
  * @description