@capillarytech/blaze-ui 2.0.2 → 2.0.4

package/dist/index.js

@@ -517,9 +517,9 @@ exports["default"] = CheckOutlined;
 
 
 exports.__esModule = true;
-exports.loadBlazeUIFonts = exports.getBlazeUIFontLinks = void 0;
+exports.loadCapUIFonts = exports.getCapUIFontLinks = void 0;
 /**
- * Font configuration for Blaze UI
+ * Font configuration for Cap UI
  * Centralized font management for consistent typography across applications
  */
 
@@ -577,7 +577,7 @@ const injectRobotoFont = function (weights) {
   const link = document.createElement('link');
   link.href = href;
   link.rel = 'stylesheet';
-  link.setAttribute('data-blaze-ui-font', 'roboto');
+  link.setAttribute('data-cap-ui-font', 'roboto');
   document.head.appendChild(link);
 };
 
@@ -595,7 +595,7 @@ const injectMaterialIcons = () => {
   preloadLink.rel = 'preload';
   preloadLink.href = FONT_URLS.materialIcons;
   preloadLink.setAttribute('as', 'style');
-  preloadLink.setAttribute('data-blaze-ui-font', 'material-icons');
+  preloadLink.setAttribute('data-cap-ui-font', 'material-icons');
 
   // Convert to stylesheet when loaded
   preloadLink.onload = function () {
@@ -610,13 +610,13 @@ const injectMaterialIcons = () => {
   const fallbackLink = document.createElement('link');
   fallbackLink.rel = 'stylesheet';
   fallbackLink.href = FONT_URLS.materialIcons;
-  fallbackLink.setAttribute('data-blaze-ui-font', 'material-icons-fallback');
+  fallbackLink.setAttribute('data-cap-ui-font', 'material-icons-fallback');
   noscript.appendChild(fallbackLink);
   document.head.appendChild(noscript);
 };
 
 /**
- * Loads Blaze UI fonts into the document head
+ * Loads Cap UI fonts into the document head
  *
  * This function should be called once when your application initializes.
  * It's safe to call multiple times - it will check if fonts are already loaded.
@@ -625,19 +625,19 @@ const injectMaterialIcons = () => {
  *
  * @example
  * ```typescript
- * import { loadBlazeUIFonts } from '@capillarytech/blaze-ui';
+ * import { loadCapUIFonts } from '@capillarytech/blaze-ui';
  *
  * // Load all fonts (default)
- * loadBlazeUIFonts();
+ * loadCapUIFonts();
  *
  * // Load only Roboto with custom weights
- * loadBlazeUIFonts({
+ * loadCapUIFonts({
  *   loadMaterialIcons: false,
  *   robotoWeights: [400, 500, 700]
  * });
  * ```
  */
-const loadBlazeUIFonts = function (config) {
+const loadCapUIFonts = function (config) {
   if (config === void 0) {
     config = {};
   }
@@ -663,11 +663,11 @@ const loadBlazeUIFonts = function (config) {
  * @example
  * ```html
  * <!-- In your HTML head -->
- * ${getBlazeUIFontLinks().join('\n')}
+ * ${getCapUIFontLinks().join('\n')}
  * ```
  */
-exports.loadBlazeUIFonts = loadBlazeUIFonts;
-const getBlazeUIFontLinks = function (config) {
+exports.loadCapUIFonts = loadCapUIFonts;
+const getCapUIFontLinks = function (config) {
   if (config === void 0) {
     config = {};
   }
@@ -685,7 +685,7 @@ const getBlazeUIFontLinks = function (config) {
   }
   return links;
 };
-exports.getBlazeUIFontLinks = getBlazeUIFontLinks;
+exports.getCapUIFontLinks = getCapUIFontLinks;
 
 /***/ }),
 
@@ -752,9 +752,9 @@ const CapDropdownComponent = _ref => {
   const v6Placement = mapPlacement(placement);
 
   // Support both new `classNames.root` and deprecated `overlayClassName` props
-  // Note: TypeScript types may be outdated, but runtime supports classNames.root
-  const finalClassNames = _extends({}, classNamesProp, {
-    root: (0, _classnames.default)(_styles.default[clsPrefix + "-overlay"], classNamesProp == null ? void 0 : classNamesProp.root, overlayClassName)
+  const existingRoot = classNamesProp && typeof classNamesProp === 'object' && !Array.isArray(classNamesProp) ? classNamesProp.root : undefined;
+  const finalClassNames = _extends({}, typeof classNamesProp === 'object' && !Array.isArray(classNamesProp) ? classNamesProp : {}, {
+    root: (0, _classnames.default)(_styles.default[clsPrefix + "-overlay"], existingRoot, overlayClassName)
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Dropdown, _extends({
     className: (0, _classnames.default)(_styles.default[clsPrefix], className),
@@ -5136,7 +5136,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-dropdown-v2-overlay{min-width:14.286rem}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{padding:.857rem 1.714rem}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-dropdown-v2-overlay{min-width:14.286rem}.blaze-ui-cap-dropdown-v2-overlay .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{padding:.857rem 1.714rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-dropdown-v2-overlay": `blaze-ui-cap-dropdown-v2-overlay`
@@ -5506,6 +5506,51 @@ const mapTabPlacement = value => {
   if (value === 'right') return 'end';
   return value;
 };
+
+/**
+ * Generate stable fallback key based on pane content for React reconciliation
+ * Uses pane.tab or pane.content to create deterministic keys
+ */
+const getStableFallbackKey = (pane, idx) => {
+  // Try to extract string representation from tab or content
+  let tabStr = '';
+  let contentStr = '';
+  if (pane.tab) {
+    if (typeof pane.tab === 'string') {
+      tabStr = pane.tab;
+    } else if (typeof pane.tab === 'number') {
+      tabStr = String(pane.tab);
+    } else if (/*#__PURE__*/_react.default.isValidElement(pane.tab)) {
+      var _props;
+      // Try to extract text content from React element
+      const children = (_props = pane.tab.props) == null ? void 0 : _props.children;
+      tabStr = typeof children === 'string' ? children : String(children || '');
+    }
+  }
+  if (pane.content) {
+    if (typeof pane.content === 'string') {
+      contentStr = pane.content;
+    } else if (typeof pane.content === 'number') {
+      contentStr = String(pane.content);
+    } else if (/*#__PURE__*/_react.default.isValidElement(pane.content)) {
+      var _props2;
+      // Try to extract text content from React element
+      const children = (_props2 = pane.content.props) == null ? void 0 : _props2.children;
+      contentStr = typeof children === 'string' ? children : String(children || '');
+    }
+  }
+
+  // Create deterministic composite key from tab/content
+  // This ensures same content = same key even if order changes
+  if (tabStr) {
+    return "tab-" + tabStr.slice(0, 20) + "-" + idx;
+  }
+  if (contentStr) {
+    return "content-" + contentStr.slice(0, 20) + "-" + idx;
+  }
+  // Last resort: use index but prefix it for clarity
+  return "pane-" + idx;
+};
 const CapTab = _ref => {
   let {
       panes = [],
@@ -5531,12 +5576,15 @@ const CapTab = _ref => {
   } : false : animatedValue;
 
   // Convert panes to items format (v6 API)
-  const items = panes.map((pane, index) => ({
-    key: pane.key || String(index),
-    label: pane.tab,
-    children: pane.content,
-    disabled: pane.disabled
-  }));
+  const items = panes.map((pane, index) => {
+    const key = pane.key || getStableFallbackKey(pane, index);
+    return {
+      key,
+      label: pane.tab,
+      children: pane.content,
+      disabled: pane.disabled
+    };
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: _styles.default['cap-tab-wrapper'],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -5781,13 +5829,36 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 exports.__esModule = true;
 exports.getCapThemeConfig = getCapThemeConfig;
+var _lodash = __webpack_require__(2543);
 var styledVars = _interopRequireWildcard(__webpack_require__(9941));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
- * Converts rem values to pixels (number).
- * Base font size is 14px, so 1rem = 14px.
+ * Gets the root font size from the document element dynamically.
+ * Falls back to Cap UI default (14px) if not available or in non-browser environments.
  *
+ * @returns Root font size in pixels
+ */
+function getRootFontSize() {
+  if (typeof window === 'undefined' || typeof document === 'undefined') {
+    // SSR or non-browser environment: return Cap UI default
+    return 14;
+  }
+  const rootElement = document.documentElement;
+  const computedStyle = window.getComputedStyle(rootElement);
+  const fontSize = computedStyle.fontSize;
+  if (fontSize) {
+    const pxValue = parseFloat(fontSize);
+    if (!isNaN(pxValue) && pxValue > 0) {
+      return pxValue;
+    }
+  }
+
+  // Fallback to Cap UI default if unable to read computed size
+  return 14;
+}
+
+/**
+ * Converts rem values to pixels (number) by reading the root font size dynamically.
  * @param remValue - Rem value as string (e.g., '1rem', '0.857rem') or number
  * @returns Number in pixels
  *
@@ -5803,11 +5874,12 @@ function remToPx(remValue, fallback) {
   if (typeof remValue === 'number') {
     return remValue;
   }
+  const rootFontSize = getRootFontSize();
   const value = remValue || fallback;
   const remMatch = typeof value === 'string' ? value.match(/^([\d.]+)rem$/) : null;
   if (remMatch) {
     const rem = parseFloat(remMatch[1]);
-    return rem * 14; // Base font size is 14px
+    return rem * rootFontSize;
   }
 
   // If it's already a number string, parse it
@@ -5818,7 +5890,7 @@ function remToPx(remValue, fallback) {
 
   // Default fallback: parse the fallback value
   const fallbackMatch = fallback.match(/^([\d.]+)rem$/);
-  return fallbackMatch ? parseFloat(fallbackMatch[1]) * 14 : 14;
+  return fallbackMatch ? parseFloat(fallbackMatch[1]) * rootFontSize : rootFontSize;
 }
 
 /**
@@ -5826,6 +5898,13 @@ function remToPx(remValue, fallback) {
  * This function maps Capillary design tokens to Ant Design tokens,
  * eliminating the need for SCSS overrides.
  *
+ * **⚠️ Accessibility Note:**
+ * This function converts rem values to px for Ant Design theme tokens.
+ * This means Ant Design components will not scale with user browser font size settings,
+ * while Cap UI components (which use rem) will scale. This creates inconsistent
+ * behavior and violates WCAG 2.1 SC 1.4.4 (Resize text). Consider using rem values
+ * directly in theme config when Ant Design v6 supports it, or use CSS custom properties.
+ *
  * @param options - Optional theme configuration overrides
  * @returns Ant Design ThemeConfig object
  *
@@ -6077,8 +6156,8 @@ function getCapThemeConfig(options) {
   // Merge with custom options if provided
   if (options) {
     return {
-      token: _extends({}, baseTheme.token, options.token),
-      components: _extends({}, baseTheme.components, options.components),
+      token: options.token ? (0, _lodash.merge)({}, baseTheme.token, options.token) : baseTheme.token,
+      components: options.components ? (0, _lodash.merge)({}, baseTheme.components, options.components) : baseTheme.components,
       algorithm: options.algorithm,
       cssVar: options.cssVar,
       hashed: options.hashed
@@ -6965,7 +7044,7 @@ const CapAlert = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Alert, _extends({
       className: (0, _classnames.default)(_styles.default[clsPrefix], className),
       type: type,
-      title: alertTitle
+      message: alertTitle
     }, rest))
   });
 };
@@ -7035,9 +7114,9 @@ function _isNativeReflectConstruct() {
 exports.__esModule = true;
 var _exportNames = {
   getCapThemeConfig: true,
-  loadBlazeUI: true
+  loadCapUI: true
 };
-exports.loadBlazeUI = exports.getCapThemeConfig = void 0;
+exports.loadCapUI = exports.getCapThemeConfig = void 0;
 var _fonts = __webpack_require__(170);
 Object.keys(_fonts).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -7051,11 +7130,11 @@ exports.getCapThemeConfig = _getCapThemeConfig.getCapThemeConfig;
 const _excluded = ["baseFontSize"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /**
- * Configuration for Blaze UI initialization
+ * Configuration for Cap UI initialization
  */
 
 /**
- * Loads Blaze UI fonts and base styles (sanitize.css) together
+ * Loads Cap UI fonts and base styles (sanitize.css) together
  *
  * This is a convenience function that loads both fonts and base styles in one call.
  * It should be called once when your application initializes.
@@ -7064,28 +7143,28 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * - Webpack will typically deduplicate it if both resolve to the same module path in node_modules
  * - However, if you want to avoid any potential duplication, import fonts separately:
  *   ```typescript
- *   import { loadBlazeUIFonts } from '@capillarytech/blaze-ui/utils';
- *   loadBlazeUIFonts();
+ *   import { loadCapUIFonts } from '@capillarytech/blaze-ui/utils';
+ *   loadCapUIFonts();
  *   ```
  *
- * @param config - Blaze UI configuration options
+ * @param config - Cap UI configuration options
  *
  * @example
  * ```typescript
- * import { loadBlazeUI } from '@capillarytech/blaze-ui/utils';
+ * import { loadCapUI } from '@capillarytech/blaze-ui/utils';
  *
  * // Load everything with default base font size (14px)
- * loadBlazeUI();
+ * loadCapUI();
  *
  * // Load with custom font configuration and base font size
- * loadBlazeUI({
+ * loadCapUI({
  *   loadMaterialIcons: false,
  *   robotoWeights: [400, 500, 700],
  *   baseFontSize: '16px'
  * });
  * ```
  */
-const loadBlazeUI = function (config) {
+const loadCapUI = function (config) {
   if (config === void 0) {
     config = {};
   }
@@ -7101,9 +7180,9 @@ const loadBlazeUI = function (config) {
 
   // Styles are loaded via import at module level (above)
   // Webpack will deduplicate sanitize.css if imported elsewhere with same module path
-  (0, _fonts.loadBlazeUIFonts)(fontConfig);
+  (0, _fonts.loadCapUIFonts)(fontConfig);
 };
-exports.loadBlazeUI = loadBlazeUI;
+exports.loadCapUI = loadCapUI;
 
 /***/ }),
 
@@ -7456,13 +7535,13 @@ var _exportNames = {
   CapTooltipWithInfo: true,
   CapUnifiedSelect: true,
   LocaleHoc: true,
-  loadBlazeUI: true,
+  loadCapUI: true,
   getCapThemeConfig: true,
-  loadBlazeUIFonts: true,
-  getBlazeUIFontLinks: true,
+  loadCapUIFonts: true,
+  getCapUIFontLinks: true,
   styledVars: true
 };
-exports.styledVars = exports.loadBlazeUIFonts = exports.loadBlazeUI = exports.getCapThemeConfig = exports.getBlazeUIFontLinks = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapSpin = exports.CapSkeleton = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAlert = void 0;
+exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapSpin = exports.CapSkeleton = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAlert = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(8501));
 exports.CapAlert = _CapAlert.default;
 var _CapButton = _interopRequireDefault(__webpack_require__(8793));
@@ -7512,11 +7591,11 @@ exports.CapUnifiedSelect = _CapUnifiedSelect.default;
 var _LocaleHoc = _interopRequireDefault(__webpack_require__(9879));
 exports.LocaleHoc = _LocaleHoc.default;
 var _utils = __webpack_require__(2232);
-exports.loadBlazeUI = _utils.loadBlazeUI;
+exports.loadCapUI = _utils.loadCapUI;
 exports.getCapThemeConfig = _utils.getCapThemeConfig;
 var _fonts = __webpack_require__(170);
-exports.loadBlazeUIFonts = _fonts.loadBlazeUIFonts;
-exports.getBlazeUIFontLinks = _fonts.getBlazeUIFontLinks;
+exports.loadCapUIFonts = _fonts.loadCapUIFonts;
+exports.getCapUIFontLinks = _fonts.getCapUIFontLinks;
 var _styles = __webpack_require__(7668);
 Object.keys(_styles).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -8216,7 +8295,8 @@ var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapIcon = _interopRequireDefault(__webpack_require__(5595));
 var _styles = _interopRequireDefault(__webpack_require__(6805));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["className", "children", "type", "isAddBtn", "prefix", "suffix"];
+const _excluded = ["className", "children", "type", "isAddBtn", "prefix", "suffix", "icon", "danger"],
+  _excluded2 = ["variant"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -8233,19 +8313,55 @@ const CapButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       type = 'primary',
       isAddBtn = false,
       prefix,
-      suffix
+      suffix,
+      icon,
+      danger: dangerProp
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // Handle icon prop - convert string to CapIcon component
+  const iconElement = _react.default.useMemo(() => {
+    if (!icon) return undefined;
+    if (typeof icon === 'string') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: icon
+      });
+    }
+    return icon;
+  }, [icon]);
+
+  // Handle danger: if type is 'danger', convert to danger boolean prop
+  // According to Ant Design v6 API: danger is a boolean prop, not a type
+  const isDanger = dangerProp !== undefined ? dangerProp : type === 'danger';
+
+  // Handle dashed: According to Ant Design v6 API, 'dashed' is a variant, not a type
+  // Map type='dashed' to variant='dashed' and type='default'
+  const isDashed = type === 'dashed';
+  const buttonType = type === 'danger' ? 'primary' // Default danger buttons to primary type
+  : type === 'dashed' ? 'default' // Dashed is a variant, so use default type
+  : type;
+
+  // Extract variant from rest props if provided, otherwise set based on type
+  const variant = rest.variant !== undefined ? rest.variant : isDashed ? 'dashed' : undefined;
+
+  // Use icon prop if provided, otherwise use prefix
+  const effectivePrefix = iconElement || prefix;
+  const hasIcon = isAddBtn || suffix || effectivePrefix;
+
+  // Remove variant from rest to avoid passing it twice
+  const restWithoutVariant = _objectWithoutPropertiesLoose(rest, _excluded2);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antdV.Button, _extends({
     ref: ref
-  }, rest, {
-    type: type === 'primary' || type === 'default' || type === 'dashed' || type === 'link' || type === 'text' ? type : undefined,
+  }, restWithoutVariant, {
+    type: buttonType === 'primary' || buttonType === 'default' || buttonType === 'link' || buttonType === 'text' ? buttonType : undefined,
+    variant: variant,
+    danger: isDanger,
+    icon: iconElement,
     className: (0, _classnames.default)(_styles.default[classPrefix], btnTypeClassMapping[type] ? _styles.default[btnTypeClassMapping[type]] : undefined, className, {
       [_styles.default['add-btn']]: isAddBtn
     }, {
-      [_styles.default['has-icon']]: isAddBtn || suffix || prefix
+      [_styles.default['has-icon']]: hasIcon
     }),
-    children: [(isAddBtn || prefix) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [(isAddBtn || prefix) && !iconElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _styles.default[classPrefix + "-prefix"],
       children: isAddBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
         size: "s",
@@ -8270,10 +8386,11 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-button-v2{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;padding:0 1.714rem;height:2.857rem;min-width:5.714rem;border:none;box-shadow:none;text-shadow:none;transition:all .3s ease}.blaze-ui-cap-button-v2-prefix,.blaze-ui-cap-button-v2-suffix{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-button-v2-prefix+span,span+.blaze-ui-cap-button-v2-suffix{margin-left:.286rem}.blaze-ui-has-icon{display:inline-flex;align-items:center;padding:0 .857rem 0 .571rem}.blaze-ui-secondary-btn{background-color:#ebecf0;border-color:#ebecf0;color:#091e42}.blaze-ui-secondary-btn:hover{background-color:#dfe2e7 !important;border-color:#dfe2e7 !important;color:unset}.blaze-ui-secondary-btn:disabled,.blaze-ui-secondary-btn.ant-btn-disabled{background-color:#f4f5f7;border-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.blaze-ui-flat-btn{background-color:#fff;border-color:#fff;color:inherit;min-width:auto}.blaze-ui-flat-btn:hover{background-color:#f4f5f7 !important;border-color:#f4f5f7 !important;color:unset}.blaze-ui-flat-btn:disabled,.blaze-ui-flat-btn.ant-btn-disabled{background-color:#fff;border-color:#fff;color:#5e6c84;cursor:not-allowed;opacity:.3}.blaze-ui-add-btn{color:#2466ea}.blaze-ui-add-btn:disabled,.blaze-ui-add-btn.ant-btn-disabled{color:#2466ea}.blaze-ui-oval-btn{background-color:#fafbfc;border-color:#b3bac5;color:#5e6c84;width:6.929rem;height:2.286rem;border-radius:1.143rem;border:.071rem solid #b3bac5}.blaze-ui-oval-btn:hover{background-color:#fafbfc !important;border-color:#b3bac5 !important;color:#091e42 !important}.blaze-ui-oval-btn:disabled,.blaze-ui-oval-btn.ant-btn-disabled{background-color:#fafbfc;border-color:#b3bac5;color:#b3bac5;cursor:not-allowed}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-button-v2{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;padding:0 1.714rem;height:2.857rem;min-width:5.714rem;box-shadow:none;text-shadow:none;transition:all .3s ease}.blaze-ui-cap-button-v2:not(.blaze-ui-ant-btn-dashed){border:none}.blaze-ui-cap-button-v2-prefix,.blaze-ui-cap-button-v2-suffix{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-button-v2-prefix+span,span+.blaze-ui-cap-button-v2-suffix{margin-left:.286rem}.blaze-ui-has-icon{display:inline-flex;align-items:center;padding:0 .857rem 0 .571rem}.blaze-ui-secondary-btn{background-color:#ebecf0;border-color:#ebecf0;color:#091e42}.blaze-ui-secondary-btn:hover{background-color:#dfe2e7 !important;border-color:#dfe2e7 !important;color:unset}.blaze-ui-secondary-btn:disabled,.blaze-ui-secondary-btn.ant-btn-disabled{background-color:#f4f5f7;border-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.blaze-ui-flat-btn{background-color:#fff;border-color:#fff;color:inherit;min-width:auto}.blaze-ui-flat-btn:hover{background-color:#f4f5f7 !important;border-color:#f4f5f7 !important;color:unset}.blaze-ui-flat-btn:disabled,.blaze-ui-flat-btn.ant-btn-disabled{background-color:#fff;border-color:#fff;color:#5e6c84;cursor:not-allowed;opacity:.3}.blaze-ui-add-btn{color:#2466ea}.blaze-ui-add-btn:disabled,.blaze-ui-add-btn.ant-btn-disabled{color:#2466ea}.blaze-ui-oval-btn{background-color:#fafbfc;border-color:#b3bac5;color:#5e6c84;width:6.929rem;height:2.286rem;border-radius:1.143rem;border:.071rem solid #b3bac5}.blaze-ui-oval-btn:hover{background-color:#fafbfc !important;border-color:#b3bac5 !important;color:#091e42 !important}.blaze-ui-oval-btn:disabled,.blaze-ui-oval-btn.ant-btn-disabled{background-color:#fafbfc;border-color:#b3bac5;color:#b3bac5;cursor:not-allowed}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-button-v2": `blaze-ui-cap-button-v2`,
+	"ant-btn-dashed": `blaze-ui-ant-btn-dashed`,
 	"cap-button-v2-prefix": `blaze-ui-cap-button-v2-prefix`,
 	"cap-button-v2-suffix": `blaze-ui-cap-button-v2-suffix`,
 	"has-icon": `blaze-ui-has-icon`,
@@ -33545,27 +33662,31 @@ var _antdV = __webpack_require__(4273);
 var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["className", "orientation"]; // Deprecated values from old API
+const _excluded = ["className", "orientation", "type"]; // Legacy alignment values that need mapping
+// Valid Ant Design v6 title placement values
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-// Map deprecated values to valid v6 values
-const mapOrientation = value => {
-  // Map deprecated values to 'horizontal'
-  if (value === 'left' || value === 'center' || value === 'right') {
-    return 'horizontal';
+// Map legacy alignment values to Ant Design v6 titlePlacement values
+const mapTitlePlacement = value => {
+  if (value === 'left') return 'start';
+  if (value === 'right') return 'end';
+  if (value === 'center' || value === 'start' || value === 'end') {
+    return value;
   }
-  return value;
+  return undefined;
 };
 const CapDivider = _ref => {
   let {
       className,
-      orientation = 'horizontal'
+      orientation,
+      type = 'horizontal'
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Divider, _extends({
     className: (0, _classnames.default)('cap-divider-v2', className),
-    orientation: mapOrientation(orientation)
+    orientation: type,
+    titlePlacement: mapTitlePlacement(orientation)
   }, rest));
 };
 var _default = exports["default"] = CapDivider;
@@ -34039,6 +34160,7 @@ exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
 var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(8773));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["className", "checked", "disabled", "size"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -34056,7 +34178,7 @@ const CapSwitch = _ref => {
     checked: checked,
     disabled: disabled,
     size: size,
-    className: (0, _classnames.default)('cap-switch-v2', className)
+    className: (0, _classnames.default)(_styles.default['cap-switch-v2'], className)
   }));
 };
 var _default = exports["default"] = CapSwitch;
@@ -35757,6 +35879,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const CapTooltip = _ref => {
+  var _ref2;
   let {
       title,
       children,
@@ -35783,7 +35906,8 @@ const CapTooltip = _ref => {
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   // Support both old and new APIs - new API takes precedence
-  const finalDestroyOnHidden = destroyOnHidden || destroyTooltipOnHide || false;
+  // Use nullish coalescing to respect explicit false values
+  const finalDestroyOnHidden = (_ref2 = destroyOnHidden != null ? destroyOnHidden : destroyTooltipOnHide) != null ? _ref2 : false;
 
   // Merge overlay classNames - new API takes precedence
   const finalOverlayClassName = (0, _classnames.default)(_styles.default['cap-tooltip-overlay-v2'], (classNamesProp == null ? void 0 : classNamesProp.root) || overlayClassName);
@@ -50240,6 +50364,24 @@ var _default = exports["default"] = RefIcon;
 
 __webpack_require__(4920);
 
+/***/ }),
+
+/***/ 7704:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-switch-v2{font-family:"Roboto",sans-serif}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-switch-v2": `blaze-ui-cap-switch-v2`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 7748:
@@ -51900,6 +52042,58 @@ var _index = _interopRequireDefault(__webpack_require__(3871));
 const defaultTheme = (0, _cssinjs.createTheme)(_index.default);
 var _default = exports["default"] = defaultTheme;
 
+/***/ }),
+
+/***/ 8773:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7704);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 8793: