@bioturing/components 0.42.0 → 0.44.0

package/dist/tokens/and-theme/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/tokens/and-theme/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,eAAO,MAAM,eAAe,EAAE,WAyR7B,CAAC;AA0EF,eAAO,MAAM,UAAU,EAAE,WAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAMvB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/tokens/and-theme/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,eAAO,MAAM,eAAe,EAAE,WA6R7B,CAAC;AA2EF,eAAO,MAAM,UAAU,EAAE,WAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAMvB,CAAC"}

package/dist/tokens/and-theme/tokens.js

@@ -3,7 +3,11 @@ const o = {
   // Text colors
   colorText: {
     light: "rgba(0, 0, 0, 0.88)",
-    dark: "rgba(255, 255, 255, 0.88)"
+    dark: "rgba(255, 255, 255, 0.8784313725)"
+  },
+  colorTextControl: {
+    light: "rgba(0, 0, 0, 0.5490196078)",
+    dark: "rgba(255, 255, 255, 0.5490196078)"
   },
   colorTextSecondary: {
     light: "rgba(0, 0, 0, 0.65)",
@@ -14,82 +18,82 @@ const o = {
     dark: "rgba(255, 255, 255, 0.45)"
   },
   colorTextQuaternary: {
-    light: "rgba(0, 0, 0, 0.25)",
-    dark: "rgba(255, 255, 255, 0.25)"
+    light: "rgba(0, 0, 0, 0.2509803922)",
+    dark: "rgba(255, 255, 255, 0.2509803922)"
   },
   // Primary colors
   colorPrimary: {
     light: "#175CD3",
-    dark: "#2E90FA"
+    dark: "#1F88FA"
   },
   colorPrimaryBg: {
-    light: "#E9F2FF",
-    dark: "#152137"
+    light: "#E6F4FF",
+    dark: "#16233C"
   },
   colorPrimaryBgHover: {
-    light: "#D1E9FF",
-    dark: "#112545"
+    light: "#BAE0FF",
+    dark: "#132944"
   },
   colorPrimaryBorder: {
-    light: "#84CAFF",
-    dark: "#1C3959"
+    light: "#ADCAF0",
+    dark: "#254B74"
   },
   colorPrimaryBorderHover: {
-    light: "#53B1FD",
-    dark: "#204C7C"
+    light: "#69B1FF",
+    dark: "#19487C"
   },
   colorPrimaryHover: {
-    light: "#1570EF",
-    dark: "#50A0E8"
+    light: "#3D7EE0",
+    dark: "#509FE8"
   },
   colorPrimaryActive: {
-    light: "#175CD3",
-    dark: "#2565AB"
+    light: "#0A41AD",
+    dark: "#2565AA"
   },
   colorPrimaryTextHover: {
-    light: "#1570EF",
-    dark: "#50A0E8"
+    light: "#3D7EE0",
+    dark: "#509FE8"
   },
   colorPrimaryTextActive: {
-    light: "#175CD3",
-    dark: "#2565AB"
+    light: "#0A41AD",
+    dark: "#2565AA"
   },
   // Info colors
   colorInfo: {
     light: "#175CD3",
-    dark: "#2E90FA"
+    dark: "#1F88FA"
   },
   colorInfoBg: {
-    light: "#E9F2FF",
-    dark: "#152137"
+    light: "#E6F4FF",
+    dark: "#16233C"
   },
   colorInfoBgHover: {
-    light: "#D1E9FF",
-    dark: "#112545"
+    light: "#BAE0FF",
+    dark: "#132944"
   },
   colorInfoBorder: {
-    light: "#84CAFF",
-    dark: "#1C3959"
+    light: "#ADCAF0",
+    dark: "#254B74"
   },
   colorInfoBorderHover: {
-    light: "#53B1FD",
-    dark: "#204C7C"
+    light: "#69B1FF",
+    dark: "#19487C"
   },
   colorInfoHover: {
-    light: "#1570EF",
-    dark: "#50A0E8"
+    light: "#3D7EE0",
+    dark: "#509FE8"
   },
   colorInfoActive: {
-    light: "#175CD3",
-    dark: "#2565AB"
+    light: "#0A41AD",
+    dark: "#2565AA"
   },
   colorInfoTextHover: {
-    light: "#1570EF",
-    dark: "#50A0E8"
+    light: "#3D7EE0",
+    dark: "#509FE8"
   },
   colorInfoTextActive: {
-    light: "#175CD3",
-    dark: "#2565AB"
+    light: "#0A41AD",
+    dark: "#2565AA"
   },
   // Success colors
   colorSuccess: {
@@ -167,40 +171,40 @@ const o = {
   },
   // Error colors
   colorError: {
-    light: "#D92D20",
-    dark: "#CF3D33"
+    light: "#D43225",
+    dark: "#DE4035"
   },
   colorErrorBg: {
-    light: "#FEF3F2",
+    light: "#FFF3F0",
     dark: "#291414"
   },
   colorErrorBgHover: {
-    light: "#FEE4E2",
+    light: "#FFD4C9",
     dark: "#411A18"
   },
   colorErrorBorder: {
-    light: "#FDA29B",
-    dark: "#562222"
+    light: "#FFB6A8",
+    dark: "#842924"
   },
   colorErrorBorderHover: {
-    light: "#F97066",
-    dark: "#772A24"
+    light: "#F28372",
+    dark: "#AC362F"
   },
   colorErrorHover: {
-    light: "#F04438",
+    light: "#E0594A",
     dark: "#E5695A"
   },
   colorErrorActive: {
-    light: "#D92D20",
-    dark: "#A3332B"
+    light: "#B31712",
+    dark: "#973129"
   },
   colorErrorTextHover: {
-    light: "#F04438",
-    dark: "#E5695A"
+    light: "#E65747",
+    dark: "#D66357"
   },
   colorErrorTextActive: {
-    light: "#D92D20",
-    dark: "#A3332B"
+    light: "#B31712",
+    dark: "#973129"
   },
   // Fill colors
   colorFill: {
@@ -309,9 +313,10 @@ const o = {
     Button: {
       defaultShadow: void 0,
       primaryShadow: void 0,
-      dangerShadow: void 0
+      dangerShadow: void 0,
+      textTextColor: "var(--ds-color-text-control)",
+      textTextHoverColor: "var(--ds-color-text-control)"
     },
-    Select: {},
     Segmented: {
       controlHeightLG: 36,
       controlHeightSM: 24
@@ -336,7 +341,7 @@ const o = {
       labelColor: "var(--ds-color-text)"
     }
   }
-}, t = {
+}, e = {
   token: {
     ...r(o, "light"),
     ...a
@@ -352,6 +357,6 @@ const o = {
 export {
   o as antdColorTokens,
   i as darkTheme,
-  t as lightTheme
+  e as lightTheme
 };
 //# sourceMappingURL=tokens.js.map

package/dist/tokens/and-theme/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n  // Text colors\n  colorText: {\n    light: \"rgba(0, 0, 0, 0.88)\",\n    dark: \"rgba(255, 255, 255, 0.88)\",\n  },\n  colorTextSecondary: {\n    light: \"rgba(0, 0, 0, 0.65)\",\n    dark: \"rgba(255, 255, 255, 0.65)\",\n  },\n  colorTextTertiary: {\n    light: \"rgba(0, 0, 0, 0.45)\",\n    dark: \"rgba(255, 255, 255, 0.45)\",\n  },\n  colorTextQuaternary: {\n    light: \"rgba(0, 0, 0, 0.25)\",\n    dark: \"rgba(255, 255, 255, 0.25)\",\n  },\n  // Primary colors\n  colorPrimary: {\n    light: \"#175CD3\",\n    dark: \"#2E90FA\",\n  },\n  colorPrimaryBg: {\n    light: \"#E9F2FF\",\n    dark: \"#152137\",\n  },\n  colorPrimaryBgHover: {\n    light: \"#D1E9FF\",\n    dark: \"#112545\",\n  },\n  colorPrimaryBorder: {\n    light: \"#84CAFF\",\n    dark: \"#1C3959\",\n  },\n  colorPrimaryBorderHover: {\n    light: \"#53B1FD\",\n    dark: \"#204C7C\",\n  },\n  colorPrimaryHover: {\n    light: \"#1570EF\",\n    dark: \"#50A0E8\",\n  },\n  colorPrimaryActive: {\n    light: \"#175CD3\",\n    dark: \"#2565AB\",\n  },\n  colorPrimaryTextHover: {\n    light: \"#1570EF\",\n    dark: \"#50A0E8\",\n  },\n  colorPrimaryTextActive: {\n    light: \"#175CD3\",\n    dark: \"#2565AB\",\n  },\n\n  // Info colors\n  colorInfo: {\n    light: \"#175CD3\",\n    dark: \"#2E90FA\",\n  },\n  colorInfoBg: {\n    light: \"#E9F2FF\",\n    dark: \"#152137\",\n  },\n  colorInfoBgHover: {\n    light: \"#D1E9FF\",\n    dark: \"#112545\",\n  },\n  colorInfoBorder: {\n    light: \"#84CAFF\",\n    dark: \"#1C3959\",\n  },\n  colorInfoBorderHover: {\n    light: \"#53B1FD\",\n    dark: \"#204C7C\",\n  },\n  colorInfoHover: {\n    light: \"#1570EF\",\n    dark: \"#50A0E8\",\n  },\n  colorInfoActive: {\n    light: \"#175CD3\",\n    dark: \"#2565AB\",\n  },\n  colorInfoTextHover: {\n    light: \"#1570EF\",\n    dark: \"#50A0E8\",\n  },\n  colorInfoTextActive: {\n    light: \"#175CD3\",\n    dark: \"#2565AB\",\n  },\n\n  // Success colors\n  colorSuccess: {\n    light: \"#4CB200\",\n    dark: \"#389E0D\",\n  },\n  colorSuccessBg: {\n    light: \"#F6FFF0\",\n    dark: \"#162100\",\n  },\n  colorSuccessBgHover: {\n    light: \"#D9F7BE\",\n    dark: \"#1D2B00\",\n  },\n  colorSuccessBorder: {\n    light: \"#B7EB8F\",\n    dark: \"#274916\",\n  },\n  colorSuccessBorderHover: {\n    light: \"#95DE64\",\n    dark: \"#306317\",\n  },\n  colorSuccessHover: {\n    light: \"#73D13D\",\n    dark: \"#52C41A\",\n  },\n  colorSuccessActive: {\n    light: \"#389E0D\",\n    dark: \"#237804\",\n  },\n  colorSuccessTextHover: {\n    light: \"#237804\",\n    dark: \"#52C41A\",\n  },\n  colorSuccessTextActive: {\n    light: \"#092B00\",\n    dark: \"#237804\",\n  },\n\n  // Warning colors\n  colorWarning: {\n    light: \"#FA8C16\",\n    dark: \"#D48806\",\n  },\n  colorWarningBg: {\n    light: \"#FFF7E6\",\n    dark: \"#281800\",\n  },\n  colorWarningBgHover: {\n    light: \"#FFE7BA\",\n    dark: \"#3D2200\",\n  },\n  colorWarningBorder: {\n    light: \"#FFD591\",\n    dark: \"#443B16\",\n  },\n  colorWarningBorderHover: {\n    light: \"#FFC069\",\n    dark: \"#594E1A\",\n  },\n  colorWarningHover: {\n    light: \"#FFA940\",\n    dark: \"#E8B339\",\n  },\n  colorWarningActive: {\n    light: \"#D46B08\",\n    dark: \"#AA7714\",\n  },\n  colorWarningTextHover: {\n    light: \"#AD4E00\",\n    dark: \"#E8B339\",\n  },\n  colorWarningTextActive: {\n    light: \"#873800\",\n    dark: \"#AA7714\",\n  },\n\n  // Error colors\n  colorError: {\n    light: \"#D92D20\",\n    dark: \"#CF3D33\",\n  },\n  colorErrorBg: {\n    light: \"#FEF3F2\",\n    dark: \"#291414\",\n  },\n  colorErrorBgHover: {\n    light: \"#FEE4E2\",\n    dark: \"#411A18\",\n  },\n  colorErrorBorder: {\n    light: \"#FDA29B\",\n    dark: \"#562222\",\n  },\n  colorErrorBorderHover: {\n    light: \"#F97066\",\n    dark: \"#772A24\",\n  },\n  colorErrorHover: {\n    light: \"#F04438\",\n    dark: \"#E5695A\",\n  },\n  colorErrorActive: {\n    light: \"#D92D20\",\n    dark: \"#A3332B\",\n  },\n  colorErrorTextHover: {\n    light: \"#F04438\",\n    dark: \"#E5695A\",\n  },\n  colorErrorTextActive: {\n    light: \"#D92D20\",\n    dark: \"#A3332B\",\n  },\n\n  // Fill colors\n  colorFill: {\n    light: \"rgba(0, 0, 0, 0.15)\",\n    dark: \"rgba(255, 255, 255, 0.15)\",\n  },\n  colorFillSecondary: {\n    light: \"rgba(0, 0, 0, 0.06)\",\n    dark: \"rgba(255, 255, 255, 0.06)\",\n  },\n  colorFillTertiary: {\n    light: \"rgba(0, 0, 0, 0.04)\",\n    dark: \"rgba(255, 255, 255, 0.04)\",\n  },\n  colorFillQuaternary: {\n    light: \"rgba(0, 0, 0, 0.02)\",\n    dark: \"rgba(255, 255, 255, 0.02)\",\n  },\n  colorFillAlter: {\n    light: \"rgba(0, 0, 0, 0.02)\",\n    dark: \"rgba(255, 255, 255, 0.02)\",\n  },\n\n  // Border colors\n  colorBorder: {\n    light: \"rgba(0, 0, 0, 0.16)\",\n    dark: \"rgba(255, 255, 255, 0.16)\",\n  },\n  colorBorderSecondary: {\n    light: \"rgba(0, 0, 0, 0.06)\",\n    dark: \"rgba(255, 255, 255, 0.06)\",\n  },\n\n  // Icon colors\n  colorIcon: {\n    light: \"rgba(0, 0, 0, 0.50)\",\n    dark: \"rgba(255, 255, 255, 0.58)\",\n  },\n  colorIconHover: {\n    light: \"rgba(0, 0, 0, 0.80)\",\n    dark: \"rgba(255, 255, 255, 0.88)\",\n  },\n  colorBgBase: {\n    light: \"#FFFFFF\",\n    dark: \"#111113\",\n  },\n\n  // Background colors\n  colorBgContainer: {\n    light: \"#FFFFFF\",\n    dark: \"#242429\",\n  },\n  colorBgElevated: {\n    light: \"#FFFFFF\",\n    dark: \"#2B2B31\",\n  },\n  colorBgLayout: {\n    light: \"#F4F4F5\",\n    dark: \"#18181B\",\n  },\n  colorBgSpotlight: {\n    light: \"rgba(0, 0, 0, 0.85)\",\n    dark: \"#484851\",\n  },\n  colorBgMask: {\n    light: \"rgba(0, 0, 0, 0.45)\",\n    dark: \"rgba(0, 0, 0, 0.45)\",\n  },\n\n  // Control\n  controlOutline: {\n    light: \"rgba(0, 0, 0, 0.12)\",\n    dark: \"rgba(255, 255, 255, 0.12)\",\n  },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n  fontFamily: \"var(--ds-inter)\",\n  fontFamilyCode: \"var(--ds-roboto-mono)\",\n  fontSizeHeading1: 36,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  lineHeightHeading1: 40 / 36,\n  lineHeightHeading2: 36 / 30,\n  lineHeightHeading3: 32 / 24,\n  lineHeightHeading4: 28 / 20,\n  lineHeightHeading5: 24 / 16,\n  lineHeight: 20 / 14,\n  lineHeightLG: 24 / 16,\n  lineHeightSM: 16 / 12,\n  fontWeightStrong: 600,\n  boxShadow:\n    \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n  boxShadowSecondary:\n    \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n  colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n  cssVar: true,\n  components: {\n    Input: {\n      activeBorderColor: \"var(--ds-control-color-border-active)\",\n      activeShadow: \"var(--ds-control-shadow-active)\",\n      errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n    },\n    InputNumber: {\n      activeBorderColor: \"var(--ds-control-color-border-active)\",\n      activeShadow: \"var(--ds-control-shadow-active)\",\n      errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n    },\n    Button: {\n      defaultShadow: undefined,\n      primaryShadow: undefined,\n      dangerShadow: undefined,\n    },\n    Select: {},\n    Segmented: {\n      controlHeightLG: 36,\n      controlHeightSM: 24,\n    },\n    Breadcrumb: {\n      separatorColor: \"var(--ds-color-border)\",\n    },\n    Slider: {\n      trackBg: \"var(--ds-color-primary)\",\n      trackHoverBg: \"var(--ds-color-primary-hover)\",\n      trackBgDisabled: \"var(--ds-color-text-disabled)\",\n      railBg: \"var(--ds-control-outline)\",\n      railHoverBg: \"var(--ds-color-border)\",\n      handleColor: \"var(--ds-color-primary)\",\n      handleActiveColor: \"var(--ds-color-primary-active)\",\n      handleColorDisabled: \"var(--ds-color-text-disabled)\",\n      dotBorderColor: \"var(--ds-color-primary)\",\n      dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n    },\n    Form: {\n      itemMarginBottom: 16,\n      labelColor: \"var(--ds-color-text)\",\n    },\n  },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n  token: {\n    ...getTokensByTheme(antdColorTokens, \"light\"),\n    ...sharedTokens,\n  },\n  ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n  token: {\n    ...getTokensByTheme(antdColorTokens, \"dark\"),\n    ...sharedTokens,\n  },\n  ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n  // Text colors\n  colorText: {\n    light: \"rgba(0, 0, 0, 0.88)\",\n    dark: \"rgba(255, 255, 255, 0.8784313725)\",\n  },\n  colorTextControl: {\n    light: \"rgba(0, 0, 0, 0.5490196078)\",\n    dark: \"rgba(255, 255, 255, 0.5490196078)\",\n  },\n  colorTextSecondary: {\n    light: \"rgba(0, 0, 0, 0.65)\",\n    dark: \"rgba(255, 255, 255, 0.65)\",\n  },\n  colorTextTertiary: {\n    light: \"rgba(0, 0, 0, 0.45)\",\n    dark: \"rgba(255, 255, 255, 0.45)\",\n  },\n  colorTextQuaternary: {\n    light: \"rgba(0, 0, 0, 0.2509803922)\",\n    dark: \"rgba(255, 255, 255, 0.2509803922)\",\n  },\n  // Primary colors\n  colorPrimary: {\n    light: \"#175CD3\",\n    dark: \"#1F88FA\",\n  },\n  colorPrimaryBg: {\n    light: \"#E6F4FF\",\n    dark: \"#16233C\",\n  },\n  colorPrimaryBgHover: {\n    light: \"#BAE0FF\",\n    dark: \"#132944\",\n  },\n  colorPrimaryBorder: {\n    light: \"#ADCAF0\",\n    dark: \"#254B74\",\n  },\n  colorPrimaryBorderHover: {\n    light: \"#69B1FF\",\n    dark: \"#19487C\",\n  },\n  colorPrimaryHover: {\n    light: \"#3D7EE0\",\n    dark: \"#509FE8\",\n  },\n  colorPrimaryActive: {\n    light: \"#0A41AD\",\n    dark: \"#2565AA\",\n  },\n  colorPrimaryTextHover: {\n    light: \"#3D7EE0\",\n    dark: \"#509FE8\",\n  },\n  colorPrimaryTextActive: {\n    light: \"#0A41AD\",\n    dark: \"#2565AA\",\n  },\n\n  // Info colors\n  colorInfo: {\n    light: \"#175CD3\",\n    dark: \"#1F88FA\",\n  },\n  colorInfoBg: {\n    light: \"#E6F4FF\",\n    dark: \"#16233C\",\n  },\n  colorInfoBgHover: {\n    light: \"#BAE0FF\",\n    dark: \"#132944\",\n  },\n  colorInfoBorder: {\n    light: \"#ADCAF0\",\n    dark: \"#254B74\",\n  },\n  colorInfoBorderHover: {\n    light: \"#69B1FF\",\n    dark: \"#19487C\",\n  },\n  colorInfoHover: {\n    light: \"#3D7EE0\",\n    dark: \"#509FE8\",\n  },\n  colorInfoActive: {\n    light: \"#0A41AD\",\n    dark: \"#2565AA\",\n  },\n  colorInfoTextHover: {\n    light: \"#3D7EE0\",\n    dark: \"#509FE8\",\n  },\n  colorInfoTextActive: {\n    light: \"#0A41AD\",\n    dark: \"#2565AA\",\n  },\n\n  // Success colors\n  colorSuccess: {\n    light: \"#4CB200\",\n    dark: \"#389E0D\",\n  },\n  colorSuccessBg: {\n    light: \"#F6FFF0\",\n    dark: \"#162100\",\n  },\n  colorSuccessBgHover: {\n    light: \"#D9F7BE\",\n    dark: \"#1D2B00\",\n  },\n  colorSuccessBorder: {\n    light: \"#B7EB8F\",\n    dark: \"#274916\",\n  },\n  colorSuccessBorderHover: {\n    light: \"#95DE64\",\n    dark: \"#306317\",\n  },\n  colorSuccessHover: {\n    light: \"#73D13D\",\n    dark: \"#52C41A\",\n  },\n  colorSuccessActive: {\n    light: \"#389E0D\",\n    dark: \"#237804\",\n  },\n  colorSuccessTextHover: {\n    light: \"#237804\",\n    dark: \"#52C41A\",\n  },\n  colorSuccessTextActive: {\n    light: \"#092B00\",\n    dark: \"#237804\",\n  },\n\n  // Warning colors\n  colorWarning: {\n    light: \"#FA8C16\",\n    dark: \"#D48806\",\n  },\n  colorWarningBg: {\n    light: \"#FFF7E6\",\n    dark: \"#281800\",\n  },\n  colorWarningBgHover: {\n    light: \"#FFE7BA\",\n    dark: \"#3D2200\",\n  },\n  colorWarningBorder: {\n    light: \"#FFD591\",\n    dark: \"#443B16\",\n  },\n  colorWarningBorderHover: {\n    light: \"#FFC069\",\n    dark: \"#594E1A\",\n  },\n  colorWarningHover: {\n    light: \"#FFA940\",\n    dark: \"#E8B339\",\n  },\n  colorWarningActive: {\n    light: \"#D46B08\",\n    dark: \"#AA7714\",\n  },\n  colorWarningTextHover: {\n    light: \"#AD4E00\",\n    dark: \"#E8B339\",\n  },\n  colorWarningTextActive: {\n    light: \"#873800\",\n    dark: \"#AA7714\",\n  },\n\n  // Error colors\n  colorError: {\n    light: \"#D43225\",\n    dark: \"#DE4035\",\n  },\n  colorErrorBg: {\n    light: \"#FFF3F0\",\n    dark: \"#291414\",\n  },\n  colorErrorBgHover: {\n    light: \"#FFD4C9\",\n    dark: \"#411A18\",\n  },\n  colorErrorBorder: {\n    light: \"#FFB6A8\",\n    dark: \"#842924\",\n  },\n  colorErrorBorderHover: {\n    light: \"#F28372\",\n    dark: \"#AC362F\",\n  },\n  colorErrorHover: {\n    light: \"#E0594A\",\n    dark: \"#E5695A\",\n  },\n  colorErrorActive: {\n    light: \"#B31712\",\n    dark: \"#973129\",\n  },\n  colorErrorTextHover: {\n    light: \"#E65747\",\n    dark: \"#D66357\",\n  },\n  colorErrorTextActive: {\n    light: \"#B31712\",\n    dark: \"#973129\",\n  },\n\n  // Fill colors\n  colorFill: {\n    light: \"rgba(0, 0, 0, 0.15)\",\n    dark: \"rgba(255, 255, 255, 0.15)\",\n  },\n  colorFillSecondary: {\n    light: \"rgba(0, 0, 0, 0.06)\",\n    dark: \"rgba(255, 255, 255, 0.06)\",\n  },\n  colorFillTertiary: {\n    light: \"rgba(0, 0, 0, 0.04)\",\n    dark: \"rgba(255, 255, 255, 0.04)\",\n  },\n  colorFillQuaternary: {\n    light: \"rgba(0, 0, 0, 0.02)\",\n    dark: \"rgba(255, 255, 255, 0.02)\",\n  },\n  colorFillAlter: {\n    light: \"rgba(0, 0, 0, 0.02)\",\n    dark: \"rgba(255, 255, 255, 0.02)\",\n  },\n\n  // Border colors\n  colorBorder: {\n    light: \"rgba(0, 0, 0, 0.16)\",\n    dark: \"rgba(255, 255, 255, 0.16)\",\n  },\n  colorBorderSecondary: {\n    light: \"rgba(0, 0, 0, 0.06)\",\n    dark: \"rgba(255, 255, 255, 0.06)\",\n  },\n\n  // Icon colors\n  colorIcon: {\n    light: \"rgba(0, 0, 0, 0.50)\",\n    dark: \"rgba(255, 255, 255, 0.58)\",\n  },\n  colorIconHover: {\n    light: \"rgba(0, 0, 0, 0.80)\",\n    dark: \"rgba(255, 255, 255, 0.88)\",\n  },\n  colorBgBase: {\n    light: \"#FFFFFF\",\n    dark: \"#111113\",\n  },\n\n  // Background colors\n  colorBgContainer: {\n    light: \"#FFFFFF\",\n    dark: \"#242429\",\n  },\n  colorBgElevated: {\n    light: \"#FFFFFF\",\n    dark: \"#2B2B31\",\n  },\n  colorBgLayout: {\n    light: \"#F4F4F5\",\n    dark: \"#18181B\",\n  },\n  colorBgSpotlight: {\n    light: \"rgba(0, 0, 0, 0.85)\",\n    dark: \"#484851\",\n  },\n  colorBgMask: {\n    light: \"rgba(0, 0, 0, 0.45)\",\n    dark: \"rgba(0, 0, 0, 0.45)\",\n  },\n\n  // Control\n  controlOutline: {\n    light: \"rgba(0, 0, 0, 0.12)\",\n    dark: \"rgba(255, 255, 255, 0.12)\",\n  },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n  fontFamily: \"var(--ds-inter)\",\n  fontFamilyCode: \"var(--ds-roboto-mono)\",\n  fontSizeHeading1: 36,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  lineHeightHeading1: 40 / 36,\n  lineHeightHeading2: 36 / 30,\n  lineHeightHeading3: 32 / 24,\n  lineHeightHeading4: 28 / 20,\n  lineHeightHeading5: 24 / 16,\n  lineHeight: 20 / 14,\n  lineHeightLG: 24 / 16,\n  lineHeightSM: 16 / 12,\n  fontWeightStrong: 600,\n  boxShadow:\n    \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n  boxShadowSecondary:\n    \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n  colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n  cssVar: true,\n  components: {\n    Input: {\n      activeBorderColor: \"var(--ds-control-color-border-active)\",\n      activeShadow: \"var(--ds-control-shadow-active)\",\n      errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n    },\n    InputNumber: {\n      activeBorderColor: \"var(--ds-control-color-border-active)\",\n      activeShadow: \"var(--ds-control-shadow-active)\",\n      errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n    },\n    Button: {\n      defaultShadow: undefined,\n      primaryShadow: undefined,\n      dangerShadow: undefined,\n      textTextColor: \"var(--ds-color-text-control)\",\n      textTextHoverColor: \"var(--ds-color-text-control)\",\n    },\n    Segmented: {\n      controlHeightLG: 36,\n      controlHeightSM: 24,\n    },\n    Breadcrumb: {\n      separatorColor: \"var(--ds-color-border)\",\n    },\n    Slider: {\n      trackBg: \"var(--ds-color-primary)\",\n      trackHoverBg: \"var(--ds-color-primary-hover)\",\n      trackBgDisabled: \"var(--ds-color-text-disabled)\",\n      railBg: \"var(--ds-control-outline)\",\n      railHoverBg: \"var(--ds-color-border)\",\n      handleColor: \"var(--ds-color-primary)\",\n      handleActiveColor: \"var(--ds-color-primary-active)\",\n      handleColorDisabled: \"var(--ds-color-text-disabled)\",\n      dotBorderColor: \"var(--ds-color-primary)\",\n      dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n    },\n    Form: {\n      itemMarginBottom: 16,\n      labelColor: \"var(--ds-color-text)\",\n    },\n  },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n  token: {\n    ...getTokensByTheme(antdColorTokens, \"light\"),\n    ...sharedTokens,\n  },\n  ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n  token: {\n    ...getTokensByTheme(antdColorTokens, \"dark\"),\n    ...sharedTokens,\n  },\n  ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.42.0",
+  "version": "0.44.0",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",
@@ -35,8 +35,8 @@
     "rc-tree": "^5.13.1",
     "rc-util": "^5.44.4",
     "react-use-resizable": "^0.2.0",
-    "tailwind-merge": "^3.3.1",
-    "@bioturing/assets": "0.26.0"
+    "tailwind-merge": "^3.5.0",
+    "@bioturing/assets": "0.27.0"
   },
   "peerDependencies": {
     "antd": "^5.26.7",

package/dist/components/hooks/useBaseUIPlacement.d.ts

@@ -1,64 +0,0 @@
-import { BaseUIAlign, BaseUISide } from '../utils';
-export interface UseBaseUIPlacementOptions {
-    /**
-     * The positioner element to observe for placement changes
-     */
-    positionerRef: HTMLElement | null;
-    /**
-     * Whether the popup is currently open
-     * Observation only occurs when open is true
-     */
-    open: boolean;
-    /**
-     * Initial side placement
-     */
-    initialSide: BaseUISide;
-    /**
-     * Initial align placement
-     */
-    initialAlign: BaseUIAlign;
-    /**
-     * Callback fired when placement changes
-     */
-    onPlacementChange?: (placement: string) => void;
-    /**
-     * Enable debug logging
-     * @default false
-     */
-    debug?: boolean;
-}
-export interface UseBaseUIPlacementReturn {
-    /**
-     * Current side placement
-     */
-    currentSide: BaseUISide;
-    /**
-     * Current align placement
-     */
-    currentAlign: BaseUIAlign;
-    /**
-     * Key that increments when placement changes
-     * Useful for triggering re-renders or resets
-     */
-    placementChangeKey: number;
-}
-/**
- * Hook to track Base UI positioner placement changes
- *
- * Observes the positioner element's data-side and data-align attributes
- * and triggers callbacks when they change. Useful for components that need
- * to react to automatic placement adjustments by Base UI.
- *
- * @example
- * ```tsx
- * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({
- *   positionerRef,
- *   open,
- *   initialSide: 'bottom',
- *   initialAlign: 'start',
- *   onPlacementChange: (placement) => console.log('New placement:', placement)
- * });
- * ```
- */
-export declare function useBaseUIPlacement({ positionerRef, open, initialSide, initialAlign, onPlacementChange, debug, }: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn;
-//# sourceMappingURL=useBaseUIPlacement.d.ts.map

package/dist/components/hooks/useBaseUIPlacement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseUIPlacement.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAsB,MAAM,UAAU,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,KAAa,GACd,EAAE,yBAAyB,GAAG,wBAAwB,CAsFtD"}

package/dist/components/hooks/useBaseUIPlacement.js

@@ -1,61 +0,0 @@
-"use client";
-import { useState as i, useEffect as y } from "react";
-import { useStableCallback as N } from "@base-ui/utils/useStableCallback";
-import { buildAntdPlacement as S } from "../utils/placement.js";
-function E({
-  positionerRef: a,
-  open: b,
-  initialSide: d,
-  initialAlign: f,
-  onPlacementChange: m,
-  debug: o = !1
-}) {
-  const [r, C] = i(d), [n, h] = i(f), [P, A] = i(0), s = N(m);
-  return y(() => {
-    if (!a || !b)
-      return;
-    const g = new MutationObserver((w) => {
-      let u = !1, l = r, c = n;
-      if (w.forEach((t) => {
-        if (t.type === "attributes" && t.attributeName === "data-side") {
-          const e = a.getAttribute(t.attributeName);
-          e && e !== r && (l = e, u = !0);
-        }
-        if (t.type === "attributes" && t.attributeName === "data-align") {
-          const e = a.getAttribute(t.attributeName);
-          e && e !== n && (c = e, u = !0);
-        }
-      }), u) {
-        const t = S({
-          side: l,
-          align: c
-        });
-        C(l), h(c), A((e) => e + 1), s && s(t);
-      }
-    });
-    return g.observe(a, {
-      attributes: !0,
-      attributeFilter: ["data-side", "data-align"],
-      attributeOldValue: !0
-    }), () => {
-      g.disconnect();
-    };
-  }, [
-    b,
-    a,
-    s,
-    r,
-    n,
-    o,
-    d,
-    f
-  ]), {
-    currentSide: r,
-    currentAlign: n,
-    placementChangeKey: P
-  };
-}
-export {
-  E as useBaseUIPlacement
-};
-//# sourceMappingURL=useBaseUIPlacement.js.map

package/dist/components/hooks/useBaseUIPlacement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseUIPlacement.js","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { BaseUIAlign, BaseUISide, buildAntdPlacement } from \"../utils\";\n\nexport interface UseBaseUIPlacementOptions {\n  /**\n   * The positioner element to observe for placement changes\n   */\n  positionerRef: HTMLElement | null;\n  /**\n   * Whether the popup is currently open\n   * Observation only occurs when open is true\n   */\n  open: boolean;\n  /**\n   * Initial side placement\n   */\n  initialSide: BaseUISide;\n  /**\n   * Initial align placement\n   */\n  initialAlign: BaseUIAlign;\n  /**\n   * Callback fired when placement changes\n   */\n  onPlacementChange?: (placement: string) => void;\n  /**\n   * Enable debug logging\n   * @default false\n   */\n  debug?: boolean;\n}\n\nexport interface UseBaseUIPlacementReturn {\n  /**\n   * Current side placement\n   */\n  currentSide: BaseUISide;\n  /**\n   * Current align placement\n   */\n  currentAlign: BaseUIAlign;\n  /**\n   * Key that increments when placement changes\n   * Useful for triggering re-renders or resets\n   */\n  placementChangeKey: number;\n}\n\n/**\n * Hook to track Base UI positioner placement changes\n *\n * Observes the positioner element's data-side and data-align attributes\n * and triggers callbacks when they change. Useful for components that need\n * to react to automatic placement adjustments by Base UI.\n *\n * @example\n * ```tsx\n * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({\n *   positionerRef,\n *   open,\n *   initialSide: 'bottom',\n *   initialAlign: 'start',\n *   onPlacementChange: (placement) => console.log('New placement:', placement)\n * });\n * ```\n */\nexport function useBaseUIPlacement({\n  positionerRef,\n  open,\n  initialSide,\n  initialAlign,\n  onPlacementChange,\n  debug = false,\n}: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn {\n  const [currentSide, setCurrentSide] = useState<BaseUISide>(initialSide);\n  const [currentAlign, setCurrentAlign] = useState<BaseUIAlign>(initialAlign);\n  const [placementChangeKey, setPlacementChangeKey] = useState(0);\n\n  const stableOnPlacementChange = useStableCallback(onPlacementChange);\n\n  useEffect(() => {\n    if (!positionerRef || !open) {\n      return;\n    }\n\n    // Create MutationObserver to watch for data-side and data-align changes\n    const observer = new MutationObserver((mutations) => {\n      let hasPlacementChanged = false;\n      let newSide = currentSide;\n      let newAlign = currentAlign;\n\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-side\"\n        ) {\n          const side = positionerRef.getAttribute(mutation.attributeName);\n          if (side && side !== currentSide) {\n            newSide = side as BaseUISide;\n            hasPlacementChanged = true;\n          }\n        }\n\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-align\"\n        ) {\n          const align = positionerRef.getAttribute(mutation.attributeName);\n          if (align && align !== currentAlign) {\n            newAlign = align as BaseUIAlign;\n            hasPlacementChanged = true;\n          }\n        }\n      });\n\n      // Only trigger callbacks if placement actually changed\n      if (hasPlacementChanged) {\n        const newPlacement = buildAntdPlacement({\n          side: newSide,\n          align: newAlign,\n        });\n\n        // Update state to trigger re-render\n        setCurrentSide(newSide);\n        setCurrentAlign(newAlign);\n        setPlacementChangeKey((prev) => prev + 1);\n\n        if (stableOnPlacementChange) {\n          stableOnPlacementChange(newPlacement);\n        }\n      }\n    });\n\n    // Start observing\n    observer.observe(positionerRef, {\n      attributes: true,\n      attributeFilter: [\"data-side\", \"data-align\"],\n      attributeOldValue: true,\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    open,\n    positionerRef,\n    stableOnPlacementChange,\n    currentSide,\n    currentAlign,\n    debug,\n    initialSide,\n    initialAlign,\n  ]);\n\n  return {\n    currentSide,\n    currentAlign,\n    placementChangeKey,\n  };\n}\n"],"names":["useBaseUIPlacement","positionerRef","open","initialSide","initialAlign","onPlacementChange","debug","currentSide","setCurrentSide","useState","currentAlign","setCurrentAlign","placementChangeKey","setPlacementChangeKey","stableOnPlacementChange","useStableCallback","useEffect","observer","mutations","hasPlacementChanged","newSide","newAlign","mutation","side","align","newPlacement","buildAntdPlacement","prev"],"mappings":";;;;AAoEO,SAASA,EAAmB;AAAA,EACjC,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,GAAwD;AACtD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAqBN,CAAW,GAChE,CAACO,GAAcC,CAAe,IAAIF,EAAsBL,CAAY,GACpE,CAACQ,GAAoBC,CAAqB,IAAIJ,EAAS,CAAC,GAExDK,IAA0BC,EAAkBV,CAAiB;AAEnE,SAAAW,EAAU,MAAM;AACd,QAAI,CAACf,KAAiB,CAACC;AACrB;AAIF,UAAMe,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,UAAIC,IAAsB,IACtBC,IAAUb,GACVc,IAAWX;AA2Bf,UAzBAQ,EAAU,QAAQ,CAACI,MAAa;AAC9B,YACEA,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,aAC3B;AACA,gBAAMC,IAAOtB,EAAc,aAAaqB,EAAS,aAAa;AAC9D,UAAIC,KAAQA,MAAShB,MACnBa,IAAUG,GACVJ,IAAsB;AAAA,QAE1B;AAEA,YACEG,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,cAC3B;AACA,gBAAME,IAAQvB,EAAc,aAAaqB,EAAS,aAAa;AAC/D,UAAIE,KAASA,MAAUd,MACrBW,IAAWG,GACXL,IAAsB;AAAA,QAE1B;AAAA,MACF,CAAC,GAGGA,GAAqB;AACvB,cAAMM,IAAeC,EAAmB;AAAA,UACtC,MAAMN;AAAA,UACN,OAAOC;AAAA,QAAA,CACR;AAGD,QAAAb,EAAeY,CAAO,GACtBT,EAAgBU,CAAQ,GACxBR,EAAsB,CAACc,MAASA,IAAO,CAAC,GAEpCb,KACFA,EAAwBW,CAAY;AAAA,MAExC;AAAA,IACF,CAAC;AAGD,WAAAR,EAAS,QAAQhB,GAAe;AAAA,MAC9B,YAAY;AAAA,MACZ,iBAAiB,CAAC,aAAa,YAAY;AAAA,MAC3C,mBAAmB;AAAA,IAAA,CACpB,GAEM,MAAM;AACX,MAAAgB,EAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG;AAAA,IACDf;AAAA,IACAD;AAAA,IACAa;AAAA,IACAP;AAAA,IACAG;AAAA,IACAJ;AAAA,IACAH;AAAA,IACAC;AAAA,EAAA,CACD,GAEM;AAAA,IACL,aAAAG;AAAA,IACA,cAAAG;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}