twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/{useResizeHandle-BKHw7TiW.js → useResizeHandle-CCRiw9Fi.js}

@@ -1,18 +1,18 @@
-import { s as z } from "./theme-constants-D9oV4GU4.js";
-import { jsx as l } from "react/jsx-runtime";
-import { useState as o } from "react";
-var S = "_area_1pjcu_1", R = "_bar_1pjcu_10", d = {
-  area: S,
+import { s as S } from "./theme-constants-DETwIS-a.js";
+import { useState as l } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var c = "_area_10ggy_1", R = "_bar_10ggy_10", d = {
+  area: c,
   bar: R
-}, I = ({ onPointerDown: r, onPointerMove: a, onPointerUp: t, style: s }) => /* @__PURE__ */ l("div", {
+}, I = ({ onPointerDown: r, onPointerMove: a, onPointerUp: t, style: s }) => /* @__PURE__ */ o("div", {
   className: d.area,
   onPointerDown: r,
   onPointerMove: a,
   onPointerUp: t,
   style: s,
-  children: /* @__PURE__ */ l("div", { className: d.bar })
+  children: /* @__PURE__ */ o("div", { className: d.bar })
 }), _ = 50, m = 500, M = ({ initialSize: r, axis: a = "y" }) => {
-  const [t, s] = o(r), [i, n] = o(null);
+  const [t, s] = l(r), [i, n] = l(null);
   return {
     size: t,
     handleResizeStart: (e) => {
@@ -22,9 +22,9 @@ var S = "_area_1pjcu_1", R = "_bar_1pjcu_10", d = {
       });
     },
     handleResizeMove: (e) => {
-      if (!z(i)) return;
-      const c = (a === "y" ? e.clientY : e.clientX) - i.startPosition;
-      s(Math.min(m, Math.max(_, i.startSize + c)));
+      if (!S(i)) return;
+      const z = (a === "y" ? e.clientY : e.clientX) - i.startPosition;
+      s(Math.min(m, Math.max(_, i.startSize + z)));
     },
     handleResizeEnd: () => {
       n(null);

package/dist/utilities/index.d.ts

@@ -10,6 +10,7 @@ export { useResetLocationHash } from './navigation/hooks/useResetLocationHash';
 export { isNavigationModifierPressed } from './navigation/isNavigationModifierPressed';
 export type { TriggerEventType } from './navigation/types/trigger-event.type';
 export { useIsMobile } from './responsive/hooks/useIsMobile';
+export { useIsTouchDevice } from './responsive/hooks/useIsTouchDevice';
 export { useScreenSize } from './screen-size/hooks/useScreenSize';
 export type { ClickOutsideAttributes } from './types/ClickOutsideAttributes';
 export type { Nullable } from './types/Nullable';

package/dist/utilities/internal/mergeClassNames.d.ts

@@ -0,0 +1 @@
+export declare const mergeClassNames: <TState>(baseClassName: string, consumerClassName: string | ((state: TState) => string | undefined) | undefined) => (state: TState) => string;

package/dist/utilities/responsive/hooks/useIsTouchDevice.d.ts

@@ -0,0 +1 @@
+export declare const useIsTouchDevice: () => boolean;

package/dist/utilities/utils/getDisplayValueByUrlType.d.ts

@@ -1,4 +1,4 @@
-import { LinkType } from '../../navigation/SocialLink/LinkType';
+import { LinkType } from '../../primitives/navigation/SocialLink/LinkType';
 type GetDisplayValueByUrlTypeProps = {
     type: LinkType;
     href: string;

package/dist/utilities-DmbkuukL.cjs

@@ -0,0 +1 @@
+const a=require("./theme-constants-Do_FO7Uy.cjs"),c=require("./theme-YHfZnD2U.cjs");let h=require("react"),g=require("zod"),l=require("react-router-dom"),w=require("react-responsive");var P=e=>e.replace(/\d+$/,""),m=g.z.enum(c.MAIN_COLOR_NAMES),y=e=>{const t=m.safeParse(e??"");return t.success?t.data:c.DEFAULT_THEME_COLOR_FALLBACK},b=e=>{let t=0;for(let r=0;r<e.length;r++)t=e.charCodeAt(r)+((t<<5)-t);return c.MAIN_COLOR_NAMES[Math.abs(t)%c.MAIN_COLOR_NAMES.length]},v=({string:e,variant:t=9,theme:r})=>{if(t<1||t>12)throw new Error("Variant must be between 1 and 12");const n=`${b(e)}${t}`;return r.color[n]},f=()=>{const e=navigator.userAgent.toLowerCase();return e.includes("mac os x")||e.includes("macos")?"mac":e.includes("windows")?"windows":e.includes("linux")?"linux":e.includes("android")?"android":e.includes("ios")||e.includes("iphone")||e.includes("ipad")?"ios":"unknown"},O=()=>f()==="mac"?"⌘":"Ctrl",k=()=>f()==="mac"?"":" ",d=({altKey:e,ctrlKey:t,shiftKey:r,metaKey:n,button:s})=>[e,t,r,n].some(u=>u)||s!==0,C=({to:e,onClick:t,disabled:r=!1,onBeforeNavigation:n,triggerEvent:s="MOUSE_DOWN"})=>{const u=(0,l.useNavigate)();return{onClick:i=>{if(!r){if(d(i)){n?.(),a.isDefined(t)&&!a.isDefined(e)&&t(i);return}s==="CLICK"&&(n?.(),a.isDefined(t)?t(i):a.isDefined(e)&&u(e)),i.preventDefault()}},onMouseDown:i=>{r||s==="CLICK"||d(i)||(n?.(),a.isDefined(t)?t(i):a.isDefined(e)&&u(e))}}},L=()=>{const e=(0,l.useNavigate)(),t=(0,l.useLocation)();return{resetLocationHash:()=>{e(t.pathname,{replace:!0})}}},S=()=>(0,w.useMediaQuery)({query:"(max-width: 768px)"}),D=()=>(0,w.useMediaQuery)({query:"(hover: none) and (pointer: coarse)"}),I=()=>{const[e,t]=(0,h.useState)({width:window.innerWidth,height:window.innerHeight});return(0,h.useEffect)(()=>{const r=()=>{t({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),e},o=(function(e){return e.Url="url",e.LinkedIn="linkedin",e.Twitter="twitter",e.Facebook="facebook",e.Instagram="instagram",e.TikTok="tiktok",e.Bluesky="bluesky",e})({}),p=[{type:o.LinkedIn,detectPattern:/^(?:https?:\/\/)?(?:www\.)?linkedin\.com\/.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?linkedin\.com\/(?:in|company|school)\/([^/?#]+)/,reservedPaths:[],handlePrefix:"",fallbackLabel:"LinkedIn"},{type:o.Twitter,detectPattern:/^(?:https?:\/\/)?(?:www\.)?(?:twitter|x)\.com\/.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?(?:twitter|x)\.com\/([^/?#]+)/,reservedPaths:["home","explore","notifications","messages","settings","search","i","intent"],handlePrefix:"@",fallbackLabel:"Twitter"},{type:o.Facebook,detectPattern:/^(?:https?:\/\/)?(?:www\.)?facebook\.com\/.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?facebook\.com\/([^/?#]+)/,reservedPaths:[],handlePrefix:"",fallbackLabel:"Facebook"},{type:o.Instagram,detectPattern:/^(?:https?:\/\/)?(?:www\.)?instagram\.com\/.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?instagram\.com\/([^/?#]+)/,reservedPaths:["p","reel","reels","explore","stories","tv","accounts","about"],handlePrefix:"@",fallbackLabel:"Instagram"},{type:o.TikTok,detectPattern:/^(?:https?:\/\/)?(?:www\.)?tiktok\.com\/@.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?tiktok\.com\/@([^/?#]+)/,reservedPaths:[],handlePrefix:"@",fallbackLabel:"TikTok"},{type:o.Bluesky,detectPattern:/^(?:https?:\/\/)?(?:www\.)?bsky\.app\/profile\/.+$/,handlePattern:/(?:https?:\/\/)?(?:www\.)?bsky\.app\/profile\/([^/?#]+)/,reservedPaths:[],handlePrefix:"",fallbackLabel:"Bluesky"}],M=({type:e,href:t})=>{const r=p.find(s=>s.type===e);if(!a.isDefined(r))return;const n=t.match(r.handlePattern)?.[1];return!a.isDefined(n)||r.reservedPaths.includes(n.toLowerCase())?r.fallbackLabel:`${r.handlePrefix}${decodeURIComponent(n)}`};Object.defineProperty(exports,"LinkType",{enumerable:!0,get:function(){return o}});Object.defineProperty(exports,"SOCIAL_LINK_PROVIDERS",{enumerable:!0,get:function(){return p}});Object.defineProperty(exports,"getDisplayValueByUrlType",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"getMainColorNameFromPaletteColorName",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"getOsControlSymbol",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"getOsShortcutSeparator",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"getUserDevice",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"isNavigationModifierPressed",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"parseThemeColor",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"stringToThemeColor",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"stringToThemeColorP3String",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"themeColorSchema",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"useIsMobile",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"useIsTouchDevice",{enumerable:!0,get:function(){return D}});Object.defineProperty(exports,"useMouseDownNavigation",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"useResetLocationHash",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"useScreenSize",{enumerable:!0,get:function(){return I}});

package/dist/{utilities-B_4WqR8H.js → utilities-kvjM4sIB.js}

@@ -1,24 +1,24 @@
-import { s as n } from "./theme-constants-D9oV4GU4.js";
-import { _ as w, u as c } from "./theme-DELpGMxN.js";
-import { useEffect as m, useState as f } from "react";
-import { z as p } from "zod";
-import { useLocation as P, useNavigate as h } from "react-router-dom";
-import { useMediaQuery as k } from "react-responsive";
-var $ = (e) => e.replace(/\d+$/, ""), b = p.enum(c), D = (e) => {
-  const t = b.safeParse(e ?? "");
-  return t.success ? t.data : w;
-}, v = (e) => {
+import { s as n } from "./theme-constants-DETwIS-a.js";
+import { a as c, c as m } from "./theme-OwFrow8b.js";
+import { useEffect as f, useState as p } from "react";
+import { z as P } from "zod";
+import { useLocation as k, useNavigate as h } from "react-router-dom";
+import { useMediaQuery as u } from "react-responsive";
+var O = (e) => e.replace(/\d+$/, ""), v = P.enum(c), $ = (e) => {
+  const t = v.safeParse(e ?? "");
+  return t.success ? t.data : m;
+}, b = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++) t = e.charCodeAt(r) + ((t << 5) - t);
   return c[Math.abs(t) % c.length];
 }, E = ({ string: e, variant: t = 9, theme: r }) => {
   if (t < 1 || t > 12) throw new Error("Variant must be between 1 and 12");
-  const a = `${v(e)}${t}`;
+  const a = `${b(e)}${t}`;
   return r.color[a];
-}, u = () => {
+}, w = () => {
   const e = navigator.userAgent.toLowerCase();
   return e.includes("mac os x") || e.includes("macos") ? "mac" : e.includes("windows") ? "windows" : e.includes("linux") ? "linux" : e.includes("android") ? "android" : e.includes("ios") || e.includes("iphone") || e.includes("ipad") ? "ios" : "unknown";
-}, _ = () => u() === "mac" ? "⌘" : "Ctrl", A = () => u() === "mac" ? "" : " ", d = ({ altKey: e, ctrlKey: t, shiftKey: r, metaKey: a, button: o }) => [
+}, _ = () => w() === "mac" ? "⌘" : "Ctrl", A = () => w() === "mac" ? "" : " ", d = ({ altKey: e, ctrlKey: t, shiftKey: r, metaKey: a, button: o }) => [
   e,
   t,
   r,
@@ -40,16 +40,16 @@ var $ = (e) => e.replace(/\d+$/, ""), b = p.enum(c), D = (e) => {
     }
   };
 }, R = () => {
-  const e = h(), t = P();
+  const e = h(), t = k();
   return { resetLocationHash: () => {
     e(t.pathname, { replace: !0 });
   } };
-}, z = () => k({ query: "(max-width: 768px)" }), F = () => {
-  const [e, t] = f({
+}, z = () => u({ query: "(max-width: 768px)" }), F = () => u({ query: "(hover: none) and (pointer: coarse)" }), H = () => {
+  const [e, t] = p({
     width: window.innerWidth,
     height: window.innerHeight
   });
-  return m(() => {
+  return f(() => {
     const r = () => {
       t({
         width: window.innerWidth,
@@ -129,27 +129,28 @@ var $ = (e) => e.replace(/\d+$/, ""), b = p.enum(c), D = (e) => {
     handlePrefix: "",
     fallbackLabel: "Bluesky"
   }
-], H = ({ type: e, href: t }) => {
+], U = ({ type: e, href: t }) => {
   const r = g.find((o) => o.type === e);
   if (!n(r)) return;
   const a = t.match(r.handlePattern)?.[1];
   return !n(a) || r.reservedPaths.includes(a.toLowerCase()) ? r.fallbackLabel : `${r.handlePrefix}${decodeURIComponent(a)}`;
 };
 export {
-  z as a,
-  d as c,
-  u as d,
-  v as f,
-  $ as g,
-  b as h,
-  F as i,
-  A as l,
-  D as m,
+  O as _,
+  F as a,
+  N as c,
+  _ as d,
+  w as f,
+  v as g,
+  $ as h,
+  H as i,
+  d as l,
+  E as m,
   g as n,
-  R as o,
-  E as p,
+  z as o,
+  b as p,
   i as r,
-  N as s,
-  H as t,
-  _ as u
+  R as s,
+  U as t,
+  A as u
 };

package/dist/utilities.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./theme-constants-DopWozXO.cjs"),e=require("./utilities-DJsiOLPD.cjs"),o=require("./linkifyText-C4_e-MKf.cjs");exports.getDisplayValueByUrlType=e.getDisplayValueByUrlType;exports.getMainColorNameFromPaletteColorName=e.getMainColorNameFromPaletteColorName;exports.getOsControlSymbol=e.getOsControlSymbol;exports.getOsShortcutSeparator=e.getOsShortcutSeparator;exports.getSafeUrl=o.getSafeUrl;exports.getUserDevice=e.getUserDevice;exports.isDefined=r.isDefined;exports.isNavigationModifierPressed=e.isNavigationModifierPressed;exports.linkifyText=o.linkifyText;exports.parseThemeColor=e.parseThemeColor;exports.stringToThemeColor=e.stringToThemeColor;exports.stringToThemeColorP3String=e.stringToThemeColorP3String;exports.themeColorSchema=e.themeColorSchema;exports.useIsMobile=e.useIsMobile;exports.useMouseDownNavigation=e.useMouseDownNavigation;exports.useResetLocationHash=e.useResetLocationHash;exports.useScreenSize=e.useScreenSize;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./theme-constants-Do_FO7Uy.cjs"),e=require("./utilities-DmbkuukL.cjs"),o=require("./linkifyText-C4_e-MKf.cjs");exports.getDisplayValueByUrlType=e.getDisplayValueByUrlType;exports.getMainColorNameFromPaletteColorName=e.getMainColorNameFromPaletteColorName;exports.getOsControlSymbol=e.getOsControlSymbol;exports.getOsShortcutSeparator=e.getOsShortcutSeparator;exports.getSafeUrl=o.getSafeUrl;exports.getUserDevice=e.getUserDevice;exports.isDefined=r.isDefined;exports.isNavigationModifierPressed=e.isNavigationModifierPressed;exports.linkifyText=o.linkifyText;exports.parseThemeColor=e.parseThemeColor;exports.stringToThemeColor=e.stringToThemeColor;exports.stringToThemeColorP3String=e.stringToThemeColorP3String;exports.themeColorSchema=e.themeColorSchema;exports.useIsMobile=e.useIsMobile;exports.useIsTouchDevice=e.useIsTouchDevice;exports.useMouseDownNavigation=e.useMouseDownNavigation;exports.useResetLocationHash=e.useResetLocationHash;exports.useScreenSize=e.useScreenSize;

package/dist/utilities.mjs

@@ -1,22 +1,23 @@
-import { s } from "./theme-constants-D9oV4GU4.js";
-import { a, c as r, d as t, f as i, g as l, h as m, i as n, l as g, m as p, o as f, p as h, s as u, t as S, u as C } from "./utilities-B_4WqR8H.js";
-import { n as c, t as y } from "./linkifyText-DVk8e0sw.js";
+import { s } from "./theme-constants-DETwIS-a.js";
+import { _ as a, a as r, c as t, d as i, f as l, g as m, h as n, i as g, l as u, m as h, o as p, p as c, s as f, t as S, u as T } from "./utilities-kvjM4sIB.js";
+import { n as y, t as D } from "./linkifyText-DVk8e0sw.js";
 export {
   S as getDisplayValueByUrlType,
-  l as getMainColorNameFromPaletteColorName,
-  C as getOsControlSymbol,
-  g as getOsShortcutSeparator,
-  c as getSafeUrl,
-  t as getUserDevice,
+  a as getMainColorNameFromPaletteColorName,
+  i as getOsControlSymbol,
+  T as getOsShortcutSeparator,
+  y as getSafeUrl,
+  l as getUserDevice,
   s as isDefined,
-  r as isNavigationModifierPressed,
-  y as linkifyText,
-  p as parseThemeColor,
-  i as stringToThemeColor,
+  u as isNavigationModifierPressed,
+  D as linkifyText,
+  n as parseThemeColor,
+  c as stringToThemeColor,
   h as stringToThemeColorP3String,
   m as themeColorSchema,
-  a as useIsMobile,
-  u as useMouseDownNavigation,
+  p as useIsMobile,
+  r as useIsTouchDevice,
+  t as useMouseDownNavigation,
   f as useResetLocationHash,
-  n as useScreenSize
+  g as useScreenSize
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "twenty-ui",
-  "version": "1.0.0-alpha.1",
+  "version": "2.41.0",
   "description": "Twenty's shared React UI component library.",
-  "license": "AGPL-3.0",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/twentyhq/twenty.git",
@@ -29,56 +29,54 @@
     "**/*.scss"
   ],
   "devDependencies": {
-    "@argos-ci/storybook": "^6.0.6",
+    "@argos-ci/storybook": "6.2.3",
+    "@fontsource/inter": "^5.2.8",
     "@prettier/sync": "^0.5.2",
     "@size-limit/preset-small-lib": "^12.1.0",
     "@storybook-community/storybook-addon-cookie": "^5.0.0",
-    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-a11y": "^10.4.6",
     "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-links": "^10.3.3",
-    "@storybook/addon-vitest": "^10.2.13",
-    "@storybook/react-vite": "^10.3.3",
+    "@storybook/addon-links": "^10.4.6",
+    "@storybook/addon-vitest": "^10.4.6",
+    "@storybook/react-vite": "^10.4.6",
     "@swc/core": "^1.15.11",
-    "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
-    "@types/jest": "^30.0.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react-swc": "^4.3.1",
     "@vitest/browser-playwright": "^4.1.0",
     "esbuild": "^0.28.1",
     "glob": "^11.1.0",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "30.0.0-beta.3",
+    "jsdom": "^30.0.1",
     "prettier": "^3.1.1",
     "react": "^19.2.0",
+    "react-docgen-typescript": "^2.2.2",
     "react-dom": "^19.2.0",
     "sass": "^1.83.0",
     "sass-embedded": "^1.83.0",
     "size-limit": "^12.1.0",
     "slash": "^5.1.0",
     "storybook-addon-pseudo-states": "^10.3.3",
-    "ts-jest": "^29.1.1",
     "tsx": "^4.19.3",
     "typescript": "^5.9.3",
     "vite-plugin-checker": "^0.10.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-sass-dts": "^1.3.31",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^4.1.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.8.0",
+    "@base-ui/utils": "0.4.0",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/colors": "^3.0.0",
     "@sniptt/guards": "^0.2.0",
     "@tabler/icons-react": "^3.31.0",
     "clsx": "^2.1.1",
     "react-responsive": "^9.0.2",
-    "react-router-dom": "^6.4.4",
+    "react-router-dom": "^6.30.6",
     "type-fest": "^4.10.1",
     "zod": "^4.1.11"
   },
@@ -92,6 +90,7 @@
   },
   "files": [
     "dist",
+    "LICENSE",
     "!dist/individual",
     "!dist/individual/**",
     "!dist/**/*.map"
@@ -105,61 +104,76 @@
     "./style.css": "./dist/style.css",
     "./theme-light.css": "./dist/theme-light.css",
     "./theme-dark.css": "./dist/theme-dark.css",
-    "./accessibility": {
-      "types": "./dist/accessibility/index.d.ts",
-      "import": "./dist/accessibility.mjs",
-      "require": "./dist/accessibility.cjs"
-    },
     "./assets": {
       "types": "./dist/assets/index.d.ts",
       "import": "./dist/assets.mjs",
       "require": "./dist/assets.cjs"
     },
-    "./data-display": {
-      "types": "./dist/data-display/index.d.ts",
-      "import": "./dist/data-display.mjs",
-      "require": "./dist/data-display.cjs"
-    },
-    "./feedback": {
-      "types": "./dist/feedback/index.d.ts",
-      "import": "./dist/feedback.mjs",
-      "require": "./dist/feedback.cjs"
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components.mjs",
+      "require": "./dist/components.cjs"
     },
     "./icon": {
       "types": "./dist/icon/index.d.ts",
       "import": "./dist/icon.mjs",
       "require": "./dist/icon.cjs"
     },
-    "./input": {
-      "types": "./dist/input/index.d.ts",
-      "import": "./dist/input.mjs",
-      "require": "./dist/input.cjs"
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives.mjs",
+      "require": "./dist/primitives.cjs"
+    },
+    "./primitives/accessibility": {
+      "types": "./dist/primitives/accessibility/index.d.ts",
+      "import": "./dist/primitives/accessibility.mjs",
+      "require": "./dist/primitives/accessibility.cjs"
+    },
+    "./primitives/data-display": {
+      "types": "./dist/primitives/data-display/index.d.ts",
+      "import": "./dist/primitives/data-display.mjs",
+      "require": "./dist/primitives/data-display.cjs"
+    },
+    "./primitives/feedback": {
+      "types": "./dist/primitives/feedback/index.d.ts",
+      "import": "./dist/primitives/feedback.mjs",
+      "require": "./dist/primitives/feedback.cjs"
     },
-    "./json-visualizer": {
-      "types": "./dist/json-visualizer/index.d.ts",
-      "import": "./dist/json-visualizer.mjs",
-      "require": "./dist/json-visualizer.cjs"
+    "./primitives/input": {
+      "types": "./dist/primitives/input/index.d.ts",
+      "import": "./dist/primitives/input.mjs",
+      "require": "./dist/primitives/input.cjs"
     },
-    "./layout": {
-      "types": "./dist/layout/index.d.ts",
-      "import": "./dist/layout.mjs",
-      "require": "./dist/layout.cjs"
+    "./primitives/json-visualizer": {
+      "types": "./dist/primitives/json-visualizer/index.d.ts",
+      "import": "./dist/primitives/json-visualizer.mjs",
+      "require": "./dist/primitives/json-visualizer.cjs"
     },
-    "./navigation": {
-      "types": "./dist/navigation/index.d.ts",
-      "import": "./dist/navigation.mjs",
-      "require": "./dist/navigation.cjs"
+    "./primitives/layout": {
+      "types": "./dist/primitives/layout/index.d.ts",
+      "import": "./dist/primitives/layout.mjs",
+      "require": "./dist/primitives/layout.cjs"
+    },
+    "./primitives/navigation": {
+      "types": "./dist/primitives/navigation/index.d.ts",
+      "import": "./dist/primitives/navigation.mjs",
+      "require": "./dist/primitives/navigation.cjs"
+    },
+    "./primitives/surfaces": {
+      "types": "./dist/primitives/surfaces/index.d.ts",
+      "import": "./dist/primitives/surfaces.mjs",
+      "require": "./dist/primitives/surfaces.cjs"
+    },
+    "./primitives/typography": {
+      "types": "./dist/primitives/typography/index.d.ts",
+      "import": "./dist/primitives/typography.mjs",
+      "require": "./dist/primitives/typography.cjs"
     },
     "./styles": {
       "types": "./dist/styles/index.d.ts",
       "import": "./dist/styles.mjs",
       "require": "./dist/styles.cjs"
     },
-    "./surfaces": {
-      "types": "./dist/surfaces/index.d.ts",
-      "import": "./dist/surfaces.mjs",
-      "require": "./dist/surfaces.cjs"
-    },
     "./testing": {
       "types": "./dist/testing/index.d.ts",
       "import": "./dist/testing.mjs",
@@ -175,11 +189,6 @@
       "import": "./dist/theme-constants.mjs",
       "require": "./dist/theme-constants.cjs"
     },
-    "./typography": {
-      "types": "./dist/typography/index.d.ts",
-      "import": "./dist/typography.mjs",
-      "require": "./dist/typography.cjs"
-    },
     "./utilities": {
       "types": "./dist/utilities/index.d.ts",
       "import": "./dist/utilities.mjs",
@@ -188,39 +197,48 @@
   },
   "typesVersions": {
     "*": {
-      "accessibility": [
-        "dist/accessibility/index.d.ts"
-      ],
       "assets": [
         "dist/assets/index.d.ts"
       ],
-      "data-display": [
-        "dist/data-display/index.d.ts"
-      ],
-      "feedback": [
-        "dist/feedback/index.d.ts"
+      "components": [
+        "dist/components/index.d.ts"
       ],
       "icon": [
         "dist/icon/index.d.ts"
       ],
-      "input": [
-        "dist/input/index.d.ts"
+      "primitives": [
+        "dist/primitives/index.d.ts"
+      ],
+      "primitives/accessibility": [
+        "dist/primitives/accessibility/index.d.ts"
+      ],
+      "primitives/data-display": [
+        "dist/primitives/data-display/index.d.ts"
+      ],
+      "primitives/feedback": [
+        "dist/primitives/feedback/index.d.ts"
       ],
-      "json-visualizer": [
-        "dist/json-visualizer/index.d.ts"
+      "primitives/input": [
+        "dist/primitives/input/index.d.ts"
       ],
-      "layout": [
-        "dist/layout/index.d.ts"
+      "primitives/json-visualizer": [
+        "dist/primitives/json-visualizer/index.d.ts"
       ],
-      "navigation": [
-        "dist/navigation/index.d.ts"
+      "primitives/layout": [
+        "dist/primitives/layout/index.d.ts"
+      ],
+      "primitives/navigation": [
+        "dist/primitives/navigation/index.d.ts"
+      ],
+      "primitives/surfaces": [
+        "dist/primitives/surfaces/index.d.ts"
+      ],
+      "primitives/typography": [
+        "dist/primitives/typography/index.d.ts"
       ],
       "styles": [
         "dist/styles/index.d.ts"
       ],
-      "surfaces": [
-        "dist/surfaces/index.d.ts"
-      ],
       "testing": [
         "dist/testing/index.d.ts"
       ],
@@ -230,9 +248,6 @@
       "theme-constants": [
         "dist/theme-constants/index.d.ts"
       ],
-      "typography": [
-        "dist/typography/index.d.ts"
-      ],
       "utilities": [
         "dist/utilities/index.d.ts"
       ]