@lindle/linoardo 1.0.11 → 1.0.12

package/dist/index.js

@@ -1,4 +1,5 @@
-import * as React4 from 'react';
+import * as React3 from 'react';
+import { forwardRef, useCallback, useContext, useId, useState, useMemo, useEffect } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -129,7 +130,7 @@ var sizeClasses = {
   large: "px-6 py-3 text-lg",
   "x-large": "px-7 py-3.5 text-xl"
 };
-var Button = React4.forwardRef(
+var Button = React3.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -300,7 +301,7 @@ var resolveIconClassName2 = (icon) => {
   const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
   return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
 };
-var Chip = React4.forwardRef(
+var Chip = forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -332,7 +333,7 @@ var Chip = React4.forwardRef(
     const appendIconClassName = resolveIconClassName2(appendIcon);
     const closeIconClassName = resolveIconClassName2(closeIcon);
     const filterIconClassName = filter && selected ? resolveIconClassName2(filterIcon) : void 0;
-    const handleClick = React4.useCallback(
+    const handleClick = useCallback(
       (event) => {
         if (disabled) {
           event.preventDefault();
@@ -343,7 +344,7 @@ var Chip = React4.forwardRef(
       },
       [disabled, onClick]
     );
-    const handleKeyDown = React4.useCallback(
+    const handleKeyDown = useCallback(
       (event) => {
         onKeyDown?.(event);
         if (event.defaultPrevented || disabled || !interactive) {
@@ -356,7 +357,7 @@ var Chip = React4.forwardRef(
       },
       [disabled, interactive, onKeyDown]
     );
-    const handleCloseClick = React4.useCallback(
+    const handleCloseClick = useCallback(
       (event) => {
         event.stopPropagation();
         if (disabled) {
@@ -367,7 +368,7 @@ var Chip = React4.forwardRef(
       },
       [disabled, onClose]
     );
-    const handleCloseKeyDown = React4.useCallback((event) => {
+    const handleCloseKeyDown = useCallback((event) => {
       if (event.key === " " || event.key === "Enter") {
         event.stopPropagation();
       }
@@ -439,7 +440,7 @@ var accentClasses = {
   surface: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" },
   bw: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" }
 };
-var ListItem = React4.forwardRef((props, ref) => {
+var ListItem = React3.forwardRef((props, ref) => {
   const {
     component,
     href,
@@ -556,13 +557,13 @@ var listRoundedClasses = {
   pill: "rounded-full"
 };
 var isListItemElement = (element) => {
-  if (!React4.isValidElement(element)) {
+  if (!React3.isValidElement(element)) {
     return false;
   }
   const elementType = element.type;
   return element.type === Item_default || elementType.displayName === Item_default.displayName;
 };
-var List = React4.forwardRef((props, ref) => {
+var List = React3.forwardRef((props, ref) => {
   const {
     variant = "solid",
     density = "default",
@@ -584,11 +585,11 @@ var List = React4.forwardRef((props, ref) => {
   const navClass = nav ? "py-1" : void 0;
   const accentColor = color;
   const enhanceChild = (child) => {
-    if (!React4.isValidElement(child)) {
+    if (!React3.isValidElement(child)) {
       return child;
     }
     if (isListItemElement(child)) {
-      return React4.cloneElement(child, {
+      return React3.cloneElement(child, {
         density: child.props.density ?? density,
         lines: child.props.lines ?? lines,
         nav: child.props.nav ?? nav,
@@ -598,14 +599,14 @@ var List = React4.forwardRef((props, ref) => {
       });
     }
     if (child.props && typeof child.props === "object" && "children" in child.props) {
-      const nestedChildren = React4.Children.map(child.props.children, enhanceChild);
+      const nestedChildren = React3.Children.map(child.props.children, enhanceChild);
       if (nestedChildren !== child.props.children) {
-        return React4.cloneElement(child, void 0, nestedChildren);
+        return React3.cloneElement(child, void 0, nestedChildren);
       }
     }
     return child;
   };
-  const resolvedChildren = React4.Children.map(children, enhanceChild);
+  const resolvedChildren = React3.Children.map(children, enhanceChild);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -633,7 +634,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 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 = React4.forwardRef((props, ref) => {
+var Menu = React3.forwardRef((props, ref) => {
   const {
     activator,
     children,
@@ -710,7 +711,7 @@ var Menu = React4.forwardRef((props, ref) => {
 });
 Menu.displayName = "Menu";
 var Menu_default = Menu;
-var ExpansionPanelContext = React4.createContext(null);
+var ExpansionPanelContext = React3.createContext(null);
 var densityClasses2 = {
   comfortable: "py-5",
   default: "py-4",
@@ -739,7 +740,7 @@ var accentClasses2 = {
   surface: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" },
   bw: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" }
 };
-var ExpansionPanelItem = React4.forwardRef((props, ref) => {
+var ExpansionPanelItem = forwardRef((props, ref) => {
   const {
     value,
     title,
@@ -758,8 +759,8 @@ var ExpansionPanelItem = React4.forwardRef((props, ref) => {
     color: colorOverride,
     ...rest
   } = props;
-  const context = React4.useContext(ExpansionPanelContext);
-  const generatedValue = React4.useId();
+  const context = useContext(ExpansionPanelContext);
+  const generatedValue = useId();
   const panelValue = value ?? generatedValue;
   const density = context?.density ?? "default";
   const color = colorOverride ?? context?.color ?? "primary";
@@ -767,9 +768,9 @@ var ExpansionPanelItem = React4.forwardRef((props, ref) => {
   const variant = context?.variant ?? "elevated";
   const rounded = context?.rounded ?? "lg";
   const accent = accentClasses2[color] ?? accentClasses2.primary;
-  const headerId = React4.useId();
-  const contentId = React4.useId();
-  const [standaloneExpanded, setStandaloneExpanded] = React4.useState(false);
+  const headerId = useId();
+  const contentId = useId();
+  const [standaloneExpanded, setStandaloneExpanded] = useState(false);
   const isExpanded = context ? context.expandedValues.includes(panelValue) : standaloneExpanded;
   const handleToggle = () => {
     if (disabled) {
@@ -895,7 +896,7 @@ var normalizeValues = (value, allowMultiple) => {
   return normalized.length ? [normalized[0]] : [];
 };
 var clampValues = (values, allowMultiple) => allowMultiple ? uniqueValues(values) : values.length ? [values[0]] : [];
-var ExpansionPanel = React4.forwardRef((props, ref) => {
+var ExpansionPanel = forwardRef((props, ref) => {
   const {
     variant = "elevated",
     rounded = "lg",
@@ -911,22 +912,22 @@ var ExpansionPanel = React4.forwardRef((props, ref) => {
     ...rest
   } = props;
   const isControlled = value !== void 0;
-  const controlledValues = React4.useMemo(() => {
+  const controlledValues = useMemo(() => {
     if (!isControlled) {
       return void 0;
     }
     return normalizeValues(value, multiple);
   }, [isControlled, value, multiple]);
-  const [internalValues, setInternalValues] = React4.useState(
+  const [internalValues, setInternalValues] = useState(
     () => normalizeValues(defaultValue, multiple)
   );
   const expandedValues = controlledValues ?? internalValues;
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!isControlled) {
       setInternalValues((prev) => clampValues(prev, multiple));
     }
   }, [multiple, isControlled]);
-  const handleValueChange = React4.useCallback(
+  const handleValueChange = useCallback(
     (next) => {
       if (!isControlled) {
         setInternalValues(next);
@@ -941,7 +942,7 @@ var ExpansionPanel = React4.forwardRef((props, ref) => {
     },
     [isControlled, multiple, onChange]
   );
-  const toggle = React4.useCallback(
+  const toggle = useCallback(
     (panelValue, disabled) => {
       if (disabled) {
         return;
@@ -952,7 +953,7 @@ var ExpansionPanel = React4.forwardRef((props, ref) => {
     },
     [expandedValues, handleValueChange, multiple]
   );
-  const providerValue = React4.useMemo(
+  const providerValue = useMemo(
     () => ({ expandedValues, toggle, density, color, divider, rounded, variant }),
     [expandedValues, toggle, density, color, divider, rounded, variant]
   );
@@ -981,7 +982,7 @@ var resolveSizeValue = (value) => {
   }
   return typeof value === "number" ? `${value}px` : value;
 };
-var Dialog = React4.forwardRef((props, forwardedRef) => {
+var Dialog = React3.forwardRef((props, forwardedRef) => {
   const {
     activator,
     children,
@@ -1098,7 +1099,7 @@ var arrowPlacementClasses = {
   "right-start": "left-full top-4 -translate-x-1/2",
   "right-end": "left-full bottom-4 -translate-x-1/2"
 };
-var ToolTip = React4.forwardRef((props, forwardedRef) => {
+var ToolTip = React3.forwardRef((props, forwardedRef) => {
   const {
     activator,
     children,