@bubo-squared/ui-framework 0.2.22 → 0.2.23

package/dist/index.cjs

@@ -1652,13 +1652,13 @@ var inputShellVariants = (0, import_class_variance_authority13.cva)(
       }
     },
     defaultVariants: {
-      size: "lg",
+      size: "md",
       status: "default"
     }
   }
 );
 var InputShell = React21.forwardRef(
-  ({ size, status, disabled, className, ...rest }, ref) => {
+  ({ size = "md", status, disabled, className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
@@ -1761,7 +1761,7 @@ var Autocomplete = React23.forwardRef((props, forwardedRef) => {
     hint,
     hideHint,
     status = "default",
-    size = "lg",
+    size = "md",
     disabled,
     className,
     leadingIcon,
@@ -2032,7 +2032,7 @@ var import_class_variance_authority15 = require("class-variance-authority");
 var import_icons8 = require("@bubo-squared/icons");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var selectTriggerVariants = (0, import_class_variance_authority15.cva)(
-  "group flex w-full items-center justify-between rounded-4 border bg-(--background-primary) p-2 text-left transition-colors cursor-pointer focus-ring-primary focus:border-(--border-brand) hover:bg-(--background-primary-hover) disabled:bg-(--background-primary) disabled:border-(--border-secondary-disabled) disabled:text-primary-disabled disabled:cursor-default",
+  "group flex w-full items-center justify-between rounded-4 border bg-(--background-primary) p-2 text-left transition-colors cursor-pointer hover:bg-(--background-primary-hover) disabled:bg-(--background-primary-disabled) disabled:text-primary-disabled disabled:cursor-default",
   {
     variants: {
       size: {
@@ -2042,13 +2042,13 @@ var selectTriggerVariants = (0, import_class_variance_authority15.cva)(
         xl: "h-14"
       },
       status: {
-        default: "border-(--border-secondary)",
-        success: "border-(--border-success)",
-        error: "border-(--border-error)"
+        default: "input-default",
+        success: "input-success",
+        error: "input-error"
       }
     },
     defaultVariants: {
-      size: "lg",
+      size: "md",
       status: "default"
     }
   }
@@ -2070,7 +2070,7 @@ var textVariants = (0, import_class_variance_authority15.cva)("truncate", {
     }
   },
   defaultVariants: {
-    size: "lg",
+    size: "md",
     hasValue: false
   }
 });
@@ -2088,7 +2088,7 @@ var selectIconVariants = (0, import_class_variance_authority15.cva)("flex items-
     }
   },
   defaultVariants: {
-    size: "lg",
+    size: "md",
     disabled: false
   }
 });
@@ -2112,7 +2112,7 @@ var Select = React24.forwardRef((props, forwardedRef) => {
     hideHint = false,
     name,
     placeholder = "Placeholder text",
-    size = "lg",
+    size = "md",
     status = "default",
     disabled,
     options,
@@ -2184,6 +2184,7 @@ var Select = React24.forwardRef((props, forwardedRef) => {
                 type: "button",
                 "aria-haspopup": "listbox",
                 "aria-expanded": isOpen,
+                "aria-disabled": disabled || void 0,
                 disabled,
                 className: cn(
                   selectTriggerVariants({ size, status }),
@@ -2277,7 +2278,7 @@ var passwordTextVariants = (0, import_class_variance_authority16.cva)("truncate"
     }
   },
   defaultVariants: {
-    size: "lg",
+    size: "md",
     disabled: false
   }
 });
@@ -2325,7 +2326,7 @@ var PasswordInput = React25.forwardRef((props, forwardedRef) => {
     hint,
     hideHint,
     placeholder = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-    size = "lg",
+    size = "md",
     status = "default",
     variant = "icon",
     disabled,
@@ -2833,7 +2834,7 @@ var inputTextVariants2 = (0, import_class_variance_authority18.cva)("", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var dropdownWidthVariants = (0, import_class_variance_authority18.cva)("", {
@@ -2846,7 +2847,7 @@ var dropdownWidthVariants = (0, import_class_variance_authority18.cva)("", {
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var wrapperStatusClass = {
@@ -2866,7 +2867,7 @@ var countryOptionVariants = (0, import_class_variance_authority18.cva)(
       }
     },
     defaultVariants: {
-      size: "lg"
+      size: "md"
     }
   }
 );
@@ -2880,7 +2881,7 @@ var PhoneInput = React31.forwardRef(
       hint,
       hideHint,
       placeholder,
-      size = "lg",
+      size = "md",
       disabled = false,
       status = "default",
       ...rest
@@ -2938,7 +2939,7 @@ var CountrySelect = ({
   value: selectedCountry,
   options: countryList,
   onChange,
-  size = "lg"
+  size = "md"
 }) => {
   const scrollAreaRef = React31.useRef(null);
   const [searchValue, setSearchValue] = React31.useState("");
@@ -3043,7 +3044,7 @@ var CountrySelectOption = (props) => {
     selectedCountry,
     onChange,
     onSelectComplete,
-    size = "lg"
+    size = "md"
   } = props;
   const handleSelect = () => {
     onChange(country);
@@ -3206,7 +3207,7 @@ var searchTextVariants = (0, import_class_variance_authority19.cva)("truncate",
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var iconWrapperVariants3 = (0, import_class_variance_authority19.cva)("flex items-center justify-center shrink-0 text-(--icon-primary)", {
@@ -3222,13 +3223,13 @@ var iconWrapperVariants3 = (0, import_class_variance_authority19.cva)("flex item
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var SearchInput = React33.forwardRef((props, forwardedRef) => {
   const {
     placeholder = "Search...",
-    size = "lg",
+    size = "md",
     disabled,
     className,
     leadingIcon,
@@ -3289,10 +3290,21 @@ SearchInput.displayName = "SearchInput";
 var React35 = __toESM(require("react"), 1);
 
 // src/components/Feedback/Tooltip.tsx
-var React34 = require("react");
+var React34 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var TooltipArrow = TooltipPrimitive.Arrow;
+var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+var canAcceptRef = (child) => {
+  const type = child.type;
+  if (typeof child.type === "string") return true;
+  if (type?.$$typeof === REACT_FORWARD_REF_TYPE) return true;
+  if (type?.$$typeof === REACT_MEMO_TYPE && type.type?.$$typeof === REACT_FORWARD_REF_TYPE) {
+    return true;
+  }
+  return false;
+};
 var mapPlacementToSideAndAlign = (placement) => {
   switch (placement) {
     case "top":
@@ -3339,6 +3351,7 @@ var Tooltip = (props) => {
     children,
     delayDuration = 200
   } = props;
+  const trigger = React34.isValidElement(children) && canAcceptRef(children) ? children : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex", tabIndex: 0, children });
   const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
   const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
   const { side, align } = mapPlacementToSideAndAlign(placement);
@@ -3353,7 +3366,7 @@ var Tooltip = (props) => {
       disableHoverableContent,
       delayDuration,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipPrimitive.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
           TooltipPrimitive.Content,
           {
@@ -3969,7 +3982,7 @@ var inputTextVariants3 = (0, import_class_variance_authority20.cva)("truncate",
     }
   },
   defaultVariants: {
-    size: "lg"
+    size: "md"
   }
 });
 var iconWrapperVariants4 = (0, import_class_variance_authority20.cva)(
@@ -3987,7 +4000,7 @@ var iconWrapperVariants4 = (0, import_class_variance_authority20.cva)(
       }
     },
     defaultVariants: {
-      size: "lg"
+      size: "md"
     }
   }
 );
@@ -3997,7 +4010,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
     hint,
     hideHint,
     placeholder = "Placeholder text",
-    size = "lg",
+    size = "md",
     status = "default",
     disabled = false,
     className,
@@ -4199,7 +4212,7 @@ var WebsiteInput = React39.forwardRef((props, forwardedRef) => {
     hierarchy = "leading",
     protocolLabel = "http://",
     icon,
-    size = "lg",
+    size = "md",
     disabled,
     className,
     ...rest