@lindle/linoardo 1.0.7 → 1.0.9

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React6 from 'react';
+import * as React5 from 'react';
 import { twMerge } from 'tailwind-merge';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -99,7 +99,7 @@ var sizeClasses = {
   large: "px-6 py-3 text-lg",
   "x-large": "px-7 py-3.5 text-xl"
 };
-var Button = React6.forwardRef(
+var Button = React5.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -238,7 +238,7 @@ var resolveIconClassName2 = (icon) => {
   const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
   return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
 };
-var Chip = React6.forwardRef(
+var Chip = React5.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -270,7 +270,7 @@ var Chip = React6.forwardRef(
     const appendIconClassName = resolveIconClassName2(appendIcon);
     const closeIconClassName = resolveIconClassName2(closeIcon);
     const filterIconClassName = filter && selected ? resolveIconClassName2(filterIcon) : void 0;
-    const handleClick = React6.useCallback(
+    const handleClick = React5.useCallback(
       (event) => {
         if (disabled) {
           event.preventDefault();
@@ -281,7 +281,7 @@ var Chip = React6.forwardRef(
       },
       [disabled, onClick]
     );
-    const handleKeyDown = React6.useCallback(
+    const handleKeyDown = React5.useCallback(
       (event) => {
         onKeyDown?.(event);
         if (event.defaultPrevented || disabled || !interactive) {
@@ -294,7 +294,7 @@ var Chip = React6.forwardRef(
       },
       [disabled, interactive, onKeyDown]
     );
-    const handleCloseClick = React6.useCallback(
+    const handleCloseClick = React5.useCallback(
       (event) => {
         event.stopPropagation();
         if (disabled) {
@@ -305,7 +305,7 @@ var Chip = React6.forwardRef(
       },
       [disabled, onClose]
     );
-    const handleCloseKeyDown = React6.useCallback((event) => {
+    const handleCloseKeyDown = React5.useCallback((event) => {
       if (event.key === " " || event.key === "Enter") {
         event.stopPropagation();
       }
@@ -356,15 +356,6 @@ var Chip = React6.forwardRef(
 );
 Chip.displayName = "Chip";
 var Chip_default = Chip;
-var defaultListContext = {
-  density: "default",
-  lines: "one",
-  nav: false,
-  divided: false,
-  color: "primary"
-};
-var ListContext = React6.createContext(defaultListContext);
-var useListContext = () => React6.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",
@@ -385,7 +376,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.forwardRef((props, ref) => {
+var ListItem = React5.forwardRef((props, ref) => {
   const {
     component,
     href,
@@ -402,18 +393,22 @@ var ListItem = React6.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";
@@ -492,7 +487,14 @@ var listRoundedClasses = {
   xl: "rounded-xl",
   pill: "rounded-full"
 };
-var List = React6.forwardRef((props, ref) => {
+var isListItemElement = (element) => {
+  if (!React5.isValidElement(element)) {
+    return false;
+  }
+  const elementType = element.type;
+  return element.type === Item_default || elementType.displayName === Item_default.displayName;
+};
+var List = React5.forwardRef((props, ref) => {
   const {
     variant = "solid",
     density = "default",
@@ -512,31 +514,43 @@ var List = React6.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.useMemo(
-    () => ({
-      density,
-      lines,
-      nav,
-      divided,
-      color: accentColor
-    }),
-    [accentColor, density, lines, nav, divided]
-  );
-  return /* @__PURE__ */ jsx(ListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+  const enhanceChild = (child) => {
+    if (!React5.isValidElement(child)) {
+      return child;
+    }
+    if (isListItemElement(child)) {
+      return React5.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.Children.map(child.props.children, enhanceChild);
+      if (nestedChildren !== child.props.children) {
+        return React5.cloneElement(child, void 0, nestedChildren);
+      }
+    }
+    return child;
+  };
+  const resolvedChildren = React5.Children.map(children, enhanceChild);
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ...rest,
       ref,
       role: role ?? "list",
       className: 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.useLayoutEffect : React6.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? React5.useLayoutEffect : React5.useEffect;
 var placementClasses = {
   "bottom-start": "left-0 top-full origin-top-left",
   bottom: "left-1/2 top-full -translate-x-1/2 origin-top",
@@ -551,7 +565,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.forwardRef((props, ref) => {
+var Menu = React5.forwardRef((props, ref) => {
   const {
     activator,
     children,
@@ -573,17 +587,17 @@ var Menu = React6.forwardRef((props, ref) => {
     onMouseLeave: rootMouseLeave,
     ...rest
   } = props;
-  const baseId = React6.useId();
+  const baseId = React5.useId();
   const menuId = `${baseId}-menu`;
   const activatorId = `${baseId}-activator`;
   const isControlled = typeof openProp === "boolean";
-  const [internalOpen, setInternalOpen] = React6.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React5.useState(defaultOpen);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const localRootRef = React6.useRef(null);
-  const menuRef = React6.useRef(null);
-  const activatorRef = React6.useRef(null);
-  const closeTimeoutRef = React6.useRef(null);
-  const mergedRootRef = React6.useCallback(
+  const localRootRef = React5.useRef(null);
+  const menuRef = React5.useRef(null);
+  const activatorRef = React5.useRef(null);
+  const closeTimeoutRef = React5.useRef(null);
+  const mergedRootRef = React5.useCallback(
     (node) => {
       localRootRef.current = node;
       if (typeof ref === "function") {
@@ -594,8 +608,8 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [ref]
   );
-  const [activatorWidth, setActivatorWidth] = React6.useState();
-  const updateActivatorWidth = React6.useCallback(() => {
+  const [activatorWidth, setActivatorWidth] = React5.useState();
+  const updateActivatorWidth = React5.useCallback(() => {
     if (!matchActivatorWidth) {
       setActivatorWidth(void 0);
       return;
@@ -618,7 +632,7 @@ var Menu = React6.forwardRef((props, ref) => {
     observer.observe(activatorRef.current);
     return () => observer.disconnect();
   }, [matchActivatorWidth, updateActivatorWidth]);
-  const setOpen = React6.useCallback(
+  const setOpen = React5.useCallback(
     (nextOpen) => {
       if (disabled || open === nextOpen) {
         return;
@@ -630,7 +644,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [disabled, isControlled, onOpenChange, open]
   );
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!disabled || !open) {
       return;
     }
@@ -639,7 +653,7 @@ var Menu = React6.forwardRef((props, ref) => {
     }
     onOpenChange?.(false);
   }, [disabled, open, isControlled, onOpenChange]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) {
       return;
     }
@@ -667,7 +681,7 @@ var Menu = React6.forwardRef((props, ref) => {
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open, setOpen]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) {
       return;
     }
@@ -680,7 +694,7 @@ var Menu = React6.forwardRef((props, ref) => {
     });
     return () => window.cancelAnimationFrame(id);
   }, [open]);
-  const setActivatorNode = React6.useCallback(
+  const setActivatorNode = React5.useCallback(
     (node) => {
       activatorRef.current = node;
       if (node && matchActivatorWidth) {
@@ -689,7 +703,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [matchActivatorWidth]
   );
-  const handleActivatorClick = React6.useCallback(
+  const handleActivatorClick = React5.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -699,7 +713,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [disabled, open, setOpen]
   );
-  const handleActivatorKeyDown = React6.useCallback(
+  const handleActivatorKeyDown = React5.useCallback(
     (event) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -712,7 +726,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [open, setOpen]
   );
-  const clearCloseTimeout = React6.useCallback(() => {
+  const clearCloseTimeout = React5.useCallback(() => {
     if (closeTimeoutRef.current !== null) {
       if (isBrowser) {
         window.clearTimeout(closeTimeoutRef.current);
@@ -720,7 +734,7 @@ var Menu = React6.forwardRef((props, ref) => {
       closeTimeoutRef.current = null;
     }
   }, []);
-  const scheduleClose = React6.useCallback(() => {
+  const scheduleClose = React5.useCallback(() => {
     if (!isBrowser) {
       setOpen(false);
       return;
@@ -731,10 +745,10 @@ var Menu = React6.forwardRef((props, ref) => {
       closeTimeoutRef.current = null;
     }, 150);
   }, [clearCloseTimeout, setOpen]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     return () => clearCloseTimeout();
   }, [clearCloseTimeout]);
-  const isMovingWithinMenu = React6.useCallback(
+  const isMovingWithinMenu = React5.useCallback(
     (event) => {
       const nextTarget = event.relatedTarget;
       if (!nextTarget || !localRootRef.current) {
@@ -744,7 +758,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [localRootRef]
   );
-  const handleRootMouseEnter = React6.useCallback(
+  const handleRootMouseEnter = React5.useCallback(
     (event) => {
       rootMouseEnter?.(event);
       if (event.defaultPrevented) {
@@ -757,7 +771,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [clearCloseTimeout, openOnHover, rootMouseEnter, setOpen]
   );
-  const handleRootMouseLeave = React6.useCallback(
+  const handleRootMouseLeave = React5.useCallback(
     (event) => {
       rootMouseLeave?.(event);
       if (event.defaultPrevented) {
@@ -772,7 +786,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [isMovingWithinMenu, openOnHover, rootMouseLeave, scheduleClose]
   );
-  const handleActivatorMouseEnter = React6.useCallback(
+  const handleActivatorMouseEnter = React5.useCallback(
     (_event) => {
       if (disabled) {
         return;
@@ -782,7 +796,7 @@ var Menu = React6.forwardRef((props, ref) => {
     },
     [clearCloseTimeout, disabled, setOpen]
   );
-  const handleActivatorMouseLeave = React6.useCallback(
+  const handleActivatorMouseLeave = React5.useCallback(
     (event) => {
       if (disabled || !openOnHover) {
         return;
@@ -930,7 +944,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",
@@ -952,7 +975,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__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col gap-1", wrapperClassName), children: [
     /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
       prependIconClass && /* @__PURE__ */ jsx("i", { className: twMerge("pointer-events-none absolute left-3 ", prependIconClass), "aria-hidden": true }),
       /* @__PURE__ */ jsx("input", { ...props, className: twMerge(classBase, variantClass, toneClass, prependPadding, className) })