@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapDropdown/index.js

@@ -1,76 +1,60 @@
-var _excluded = ["className", "classNames", "styles", "overlayClassName", "overlayStyle", "menu", "overlay", "trigger", "placement", "disabled", "open", "onOpenChange", "visible", "onVisibleChange", "children"],
-  _excluded2 = ["children", "onClick", "type", "size", "danger", "loading", "icon", "menu", "disabled", "buttonsRender"];
-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; }
-import { Dropdown, Space, Button } from 'antd-v5';
-import classNames from 'classnames';
-import React from 'react';
-import logDeprecationWarning from "../utils/logDeprecationWarning";
-import './styles.scss';
-const styles = {"cap-dropdown-v2-overlay":"cap-dropdown-v2-overlay_zUg9-"};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var clsPrefix = 'cap-dropdown-v2';
-
-// Map deprecated placement values to new v6 values
-var mapPlacement = placement => {
-  if (placement === 'topCenter') return 'top';
-  if (placement === 'bottomCenter') return 'bottom';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dropdown, Button, Space } from "antd-v5";
+import classNames from "classnames";
+import logDeprecationWarning from "../utils/logDeprecationWarning.js";
+import styles from "./styles.module.scss.js";
+const clsPrefix = "cap-dropdown-v2";
+const mapPlacement = (placement) => {
+  if (placement === "topCenter") return "top";
+  if (placement === "bottomCenter") return "bottom";
   return placement;
 };
-var CapDropdownComponent = _ref => {
-  var {
-      className,
-      classNames: classNamesProp,
-      styles: stylesProp,
-      overlayClassName,
-      overlayStyle,
-      menu,
-      overlay,
-      trigger = ['hover'],
-      placement = 'bottomLeft',
-      disabled = false,
-      open,
-      onOpenChange,
-      visible,
-      onVisibleChange,
-      children
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // Map deprecated placement values
-  var v6Placement = mapPlacement(placement);
-
-  // Support both new `classNames.root` and deprecated `overlayClassName` props
-  var existingRoot = classNamesProp && typeof classNamesProp === 'object' && !Array.isArray(classNamesProp) ? classNamesProp.root : undefined;
-  var finalClassNames = _extends({}, typeof classNamesProp === 'object' && !Array.isArray(classNamesProp) ? classNamesProp : {}, {
-    root: classNames(styles[clsPrefix + "-overlay"], existingRoot, overlayClassName)
-  });
-
-  // Support both new `styles.root` and deprecated `overlayStyle` props
-  var existingStylesRoot = stylesProp && typeof stylesProp === 'object' && !Array.isArray(stylesProp) ? stylesProp.root : undefined;
-  var finalStyles = stylesProp || overlayStyle ? _extends({}, typeof stylesProp === 'object' && !Array.isArray(stylesProp) ? stylesProp : {}, {
-    root: _extends({}, existingStylesRoot, overlayStyle)
-  }) : undefined;
-
-  // Handle deprecated `visible` and `onVisibleChange` props
-  // Priority: `open` > `visible`, `onOpenChange` > `onVisibleChange`
-  logDeprecationWarning('CapDropdown', 'visible', visible, 'open');
-  logDeprecationWarning('CapDropdown', 'onVisibleChange', onVisibleChange, 'onOpenChange');
-  logDeprecationWarning('CapDropdown', 'overlayStyle', overlayStyle, 'styles.root');
-  var finalOpen = open !== undefined ? open : visible;
-  var finalOnOpenChange = onOpenChange || (onVisibleChange ? isOpen => {
+const CapDropdownComponent = ({
+  className,
+  classNames: classNamesProp,
+  styles: stylesProp,
+  overlayClassName,
+  overlayStyle,
+  menu,
+  overlay,
+  trigger = ["hover"],
+  placement = "bottomLeft",
+  disabled = false,
+  open,
+  onOpenChange,
+  visible,
+  onVisibleChange,
+  children,
+  ...rest
+}) => {
+  const v6Placement = mapPlacement(placement);
+  const existingRoot = classNamesProp && typeof classNamesProp === "object" && !Array.isArray(classNamesProp) ? classNamesProp.root : void 0;
+  const finalClassNames = {
+    ...typeof classNamesProp === "object" && !Array.isArray(classNamesProp) ? classNamesProp : {},
+    root: classNames(styles[`${clsPrefix}-overlay`], existingRoot, overlayClassName)
+  };
+  const existingStylesRoot = stylesProp && typeof stylesProp === "object" && !Array.isArray(stylesProp) ? stylesProp.root : void 0;
+  const finalStyles = stylesProp || overlayStyle ? {
+    ...typeof stylesProp === "object" && !Array.isArray(stylesProp) ? stylesProp : {},
+    root: { ...existingStylesRoot, ...overlayStyle }
+  } : void 0;
+  logDeprecationWarning("CapDropdown", "visible", visible, "open");
+  logDeprecationWarning("CapDropdown", "onVisibleChange", onVisibleChange, "onOpenChange");
+  logDeprecationWarning("CapDropdown", "overlayStyle", overlayStyle, "styles.root");
+  const finalOpen = open !== void 0 ? open : visible;
+  const finalOnOpenChange = onOpenChange || (onVisibleChange ? (isOpen) => {
     onVisibleChange(isOpen);
-  } : undefined);
-
-  // Handle deprecated `overlay` prop
-  // If overlay is provided and menu is not, use dropdownRender to render the overlay
-  // Priority: `menu` > `overlay`
-  logDeprecationWarning('CapDropdown', 'overlay', overlay, 'menu prop for menu configurations or dropdownRender for custom ReactNodes');
-  var dropdownRender = overlay && !menu ? _menuNode => {
+  } : void 0);
+  logDeprecationWarning(
+    "CapDropdown",
+    "overlay",
+    overlay,
+    "menu prop for menu configurations or dropdownRender for custom ReactNodes"
+  );
+  const dropdownRender = overlay && !menu ? (_menuNode) => {
     return overlay;
-  } : undefined;
-
-  // Build dropdown props, conditionally including dropdownRender for backward compatibility with overlay prop
-  var dropdownProps = _extends({
+  } : void 0;
+  const dropdownProps = {
     className: classNames(styles[clsPrefix], className),
     classNames: finalClassNames,
     styles: finalStyles,
@@ -79,61 +63,48 @@ var CapDropdownComponent = _ref => {
     placement: v6Placement,
     disabled,
     open: finalOpen,
-    onOpenChange: finalOnOpenChange
-  }, rest);
-
-  // Only include dropdownRender when overlay is provided (for backward compatibility)
-  // dropdownRender is deprecated in Ant Design v6 but needed to support legacy overlay prop
+    onOpenChange: finalOnOpenChange,
+    ...rest
+  };
   if (dropdownRender) {
     dropdownProps.dropdownRender = dropdownRender;
   }
-  return /*#__PURE__*/_jsx(Dropdown, _extends({}, dropdownProps, {
-    children: children
-  }));
+  return /* @__PURE__ */ jsx(Dropdown, { ...dropdownProps, children });
 };
-var CapDropdownButton = _ref2 => {
-  var {
-      children,
-      onClick,
-      type = 'default',
+const CapDropdownButton = ({
+  children,
+  onClick,
+  type = "default",
+  size,
+  danger,
+  loading,
+  icon,
+  menu,
+  disabled,
+  buttonsRender,
+  ...dropdownProps
+}) => {
+  const leftButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
       size,
       danger,
       loading,
-      icon,
-      menu,
+      onClick,
       disabled,
-      buttonsRender
-    } = _ref2,
-    dropdownProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  var leftButton = /*#__PURE__*/_jsx(Button, {
-    type: type,
-    size: size,
-    danger: danger,
-    loading: loading,
-    onClick: onClick,
-    disabled: disabled,
-    children: children
-  });
-  var rightButton = /*#__PURE__*/_jsx(CapDropdownComponent, _extends({
-    menu: menu,
-    disabled: disabled
-  }, dropdownProps, {
-    children: /*#__PURE__*/_jsx(Button, {
-      type: type,
-      size: size,
-      danger: danger,
-      disabled: disabled,
-      icon: icon || '▼'
-    })
-  }));
-  var [left, right] = buttonsRender ? buttonsRender([leftButton, rightButton]) : [leftButton, rightButton];
-  return /*#__PURE__*/_jsxs(Space.Compact, {
-    children: [left, right]
-  });
+      children
+    }
+  );
+  const rightButton = /* @__PURE__ */ jsx(CapDropdownComponent, { menu, disabled, ...dropdownProps, children: /* @__PURE__ */ jsx(Button, { type, size, danger, disabled, icon: icon || "▼" }) });
+  const [left, right] = buttonsRender ? buttonsRender([leftButton, rightButton]) : [leftButton, rightButton];
+  return /* @__PURE__ */ jsxs(Space.Compact, { children: [
+    left,
+    right
+  ] });
 };
-
-// Extend the component type to include the static property
-
-var CapDropdown = CapDropdownComponent;
+const CapDropdown = CapDropdownComponent;
 CapDropdown.Button = CapDropdownButton;
-export default CapDropdown;
+export {
+  CapDropdown as default
+};

package/CapDropdown/styles.module.css

@@ -0,0 +1,16 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-dropdown-v2-overlay {
+  min-width: 14.286rem;
+  --ant-dropdown-padding-block: $spacing-12;
+  --ant-dropdown-padding-inline: $spacing-24;
+}
+.cap-dropdown-v2-overlay .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
+  padding: 1.142rem 1.714rem;
+}

package/CapDropdown/styles.module.scss.js

@@ -0,0 +1,6 @@
+import './styles.module.css';const styles = {
+  "cap-dropdown-v2-overlay": "cap-dropdown-v2-overlay"
+};
+export {
+  styles as default
+};

package/CapDropdown/styles.scss

@@ -1,7 +1,7 @@
 @import '../styles/_variables';
 
 // Styles for Ant Design dropdown menu within CapDropdown overlay
-.cap-dropdown-v2-overlay_zUg9- {
+.cap-dropdown-v2-overlay {
   min-width: 14.286rem; // 200px
   --ant-dropdown-padding-block: $spacing-12;
   --ant-dropdown-padding-inline: $spacing-24;

package/CapDropdown/types.js

@@ -1 +1 @@
-export {};
+

package/CapEmptyDivWithBorder/index.js

@@ -1,58 +1,42 @@
-var _excluded = ["width", "height", "borderColor", "className", "style", "children"];
-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; }
-import classNames from 'classnames';
-import React from 'react';
-import './styles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * CapEmptyDivWithBorder Component
- *
- * A simple div component with customizable width, height, border, and background color.
- * Migrated from styled-components to React functional component with CSS Modules.
- */
-var CapEmptyDivWithBorder = props => {
-  var {
-      width: widthProp,
-      height: heightProp,
-      borderColor = '#b3bac5',
-      className,
-      style,
-      children
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  // Match original styled-components logic exactly:
-  // width: ${(props) => `${props.width}` || '42'}px;
-  // Template literal converts undefined to empty string, then || provides fallback, then adds 'px'
-  var widthStr = widthProp !== undefined ? String(widthProp) : '';
-  var widthValue = widthStr || '42';
-  // Original always appends 'px', even if value already has units (potential bug in original, but matching it)
-  var finalWidth = widthValue + "px";
-
-  // height: ${(props) => `${props.height}` || '42'}px;
-  var heightStr = heightProp !== undefined ? String(heightProp) : '';
-  var heightValue = heightStr || '42';
-  var finalHeight = heightValue + "px";
-
-  // border-radius: ${(props) => props.width ? '21px' : '16px'};
-  // Checks truthiness of props.width (undefined/null/0/'' are falsy, everything else is truthy)
-  // IMPORTANT: When width is NOT provided (undefined), use 16px for rectangular shape
-  // When width IS provided (any truthy value), use 21px for circular/rounded shape
-  var borderRadius = widthProp ? '21px' : '16px';
-  var componentStyle = _extends({
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import styles from "./styles.module.scss.js";
+const CapEmptyDivWithBorder = (props) => {
+  const {
+    width: widthProp,
+    height: heightProp,
+    borderColor = "#b3bac5",
+    className,
+    style,
+    children,
+    ...rest
+  } = props;
+  const widthStr = widthProp !== void 0 ? String(widthProp) : "";
+  const widthValue = widthStr || "42";
+  const finalWidth = `${widthValue}px`;
+  const heightStr = heightProp !== void 0 ? String(heightProp) : "";
+  const heightValue = heightStr || "42";
+  const finalHeight = `${heightValue}px`;
+  const borderRadius = widthProp ? "21px" : "16px";
+  const componentStyle = {
     width: finalWidth,
     height: finalHeight,
-    border: "1px dashed " + borderColor,
+    border: `1px dashed ${borderColor}`,
     borderRadius,
-    backgroundColor: '#fafbfc'
-  }, style);
-  return /*#__PURE__*/_jsx("div", _extends({
-    className: classNames("cap-empty-div-with-border_HpsDA", className),
-    style: componentStyle
-  }, rest, {
-    children: children
-  }));
+    backgroundColor: "#fafbfc",
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(styles["cap-empty-div-with-border"], className),
+      style: componentStyle,
+      ...rest,
+      children
+    }
+  );
+};
+CapEmptyDivWithBorder.displayName = "CapEmptyDivWithBorder";
+export {
+  CapEmptyDivWithBorder as default
 };
-CapEmptyDivWithBorder.displayName = 'CapEmptyDivWithBorder';
-export default CapEmptyDivWithBorder;

package/CapEmptyDivWithBorder/styles.module.css

@@ -0,0 +1,14 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-empty-div-with-border {
+  width: 3rem;
+  height: 3rem;
+  border: 0.071rem dashed #b3bac5;
+  background-color: #fafbfc;
+}

package/CapEmptyDivWithBorder/styles.module.scss.js

@@ -0,0 +1,6 @@
+import './styles.module.css';const styles = {
+  "cap-empty-div-with-border": "cap-empty-div-with-border"
+};
+export {
+  styles as default
+};

package/CapEmptyDivWithBorder/styles.scss

@@ -1,6 +1,6 @@
 @import '../styles/variables';
 
-.cap-empty-div-with-border_HpsDA {
+.cap-empty-div-with-border {
   width: $CAP_SPACE_42; // 42px default
   height: $CAP_SPACE_42; // 42px default
   border: $border-width-1 dashed $CAP_G06; // 1px dashed #b3bac5 default

package/CapEmptyDivWithBorder/types.js

@@ -1 +1 @@
-export {};
+

package/CapError/index.js

@@ -1,42 +1,47 @@
-var _excluded = ["children", "type", "className", "style"],
-  _excluded2 = ["children", "type", "className", "style"];
-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; }
-import classnames from 'classnames';
-import React from 'react';
-import './styles.scss';
-const styles = {"cap-error":"cap-error_2wJQK","error":"error_kEZpZ","warning":"warning_ObUwQ","cap-error-inline":"cap-error-inline_7Cx3Q"};
-import { jsx as _jsx } from "react/jsx-runtime";
-var CapError = _ref => {
-  var {
-      children,
-      type = 'error',
-      className = '',
-      style = {}
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/_jsx("div", _extends({
-    className: classnames("cap-error_2wJQK", styles[type], className),
-    style: style
-  }, rest, {
-    children: children
-  }));
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import styles from "./styles.module.scss.js";
+const CapError = ({
+  children,
+  type = "error",
+  className = "",
+  style = {},
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(styles["cap-error"], styles[type], className),
+      style,
+      ...rest,
+      children
+    }
+  );
 };
-var CapErrorInline = _ref2 => {
-  var {
-      children,
-      type = 'error',
-      className = '',
-      style = {}
-    } = _ref2,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/_jsx("span", _extends({
-    className: classnames("cap-error_2wJQK", "cap-error-inline_7Cx3Q", styles[type], className),
-    style: style
-  }, rest, {
-    children: children
-  }));
+const CapErrorInline = ({
+  children,
+  type = "error",
+  className = "",
+  style = {},
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: classNames(
+        styles["cap-error"],
+        styles["cap-error-inline"],
+        styles[type],
+        className
+      ),
+      style,
+      ...rest,
+      children
+    }
+  );
 };
-var CapErrorWithStatic = CapError;
+const CapErrorWithStatic = CapError;
 CapErrorWithStatic.CapErrorInline = CapErrorInline;
-export default CapErrorWithStatic;
+export {
+  CapErrorWithStatic as default
+};

package/CapError/styles.module.css

@@ -0,0 +1,22 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-error {
+  font-size: 0.857rem;
+  font-weight: 400;
+  line-height: 1.429rem;
+}
+.cap-error.error {
+  color: #ea213a;
+}
+.cap-error.warning {
+  color: #f87d23;
+}
+.cap-error.cap-error-inline {
+  display: inline;
+}

package/CapError/styles.module.scss.js

@@ -0,0 +1,13 @@
+import './styles.module.css';const error = "error";
+const warning = "warning";
+const styles = {
+  "cap-error": "cap-error",
+  error,
+  warning,
+  "cap-error-inline": "cap-error-inline"
+};
+export {
+  styles as default,
+  error,
+  warning
+};

package/CapError/styles.scss

@@ -1,19 +1,19 @@
 @import '../styles/_variables';
 
-.cap-error_2wJQK {
+.cap-error {
   font-size: $font-size-s;
   font-weight: $font-weight-regular;
   line-height: 1.429rem;
 
-  &.error_kEZpZ {
+  &.error {
     color: $cap-red;
   }
 
-  &.warning_ObUwQ {
+  &.warning {
     color: $cap-orange;
   }
 
-  &.cap-error-inline_7Cx3Q {
+  &.cap-error-inline {
     display: inline;
   }
 }

package/CapError/types.js

@@ -1 +1 @@
-export {};
+