@lindle/linoardo 1.0.7 → 1.0.9

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React6 = require('react');
+var React5 = require('react');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,7 +22,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 
 // src/Containment/Button/index.tsx
 
@@ -121,7 +121,7 @@ var sizeClasses = {
   large: "px-6 py-3 text-lg",
   "x-large": "px-7 py-3.5 text-xl"
 };
-var Button = React6__namespace.forwardRef(
+var Button = React5__namespace.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -260,7 +260,7 @@ var resolveIconClassName2 = (icon) => {
   const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
   return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
 };
-var Chip = React6__namespace.forwardRef(
+var Chip = React5__namespace.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -292,7 +292,7 @@ var Chip = React6__namespace.forwardRef(
     const appendIconClassName = resolveIconClassName2(appendIcon);
     const closeIconClassName = resolveIconClassName2(closeIcon);
     const filterIconClassName = filter && selected ? resolveIconClassName2(filterIcon) : void 0;
-    const handleClick = React6__namespace.useCallback(
+    const handleClick = React5__namespace.useCallback(
       (event) => {
         if (disabled) {
           event.preventDefault();
@@ -303,7 +303,7 @@ var Chip = React6__namespace.forwardRef(
       },
       [disabled, onClick]
     );
-    const handleKeyDown = React6__namespace.useCallback(
+    const handleKeyDown = React5__namespace.useCallback(
       (event) => {
         onKeyDown?.(event);
         if (event.defaultPrevented || disabled || !interactive) {
@@ -316,7 +316,7 @@ var Chip = React6__namespace.forwardRef(
       },
       [disabled, interactive, onKeyDown]
     );
-    const handleCloseClick = React6__namespace.useCallback(
+    const handleCloseClick = React5__namespace.useCallback(
       (event) => {
         event.stopPropagation();
         if (disabled) {
@@ -327,7 +327,7 @@ var Chip = React6__namespace.forwardRef(
       },
       [disabled, onClose]
     );
-    const handleCloseKeyDown = React6__namespace.useCallback((event) => {
+    const handleCloseKeyDown = React5__namespace.useCallback((event) => {
       if (event.key === " " || event.key === "Enter") {
         event.stopPropagation();
       }
@@ -378,15 +378,6 @@ var Chip = React6__namespace.forwardRef(
 );
 Chip.displayName = "Chip";
 var Chip_default = Chip;
-var defaultListContext = {
-  density: "default",
-  lines: "one",
-  nav: false,
-  divided: false,
-  color: "primary"
-};
-var ListContext = React6__namespace.createContext(defaultListContext);
-var useListContext = () => React6__namespace.useContext(ListContext);
 var listItemBaseClasses = "relative flex w-full items-center gap-4 bg-transparent text-left text-sm transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white hover:bg-neutral-200";
 var densityClasses = {
   default: "px-4 py-3 text-base",
@@ -407,7 +398,7 @@ var accentClasses = {
   danger: { text: "text-red-600", bg: "bg-red-50", indicator: "bg-red-500" },
   surface: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" }
 };
-var ListItem = React6__namespace.forwardRef((props, ref) => {
+var ListItem = React5__namespace.forwardRef((props, ref) => {
   const {
     component,
     href,
@@ -424,18 +415,22 @@ var ListItem = React6__namespace.forwardRef((props, ref) => {
     inset = false,
     density: densityOverride,
     lines: linesOverride,
+    nav: navOverride,
+    divided: dividedOverride,
+    color: colorOverride,
     className,
     children,
     tabIndex,
     role,
     ...rest
   } = props;
-  const listContext = useListContext();
-  const density = densityOverride ?? listContext.density;
-  const lines = linesOverride ?? listContext.lines;
-  const nav = listContext.nav;
-  const accent = accentClasses[listContext.color] ?? accentClasses.primary;
-  const shapeClass = listContext.divided ? "rounded-none" : "rounded-lg";
+  const density = densityOverride ?? "default";
+  const lines = linesOverride ?? "one";
+  const nav = navOverride ?? false;
+  const divided = dividedOverride ?? false;
+  const color = colorOverride ?? "primary";
+  const accent = accentClasses[color] ?? accentClasses.primary;
+  const shapeClass = divided ? "rounded-none" : "rounded-lg";
   const Component = component ?? (href ? "a" : "div");
   const interactive = typeof rest.onClick === "function" || Component === "a" || Component === "button";
   const resolvedRole = role ?? "listitem";
@@ -514,7 +509,14 @@ var listRoundedClasses = {
   xl: "rounded-xl",
   pill: "rounded-full"
 };
-var List = React6__namespace.forwardRef((props, ref) => {
+var isListItemElement = (element) => {
+  if (!React5__namespace.isValidElement(element)) {
+    return false;
+  }
+  const elementType = element.type;
+  return element.type === Item_default || elementType.displayName === Item_default.displayName;
+};
+var List = React5__namespace.forwardRef((props, ref) => {
   const {
     variant = "solid",
     density = "default",
@@ -534,31 +536,43 @@ var List = React6__namespace.forwardRef((props, ref) => {
   const gapClass = divided ? "p-0" : "gap-1 p-1";
   const navClass = nav ? "py-1" : void 0;
   const accentColor = variant === "bw" ? "surface" : color;
-  const contextValue = React6__namespace.useMemo(
-    () => ({
-      density,
-      lines,
-      nav,
-      divided,
-      color: accentColor
-    }),
-    [accentColor, density, lines, nav, divided]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const enhanceChild = (child) => {
+    if (!React5__namespace.isValidElement(child)) {
+      return child;
+    }
+    if (isListItemElement(child)) {
+      return React5__namespace.cloneElement(child, {
+        density: child.props.density ?? density,
+        lines: child.props.lines ?? lines,
+        nav: child.props.nav ?? nav,
+        divided: child.props.divided ?? divided,
+        color: child.props.color ?? accentColor
+      });
+    }
+    if (child.props && typeof child.props === "object" && "children" in child.props) {
+      const nestedChildren = React5__namespace.Children.map(child.props.children, enhanceChild);
+      if (nestedChildren !== child.props.children) {
+        return React5__namespace.cloneElement(child, void 0, nestedChildren);
+      }
+    }
+    return child;
+  };
+  const resolvedChildren = React5__namespace.Children.map(children, enhanceChild);
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...rest,
       ref,
       role: role ?? "list",
       className: tailwindMerge.twMerge(listBaseClasses, variantClass, roundedClass, dividerClass, gapClass, navClass, className),
-      children
+      children: resolvedChildren
     }
-  ) });
+  );
 });
 List.displayName = "List";
 var List_default = List;
 var isBrowser = typeof window !== "undefined";
-var useIsomorphicLayoutEffect = isBrowser ? React6__namespace.useLayoutEffect : React6__namespace.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? React5__namespace.useLayoutEffect : React5__namespace.useEffect;
 var placementClasses = {
   "bottom-start": "left-0 top-full origin-top-left",
   bottom: "left-1/2 top-full -translate-x-1/2 origin-top",
@@ -573,7 +587,7 @@ var offsetClasses = {
 };
 var menuBaseClasses = "absolute z-50 min-w-[10rem] rounded-xl border border-gray-200/80 bg-white/95 p-2 text-sm text-gray-700 shadow-lg shadow-gray-900/10 ring-1 ring-black/5 backdrop-blur-md transition-all duration-150 data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2";
 var overlayBaseClasses = "fixed inset-0 z-40 bg-gray-900/30 backdrop-blur-[1px]";
-var Menu = React6__namespace.forwardRef((props, ref) => {
+var Menu = React5__namespace.forwardRef((props, ref) => {
   const {
     activator,
     children,
@@ -595,17 +609,17 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     onMouseLeave: rootMouseLeave,
     ...rest
   } = props;
-  const baseId = React6__namespace.useId();
+  const baseId = React5__namespace.useId();
   const menuId = `${baseId}-menu`;
   const activatorId = `${baseId}-activator`;
   const isControlled = typeof openProp === "boolean";
-  const [internalOpen, setInternalOpen] = React6__namespace.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React5__namespace.useState(defaultOpen);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const localRootRef = React6__namespace.useRef(null);
-  const menuRef = React6__namespace.useRef(null);
-  const activatorRef = React6__namespace.useRef(null);
-  const closeTimeoutRef = React6__namespace.useRef(null);
-  const mergedRootRef = React6__namespace.useCallback(
+  const localRootRef = React5__namespace.useRef(null);
+  const menuRef = React5__namespace.useRef(null);
+  const activatorRef = React5__namespace.useRef(null);
+  const closeTimeoutRef = React5__namespace.useRef(null);
+  const mergedRootRef = React5__namespace.useCallback(
     (node) => {
       localRootRef.current = node;
       if (typeof ref === "function") {
@@ -616,8 +630,8 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [ref]
   );
-  const [activatorWidth, setActivatorWidth] = React6__namespace.useState();
-  const updateActivatorWidth = React6__namespace.useCallback(() => {
+  const [activatorWidth, setActivatorWidth] = React5__namespace.useState();
+  const updateActivatorWidth = React5__namespace.useCallback(() => {
     if (!matchActivatorWidth) {
       setActivatorWidth(void 0);
       return;
@@ -640,7 +654,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     observer.observe(activatorRef.current);
     return () => observer.disconnect();
   }, [matchActivatorWidth, updateActivatorWidth]);
-  const setOpen = React6__namespace.useCallback(
+  const setOpen = React5__namespace.useCallback(
     (nextOpen) => {
       if (disabled || open === nextOpen) {
         return;
@@ -652,7 +666,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [disabled, isControlled, onOpenChange, open]
   );
-  React6__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     if (!disabled || !open) {
       return;
     }
@@ -661,7 +675,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     }
     onOpenChange?.(false);
   }, [disabled, open, isControlled, onOpenChange]);
-  React6__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     if (!open) {
       return;
     }
@@ -689,7 +703,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open, setOpen]);
-  React6__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     if (!open) {
       return;
     }
@@ -702,7 +716,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     });
     return () => window.cancelAnimationFrame(id);
   }, [open]);
-  const setActivatorNode = React6__namespace.useCallback(
+  const setActivatorNode = React5__namespace.useCallback(
     (node) => {
       activatorRef.current = node;
       if (node && matchActivatorWidth) {
@@ -711,7 +725,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [matchActivatorWidth]
   );
-  const handleActivatorClick = React6__namespace.useCallback(
+  const handleActivatorClick = React5__namespace.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -721,7 +735,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [disabled, open, setOpen]
   );
-  const handleActivatorKeyDown = React6__namespace.useCallback(
+  const handleActivatorKeyDown = React5__namespace.useCallback(
     (event) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -734,7 +748,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [open, setOpen]
   );
-  const clearCloseTimeout = React6__namespace.useCallback(() => {
+  const clearCloseTimeout = React5__namespace.useCallback(() => {
     if (closeTimeoutRef.current !== null) {
       if (isBrowser) {
         window.clearTimeout(closeTimeoutRef.current);
@@ -742,7 +756,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
       closeTimeoutRef.current = null;
     }
   }, []);
-  const scheduleClose = React6__namespace.useCallback(() => {
+  const scheduleClose = React5__namespace.useCallback(() => {
     if (!isBrowser) {
       setOpen(false);
       return;
@@ -753,10 +767,10 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
       closeTimeoutRef.current = null;
     }, 150);
   }, [clearCloseTimeout, setOpen]);
-  React6__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     return () => clearCloseTimeout();
   }, [clearCloseTimeout]);
-  const isMovingWithinMenu = React6__namespace.useCallback(
+  const isMovingWithinMenu = React5__namespace.useCallback(
     (event) => {
       const nextTarget = event.relatedTarget;
       if (!nextTarget || !localRootRef.current) {
@@ -766,7 +780,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [localRootRef]
   );
-  const handleRootMouseEnter = React6__namespace.useCallback(
+  const handleRootMouseEnter = React5__namespace.useCallback(
     (event) => {
       rootMouseEnter?.(event);
       if (event.defaultPrevented) {
@@ -779,7 +793,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [clearCloseTimeout, openOnHover, rootMouseEnter, setOpen]
   );
-  const handleRootMouseLeave = React6__namespace.useCallback(
+  const handleRootMouseLeave = React5__namespace.useCallback(
     (event) => {
       rootMouseLeave?.(event);
       if (event.defaultPrevented) {
@@ -794,7 +808,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [isMovingWithinMenu, openOnHover, rootMouseLeave, scheduleClose]
   );
-  const handleActivatorMouseEnter = React6__namespace.useCallback(
+  const handleActivatorMouseEnter = React5__namespace.useCallback(
     (_event) => {
       if (disabled) {
         return;
@@ -804,7 +818,7 @@ var Menu = React6__namespace.forwardRef((props, ref) => {
     },
     [clearCloseTimeout, disabled, setOpen]
   );
-  const handleActivatorMouseLeave = React6__namespace.useCallback(
+  const handleActivatorMouseLeave = React5__namespace.useCallback(
     (event) => {
       if (disabled || !openOnHover) {
         return;
@@ -952,7 +966,16 @@ var resolveIconClassName3 = (icon) => {
   const classes = [...baseClasses, normalizedName];
   return Array.from(new Set(classes)).join(" ");
 };
-var Input = ({ variant = "outline", success, error, warn, icon, className, ...props }) => {
+var Input = ({
+  variant = "outline",
+  success,
+  error,
+  warn,
+  icon,
+  className,
+  wrapperClassName,
+  ...props
+}) => {
   const classBase = "input-base px-3 py-2 focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full";
   const variantClasses = {
     outline: "rounded border border-gray-300 focus:border-primary focus:ring-1 focus:ring-primary",
@@ -974,7 +997,7 @@ var Input = ({ variant = "outline", success, error, warn, icon, className, ...pr
   const toneClass = status ? statusClasses[status.tone] : void 0;
   const prependIconClass = resolveIconClassName3(icon);
   const prependPadding = prependIconClass ? "pl-10" : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
       prependIconClass && /* @__PURE__ */ jsxRuntime.jsx("i", { className: tailwindMerge.twMerge("pointer-events-none absolute left-3 ", prependIconClass), "aria-hidden": true }),
       /* @__PURE__ */ jsxRuntime.jsx("input", { ...props, className: tailwindMerge.twMerge(classBase, variantClass, toneClass, prependPadding, className) })