@ctlyst.id/voila-ui 11.0.7 → 11.0.9

package/dist/index.js

@@ -467,6 +467,7 @@ var accordion_trigger_default = AccordionTrigger;
 
 // src/components/alert/alert.tsx
 var import_icons = require("@ctlyst.id/icons");
+var import_v22 = require("@ctlyst.id/icons/v2");
 var import_voila_ui_core6 = require("@ctlyst.id/voila-ui-core");
 var import_clsx10 = __toESM(require("clsx"));
 var import_react10 = require("react");
@@ -493,7 +494,7 @@ var Alert = (0, import_react10.forwardRef)(
         case "warning":
           return import_icons.IconWarning;
         default:
-          return import_icons.IconInfo;
+          return import_v22.Info;
       }
     };
     const AlertIcon = getAlertIcon();
@@ -829,12 +830,12 @@ var import_react_spring3 = require("react-spring");
 var import_react_use_gesture = require("react-use-gesture");
 
 // src/components/bottom-sheet/bottom-sheet.header.tsx
-var import_v23 = require("@ctlyst.id/icons/v2");
+var import_v24 = require("@ctlyst.id/icons/v2");
 var import_voila_ui_core8 = require("@ctlyst.id/voila-ui-core");
 var import_react18 = require("react");
 
 // src/components/close-button/close-button.tsx
-var import_v22 = require("@ctlyst.id/icons/v2");
+var import_v23 = require("@ctlyst.id/icons/v2");
 var import_voila_ui_core7 = require("@ctlyst.id/voila-ui-core");
 var import_clsx16 = __toESM(require("clsx"));
 var import_react17 = require("react");
@@ -860,7 +861,7 @@ var CloseButton = (0, import_react17.forwardRef)(
         disabled: isDisabled,
         style,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(box_default, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_v22.CloseLarge, { size: iconSize, color: isDisabled ? import_voila_ui_core7.theme.colors.grey1 : import_voila_ui_core7.theme.colors.black }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(box_default, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_v23.CloseLarge, { size: iconSize, color: isDisabled ? import_voila_ui_core7.theme.colors.grey1 : import_voila_ui_core7.theme.colors.black }) })
       }
     );
   }
@@ -887,7 +888,7 @@ var BottomSheetHeader = (0, import_react18.forwardRef)(
         header || /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(flex_default, { alignItems: "center", justifyContent: "space-between", pt: hasHandleBar ? "$16" : "$8", pb: "$8", gap: "$16", children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(flex_default, { alignItems: "center", gap: "$16", children: [
             showBack && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_v23.ChevronLeftLarge,
+              import_v24.ChevronLeftLarge,
               {
                 cursor: "pointer",
                 onClick: onBack,
@@ -2520,7 +2521,7 @@ Button.displayName = "Button";
 var button_default = Button;
 
 // src/components/checkbox/checkbox.tsx
-var import_v24 = require("@ctlyst.id/icons/v2");
+var import_v25 = require("@ctlyst.id/icons/v2");
 var import_react_checkbox = require("@radix-ui/react-checkbox");
 var import_react33 = require("react");
 
@@ -2574,8 +2575,8 @@ var Checkbox = (0, import_react33.forwardRef)(
           },
           ...props,
           children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_checkbox.Indicator, { className: checkboxIndicator, children: [
-            checked === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_v24.MinusLarge, { color: "white", className: checkboxIcon }),
-            checked === true && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_v24.CheckLarge, { color: "white", className: checkboxIcon })
+            checked === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_v25.MinusLarge, { color: "white", className: checkboxIcon }),
+            checked === true && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_v25.CheckLarge, { color: "white", className: checkboxIcon })
           ] })
         }
       ),
@@ -2917,7 +2918,7 @@ Divider.displayName = "Divider";
 var divider_default = Divider;
 
 // src/components/form/input.tsx
-var import_v25 = require("@ctlyst.id/icons/v2");
+var import_v26 = require("@ctlyst.id/icons/v2");
 var import_voila_ui_core11 = require("@ctlyst.id/voila-ui-core");
 var import_clsx23 = __toESM(require("clsx"));
 var import_react46 = require("react");
@@ -3066,7 +3067,7 @@ var Input = (0, import_react46.forwardRef)(
                   className: (0, import_clsx23.default)(isClearable && !isLoading && !hasIcon && clearStyle),
                   children: [
                     hasIcon && !isLoading && icon,
-                    isClearable && !isLoading && !hasIcon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_v25.CloseLarge, { size: 24, "data-test-id": `clear-input-${props["data-test-id"]}`, onClick: onClear }),
+                    isClearable && !isLoading && !hasIcon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_v26.CloseLarge, { size: 24, "data-test-id": `clear-input-${props["data-test-id"]}`, onClick: onClear }),
                     isLoading && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(spinner_default, { color: import_voila_ui_core11.theme.colors.green1 })
                   ]
                 }
@@ -4359,7 +4360,7 @@ var SelectListItem = ({ renderer, item, itemIndex }) => {
 var select_list_item_default = SelectListItem;
 
 // src/components/select/select-toggle.tsx
-var import_v26 = require("@ctlyst.id/icons/v2");
+var import_v27 = require("@ctlyst.id/icons/v2");
 var import_voila_ui_core13 = require("@ctlyst.id/voila-ui-core");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var SelectToggle = ({ renderer, "data-test-id": dataTestId = "CT_Component_IconChev" }) => {
@@ -4372,7 +4373,7 @@ var SelectToggle = ({ renderer, "data-test-id": dataTestId = "CT_Component_IconC
     });
   }
   const iconColor = import_voila_ui_core13.theme.colors.black;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: toggleStyle, "data-test-id": dataTestId, "data-disabled": disabled, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_v26.ChevronUpLarge, { color: iconColor, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_v26.ChevronDownLarge, { color: iconColor, size: 16 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: toggleStyle, "data-test-id": dataTestId, "data-disabled": disabled, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_v27.ChevronUpLarge, { color: iconColor, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_v27.ChevronDownLarge, { color: iconColor, size: 16 }) });
 };
 var select_toggle_default = SelectToggle;
 
@@ -4917,7 +4918,7 @@ var RadioGroupDefault = ({ className, children, ...props }) => {
 var radio_group_default = RadioGroupDefault;
 
 // src/components/search/search.tsx
-var import_v27 = require("@ctlyst.id/icons/v2");
+var import_v28 = require("@ctlyst.id/icons/v2");
 var import_clsx37 = __toESM(require("clsx"));
 var import_react63 = require("react");
 
@@ -4965,7 +4966,7 @@ var Search = (0, import_react63.forwardRef)(
       return false;
     }, [isFocused, value, withIcon]);
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(box_default, { className: container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(leftIconContainer), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_v27.Search, { size: 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(leftIconContainer), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_v28.Search, { size: 24 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "input",
         {
@@ -4979,7 +4980,7 @@ var Search = (0, import_react63.forwardRef)(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(rightIconContainer), children: shouldShowXicon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(closeIconContainer), onMouseDown: onClear, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_v27.CloseLarge, { "data-test-id": "icon-close-search", onMouseDown: onClear, cursor: "pointer", size: 24 }) }) : icon })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(rightIconContainer), children: shouldShowXicon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(closeIconContainer), onMouseDown: onClear, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_v28.CloseLarge, { "data-test-id": "icon-close-search", onMouseDown: onClear, cursor: "pointer", size: 24 }) }) : icon })
     ] });
   }
 );
@@ -4987,7 +4988,7 @@ Search.displayName = "Search";
 var search_default = Search;
 
 // src/components/switch/switch.tsx
-var import_v28 = require("@ctlyst.id/icons/v2");
+var import_v29 = require("@ctlyst.id/icons/v2");
 var import_react_switch = require("@radix-ui/react-switch");
 var import_clsx38 = __toESM(require("clsx"));
 var import_react64 = require("react");
@@ -5023,7 +5024,7 @@ var Switch = (0, import_react64.forwardRef)(
               variant: size
             })
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_v28.Check, { className: checkThumb, size: ICON_SIZE[size] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_v29.Check, { className: checkThumb, size: ICON_SIZE[size] })
         }
       )
     }