@infonomic/uikit 5.16.0 → 5.18.0

package/dist/widgets/modal/modal-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-actions.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}
+{"version":3,"file":"modal-actions.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}

package/dist/widgets/modal/modal-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-container.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACtE,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAA2B,uCAKnD,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}
+{"version":3,"file":"modal-container.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACtE,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAA2B,uCAKnD,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}

package/dist/widgets/modal/modal-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAMA,CAAA"}

package/dist/widgets/modal/modal-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACnE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,GAAwB,uCAK7C,gBAAgB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACnE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,GAAwB,uCAK7C,gBAAgB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}

package/dist/widgets/modal/modal-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-wrapper.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAInD,MAAM,WAAW,iBAAkB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BvC"}
+{"version":3,"file":"modal-wrapper.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-wrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,MAAM,WAAW,iBAAkB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BvC"}

package/dist/widgets/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY;gBACX,MAAM,IAAI;EAClB,CAAA;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEvD,wBAAgB,QAAQ,IAAI;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD,CAiBA;AAED,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAkCvC;kBAxCQ,KAAK;;;WAlDK,CAAC;;;WAAnB,CAAC;;;WAAK,CAAC;;;WAAD,CAAC;;;AAmGR,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY;gBACX,MAAM,IAAI;EAClB,CAAA;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEvD,wBAAgB,QAAQ,IAAI;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD,CAiBA;AAED,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAkCvC;kBAxCQ,KAAK;;;WAjDK,CAAC;;;WAAnB,CAAC;;;WAAK,CAAC;;;WAAD,CAAC;;;AAkGR,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/widgets/modal/modal.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useState } from "react";
-import { createPortal } from "react-dom";
 import { AnimatePresence, LazyMotion } from "motion/react";
+import { createPortal } from "react-dom";
 import { Overlay } from "../../components/overlay/index.js";
 import { useMediaQuery } from "../../hooks/use-media-query.js";
 import { getPortalRoot } from "../../utils/getPortalRoot.js";

package/dist/widgets/modal/modal.module.css

@@ -78,4 +78,4 @@
     padding-left: var(--spacing-16);
     padding-right: var(--spacing-16);
   }
-}
+}

package/dist/widgets/modal/motionDomAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motionDomAnimation.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,eAAe,YAAY,CAAA"}
+{"version":3,"file":"motionDomAnimation.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,eAAe,YAAY,CAAA"}

package/dist/widgets/modal/motionDomMax.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motionDomMax.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomMax.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"motionDomMax.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomMax.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,eAAe,MAAM,CAAA"}

package/dist/widgets/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAG9F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAE9F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}

package/dist/widgets/timeline/timeline.module.css

@@ -1,4 +1,9 @@
-@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+@layer infonomic-base,
+  infonomic-functional,
+  infonomic-utilities,
+  infonomic-theme,
+  infonomic-typography,
+  infonomic-components;
 
 @layer infonomic-components {
   .timeline {
@@ -84,4 +89,4 @@
       border-color: var(--canvas-600);
     }
   }
-}
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "5.16.0",
+  "version": "5.18.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [
@@ -64,39 +64,43 @@
     "npm-run-all": "^4.1.5",
     "prism-react-renderer": "^2.4.1",
     "radix-ui": "^1.4.3",
-    "react": "19.2.3",
-    "react-day-picker": "^9.12.0",
-    "react-dom": "19.2.3",
-    "zod": "^4.1.13",
+    "react-day-picker": "^9.13.0",
+    "zod": "^4.2.1",
     "zod-form-data": "^3.0.1"
   },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "devDependencies": {
     "@astrojs/check": "0.9.6",
     "@astrojs/node": "9.5.1",
-    "@biomejs/biome": "2.3.8",
+    "@biomejs/biome": "2.3.10",
     "@rsbuild/plugin-react": "^1.4.2",
-    "@rslib/core": "^0.18.4",
-    "@storybook/addon-a11y": "^10.1.8",
-    "@storybook/addon-docs": "^10.1.8",
-    "@storybook/addon-links": "^10.1.8",
-    "@storybook/addon-themes": "^10.1.8",
-    "@storybook/react-vite": "^10.1.8",
+    "@rslib/core": "^0.19.0",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/addon-themes": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@types/lodash": "^4.17.21",
-    "@types/node": "^25.0.1",
+    "@types/node": "^25.0.3",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
-    "astro": "5.16.5",
+    "astro": "5.16.6",
     "chokidar": "^5.0.0",
-    "eslint-plugin-storybook": "^10.1.8",
+    "eslint-plugin-storybook": "^10.1.11",
     "lightningcss": "^1.30.2",
     "lightningcss-cli": "^1.30.2",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "rimraf": "^6.1.2",
-    "storybook": "^10.1.8",
+    "storybook": "^10.1.11",
     "typescript": "5.9.3",
     "typescript-plugin-css-modules": "^5.2.0",
-    "vite": "^7.2.7",
-    "vitest": "^4.0.15"
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   },
   "publishConfig": {
     "access": "public",
@@ -120,7 +124,7 @@
     "build:vanilla-components-css": "node ./scripts/task-merge-vanilla-components-css.js",
     "typecheck": "tsc --noEmit",
     "clean": "rimraf node_modules dist build types .turbo",
-    "lint": "biome check . --diagnostic-level=warn",
+    "lint": "biome check --write --unsafe --diagnostic-level=error",
     "storybook": "storybook dev -p 6007",
     "build-storybook": "storybook build",
     "test": "vitest"

package/src/astro.js

@@ -7,7 +7,6 @@ import CardFooterComponent from './components/card/card-footer.astro'
 import CardHeaderComponent from './components/card/card-header.astro'
 import CardTitleComponent from './components/card/card-title.astro'
 import ContainerComponent from './components/container/container.astro'
-import HamburgerComponent from './components/hamburger/hamburger.astro'
 import CheckboxComponent from './components/forms/checkbox.astro'
 import ErrorTextComponent from './components/forms/error-text.astro'
 import HelpTextComponent from './components/forms/help-text.astro'
@@ -15,8 +14,9 @@ import InputComponent from './components/forms/input.astro'
 import InputAdornmentComponent from './components/forms/input-adornment.astro'
 import LabelComponent from './components/forms/label.astro'
 import TextAreaComponent from './components/forms/text-area.astro'
-import SectionComponent from './components/section/section.astro'
+import HamburgerComponent from './components/hamburger/hamburger.astro'
 import ScrollToTopComponent from './components/scroll-to-top/scroll-to-top.astro'
+import SectionComponent from './components/section/section.astro'
 import CheckIconComponent from './icons/check-icon.astro'
 import CloseIconComponent from './icons/close-icon.astro'
 import IconElementComponent from './icons/icon-element.astro'
@@ -24,7 +24,6 @@ import LightIconComponent from './icons/light-icon.astro'
 import MoonIconComponent from './icons/moon-icon.astro'
 import SearchIconComponent from './icons/search-icon.astro'
 
-
 export const Button = ButtonComponent
 export const Hamburger = HamburgerComponent
 export const IconButton = IconButtonComponent

package/src/components/accordion/accordion.module.css

@@ -37,7 +37,6 @@
     }
   }
 
-
   @keyframes accordionSlideDown {
     from {
       height: 0;
@@ -57,4 +56,4 @@
       height: 0;
     }
   }
-}
+}

package/src/components/accordion/accordion.stories.tsx

@@ -1,6 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-
 import { ChevronDownIcon } from '@radix-ui/react-icons'
+import type { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Accordion as AccordionComponent } from './accordion.js'
 

package/src/components/accordion/accordion.tsx

@@ -1,4 +1,5 @@
 'use client'
+
 /**
  * NOTE: An accordion can be used in a variety of ways, including
  * simple FAQs, complex navigation, and more. As such, we minimally
@@ -7,9 +8,8 @@
 
 import type React from 'react'
 
-import { Accordion as AccordionPrimitive } from 'radix-ui'
-
 import cx from 'classnames'
+import { Accordion as AccordionPrimitive } from 'radix-ui'
 
 import styles from './accordion.module.css'
 

package/src/components/animation/fade-in-lift.tsx

@@ -1,4 +1,5 @@
 'use client'
+
 import type React from 'react'
 import type { ComponentPropsWithoutRef, ElementType } from 'react'
 

package/src/components/avatar/avatar.module.css

@@ -1,7 +1,11 @@
-@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+@layer infonomic-base,
+  infonomic-functional,
+  infonomic-utilities,
+  infonomic-theme,
+  infonomic-typography,
+  infonomic-components;
 
 @layer infonomic-components {
-
   /* relative inline-flex h-10 w-10 rounded-full */
   .avatar-root {
     position: relative;
@@ -29,7 +33,6 @@
     background-color: var(--color-white);
   }
 
-
   .avatar-text {
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
@@ -51,4 +54,4 @@
       color: var(--gray-400);
     }
   }
-}
+}

package/src/components/avatar/avatar.stories.tsx

@@ -1,6 +1,7 @@
-import type { Meta } from '@storybook/react-vite'
 import type React from 'react'
 
+import type { Meta } from '@storybook/react-vite'
+
 import { Avatar as AvatarComponent } from './avatar.js'
 
 const meta: Meta = {

package/src/components/avatar/avatar.tsx

@@ -1,8 +1,9 @@
 'use client'
 
-import { Avatar as AvatarPrimitive } from 'radix-ui'
 import type React from 'react'
 
+import { Avatar as AvatarPrimitive } from 'radix-ui'
+
 import styles from './avatar.module.css'
 
 const url = 'https://picsum.photos/150'

package/src/components/badge/badge.module.css

@@ -1,4 +1,9 @@
-@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+@layer infonomic-base,
+  infonomic-functional,
+  infonomic-utilities,
+  infonomic-theme,
+  infonomic-typography,
+  infonomic-components;
 
 @layer infonomic-components {
   .badge,
@@ -58,4 +63,4 @@
 
   /* Dark mode - All intents now handled by semantic tokens in theme layer */
   /* No overrides needed! Tokens automatically switch in .dark and respect .not-dark */
-}
+}

package/src/components/badge/badge.stories.tsx

@@ -1,7 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 
 import { capitalize } from '../../utils/capitalize.js'
-
 import { intent } from '../@types/shared.js'
 import { Badge } from './badge.js'
 
@@ -18,7 +17,7 @@ const AllIntents = (): React.JSX.Element => {
               marginBottom: '12px',
             }}
           >
-           <Badge key={`${i}`} intent={i}>{`${capitalize(i)}`}</Badge>
+            <Badge key={`${i}`} intent={i}>{`${capitalize(i)}`}</Badge>
           </div>
         )
       })}

package/src/components/badge/badge.tsx

@@ -1,7 +1,8 @@
 import { Slot } from '@radix-ui/react-slot'
 import cx from 'classnames'
-import { Intent } from '../@types/shared'
+
 import styles from './badge.module.css'
+import type { Intent } from '../@types/shared'
 
 type AsDiv = {
   asChild?: false
@@ -27,14 +28,18 @@ export const Badge = <C extends React.ElementType = 'div'>({
   children,
   asChild,
   ref,
-  ...rest }: BadgeProps<C>): React.JSX.Element =>{
-   const Comp: React.ElementType = asChild === true ? Slot : 'div'
+  ...rest
+}: BadgeProps<C>): React.JSX.Element => {
+  const Comp: React.ElementType = asChild === true ? Slot : 'div'
   return (
-    <Comp 
-      ref={ref} className={cx('badge', intent, styles.badge, styles[intent], className)} {...rest}>
+    <Comp
+      ref={ref}
+      className={cx('badge', intent, styles.badge, styles[intent], className)}
+      {...rest}
+    >
       {children}
     </Comp>
   )
 }
 
-Badge.displayName = 'Badge'
+Badge.displayName = 'Badge'

package/src/components/button/@types/button.ts

@@ -1,7 +1,5 @@
 // generic types
-import type { Intent as t } from '../../@types/shared.js'
-
-import type { Size as s } from '../../@types/shared.js'
+import type { Size as s, Intent as t } from '../../@types/shared.js'
 
 /**
  * This file contains the types and prop-types for Button and IconButton component.

package/src/components/button/button-group.module.css

@@ -16,4 +16,4 @@
       flex-direction: row;
     }
   }
-}
+}

package/src/components/button/button-group.tsx

@@ -1,13 +1,13 @@
 'use client'
 
+import React, { type ComponentPropsWithoutRef, type Ref } from 'react'
+
 import cx from 'classnames'
 import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui'
-import React, { type ComponentPropsWithoutRef, type Ref, useState } from 'react'
 
-import type { EnableRipple, Intent, Size, Variant } from './@types/button'
 import { Button } from './button'
-
 import styles from './button-group.module.css'
+import type { EnableRipple, Intent, Size, Variant } from './@types/button'
 
 interface ButtonGroupContextType {
   variant?: Variant

package/src/components/button/button-intents.stories.tsx

@@ -1,7 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 
 import { capitalize } from '../../utils/capitalize.js'
-
 import { intent } from '../@types/shared.js'
 import { variant } from './@types/button.js'
 import { Button } from './button.js'
@@ -11,7 +10,15 @@ type Story = StoryObj<typeof Button>
 const AllIntents = (): React.JSX.Element => {
   return (
     <>
-      <div style={{ maxWidth: '1100px', margin: '2rem auto', padding: '2rem',  borderRadius: '6px', backgroundColor: 'var(--background)' }}>
+      <div
+        style={{
+          maxWidth: '1100px',
+          margin: '2rem auto',
+          padding: '2rem',
+          borderRadius: '6px',
+          backgroundColor: 'var(--background)',
+        }}
+      >
         {intent.map((i) => {
           return (
             <div
@@ -25,14 +32,27 @@ const AllIntents = (): React.JSX.Element => {
             >
               {variant.map((v) => {
                 return (
-                  <Button key={`${i}-${v}`} intent={i} variant={v}>{`${capitalize(i)} ${v}`}</Button>
+                  <Button
+                    key={`${i}-${v}`}
+                    intent={i}
+                    variant={v}
+                  >{`${capitalize(i)} ${v}`}</Button>
                 )
               })}
             </div>
           )
         })}
       </div>
-      <div className="dark" style={{ maxWidth: '1100px', margin: '2rem auto', padding: '2rem',  borderRadius: '6px', backgroundColor: 'var(--theme-800)' }}>
+      <div
+        className="dark"
+        style={{
+          maxWidth: '1100px',
+          margin: '2rem auto',
+          padding: '2rem',
+          borderRadius: '6px',
+          backgroundColor: 'var(--theme-800)',
+        }}
+      >
         {intent.map((i) => {
           return (
             <div
@@ -46,7 +66,11 @@ const AllIntents = (): React.JSX.Element => {
             >
               {variant.map((v) => {
                 return (
-                  <Button key={`${i}-${v}`} intent={i} variant={v}>{`${capitalize(i)} ${v}`}</Button>
+                  <Button
+                    key={`${i}-${v}`}
+                    intent={i}
+                    variant={v}
+                  >{`${capitalize(i)} ${v}`}</Button>
                 )
               })}
             </div>

package/src/components/button/button-overrides.stories.tsx

@@ -2,10 +2,7 @@
 import type React from 'react'
 
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { capitalize } from '../../utils/capitalize.js'
 
-import { size } from '../@types/shared.js'
-import { variant } from './@types/button.js'
 import { Button } from './button.js'
 
 type Story = StoryObj<typeof Button>
@@ -14,13 +11,33 @@ const AllOverrides = (): React.JSX.Element => {
   return (
     <>
       <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
-        <div style={{ width: '300px', padding: '1rem', borderRadius: '8px', border: '1px solid var(--stroke-primary)', backgroundColor: 'var(--gray-25)' }}>
-          <Button className="not-dark" variant="filled" size="sm" style={{ marginRight: '1rem' }}>Force Light</Button>
+        <div
+          style={{
+            width: '300px',
+            padding: '1rem',
+            borderRadius: '8px',
+            border: '1px solid var(--stroke-primary)',
+            backgroundColor: 'var(--gray-25)',
+          }}
+        >
+          <Button className="not-dark" variant="filled" size="sm" style={{ marginRight: '1rem' }}>
+            Force Light
+          </Button>
         </div>
       </div>
-      <div className="dark" style={{ maxWidth: '600px', margin: '2rem auto' }} >
-        <div style={{ width: '300px', padding: '1rem', borderRadius: '8px', border: '1px solid var(--stroke-primary)', backgroundColor: 'var(--canvas-800)' }}>
-          <Button variant="filled" size="sm" style={{ marginRight: '1rem' }}>Force Dark</Button>
+      <div className="dark" style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <div
+          style={{
+            width: '300px',
+            padding: '1rem',
+            borderRadius: '8px',
+            border: '1px solid var(--stroke-primary)',
+            backgroundColor: 'var(--canvas-800)',
+          }}
+        >
+          <Button variant="filled" size="sm" style={{ marginRight: '1rem' }}>
+            Force Dark
+          </Button>
         </div>
       </div>
     </>

package/src/components/button/button-test.stories.tsx

@@ -2,8 +2,6 @@
 import type React from 'react'
 
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { capitalize } from '../../utils/capitalize.js'
-
 
 import { Button } from './button.js'
 
@@ -13,13 +11,33 @@ const AllTests = (): React.JSX.Element => {
   return (
     <>
       <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
-        <div style={{ width: '300px', padding: '1rem', borderRadius: '8px', border: '1px solid var(--stroke-primary)', backgroundColor: 'var(--gray-25)' }}>
-          <Button className="not-dark" variant="outlined" size="md" style={{ marginRight: '1rem' }}>Force Light</Button>
+        <div
+          style={{
+            width: '300px',
+            padding: '1rem',
+            borderRadius: '8px',
+            border: '1px solid var(--stroke-primary)',
+            backgroundColor: 'var(--gray-25)',
+          }}
+        >
+          <Button className="not-dark" variant="outlined" size="md" style={{ marginRight: '1rem' }}>
+            Force Light
+          </Button>
         </div>
       </div>
-      <div className="dark" style={{ maxWidth: '600px', margin: '2rem auto' }} >
-        <div style={{ width: '300px', padding: '1rem', borderRadius: '8px', border: '1px solid var(--stroke-primary)', backgroundColor: 'var(--primary-800)' }}>
-          <Button variant="outlined" size="md" style={{ marginRight: '1rem' }}>Force Dark</Button>
+      <div className="dark" style={{ maxWidth: '600px', margin: '2rem auto' }}>
+        <div
+          style={{
+            width: '300px',
+            padding: '1rem',
+            borderRadius: '8px',
+            border: '1px solid var(--stroke-primary)',
+            backgroundColor: 'var(--primary-800)',
+          }}
+        >
+          <Button variant="outlined" size="md" style={{ marginRight: '1rem' }}>
+            Force Dark
+          </Button>
         </div>
       </div>
     </>

package/src/components/button/button-variants.stories.tsx

@@ -2,8 +2,8 @@
 import type React from 'react'
 
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { capitalize } from '../../utils/capitalize.js'
 
+import { capitalize } from '../../utils/capitalize.js'
 import { size } from '../@types/shared.js'
 import { variant } from './@types/button.js'
 import { Button } from './button.js'
@@ -12,35 +12,33 @@ type Story = StoryObj<typeof Button>
 
 const AllVariants = (): React.JSX.Element => {
   return (
-    <>
-      <div style={{ maxWidth: '800px', margin: '2rem auto' }}>
-        {variant.map((variant: any) => {
-          return (
-            <div
-              key={variant}
-              style={{
-                display: 'grid',
-                gridTemplateColumns: 'repeat(4, minmax(0, 1fr)',
-                gap: '32px',
-                marginBottom: '32px',
-                alignItems: 'center',
-              }}
-            >
-              {size.map((size: any) => {
-                return (
-                  <Button key={`${variant}=${size}`} size={size} variant={variant}>
-                    {`${capitalize(variant)} ${size.toUpperCase()}`}
-                  </Button>
-                )
-              })}
-              <Button key={`${variant}=${size}`} disabled variant={variant}>
-                {`${capitalize(variant)} Disabled`}
-              </Button>
-            </div>
-          )
-        })}
-      </div>
-    </>
+    <div style={{ maxWidth: '800px', margin: '2rem auto' }}>
+      {variant.map((variant: any) => {
+        return (
+          <div
+            key={variant}
+            style={{
+              display: 'grid',
+              gridTemplateColumns: 'repeat(4, minmax(0, 1fr)',
+              gap: '32px',
+              marginBottom: '32px',
+              alignItems: 'center',
+            }}
+          >
+            {size.map((size: any) => {
+              return (
+                <Button key={`${variant}=${size}`} size={size} variant={variant}>
+                  {`${capitalize(variant)} ${size.toUpperCase()}`}
+                </Button>
+              )
+            })}
+            <Button key={`${variant}=${size}`} disabled variant={variant}>
+              {`${capitalize(variant)} Disabled`}
+            </Button>
+          </div>
+        )
+      })}
+    </div>
   )
 }