@bioturing/components 0.18.0 → 0.20.0

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

@@ -3,7 +3,7 @@ const o = {
   // Text colors
   colorText: {
     light: "rgba(0, 0, 0, 0.88)",
-    dark: "rgba(255, 255, 255, 0.85)"
+    dark: "rgba(255, 255, 255, 0.88)"
   },
   colorTextSecondary: {
     light: "rgba(0, 0, 0, 0.65)",
@@ -234,38 +234,38 @@ const o = {
   },
   // Icon colors
   colorIcon: {
-    light: "rgba(0, 0, 0, 0.58)",
+    light: "rgba(0, 0, 0, 0.50)",
     dark: "rgba(255, 255, 255, 0.58)"
   },
   colorIconHover: {
-    light: "rgba(0, 0, 0, 0.88)",
+    light: "rgba(0, 0, 0, 0.80)",
     dark: "rgba(255, 255, 255, 0.88)"
   },
+  colorBgBase: {
+    light: "#FFFFFF",
+    dark: "#111113"
+  },
   // Background colors
   colorBgContainer: {
     light: "#FFFFFF",
-    dark: "#26262C"
+    dark: "#242429"
   },
   colorBgElevated: {
     light: "#FFFFFF",
-    dark: "#2F2F37"
+    dark: "#2B2B31"
   },
   colorBgLayout: {
-    light: "#F5F5F5",
-    dark: "#1A1A1E"
+    light: "#F4F4F5",
+    dark: "#18181B"
   },
   colorBgSpotlight: {
     light: "rgba(0, 0, 0, 0.85)",
-    dark: "#505D5D"
+    dark: "#484851"
   },
   colorBgMask: {
     light: "rgba(0, 0, 0, 0.45)",
     dark: "rgba(0, 0, 0, 0.45)"
   },
-  colorBgBase: {
-    light: "#FFFFFF",
-    dark: "#13131A"
-  },
   // Control
   controlOutline: {
     light: "rgba(0, 0, 0, 0.12)",

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.85)\",\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.58)\",\n    dark: \"rgba(255, 255, 255, 0.58)\",\n  },\n  colorIconHover: {\n    light: \"rgba(0, 0, 0, 0.88)\",\n    dark: \"rgba(255, 255, 255, 0.88)\",\n  },\n\n  // Background colors\n  colorBgContainer: {\n    light: \"#FFFFFF\",\n    dark: \"#26262C\",\n  },\n  colorBgElevated: {\n    light: \"#FFFFFF\",\n    dark: \"#2F2F37\",\n  },\n  colorBgLayout: {\n    light: \"#F5F5F5\",\n    dark: \"#1A1A1E\",\n  },\n  colorBgSpotlight: {\n    light: \"rgba(0, 0, 0, 0.85)\",\n    dark: \"#505D5D\",\n  },\n  colorBgMask: {\n    light: \"rgba(0, 0, 0, 0.45)\",\n    dark: \"rgba(0, 0, 0, 0.45)\",\n  },\n  colorBgBase: {\n    light: \"#FFFFFF\",\n    dark: \"#13131A\",\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-input-color-border-active)\",\n      activeShadow: \"var(--ds-input-shadow-active)\",\n      errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n    },\n    InputNumber: {\n      activeBorderColor: \"var(--ds-input-color-border-active)\",\n      activeShadow: \"var(--ds-input-shadow-active)\",\n      errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-input-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.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-input-color-border-active)\",\n      activeShadow: \"var(--ds-input-shadow-active)\",\n      errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n    },\n    InputNumber: {\n      activeBorderColor: \"var(--ds-input-color-border-active)\",\n      activeShadow: \"var(--ds-input-shadow-active)\",\n      errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n      warningActiveShadow: \"var(--ds-input-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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",
@@ -19,6 +19,7 @@
     "@ant-design/cssinjs": "^1.23.0",
     "@base-ui-components/react": "1.0.0-beta.0",
     "@floating-ui/react": "^0.27.8",
+    "cmdk": "^1.1.1",
     "es-toolkit": "^1.37.2",
     "merge-refs": "^2.0.0",
     "prism-react-renderer": "^2.4.1",
@@ -62,6 +63,9 @@
   "description": "BioTuring Design system React component library",
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch"
+    "dev": "vite build --watch",
+    "rslib:build": "rslib build",
+    "rslib:dev": "rslib build --watch",
+    "tsdown": "tsdown"
   }
 }

package/dist/components/Breadcrumb/useItemRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useItemRender.js","sources":["../../../src/components/Breadcrumb/useItemRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { renderItem } from \"antd/es/breadcrumb/useItemRender\";\nimport { InternalRouteType } from \"antd/es/breadcrumb/Breadcrumb\";\nimport type { BreadcrumbProps } from \"./types\";\nimport { Truncate } from \"../Truncate\";\n\ntype AddParameters<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TFunction extends (...args: any) => any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TParameters extends [...args: any]\n> = (\n  ...args: [...Parameters<TFunction>, ...TParameters]\n) => ReturnType<TFunction>;\n\ntype ItemRender = NonNullable<BreadcrumbProps[\"itemRender\"]>;\ntype InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getBreadcrumbName(route: InternalRouteType, params: any) {\n  if (route.title === undefined || route.title === null) {\n    return null;\n  }\n  const paramsKeys = Object.keys(params).join(\"|\");\n  return typeof route.title === \"object\"\n    ? route.title\n    : String(route.title).replace(\n        new RegExp(`:(${paramsKeys})`, \"g\"),\n        (replacement, key) => params[key] || replacement\n      );\n}\n\nexport default function useItemRender(\n  prefixCls: string,\n  itemRender?: ItemRender\n) {\n  const mergedItemRender: InternalItemRenderParams = (\n    item,\n    params,\n    routes,\n    path,\n    href\n  ) => {\n    if (itemRender) {\n      return itemRender(item, params, routes, path);\n    }\n    const name = getBreadcrumbName(item, params);\n    const child = item.icon ? (\n      <>\n        <span className={cn(`${prefixCls}-item-icon`)}>{item.icon}</span>\n        <span className={cn(`${prefixCls}-item-name`)}>\n          {typeof name === \"string\" ? <Truncate>{name}</Truncate> : name}\n        </span>\n      </>\n    ) : typeof name === \"string\" ? (\n      <Truncate>{name}</Truncate>\n    ) : (\n      name\n    );\n\n    return renderItem(prefixCls, item, child, href);\n  };\n\n  return mergedItemRender;\n}\n"],"names":["getBreadcrumbName","route","params","paramsKeys","replacement","key","useItemRender","prefixCls","itemRender","item","routes","path","href","name","child","jsxs","Fragment","jsx","cn","Truncate","renderItem"],"mappings":";;;;AAoBA,SAASA,EAAkBC,GAA0BC,GAAa;AAChE,MAAID,EAAM,UAAU,UAAaA,EAAM,UAAU;AACxC,WAAA;AAET,QAAME,IAAa,OAAO,KAAKD,CAAM,EAAE,KAAK,GAAG;AACxC,SAAA,OAAOD,EAAM,SAAU,WAC1BA,EAAM,QACN,OAAOA,EAAM,KAAK,EAAE;AAAA,IAClB,IAAI,OAAO,KAAKE,CAAU,KAAK,GAAG;AAAA,IAClC,CAACC,GAAaC,MAAQH,EAAOG,CAAG,KAAKD;AAAA,EACvC;AACN;AAEwB,SAAAE,EACtBC,GACAC,GACA;AA4BO,SA3B4C,CACjDC,GACAP,GACAQ,GACAC,GACAC,MACG;AACH,QAAIJ;AACF,aAAOA,EAAWC,GAAMP,GAAQQ,GAAQC,CAAI;AAExC,UAAAE,IAAOb,EAAkBS,GAAMP,CAAM,GACrCY,IAAQL,EAAK,OAEf,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,YAAK,KAAK,CAAA;AAAA,MACzD,gBAAAU,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GACzC,UAAA,OAAOM,KAAS,WAAW,gBAAAI,EAACE,GAAU,EAAA,UAAAN,EAAA,CAAK,IAAcA,EAC5D,CAAA;AAAA,IAAA,GACF,IACE,OAAOA,KAAS,WACjB,gBAAAI,EAAAE,GAAA,EAAU,YAAK,CAAA,IAEhBN;AAGF,WAAOO,EAAWb,GAAWE,GAAMK,GAAOF,CAAI;AAAA,EAChD;AAGF;"}

package/dist/components/Button/component.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import m from "antd/es/button";
-import { forwardRef as l } from "react";
-import './style.css';/* empty css          */
-import { useCls as a } from "../utils/antdUtils.js";
-const f = ({ negativeMargin: p = !0, type: t, size: n, variant: r, ...o }, e) => {
-  const c = p && (r === "text" || r === "link" || t == "text" || t === "link"), i = a();
-  return c ? /* @__PURE__ */ u(
-    "span",
-    {
-      className: i(
-        "btn-wrapper",
-        "btn-negative-margin-wrapper",
-        "btn-wrapper-" + n
-      ),
-      children: [
-        /* @__PURE__ */ s(
-          m,
-          {
-            ref: e,
-            type: t,
-            size: n,
-            variant: r,
-            ...o
-          }
-        ),
-        " "
-      ]
-    }
-  ) : /* @__PURE__ */ s(m, { ref: e, type: t, size: n, variant: r, ...o });
-}, B = l(f);
-export {
-  B as Button
-};
-//# sourceMappingURL=component.js.map

package/dist/components/Button/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  { negativeMargin = true, type, size, variant, ...rest }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      <AntdButton\n        ref={ref}\n        type={type}\n        size={size}\n        variant={variant}\n        {...rest}\n      />{\" \"}\n    </span>\n  ) : (\n    <AntdButton ref={ref} type={type} size={size} variant={variant} {...rest} />\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","rest","ref","useNegativeMargin","cls","useCls","jsxs","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;;;AAoBA,MAAMA,IAAc,CAClB,EAAE,gBAAAC,IAAiB,IAAM,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,GAAGC,EAAK,GACtDC,MACG;AACG,QAAAC,IACJN,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPM,IAAMC,EAAO;AACnB,SAAOF,IACL,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBL;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,MAAAJ;AAAA,YACA,MAAAC;AAAA,YACA,SAAAC;AAAA,YACC,GAAGC;AAAA,UAAA;AAAA,QACN;AAAA,QAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,sBAGJO,GAAW,EAAA,KAAAN,GAAU,MAAAJ,GAAY,MAAAC,GAAY,SAAAC,GAAmB,GAAGC,GAAM;AAE9E,GAEaQ,IAASC,EAAWd,CAAW;"}

package/dist/components/Checkbox/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Checkbox/component.tsx"],"sourcesContent":["import {\n  Checkbox as AntCheckbox,\n  type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {}\n\n// Create inner function\nconst MainCheckboxInner = (\n  props: CheckboxProps,\n  ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n  return <AntCheckbox ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n  props: CheckboxProps & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n  }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n  Group: AntCheckbox.Group,\n});\n"],"names":["MainCheckboxInner","props","ref","jsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;AAaA,MAAMA,IAAoB,CACxBC,GACAC,MAEQ,gBAAAC,EAAAC,GAAA,EAAY,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAIrCI,IAAeC,EAAWN,CAAiB,GAOpCO,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}

package/dist/components/CodeBlock/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/CodeBlock/component.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { Check, Copy } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { ScrollArea } from \"../ScrollArea\";\nimport { Segmented } from \"../Segmented\";\nimport { ThemeProvider } from \"../ThemeProvider/component\";\nimport { useControlledState } from \"../hooks\";\nimport { clsx, useCls, WithAntdTokens } from \"../utils\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport type { CodeBlockProps } from \"./types\";\nimport { reactNodeToString } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport const CodeBlock = ({\n  code,\n  children,\n  // initial,\n  lang: defaultLang = \"tsx\",\n  className,\n  options,\n  activeOption: controlledActiveOption,\n  defaultActiveOption = 0,\n  onActiveOptionChange,\n  copyText = \"Copy\",\n  copySuccessText = \"Copied\",\n  classNames,\n  maxHeight,\n  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\n  const [lang, setLang] = useState(defaultLang);\n\n  const hasOptions = options && options.length > 0;\n\n  useEffect(() => {\n    if (hasOptions) {\n      const newCode = options[activeOption]?.code || \"\";\n      const newLang = options[activeOption]?.lang || defaultLang;\n      setCurrentCode(newCode);\n      setLang(newLang);\n    }\n  }, [\n    code,\n    activeOption,\n    defaultActiveOption,\n    options,\n    defaultLang,\n    hasOptions,\n    setActiveOption,\n  ]);\n\n  const [tooltipContent, setTooltipContent] = useState(copyText);\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  const handleCopy = () => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  };\n\n  const cls = useCls();\n  return (\n    <ThemeProvider theme={\"dark\"}>\n      <WithAntdTokens\n        className={clsx(cls(\"code-block\"), className, classNames?.root)}\n        {...rest}\n      >\n        {hasOptions && (\n          <div className={cls(\"code-block-header\", classNames?.header)}>\n            <Segmented\n              value={activeOption}\n              onChange={setActiveOption}\n              options={options.map((opt, index) => ({\n                label: opt.label,\n                value: index,\n              }))}\n            />\n          </div>\n        )}\n        <div className={cls(\"code-block-copy\")}>\n          <IconButton\n            onClick={handleCopy}\n            label={tooltipContent}\n            onMouseLeave={handleMouseLeave}\n          >\n            {copySuccess ? <Check /> : <Copy />}\n          </IconButton>\n        </div>\n        <div\n          className={cls(\"code-block-content\", classNames?.content)}\n          style={{\n            maxHeight:\n              maxHeight &&\n              (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n          }}\n        >\n          <ScrollArea>\n            {currentCode ? (\n              <Highlight\n                language={lang}\n                code={currentCode}\n                theme={themes.vsDark}\n              >\n                {({\n                  className,\n                  style,\n                  tokens,\n                  getLineProps,\n                  getTokenProps,\n                }) => (\n                  <pre\n                    style={{ ...style, backgroundColor: \"transparent\" }}\n                    className={className}\n                  >\n                    {tokens.map((line, i) => (\n                      <div key={i} {...getLineProps({ line })}>\n                        {/* <span>{i + 1}</span> */}\n                        {line.map((token, key) => (\n                          <span key={key} {...getTokenProps({ token })} />\n                        ))}\n                      </div>\n                    ))}\n                  </pre>\n                )}\n              </Highlight>\n            ) : (\n              children\n            )}\n          </ScrollArea>\n        </div>\n      </WithAntdTokens>\n    </ThemeProvider>\n  );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","_a","newLang","_b","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","WithAntdTokens","clsx","Segmented","opt","index","IconButton","Check","Copy","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}

package/dist/components/ColorSelect/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/ColorSelect/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport ColorPicker from \"antd/es/color-picker\";\nimport { type ColorPickerProps, type Color } from \"antd/es/color-picker\";\nimport { useCls, isValidHexColor } from \"../utils\";\nimport { useControlledState } from \"../hooks\";\nimport { Tag } from \"../Tag\";\nimport { Stack } from \"../Stack\";\nimport { toast } from \"../Toast\";\nimport mergeRefs from \"merge-refs\";\nimport { moveTypingCursorToEnd } from \"../utils/client\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { Tooltip } from \"../Tooltip\";\n\n/**\n * Props for the ColorSelect component.\n */\nexport interface ColorSelectProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /** Controlled list of selected hex colors */\n  value?: string[];\n  /** Default list of selected hex colors for uncontrolled usage */\n  defaultValue?: string[];\n  /** Callback invoked when selected colors change */\n  onChange?: (value: string[]) => void;\n  /** Props to pass through to the Ant Design ColorPicker, excluding value/onChange/onChangeComplete */\n  colorPickerProps?: Omit<\n    ColorPickerProps,\n    \"value\" | \"onChange\" | \"onChangeComplete\"\n  >;\n  /** Preset color swatches displayed in the picker */\n  presetColors?: string[];\n  /** Controlled open state of the ColorPicker dropdown */\n  open?: boolean;\n  /** Callback invoked when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Default open state for uncontrolled usage */\n  defaultOpen?: boolean;\n}\n\n/**\n * ColorSelectInner - Combines an input and Ant Design ColorPicker for selecting multiple colors.\n * Supports preset color swatches and freeform hex entry, displaying selections as tags.\n * Controlled/uncontrolled APIs for `value` and `open`, emitting invalid input notifications via toast.\n * @param props - {@link ColorSelectProps}\n * @param ref - ref to the input element\n * @returns JSX.Element\n */\nconst ColorSelectInner = (\n  {\n    className,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    colorPickerProps,\n    presetColors,\n    open: openProp,\n    onOpenChange,\n    defaultOpen,\n    ...rest\n  },\n  ref: React.Ref<React.ComponentRef<\"input\">>\n) => {\n  const cls = useCls();\n  const [value, setValue] = useControlledState<string[]>(\n    valueProp,\n    onChange,\n    defaultValue\n  );\n  const [activeColorIndex, setActiveColorIndex] = useState<number | null>(null);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [tmpValue, setTmpValue] = useState(\"\");\n  const [open, setOpen] = useControlledState<boolean>(\n    openProp,\n    onOpenChange,\n    defaultOpen\n  );\n\n  const [isFocus, setIsFocus] = useState(false);\n\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const isFocusedProgramatically = useRef(false);\n\n  const mousePosition = useRef({\n    x: 0,\n    y: 0,\n  });\n\n  const focusInput = useCallback(() => {\n    isFocusedProgramatically.current = true;\n    inputRef.current?.focus();\n    moveTypingCursorToEnd(inputRef.current);\n  }, []);\n\n  const closeAndFocus = useCallback(() => {\n    setOpen(false);\n    focusInput();\n  }, [setOpen, focusInput]);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (event: MouseEvent) => {\n      if (!popupRef.current?.contains(event.target as Node)) {\n        if (\n          inputRef.current &&\n          !inputRef.current.isEqualNode(event.target as Node)\n        ) {\n          closeAndFocus();\n        }\n      }\n    };\n    document.addEventListener(\"click\", handler);\n\n    // Return cleanup function\n    return () => document.removeEventListener(\"click\", handler);\n  }, [open, closeAndFocus]);\n\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      mousePosition.current = {\n        x: e.clientX,\n        y: e.clientY,\n      };\n    };\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n    };\n  }, []);\n\n  const onEnter = useCallback(() => {\n    const searchValueSplit = searchValue\n      .trim()\n      .split(/[;,\\s]+/)\n      .filter(Boolean);\n    const addedValues = searchValueSplit.map((gene) =>\n      gene.trim().toUpperCase()\n    );\n    const inValidValues: string[] = [];\n    const validAddedValues = addedValues.reduce((acc, curr) => {\n      if (!isValidHexColor(curr, true)) {\n        inValidValues.push(curr);\n      } else {\n        acc.push(curr);\n      }\n      return acc;\n    }, [] as string[]);\n    if (inValidValues.length) {\n      toast(`Invalid colors: ${inValidValues.join(\", \")}`);\n    }\n    const newColors = new Set([...value, ...validAddedValues]);\n    if (onChange) onChange([...newColors]);\n    if (onOpenChange) onOpenChange(false);\n    setSearchValue(\"\");\n    setTmpValue(\"\");\n    setOpen(false);\n    requestAnimationFrame(() => {\n      setOpen(true);\n    });\n  }, [searchValue, value, onChange, onOpenChange, setOpen]);\n\n  const onInputKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") onEnter();\n      if (e.key === \"Backspace\" && !searchValue) {\n        if (e.ctrlKey || e.metaKey) {\n          setValue([]);\n        } else {\n          setValue(value.slice(0, -1));\n        }\n      }\n    },\n    [onEnter, searchValue, value, setValue]\n  );\n\n  const handlePopupMouseDown = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    []\n  );\n\n  const handlePopupMouseDownCapture = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Prevent input blur when clicking popup\n      e.preventDefault();\n    },\n    []\n  );\n\n  const renderedColorPicker = useCallback(\n    ({\n      open,\n      child,\n      value,\n      onChange,\n      onOpenChange,\n    }: {\n      open: boolean;\n      child: React.ReactNode;\n      value: string;\n      onChange: (value: Color) => void;\n      onOpenChange?: (open: boolean) => void;\n    }) => (\n      <ColorPicker\n        value={value}\n        onChange={onChange}\n        open={open}\n        onOpenChange={onOpenChange}\n        arrow={false}\n        presets={\n          presetColors\n            ? [{ label: \"Preset Colors\", colors: presetColors }]\n            : undefined\n        }\n        {...colorPickerProps}\n        panelRender={(panel) => (\n          <div\n            ref={(el) => {\n              if (el) {\n                popupRef.current = el;\n              }\n            }}\n            onMouseDown={handlePopupMouseDown}\n            onMouseDownCapture={handlePopupMouseDownCapture}\n          >\n            {panel}\n          </div>\n        )}\n      >\n        {child}\n      </ColorPicker>\n    ),\n    [\n      presetColors,\n      colorPickerProps,\n      handlePopupMouseDown,\n      handlePopupMouseDownCapture,\n    ]\n  );\n\n  const renderedTags = useMemo(\n    () =>\n      value.map((color, index) => {\n        const tag = (\n          <Tooltip title={color} key={`${color}-${index}`}>\n            <Tag\n              className={cls(\"color-select-tag\")}\n              closable\n              onClose={() => setValue(value.filter((v) => v !== color))}\n              icon={\n                <span\n                  className={cls(\"color-select-swatch\")}\n                  style={{ backgroundColor: color }}\n                />\n              }\n              onClick={() =>\n                activeColorIndex === index\n                  ? setActiveColorIndex(null)\n                  : setActiveColorIndex(index)\n              }\n            />\n          </Tooltip>\n        );\n        return renderedColorPicker({\n          child: tag,\n          open: activeColorIndex !== null && activeColorIndex === index,\n          value: value[index],\n          onChange: (color) => {\n            setValue(\n              value.map((v, i) => (i === index ? color.toHexString() : v))\n            );\n          },\n          onOpenChange: (open) => {\n            setActiveColorIndex(open ? index : null);\n          },\n        });\n      }),\n    [\n      value,\n      cls,\n      setValue,\n      activeColorIndex,\n      setActiveColorIndex,\n      renderedColorPicker,\n    ]\n  );\n\n  const renderedColorPickerInput = useMemo(() => {\n    return renderedColorPicker({\n      child: (\n        <input\n          placeholder=\"Select or enter a color list\"\n          className={cls(\"color-select-input\")}\n          value={searchValue}\n          type=\"text\"\n          ref={mergeRefs(ref, inputRef)}\n          onChange={(e) => {\n            const currValue = e.target.value;\n            setSearchValue(currValue);\n            if (isValidHexColor(currValue, true)) setTmpValue(currValue);\n            if (\n              currValue.length > 7 ||\n              (currValue.length == 7 && !currValue.startsWith(\"#\"))\n            ) {\n              // closeAndFocus();\n              setOpen(false);\n            } else {\n              setOpen(true);\n            }\n          }}\n          onKeyDown={onInputKeyDown}\n          onFocus={(e) => {\n            // if focus is triggered by programatically, do not open the popup\n            // if (isFocusedProgramatically.current) {\n            //   isFocusedProgramatically.current = false;\n            //   return;\n            // }\n            setIsFocus(true);\n            setOpen(true);\n          }}\n          onBlur={(e) => {\n            // if (popupRef.current?.contains(e.relatedTarget)) return;\n            // Check if click is inside popup using cursor position\n            if (popupRef.current) {\n              const rect = popupRef.current.getBoundingClientRect();\n              const { x, y } = mousePosition.current;\n              const isClickInsidePopup =\n                x >= rect.left &&\n                x <= rect.right &&\n                y >= rect.top &&\n                y <= rect.bottom;\n              if (isClickInsidePopup) {\n                e.preventDefault();\n                e.stopPropagation();\n                if (isValidHexColor(tmpValue)) {\n                  focusInput();\n                }\n                return;\n              }\n            }\n            // Check if the new focus target is inside the popup\n            setIsFocus(false);\n            setOpen(false);\n          }}\n        />\n      ),\n      value: tmpValue,\n      onChange: (color) => {\n        // setValue([...value, color]);\n        setTmpValue(color.toHexString());\n        setSearchValue(color.toHexString());\n        focusInput();\n      },\n      open,\n    });\n  }, [\n    cls,\n    tmpValue,\n    onInputKeyDown,\n    ref,\n    renderedColorPicker,\n    searchValue,\n    setOpen,\n    open,\n    focusInput,\n    mousePosition,\n  ]);\n  return (\n    <Stack\n      wrap\n      gap={4}\n      className={cls(\"color-select\")}\n      data-focus={isFocus || undefined}\n      {...rest}\n    >\n      {renderedTags}\n      {renderedColorPickerInput}\n    </Stack>\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainColorSelect = forwardRef(ColorSelectInner);\n\nexport const ColorSelect = MainColorSelect;\n"],"names":["ColorSelectInner","className","valueProp","defaultValue","onChange","colorPickerProps","presetColors","openProp","onOpenChange","defaultOpen","rest","ref","cls","useCls","value","setValue","useControlledState","activeColorIndex","setActiveColorIndex","useState","searchValue","setSearchValue","tmpValue","setTmpValue","open","setOpen","isFocus","setIsFocus","popupRef","useRef","inputRef","isFocusedProgramatically","mousePosition","focusInput","useCallback","_a","moveTypingCursorToEnd","closeAndFocus","useEffect","handler","event","handleMouseMove","e","onEnter","addedValues","gene","inValidValues","validAddedValues","acc","curr","isValidHexColor","toast","newColors","onInputKeyDown","handlePopupMouseDown","handlePopupMouseDownCapture","renderedColorPicker","child","jsx","ColorPicker","panel","el","renderedTags","useMemo","color","index","tag","Tooltip","Tag","v","i","renderedColorPickerInput","mergeRefs","currValue","rect","x","y","jsxs","Stack","MainColorSelect","forwardRef","ColorSelect"],"mappings":"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"}

package/dist/components/DSRoot/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/DSRoot/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../ThemeProvider/component\";\nimport { Toast } from \"../Toast\";\nimport { Modal } from \"../Modal\";\nimport App from \"antd/es/app/App\";\nimport { DSRootContextProvider } from \"./context\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  return (\n    <DSRootContextProvider value={{ theme: theme }}>\n      <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n        <App className={className}>\n          <Toast.Provider>\n            <Modal.Provider>\n              <Toast.List />\n              {children}\n            </Modal.Provider>\n          </Toast.Provider>\n        </App>\n      </ThemeProvider>\n    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","jsx","DSRootContextProvider","ThemeProvider","App","Toast","jsxs","Modal"],"mappings":";;;;;;;;AA0BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAsB,OAAO,EAAE,OAAAH,EAC9B,GAAA,UAAA,gBAAAE,EAACE,GAAc,EAAA,OAAAJ,GAAe,GAAGC,GAAO,iBAAAH,GACtC,UAAC,gBAAAI,EAAAG,GAAA,EAAI,WAAAR,GACH,UAAC,gBAAAK,EAAAI,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,EAAC,gBAAAN,EAAAI,EAAM,MAAN,EAAW;AAAA,EACXP;AACH,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}

package/dist/components/DSRoot/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/DSRoot/context.ts"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nconst DSRootContext = React.createContext<{\n  theme: \"light\" | \"dark\";\n}>({\n  theme: \"light\",\n});\n\nexport const DSRootContextProvider = DSRootContext.Provider;\n\nexport const useDS = () => React.useContext(DSRootContext);\n"],"names":["DSRootContext","React","DSRootContextProvider","useDS"],"mappings":";;AAGA,MAAMA,IAAgBC,EAAM,cAEzB;AAAA,EACD,OAAO;AACT,CAAC,GAEYC,IAAwBF,EAAc,UAEtCG,IAAQ,MAAMF,EAAM,WAAWD,CAAa;"}

package/dist/components/DragDrop/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/DragDrop/context.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport { type DragDropContextType, type Data } from \"./types\";\n\n/**\n * Drag context for sharing state between components\n */\nexport const DragDropContext = createContext<DragDropContextType>({\n  active: null,\n  setActive: () => {},\n  onDragStart: undefined,\n  onDragEnd: undefined,\n  onDrop: undefined,\n  isDragging: false,\n  setIsDragging: () => {},\n});\n\n/**\n * Hook to access the Drag context\n */\nexport const useDragDropContext = <T extends Data = Data>() =>\n  useContext(DragDropContext) as DragDropContextType<T>;\n"],"names":["DragDropContext","createContext","useDragDropContext","useContext"],"mappings":";;AAQO,MAAMA,IAAkBC,EAAmC;AAAA,EAChE,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAA;AACvB,CAAC,GAKYC,IAAqB,MAChCC,EAAWH,CAAe;"}

package/dist/components/DragDrop/draggable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable.js","sources":["../../../src/components/DragDrop/draggable.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDraggable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport type { Data, DragDropDraggableProps } from \"./types\";\nimport { DotsSixVerticalIcon } from \"@bioturing/assets\";\nimport { cloneElement, isValidElement, HTMLProps } from \"react\";\n\n/**\n * A draggable item component that can be used within the Drag context\n */\nexport const Draggable = <T extends Data = Data>({\n  id,\n  children,\n  className,\n  disabled = false,\n  data,\n  style,\n  render,\n  onDragEnd,\n  onDragStart,\n  indicator = true,\n  onlyIndicatorDraggable = false,\n  ...rest\n}: DragDropDraggableProps<T>) => {\n  const cls = useCls();\n\n  const { attributes, listeners, isDragging, setNodeRef } = useDraggable({\n    id,\n    data,\n    disabled,\n    onDragEnd,\n    onDragStart,\n  });\n\n  const indicatorIcon =\n    indicator === true ? (\n      <DotsSixVerticalIcon className={cls(\"draggable-indicator\")} />\n    ) : (\n      indicator\n    );\n  const indicatorElement = isValidElement(indicatorIcon)\n    ? onlyIndicatorDraggable\n      ? cloneElement(indicatorIcon, {\n          ...attributes,\n          ...listeners,\n          key: \"indicator\" + id,\n        })\n      : indicatorIcon\n    : null;\n\n  const combinedChildren = [\n    indicatorElement,\n    ...(Array.isArray(children) ? children : [children]),\n  ];\n\n  const renderedElement = useRender({\n    render: render ? (\n      render\n    ) : (\n      <div className={clsx(cls(\"draggable\"), className)} />\n    ),\n    ref: setNodeRef,\n    props: {\n      children: combinedChildren,\n      className,\n      style: {\n        ...style,\n        touchAction: \"none\", // Prevents scrolling on touch devices while dragging\n        cursor: disabled ? \"default\" : \"grab\",\n        opacity: isDragging ? 0.5 : 1, // Visual feedback when dragging\n      },\n      ...rest,\n      ...attributes,\n      ...(!onlyIndicatorDraggable ? listeners : {}),\n    },\n    state: {\n      isDragging,\n      id,\n      data,\n    },\n  });\n\n  return renderedElement;\n};\n"],"names":["Draggable","id","children","className","disabled","data","style","render","onDragEnd","onDragStart","indicator","onlyIndicatorDraggable","rest","cls","useCls","attributes","listeners","isDragging","setNodeRef","useDraggable","indicatorIcon","jsx","DotsSixVerticalIcon","combinedChildren","isValidElement","cloneElement","useRender","clsx"],"mappings":";;;;;;;;AAYO,MAAMA,IAAY,CAAwB;AAAA,EAC/C,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,wBAAAC,IAAyB;AAAA,EACzB,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAAMC,EAAO,GAEb,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAa;AAAA,IACrE,IAAAlB;AAAA,IACA,MAAAI;AAAA,IACA,UAAAD;AAAA,IACA,WAAAI;AAAA,IACA,aAAAC;AAAA,EAAA,CACD,GAEKW,IACJV,MAAc,KACZ,gBAAAW,EAACC,KAAoB,WAAWT,EAAI,qBAAqB,EAAA,CAAG,IAE5DH,GAYEa,IAAmB;AAAA,IAVAC,EAAeJ,CAAa,IACjDT,IACEc,EAAaL,GAAe;AAAA,MAC1B,GAAGL;AAAA,MACH,GAAGC;AAAA,MACH,KAAK,cAAcf;AAAA,IAAA,CACpB,IACDmB,IACF;AAAA,IAIF,GAAI,MAAM,QAAQlB,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAAA,EACpD;AA6BO,SA3BiBwB,EAAU;AAAA,IAChC,QAAQnB,KAGL,gBAAAc,EAAA,OAAA,EAAI,WAAWM,EAAKd,EAAI,WAAW,GAAGV,CAAS,EAAG,CAAA;AAAA,IAErD,KAAKe;AAAA,IACL,OAAO;AAAA,MACL,UAAUK;AAAA,MACV,WAAApB;AAAA,MACA,OAAO;AAAA,QACL,GAAGG;AAAA,QACH,aAAa;AAAA;AAAA,QACb,QAAQF,IAAW,YAAY;AAAA,QAC/B,SAASa,IAAa,MAAM;AAAA;AAAA,MAC9B;AAAA,MACA,GAAGL;AAAA,MACH,GAAGG;AAAA,MACH,GAAKJ,IAAqC,CAAA,IAAZK;AAAA,IAChC;AAAA,IACA,OAAO;AAAA,MACL,YAAAC;AAAA,MACA,IAAAhB;AAAA,MACA,MAAAI;AAAA,IAAA;AAAA,EACF,CACD;AAGH;"}

package/dist/components/DragDrop/droppable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"droppable.js","sources":["../../../src/components/DragDrop/droppable.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useMemo, memo } from \"react\";\nimport { useDroppable } from \"./hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport { ArrowsOutCardinalIcon } from \"@bioturing/assets\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport type { Data, DragDropDroppableProps, DraggableInfo } from \"./types\";\nimport { Value } from \"./value\";\nimport { uniqWith, isEqual } from \"es-toolkit\";\n\n/**\n * A drop zone component that can receive draggable items\n * Styled similarly to the Upload component's droppable area\n */\nconst DroppableInner = <T extends Data = Data, M extends boolean = false>({\n  id,\n  children,\n  className,\n  disabled = false,\n  placeholder = \"Drop items here\",\n  icon = <ArrowsOutCardinalIcon size={24} />,\n  render,\n  onDrop,\n  validate,\n  multiple,\n  value,\n  onChange,\n  renderValueLabel,\n  renderValueIcon,\n  ...rest\n}: DragDropDroppableProps<T, M>) => {\n  const cls = useCls();\n  const handleOnDrop = useCallback(\n    (item: DraggableInfo<T>) => {\n      if (onDrop) {\n        onDrop(item);\n      }\n      if (onChange) {\n        if (multiple) {\n          (onChange as (value: T[]) => void)(\n            uniqWith([...(value as T[]), item.data], isEqual)\n          );\n        } else {\n          (onChange as (value: T) => void)(item.data);\n        }\n      }\n    },\n    [onDrop, onChange, multiple, value]\n  );\n  const { isOver, setNodeRef, attributes, listeners } = useDroppable({\n    id,\n    disabled,\n    onDrop: handleOnDrop,\n    validate,\n  });\n\n  // memoize value props to avoid re-renders\n  const valueProps = useMemo(\n    () => ({ value, onChange, multiple, renderValueLabel, renderValueIcon }),\n    [value, onChange, multiple, renderValueLabel, renderValueIcon]\n  );\n\n  // memoize dropzone content\n  const dropzoneContent = useMemo(\n    () =>\n      children || (\n        <div className={cls(\"drop-zone-content\")}>\n          <div className={cls(\"drop-zone-icon\")}>{icon}</div>\n          <div className={cls(\"drop-zone-text\")}>{placeholder}</div>\n        </div>\n      ),\n    [children, cls, icon, placeholder]\n  );\n\n  // memoize default render tree\n  const defaultRender = useCallback<\n    (props: Record<string, unknown>) => React.ReactElement\n  >(\n    ({ className, ...props }) =>\n      (!multiple && value) || (multiple && (value as T[]).length) ? (\n        <Value<T, M>\n          {...valueProps}\n          className={className as string}\n          {...props}\n        />\n      ) : (\n        <div className={clsx(cls(\"drop-zone\"), className as string)} {...props}>\n          {dropzoneContent}\n        </div>\n      ),\n    [value, multiple, valueProps, dropzoneContent, cls]\n  );\n\n  const renderedElement = useRender({\n    render: render ?? defaultRender,\n    ref: setNodeRef,\n    props: {\n      className: className,\n      ...attributes,\n      ...listeners,\n      ...rest,\n    },\n    state: {\n      isOver,\n      value,\n      onChange: onChange as (value: M extends true ? T[] : T) => void,\n      id,\n    },\n  });\n\n  return renderedElement;\n};\n\nexport const Droppable = memo(DroppableInner) as typeof DroppableInner;\n"],"names":["DroppableInner","id","children","className","disabled","placeholder","icon","jsx","ArrowsOutCardinalIcon","render","onDrop","validate","multiple","value","onChange","renderValueLabel","renderValueIcon","rest","cls","useCls","handleOnDrop","useCallback","item","uniqWith","isEqual","isOver","setNodeRef","attributes","listeners","useDroppable","valueProps","useMemo","dropzoneContent","jsxs","defaultRender","props","Value","clsx","useRender","Droppable","memo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAiB,CAAmD;AAAA,EACxE,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO,gBAAAC,EAACC,GAAsB,EAAA,MAAM,GAAI,CAAA;AAAA,EACxC,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAMC,EAAO,GACbC,IAAeC;AAAA,IACnB,CAACC,MAA2B;AAC1B,MAAIZ,KACFA,EAAOY,CAAI,GAETR,KAECA;AAAA,QADCF,IAEAW,EAAS,CAAC,GAAIV,GAAeS,EAAK,IAAI,GAAGE,CAAO,IAGjBF,EAAK;AAAA,MAFtC;AAAA,IAKN;AAAA,IACA,CAACZ,GAAQI,GAAUF,GAAUC,CAAK;AAAA,EACpC,GACM,EAAE,QAAAY,GAAQ,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAa;AAAA,IACjE,IAAA5B;AAAA,IACA,UAAAG;AAAA,IACA,QAAQgB;AAAA,IACR,UAAAT;AAAA,EAAA,CACD,GAGKmB,IAAaC;AAAA,IACjB,OAAO,EAAE,OAAAlB,GAAO,UAAAC,GAAU,UAAAF,GAAU,kBAAAG,GAAkB,iBAAAC,EAAgB;AAAA,IACtE,CAACH,GAAOC,GAAUF,GAAUG,GAAkBC,CAAe;AAAA,EAC/D,GAGMgB,IAAkBD;AAAA,IACtB,MACE7B,KACE,gBAAA+B,EAAC,SAAI,WAAWf,EAAI,mBAAmB,GACrC,UAAA;AAAA,MAAA,gBAAAX,EAAC,OAAI,EAAA,WAAWW,EAAI,gBAAgB,GAAI,UAAKZ,GAAA;AAAA,wBAC5C,OAAI,EAAA,WAAWY,EAAI,gBAAgB,GAAI,UAAYb,EAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEJ,CAACH,GAAUgB,GAAKZ,GAAMD,CAAW;AAAA,EACnC,GAGM6B,IAAgBb;AAAA,IAGpB,CAAC,EAAE,WAAAlB,GAAW,GAAGgC,EACd,MAAA,CAACvB,KAAYC,KAAWD,KAAaC,EAAc,SAClD,gBAAAN;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACJ,WAAW3B;AAAAA,QACV,GAAGgC;AAAA,MAAA;AAAA,IAGN,IAAA,gBAAA5B,EAAC,OAAI,EAAA,WAAW8B,EAAKnB,EAAI,WAAW,GAAGf,CAAmB,GAAI,GAAGgC,GAC9D,UACHH,EAAA,CAAA;AAAA,IAEJ,CAACnB,GAAOD,GAAUkB,GAAYE,GAAiBd,CAAG;AAAA,EACpD;AAmBO,SAjBiBoB,EAAU;AAAA,IAChC,QAAQ7B,KAAUyB;AAAA,IAClB,KAAKR;AAAA,IACL,OAAO;AAAA,MACL,WAAAvB;AAAA,MACA,GAAGwB;AAAA,MACH,GAAGC;AAAA,MACH,GAAGX;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,QAAAQ;AAAA,MACA,OAAAZ;AAAA,MACA,UAAAC;AAAA,MACA,IAAAb;AAAA,IAAA;AAAA,EACF,CACD;AAGH,GAEasC,IAAYC,EAAKxC,CAAc;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/DragDrop/hooks.ts"],"sourcesContent":["import { useCallback, useRef, useState, useEffect } from \"react\";\n\nimport {\n  DraggableInfo,\n  type Data,\n  type UseDraggableProps,\n  type UseDroppableProps,\n} from \"./types\";\nimport { useDragDropContext } from \"./context\";\n\n/**\n * Hook for making an element draggable using HTML5 drag and drop API\n */\nexport function useDraggable<T extends Data = Data>({\n  id,\n  data,\n  disabled = false,\n  onDragStart: onDragStartProp,\n  onDragEnd: onDragEndProp,\n}: UseDraggableProps<T>) {\n  const [isDragging, setIsDragging] = useState(false);\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const thumbnailNodeRef = useRef<HTMLElement | null>(null);\n\n  const setNodeRef = useCallback((node: HTMLElement | null) => {\n    nodeRef.current = node;\n  }, []);\n\n  const {\n    setActive,\n    onDragStart: onDragStartContext,\n    onDragEnd: onDragEndContext,\n    setIsDragging: setIsDraggingContext,\n  } = useDragDropContext();\n\n  const onDragStart = onDragStartProp || onDragStartContext;\n  const onDragEnd = onDragEndProp || onDragEndContext;\n\n  const handleDragStart = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n\n      setIsDragging(true);\n      setIsDraggingContext(true);\n\n      // Update the active item in context\n      const dragItem = { data, id };\n      setActive(dragItem);\n\n      // Call the onDragStart callback if available\n      if (onDragStart) {\n        onDragStart({ active: dragItem });\n      }\n\n      // Set data transfer\n      let dataPayload: string;\n      try {\n        dataPayload = JSON.stringify({ id, data });\n      } catch (error) {\n        console.error(\"Error serializing data:\", error);\n        return;\n      }\n      e.dataTransfer?.setData(\"application/json\", dataPayload);\n\n      // For Firefox compatibility\n      e.dataTransfer?.setData(\"text/plain\", dataPayload);\n\n      // Set drag image (optional)\n      const node = nodeRef.current;\n      if (node) {\n        const nodeRect = node.getBoundingClientRect();\n\n        thumbnailNodeRef.current = node.cloneNode(true) as HTMLElement;\n        thumbnailNodeRef.current.style.maxWidth = \"400px\";\n        thumbnailNodeRef.current.style.position = \"absolute\";\n        thumbnailNodeRef.current.style.pointerEvents = \"none\";\n        thumbnailNodeRef.current.style.top = \"-99px\";\n        thumbnailNodeRef.current.style.left = \"-99px\";\n        thumbnailNodeRef.current.style.zIndex = \"-1\";\n\n        node.parentElement?.appendChild(thumbnailNodeRef.current);\n\n        // Use the node itself as the drag image\n        e.dataTransfer?.setDragImage(\n          thumbnailNodeRef.current,\n          e.clientX - nodeRect.left,\n          e.clientY - nodeRect.top\n        );\n      }\n    },\n    [id, data, disabled, onDragStart, setActive, setIsDraggingContext]\n  );\n\n  const handleDragEnd = useCallback(\n    (_e: React.DragEvent) => {\n      if (disabled) return;\n\n      setIsDragging(false);\n      setIsDraggingContext(false);\n      thumbnailNodeRef.current?.remove();\n\n      if (onDragEnd) {\n        onDragEnd({ active: { data, id }, over: null });\n      }\n    },\n    [id, data, disabled, onDragEnd, setIsDraggingContext]\n  );\n\n  return {\n    isDragging,\n    setNodeRef,\n    attributes: {\n      draggable: !disabled,\n      role: \"button\",\n      \"aria-pressed\": isDragging,\n      tabIndex: disabled ? -1 : 0,\n      \"data-dragging\": isDragging ? true : undefined,\n      \"data-disabled\": disabled ? true : undefined,\n    },\n    listeners: {\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n    },\n  };\n}\n\n/**\n * Hook for making an element a drop target using HTML5 drag and drop API\n */\nexport function useDroppable<T extends Data = Data>({\n  id,\n  disabled = false,\n  validate = () => true,\n  onDrop: onDropProp,\n}: UseDroppableProps<T>) {\n  const [isOver, setIsOver] = useState(false);\n  const [valid, setValid] = useState(undefined);\n  const nodeRef = useRef<HTMLElement | null>(null);\n\n  const setNodeRef = useCallback((node: HTMLElement | null) => {\n    nodeRef.current = node;\n  }, []);\n\n  const {\n    active,\n    setActive,\n    onDragEnd,\n    onDrop: onDropContext,\n    isDragging,\n  } = useDragDropContext<T>();\n\n  const onDrop = onDropProp || onDropContext;\n\n  useEffect(() => {\n    if (active && validate) {\n      setValid(validate(active));\n    }\n  }, [active, validate]);\n\n  const handleDragEnter = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      setIsOver(true);\n    },\n    [disabled]\n  );\n\n  const handleDragOver = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault(); // Necessary to allow dropping\n      e.dataTransfer.dropEffect = \"move\";\n    },\n    [disabled]\n  );\n\n  const handleDragLeave = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      // Only set isOver to false if we're leaving this element (not a child)\n      if (e.currentTarget === e.target) {\n        setIsOver(false);\n      }\n    },\n    [disabled]\n  );\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      if (!valid) return;\n\n      try {\n        // Try to get data from dataTransfer\n        const jsonData = e.dataTransfer.getData(\"application/json\");\n        let draggedItem: DraggableInfo<T>;\n\n        if (jsonData) {\n          draggedItem = JSON.parse(jsonData);\n        } else if (active) {\n          // Fall back to active item from context if dataTransfer is not available\n          draggedItem = active;\n        } else {\n          return; // No item to drop\n        }\n\n        // Call the component's onDrop handler if provided\n        if (onDrop) {\n          onDrop(draggedItem);\n        }\n\n        // Call the onDragEnd callback from context if available\n        if (onDragEnd && active) {\n          onDragEnd({\n            active: draggedItem,\n            over: { id },\n          });\n        }\n\n        setIsOver(false);\n\n        // Reset the active item in context\n        setActive(null);\n      } catch (error) {\n        console.error(\"Error processing drop:\", error);\n      }\n    },\n    [disabled, id, active, onDrop, onDragEnd, setActive, valid]\n  );\n\n  return {\n    isOver,\n    setNodeRef,\n    attributes: {\n      \"data-droppable\": true,\n      \"data-over\": isOver ? true : undefined,\n      \"data-disabled\": disabled ? true : undefined,\n      \"data-dragging\": isDragging ? true : undefined,\n      \"data-valid\": valid ? true : undefined,\n    },\n    valid,\n    listeners: {\n      onDragEnter: handleDragEnter,\n      onDragOver: handleDragOver,\n      onDragLeave: handleDragLeave,\n      onDrop: handleDrop,\n    },\n  };\n}\n"],"names":["useDraggable","id","data","disabled","onDragStartProp","onDragEndProp","isDragging","setIsDragging","useState","nodeRef","useRef","thumbnailNodeRef","setNodeRef","useCallback","node","setActive","onDragStartContext","onDragEndContext","setIsDraggingContext","useDragDropContext","onDragStart","onDragEnd","handleDragStart","e","dragItem","dataPayload","error","_a","_b","nodeRect","_c","_d","handleDragEnd","_e","useDroppable","validate","onDropProp","isOver","setIsOver","valid","setValid","active","onDropContext","onDrop","useEffect","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","jsonData","draggedItem"],"mappings":"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"}

package/dist/components/DragDrop/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/DragDrop/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type DragEndEvent,\n  type DragStartEvent,\n  type Data as DragData,\n  type UniqueIdentifier,\n  type DragDropDraggableProps,\n  type DragDropDroppableProps,\n  type DragDropProps,\n} from \"./types\";\nimport { useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { Draggable } from \"./draggable\";\nimport { Droppable } from \"./droppable\";\nimport { Value } from \"./value\";\nimport { DragDropContext } from \"./context\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n/**\n * The root component for the drag and drop functionality\n */\nexport function DragDropRoot<T extends DragData = DragData>({\n  children,\n  // These callbacks are passed to child components via context\n  onDragEnd: _onDragEnd,\n  onDragStart: _onDragStart,\n  onDrop: _onDrop,\n  className,\n}: DragDropProps<T>) {\n  const cls = useCls();\n  const [active, setActive] = useState<{\n    data: T;\n    id: UniqueIdentifier;\n  } | null>(null);\n\n  const [isDragging, setIsDragging] = useState(false);\n\n  // These functions are now handled directly in the Item and DropZone components\n\n  // Create context value for child components\n  const contextValue = {\n    active,\n    setActive: (item: { data: unknown; id: UniqueIdentifier } | null) => {\n      setActive(item as { data: T; id: UniqueIdentifier } | null);\n    },\n    isDragging,\n    setIsDragging,\n    onDragStart: _onDragStart,\n    onDragEnd: _onDragEnd,\n    onDrop: _onDrop,\n  };\n\n  return (\n    <DragDropContext.Provider value={contextValue}>\n      <div className={clsx(cls(\"drag-container\"), className)}>{children}</div>\n    </DragDropContext.Provider>\n  );\n}\n\n/**\n * Drag component with subcomponents\n */\nexport const DragDrop = Object.assign(DragDropRoot, {\n  /**\n   * Item that can be dragged\n   */\n  Draggable,\n\n  /**\n   * Zone where items can be dropped\n   */\n  Droppable,\n\n  /**\n   * Value component to display the value of the dragged item\n   */\n  Value,\n});\n\nexport type {\n  DragEndEvent,\n  DragStartEvent,\n  DragDropDraggableProps,\n  DragDropDroppableProps,\n  DragData,\n  DragDropProps,\n};\n"],"names":["DragDropRoot","children","_onDragEnd","_onDragStart","_onDrop","className","cls","useCls","active","setActive","useState","isDragging","setIsDragging","contextValue","item","DragDropContext","jsx","clsx","DragDrop","Draggable","Droppable","Value"],"mappings":";;;;;;;;;;AAwBO,SAASA,EAA4C;AAAA,EAC1D,UAAAC;AAAA;AAAA,EAEA,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,WAAAC;AACF,GAAqB;AACnB,QAAMC,IAAMC,EAAO,GACb,CAACC,GAAQC,CAAS,IAAIC,EAGlB,IAAI,GAER,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAK5CG,IAAe;AAAA,IACnB,QAAAL;AAAA,IACA,WAAW,CAACM,MAAyD;AACnE,MAAAL,EAAUK,CAAgD;AAAA,IAC5D;AAAA,IACA,YAAAH;AAAA,IACA,eAAAC;AAAA,IACA,aAAaT;AAAA,IACb,WAAWD;AAAA,IACX,QAAQE;AAAA,EACV;AAEA,2BACGW,EAAgB,UAAhB,EAAyB,OAAOF,GAC/B,UAAC,gBAAAG,EAAA,OAAA,EAAI,WAAWC,EAAKX,EAAI,gBAAgB,GAAGD,CAAS,GAAI,UAAAJ,EAAS,CAAA,GACpE;AAEJ;AAKa,MAAAiB,IAAW,OAAO,OAAOlB,GAAc;AAAA;AAAA;AAAA;AAAA,EAIlD,WAAAmB;AAAA;AAAA;AAAA;AAAA,EAKA,WAAAC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAAC;AACF,CAAC;"}

package/dist/components/DragDrop/value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"value.js","sources":["../../../src/components/DragDrop/value.tsx"],"sourcesContent":["\"use client\";\nimport { FileIcon, XIcon } from \"@bioturing/assets\";\nimport { isEqual } from \"es-toolkit\";\nimport React, {\n  cloneElement,\n  forwardRef,\n  memo,\n  useCallback,\n  type ComponentPropsWithoutRef,\n  type ForwardedRef,\n} from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { Stack } from \"../Stack\";\nimport { Tag } from \"../Tag\";\nimport { Truncate } from \"../Truncate\";\nimport { useCls } from \"../utils\";\nimport { DragDropValueProps, type Data } from \"./types\";\n\nfunction ValueInner<T extends Data, M extends boolean>(\n  {\n    value,\n    onChange,\n    multiple,\n    renderValueLabel,\n    renderValueIcon,\n    className,\n    style,\n    ...rest\n  }: DragDropValueProps<T, M> & ComponentPropsWithoutRef<\"div\">,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const cls = useCls();\n\n  const renderLabel = useCallback(\n    (value: T) => {\n      const label = renderValueLabel(value);\n      return typeof label === \"string\" ? (\n        <Truncate position=\"middle\" className={cls(\"dropzone-value-label\")}>\n          {label}\n        </Truncate>\n      ) : (\n        <span className={cls(\"dropzone-value-label\")}>{label}</span>\n      );\n    },\n    [cls, renderValueLabel]\n  );\n\n  const renderedValueIcon = useCallback(\n    (value: T) => {\n      return cloneElement(renderValueIcon(value) || <FileIcon />, {\n        className: cls(\"dropzone-value-icon\"),\n      });\n    },\n    [cls, renderValueIcon]\n  );\n\n  const handleResetMultiple = useCallback(\n    (singleValue: T) => {\n      (onChange as (value: T[]) => void)(\n        (value as T[]).filter((v) => !isEqual(v, singleValue))\n      );\n    },\n    [onChange, value]\n  );\n\n  const renderMultiple = useCallback(() => {\n    return (\n      <>\n        {((value as T[]) || []).map((singleValue, index) => {\n          const label = renderLabel(singleValue);\n          return (\n            <Tag\n              key={index}\n              icon={renderedValueIcon(singleValue)}\n              size=\"large\"\n              closable\n              onClose={() => handleResetMultiple(singleValue)}\n            >\n              {label}\n            </Tag>\n          );\n        })}\n      </>\n    );\n  }, [renderLabel, value, renderedValueIcon, handleResetMultiple]);\n\n  const handleResetSingle = useCallback(() => {\n    onChange?.(null);\n  }, [onChange]);\n\n  const renderSingle = useCallback(() => {\n    const label = renderLabel(value as T);\n    return (\n      <>\n        {renderedValueIcon(value as T)}\n        {label}\n        <IconButton size=\"small\" onClick={handleResetSingle}>\n          <XIcon />\n        </IconButton>\n      </>\n    );\n  }, [value, renderLabel, renderedValueIcon, handleResetSingle]);\n\n  return (\n    <Stack\n      ref={ref}\n      gap={multiple ? 4 : 8}\n      align=\"center\"\n      wrap={multiple}\n      className={cls(\n        \"dropzone-value\",\n        multiple && \"dropzone-value-multiple\",\n        className\n      )}\n      style={style}\n      {...rest}\n    >\n      {multiple ? renderMultiple() : renderSingle()}\n    </Stack>\n  );\n}\n\nexport const Value = memo(forwardRef(ValueInner)) as <\n  T extends Data,\n  M extends boolean\n>(\n  props: DragDropValueProps<T, M> & { ref?: ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof ValueInner>;\n"],"names":["ValueInner","value","onChange","multiple","renderValueLabel","renderValueIcon","className","style","rest","ref","cls","useCls","renderLabel","useCallback","label","Truncate","jsx","renderedValueIcon","cloneElement","FileIcon","handleResetMultiple","singleValue","v","isEqual","renderMultiple","index","Tag","handleResetSingle","renderSingle","jsxs","Fragment","IconButton","XIcon","Stack","Value","memo","forwardRef"],"mappings":";;;;;;;;;;AAkBA,SAASA,EACP;AAAA,EACE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAMC,EAAO,GAEbC,IAAcC;AAAA,IAClB,CAACZ,MAAa;AACN,YAAAa,IAAQV,EAAiBH,CAAK;AACpC,aAAO,OAAOa,KAAU,6BACrBC,GAAS,EAAA,UAAS,UAAS,WAAWL,EAAI,sBAAsB,GAC9D,UAAAI,GACH,IAEC,gBAAAE,EAAA,QAAA,EAAK,WAAWN,EAAI,sBAAsB,GAAI,UAAMI,GAAA;AAAA,IAEzD;AAAA,IACA,CAACJ,GAAKN,CAAgB;AAAA,EACxB,GAEMa,IAAoBJ;AAAA,IACxB,CAACZ,MACQiB,EAAab,EAAgBJ,CAAK,KAAK,gBAAAe,EAACG,KAAS,GAAI;AAAA,MAC1D,WAAWT,EAAI,qBAAqB;AAAA,IAAA,CACrC;AAAA,IAEH,CAACA,GAAKL,CAAe;AAAA,EACvB,GAEMe,IAAsBP;AAAA,IAC1B,CAACQ,MAAmB;AACjB,MAAAnB;AAAA,QACED,EAAc,OAAO,CAACqB,MAAM,CAACC,EAAQD,GAAGD,CAAW,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAACnB,GAAUD,CAAK;AAAA,EAClB,GAEMuB,IAAiBX,EAAY,6BAG1B,WAAiBZ,KAAA,CAAA,GAAI,IAAI,CAACoB,GAAaI,MAAU;AAC5C,UAAAX,IAAQF,EAAYS,CAAW;AAEnC,WAAA,gBAAAL;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,MAAMT,EAAkBI,CAAW;AAAA,QACnC,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,SAAS,MAAMD,EAAoBC,CAAW;AAAA,QAE7C,UAAAP;AAAA,MAAA;AAAA,MANIW;AAAA,IAOP;AAAA,EAEH,CAAA,GACH,GAED,CAACb,GAAaX,GAAOgB,GAAmBG,CAAmB,CAAC,GAEzDO,IAAoBd,EAAY,MAAM;AAC1C,IAAAX,KAAA,QAAAA,EAAW;AAAA,EAAI,GACd,CAACA,CAAQ,CAAC,GAEP0B,IAAef,EAAY,MAAM;AAC/B,UAAAC,IAAQF,EAAYX,CAAU;AACpC,WAEK,gBAAA4B,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAb,EAAkBhB,CAAU;AAAA,MAC5Ba;AAAA,MACD,gBAAAE,EAACe,KAAW,MAAK,SAAQ,SAASJ,GAChC,UAAA,gBAAAX,EAACgB,IAAM,CAAA,EACT,CAAA;AAAA,IAAA,GACF;AAAA,KAED,CAAC/B,GAAOW,GAAaK,GAAmBU,CAAiB,CAAC;AAG3D,SAAA,gBAAAX;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,KAAAxB;AAAA,MACA,KAAKN,IAAW,IAAI;AAAA,MACpB,OAAM;AAAA,MACN,MAAMA;AAAA,MACN,WAAWO;AAAA,QACT;AAAA,QACAP,KAAY;AAAA,QACZG;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAL,IAAWqB,EAAe,IAAII,EAAa;AAAA,IAAA;AAAA,EAC9C;AAEJ;AAEO,MAAMM,IAAQC,EAAKC,EAAWpC,CAAU,CAAC;"}

package/dist/components/DropdownMenu/component.js

@@ -1,156 +0,0 @@
-"use client";
-import { jsxs as l, jsx as d } from "react/jsx-runtime";
-import { Menu as p } from "@base-ui-components/react/menu";
-import { useCallback as A, useRef as E } from "react";
-import { useControlled as R } from "@base-ui-components/react/utils";
-import './style.css';/* empty css          */
-import { useCls as D, useAntdCssVarClassname as S, parseAntdPlacement as T } from "../utils/antdUtils.js";
-import { clsx as u } from "../utils/cn.js";
-const J = ({
-  children: M,
-  items: w,
-  placement: v,
-  openOnHover: y,
-  open: C,
-  onOpenChange: i,
-  className: L,
-  itemRender: h,
-  classNames: o
-}) => {
-  const [P, f] = R({
-    controlled: C,
-    default: !1,
-    name: "open"
-  }), x = A(
-    (n) => {
-      f(n), i == null || i(n);
-    },
-    [f, i]
-  ), t = D(), b = S(), g = T(v), G = E(null), k = w.reduce((n, e) => (n.length === 0 && e.type !== "header" && n.push({
-    label: null,
-    items: []
-  }), e.type === "header" ? n.push({
-    label: e.title,
-    items: []
-  }) : (e.type === "item" || e.type === "divider") && n.length > 0 && n[n.length - 1].items.push(e), n), []);
-  return /* @__PURE__ */ l(
-    p.Root,
-    {
-      openOnHover: y,
-      open: P,
-      onOpenChange: x,
-      children: [
-        /* @__PURE__ */ d(
-          p.Trigger,
-          {
-            render: M,
-            ref: G,
-            className: u(
-              t("dropdown-menu-trigger"),
-              o == null ? void 0 : o.trigger,
-              b
-            )
-          }
-        ),
-        /* @__PURE__ */ d(p.Portal, { children: /* @__PURE__ */ d(
-          p.Positioner,
-          {
-            side: g.placement,
-            align: g.align,
-            sideOffset: 4,
-            className: u(t("dropdown-menu-root"), o == null ? void 0 : o.root),
-            children: /* @__PURE__ */ d(
-              p.Popup,
-              {
-                className: u(
-                  t("dropdown-menu"),
-                  L,
-                  o == null ? void 0 : o.popup,
-                  b
-                ),
-                children: k.map((n, e) => /* @__PURE__ */ l(
-                  p.Group,
-                  {
-                    className: u(
-                      t("dropdown-menu-group"),
-                      o == null ? void 0 : o.group
-                    ),
-                    children: [
-                      n.label && /* @__PURE__ */ d(
-                        p.GroupLabel,
-                        {
-                          className: u(
-                            t("dropdown-menu-header"),
-                            o == null ? void 0 : o.groupLabel
-                          ),
-                          children: /* @__PURE__ */ d("span", { children: n.label })
-                        },
-                        e
-                      ),
-                      n.items.map((r, I) => r.type == "item" ? /* @__PURE__ */ l(
-                        p.Item,
-                        {
-                          className: u(
-                            t("dropdown-menu-item"),
-                            o == null ? void 0 : o.item
-                          ),
-                          disabled: r.disabled,
-                          "data-danger": r.danger,
-                          ref: r.ref,
-                          onClick: r.onClick,
-                          onMouseEnter: r.onMouseEnter,
-                          onMouseLeave: r.onMouseLeave,
-                          onMouseOver: r.onMouseOver,
-                          onMouseOut: r.onMouseOut,
-                          render: h ? (j) => h(r, j) : void 0,
-                          children: [
-                            r.icon && /* @__PURE__ */ d(
-                              "span",
-                              {
-                                className: u(
-                                  t("dropdown-menu-item-icon"),
-                                  o == null ? void 0 : o.itemIcon
-                                ),
-                                children: r.icon
-                              }
-                            ),
-                            /* @__PURE__ */ d("span", { children: r.label })
-                          ]
-                        },
-                        e + "-" + I
-                      ) : r.type == "divider" ? /* @__PURE__ */ d(
-                        p.Separator,
-                        {
-                          className: u(
-                            t("dropdown-menu-divider"),
-                            o == null ? void 0 : o.separator
-                          )
-                        },
-                        e
-                      ) : r.type == "header" ? /* @__PURE__ */ d(
-                        p.GroupLabel,
-                        {
-                          className: u(
-                            t("dropdown-menu-header"),
-                            o == null ? void 0 : o.groupLabel
-                          ),
-                          children: /* @__PURE__ */ d("span", { children: r.title })
-                        },
-                        e
-                      ) : null)
-                    ]
-                  },
-                  "group" + e
-                ))
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  J as DropdownMenu
-};
-//# sourceMappingURL=component.js.map

package/dist/components/DropdownMenu/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/DropdownMenu/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  useCls,\n  clsx,\n  useAntdCssVarClassname,\n  parseAntdPlacement,\n} from \"../utils\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport { useControlled } from \"@base-ui-components/react/utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type DropdownMenuItemType =\n  | {\n      type: \"item\";\n      label?: React.ReactNode;\n      disabled?: boolean;\n      icon?: React.ReactNode;\n      key: React.Key;\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      danger?: boolean;\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      type: \"divider\";\n    }\n  | {\n      type: \"header\";\n      title?: React.ReactNode;\n    };\n\nexport interface DropdownMenuProps {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    group?: string;\n    groupLabel?: string;\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    separator?: string;\n    positioner?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  className,\n  itemRender,\n  classNames,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const headlessUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  return (\n    <Menu.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Menu.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      ></Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner\n          side={headlessUIPlacement.placement}\n          align={headlessUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n        >\n          <Menu.Popup\n            className={clsx(\n              cls(\"dropdown-menu\"),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n          >\n            {itemGroups.map((group, i) => {\n              return (\n                <Menu.Group\n                  key={\"group\" + i}\n                  className={clsx(\n                    cls(\"dropdown-menu-group\"),\n                    classNames?.group\n                  )}\n                >\n                  {group.label && (\n                    <Menu.GroupLabel\n                      key={i}\n                      className={clsx(\n                        cls(\"dropdown-menu-header\"),\n                        classNames?.groupLabel\n                      )}\n                    >\n                      <span>{group.label}</span>\n                    </Menu.GroupLabel>\n                  )}\n                  {group.items.map((item, j) => {\n                    return item.type == \"item\" ? (\n                      <Menu.Item\n                        key={i + \"-\" + j}\n                        className={clsx(\n                          cls(\"dropdown-menu-item\"),\n                          classNames?.item\n                        )}\n                        disabled={item.disabled}\n                        data-danger={item.danger}\n                        ref={item.ref}\n                        onClick={item.onClick}\n                        onMouseEnter={item.onMouseEnter}\n                        onMouseLeave={item.onMouseLeave}\n                        onMouseOver={item.onMouseOver}\n                        onMouseOut={item.onMouseOut}\n                        render={\n                          itemRender\n                            ? (itemProps) => itemRender(item, itemProps)\n                            : undefined\n                        }\n                      >\n                        {item.icon && (\n                          <span\n                            className={clsx(\n                              cls(\"dropdown-menu-item-icon\"),\n                              classNames?.itemIcon\n                            )}\n                          >\n                            {item.icon}\n                          </span>\n                        )}\n                        <span>{item.label}</span>\n                      </Menu.Item>\n                    ) : item.type == \"divider\" ? (\n                      <Menu.Separator\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-divider\"),\n                          classNames?.separator\n                        )}\n                      ></Menu.Separator>\n                    ) : item.type == \"header\" ? (\n                      <Menu.GroupLabel\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-header\"),\n                          classNames?.groupLabel\n                        )}\n                      >\n                        <span>{item.title}</span>\n                      </Menu.GroupLabel>\n                    ) : null;\n                  })}\n                </Menu.Group>\n              );\n            })}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","className","itemRender","classNames","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","headlessUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","jsxs","Menu","jsx","clsx","group","i","item","j","itemProps"],"mappings":"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"}

package/dist/components/DropdownMenu/style.css

@@ -1 +0,0 @@
-@layer components{.ds-dropdown-menu-root{z-index:2000}.ds-dropdown-menu{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin)}.ds-dropdown-menu[data-ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center}.ds-dropdown-menu-item:focus{outline:none}.ds-dropdown-menu-item:hover{background:var(--ds-control-item-bg-hover)}.ds-dropdown-menu-item:active,.ds-dropdown-menu-item:focus,.ds-dropdown-menu-item[data-focus]{background:var(--ds-control-item-bg-active)}.ds-dropdown-menu-item[data-disabled]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-dropdown-menu-item[data-danger]{color:var(--ds-color-error)}.ds-dropdown-menu-item[data-danger]:hover{background:var(--ds-color-error-bg)}.ds-dropdown-menu-item[data-danger]:active,.ds-dropdown-menu-item[data-danger]:focus,.ds-dropdown-menu-item[data-danger][data-focus]{background:var(--ds-color-error-bg-hover)}.ds-dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon)}[data-danger] .ds-dropdown-menu-item-icon{color:var(--ds-color-error)}.ds-dropdown-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}}

package/dist/components/Empty/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Empty/component.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  default as AntEmpty,\n  type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface EmptyProps extends AntEmptyProps {\n  /**\n   * Empty icon size\n   * @default 'medium'\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport const EmptyIcon: React.FC<React.ComponentPropsWithRef<\"svg\">> = (\n  props\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 32 32\"\n    {...props}\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity={\"0.3\"}\n      strokeWidth=\"0.05em\"\n      d=\"m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3\"\n    ></path>\n  </svg>\n);\n\nexport const Empty = ({\n  image,\n  size = \"medium\",\n  className,\n  ...rest\n}: EmptyProps) => {\n  const cls = useCls();\n  const emptyImage = image || <EmptyIcon className={cls(\"empty-icon\")} />;\n  return (\n    <AntEmpty\n      image={emptyImage}\n      className={clsx(cls(\"empty\", `empty-${size}`), className)}\n      {...rest}\n    />\n  );\n};\n\nexport default Empty;\n"],"names":["EmptyIcon","props","jsx","Empty","image","size","className","rest","cls","useCls","emptyImage","AntEmpty","clsx"],"mappings":";;;;;AAkBa,MAAAA,IAA0D,CACrEC,MAEA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACH,GAGWC,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAMC,IAAMC,EAAO,GACbC,IAAaN,KAAS,gBAAAF,EAACF,KAAU,WAAWQ,EAAI,YAAY,GAAG;AAEnE,SAAA,gBAAAN;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,OAAOD;AAAA,MACP,WAAWE,EAAKJ,EAAI,SAAS,SAASH,CAAI,EAAE,GAAGC,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}