@lindle/linoardo 1.0.41 → 1.0.43

package/dist/index.cjs

@@ -1473,10 +1473,119 @@ var Dialog = React4__namespace.forwardRef((props, forwardedRef) => {
 });
 Dialog.displayName = "Dialog";
 var Dialog_default = Dialog;
+var overlayBaseClasses3 = "fixed inset-0 z-[55] bg-gray-900/55 backdrop-blur-[2px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100";
+var temporaryContainerBaseClasses = "fixed inset-y-0 z-[60] flex max-w-full transition-transform duration-200";
+var staticContainerBaseClasses = "relative flex h-full max-w-full";
+var drawerBaseClasses = "flex h-full w-full flex-col bg-white text-gray-900 shadow-xl shadow-black/10 ring-1 ring-black/5 focus-visible:outline-none dark:bg-gray-900 dark:text-gray-100 dark:ring-white/10";
+var resolveSizeValue2 = (value) => {
+  if (value === void 0) {
+    return void 0;
+  }
+  return typeof value === "number" ? `${value}px` : value;
+};
+var Drawer = React4__namespace.forwardRef((props, ref) => {
+  const {
+    location = "left",
+    floating = false,
+    temporary = false,
+    open,
+    keepMounted = false,
+    scrim = true,
+    width = "18rem",
+    onClose,
+    containerClassName,
+    overlayClassName,
+    overlayProps,
+    portal = true,
+    portalContainer,
+    className,
+    style,
+    role,
+    ...rest
+  } = props;
+  const isOpen = open ?? !temporary;
+  const state = isOpen ? "open" : "closed";
+  const shouldRender = keepMounted || isOpen || temporary;
+  const resolvedPortalContainer = portalContainer ?? (typeof document !== "undefined" ? document.body : null);
+  const resolvedStyle = { ...style };
+  if (resolvedStyle.width === void 0) {
+    resolvedStyle.width = resolveSizeValue2(width);
+  }
+  const locationClass = location === "right" ? "right-0" : "left-0";
+  const translateClass = isOpen ? "translate-x-0" : location === "right" ? "translate-x-full" : "-translate-x-full";
+  const floatingClasses = floating ? "rounded-2xl shadow-2xl shadow-black/20 ring-1 ring-black/10 dark:ring-white/10" : void 0;
+  const borderClasses = !floating && !temporary ? location === "right" ? "border-l border-gray-200 dark:border-gray-800" : "border-r border-gray-200 dark:border-gray-800" : void 0;
+  const {
+    className: overlayExtraClassName,
+    onClick: overlayOnClick,
+    ...restOverlayProps
+  } = overlayProps ?? {};
+  const overlayNode = temporary && scrim && shouldRender ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...restOverlayProps,
+      className: tailwindMerge.twMerge(
+        overlayBaseClasses3,
+        isOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0",
+        overlayClassName,
+        overlayExtraClassName
+      ),
+      onClick: (event) => {
+        overlayOnClick?.(event);
+        if (!event.defaultPrevented) {
+          onClose?.();
+        }
+      },
+      "data-state": state,
+      "aria-hidden": true
+    }
+  ) : null;
+  const drawerNode = shouldRender ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: tailwindMerge.twMerge(
+        temporary ? temporaryContainerBaseClasses : staticContainerBaseClasses,
+        temporary ? locationClass : void 0,
+        temporary ? translateClass : void 0,
+        temporary && !isOpen ? "pointer-events-none" : void 0,
+        temporary && floating ? "p-4" : void 0,
+        !temporary && location === "right" ? "ml-auto" : void 0,
+        containerClassName
+      ),
+      "data-state": state,
+      "aria-hidden": temporary ? !isOpen : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ...rest,
+          ref,
+          role: role ?? "navigation",
+          className: tailwindMerge.twMerge(drawerBaseClasses, floatingClasses, borderClasses, className),
+          style: resolvedStyle,
+          "data-state": state,
+          children: props.children
+        }
+      )
+    }
+  ) : null;
+  const outputNode = temporary && portal && resolvedPortalContainer && drawerNode ? reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      overlayNode,
+      drawerNode
+    ] }),
+    resolvedPortalContainer
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    overlayNode,
+    drawerNode
+  ] });
+  return outputNode;
+});
+Drawer.displayName = "Drawer";
+var Drawer_default = Drawer;
 var tooltipBaseClasses = "absolute z-[60] max-w-xs rounded-lg border border-white/10 bg-gray-900 px-3 py-2 text-xs font-medium text-white shadow-lg shadow-black/30 ring-1 ring-black/40 transition-all duration-150";
 var wrapperBaseClasses = "relative inline-flex max-w-full align-middle";
 var arrowBaseClasses = "pointer-events-none absolute h-2 w-2 rotate-45 border border-white/10 bg-gray-900 shadow-lg shadow-black/20";
-var resolveSizeValue2 = (value) => {
+var resolveSizeValue3 = (value) => {
   if (value === void 0) {
     return void 0;
   }
@@ -1534,7 +1643,7 @@ var ToolTip = React4__namespace.forwardRef((props, forwardedRef) => {
   const shouldRenderTooltip = hasRenderableContent && (shouldEnableTriggers || keepMounted);
   const resolvedStyle = { ...style };
   if (resolvedStyle.maxWidth === void 0) {
-    resolvedStyle.maxWidth = resolveSizeValue2(maxWidth);
+    resolvedStyle.maxWidth = resolveSizeValue3(maxWidth);
   }
   const baseVisibility = persistent ? "opacity-100 scale-100" : "opacity-0 scale-95";
   const hoverClasses = !persistent && showOnHover ? " group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100" : "";
@@ -2211,6 +2320,7 @@ var Tab = React4__namespace.forwardRef((props, ref) => {
     children,
     __tabsContext,
     __tabsValue,
+    __tabsIndex,
     __tabsTabId,
     __tabsPanelId,
     ...rest
@@ -3390,118 +3500,141 @@ var resolveIconClassName5 = (icon) => {
   const classes = [...baseClasses, normalizedName];
   return Array.from(new Set(classes)).join(" ");
 };
-var Select = React4__namespace.default.forwardRef(({
-  options,
-  label,
-  placeholder,
-  variant = "outline",
-  size = "medium",
-  className,
-  wrapperClassName,
-  id,
-  name,
-  multiple,
-  value,
-  defaultValue,
-  error,
-  helperText,
-  disabled,
-  required,
-  onChange,
-  onBlur,
-  ...props
-}, ref) => {
-  const selectId = id || name || generateString();
-  const inputName = name || selectId;
-  const variantClass = variantClasses4[variant] ?? variantClasses4.outline;
-  const sizeConfig = sizeClasses3[size] ?? sizeClasses3.medium;
-  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
-  const normalizedOptions = options.map(normalizeOption);
-  const selectedValueList = value !== void 0 ? (Array.isArray(value) ? value : [value]).map(String) : defaultValue !== void 0 ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]).map(String) : [];
-  const selectedLabels = normalizedOptions.filter((option) => selectedValueList.includes(String(option.value))).map((option) => option.label);
-  const hasSelection = selectedLabels.length > 0;
-  const summaryText = hasSelection ? multiple ? selectedLabels.join(", ") : selectedLabels[0] : placeholder || "\xA0";
-  const handleOptionChange = (event) => {
-    onChange?.(event);
-    if (multiple) return;
-    const detailsEl = event.currentTarget.closest("details");
-    detailsEl?.removeAttribute("open");
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group w-full", ...props, open: void 0, children: [
+var Select = React4__namespace.default.forwardRef(
+  ({
+    options,
+    label,
+    placeholder,
+    variant = "outline",
+    size = "medium",
+    className,
+    wrapperClassName,
+    id,
+    name,
+    multiple,
+    value,
+    defaultValue,
+    error,
+    helperText,
+    disabled,
+    required,
+    onChange,
+    onBlur,
+    onFocus,
+    ...props
+  }, ref) => {
+    const selectId = id || name || generateString();
+    const inputName = name || selectId;
+    const variantClass = variantClasses4[variant] ?? variantClasses4.outline;
+    const sizeConfig = sizeClasses3[size] ?? sizeClasses3.medium;
+    const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
+    const normalizedOptions = options.map(normalizeOption);
+    const selectedValueList = value !== void 0 ? (Array.isArray(value) ? value : [value]).map(String) : defaultValue !== void 0 ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]).map(String) : [];
+    const selectedLabels = normalizedOptions.filter((option) => selectedValueList.includes(String(option.value))).map((option) => option.label);
+    const hasSelection = selectedLabels.length > 0;
+    const summaryText = hasSelection ? multiple ? selectedLabels.join(", ") : selectedLabels[0] : placeholder || "\xA0";
+    const handleOptionChange = (event) => {
+      onChange?.(event);
+      if (multiple) return;
+      const detailsEl = event.currentTarget.closest("details");
+      detailsEl?.removeAttribute("open");
+    };
+    const handleDetailsBlur = (event) => {
+      const nextFocus = event.relatedTarget;
+      if (nextFocus && event.currentTarget.contains(nextFocus)) return;
+      event.currentTarget.removeAttribute("open");
+    };
+    const handleDetailsFocus = (event) => {
+      if (normalizedOptions.length === 0) {
+        onFocus?.(event);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          "summary",
+          "details",
           {
-            className: tailwindMerge.twMerge(
-              baseClass2,
-              variantClass,
-              sizeClass,
-              "list-none cursor-pointer flex items-center justify-between pr-10 relative [&::-webkit-details-marker]:hidden",
-              error && "border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500",
-              disabled && "pointer-events-none opacity-50 cursor-not-allowed",
-              className
-            ),
-            style: { minHeight: "2.75rem" },
-            onClick: (e) => disabled && e.preventDefault(),
+            className: "group w-full",
+            ...props,
+            onBlur: onBlur ? void 0 : handleDetailsBlur,
+            onFocus: onFocus ? handleDetailsFocus : void 0,
+            open: void 0,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("truncate", !hasSelection && "text-gray-500 dark:text-gray-400"), children: summaryText }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-chevron-down text-base leading-none transition-transform duration-200 group-open:rotate-180", "aria-hidden": true }) })
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "summary",
+                {
+                  className: tailwindMerge.twMerge(
+                    baseClass2,
+                    variantClass,
+                    sizeClass,
+                    "list-none cursor-pointer flex items-center justify-between pr-10 relative [&::-webkit-details-marker]:hidden",
+                    error && "border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500",
+                    disabled && "pointer-events-none opacity-50 cursor-not-allowed",
+                    className
+                  ),
+                  style: { minHeight: "2.75rem" },
+                  onClick: (e) => disabled && e.preventDefault(),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("truncate", !hasSelection && "text-gray-500 dark:text-gray-400"), children: summaryText }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-chevron-down text-base leading-none transition-transform duration-200 group-open:rotate-180", "aria-hidden": true }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-800 dark:border-slate-700", children: normalizedOptions.map((option, index) => {
+                const optionValueStr = String(option.value);
+                const isSelected = Array.isArray(value) ? value.map(String).includes(optionValueStr) : String(value) === optionValueStr;
+                const isDefaultSelected = Array.isArray(defaultValue) ? defaultValue.map(String).includes(optionValueStr) : String(defaultValue) === optionValueStr;
+                const iconClassName = resolveIconClassName5(option.icon);
+                const inputId = `${selectId}-${toIdSafe(optionValueStr)}-${index}`;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "label",
+                  {
+                    htmlFor: inputId,
+                    className: tailwindMerge.twMerge(
+                      "relative flex cursor-pointer select-none items-center gap-2 px-4 py-2 text-sm text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-slate-700",
+                      option.disabled && "cursor-not-allowed opacity-50"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: multiple ? "checkbox" : "radio",
+                          id: inputId,
+                          name: inputName,
+                          value: option.value,
+                          disabled: option.disabled || disabled,
+                          checked: value !== void 0 ? isSelected : void 0,
+                          defaultChecked: defaultValue !== void 0 ? isDefaultSelected : void 0,
+                          onChange: handleOptionChange,
+                          onBlur,
+                          ref,
+                          required: required && !multiple,
+                          className: "peer sr-only"
+                        }
+                      ),
+                      iconClassName && /* @__PURE__ */ jsxRuntime.jsx("i", { className: tailwindMerge.twMerge(iconClassName, "text-lg text-gray-500 peer-checked:text-primary dark:text-gray-400") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate peer-checked:font-medium peer-checked:text-primary", children: option.label }),
+                      /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-check invisible ml-auto text-primary peer-checked:visible" })
+                    ]
+                  },
+                  `${optionValueStr}-${index}`
+                );
+              }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-800 dark:border-slate-700", children: normalizedOptions.map((option, index) => {
-          const optionValueStr = String(option.value);
-          const isSelected = Array.isArray(value) ? value.map(String).includes(optionValueStr) : String(value) === optionValueStr;
-          const isDefaultSelected = Array.isArray(defaultValue) ? defaultValue.map(String).includes(optionValueStr) : String(defaultValue) === optionValueStr;
-          const iconClassName = resolveIconClassName5(option.icon);
-          const inputId = `${selectId}-${toIdSafe(optionValueStr)}-${index}`;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "label",
-            {
-              htmlFor: inputId,
-              className: tailwindMerge.twMerge(
-                "relative flex cursor-pointer select-none items-center gap-2 px-4 py-2 text-sm text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-slate-700",
-                option.disabled && "cursor-not-allowed opacity-50"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: multiple ? "checkbox" : "radio",
-                    id: inputId,
-                    name: inputName,
-                    value: option.value,
-                    disabled: option.disabled || disabled,
-                    checked: value !== void 0 ? isSelected : void 0,
-                    defaultChecked: defaultValue !== void 0 ? isDefaultSelected : void 0,
-                    onChange: handleOptionChange,
-                    onBlur,
-                    ref,
-                    required: required && !multiple,
-                    className: "peer sr-only"
-                  }
-                ),
-                iconClassName && /* @__PURE__ */ jsxRuntime.jsx("i", { className: tailwindMerge.twMerge(iconClassName, "text-lg text-gray-500 peer-checked:text-primary dark:text-gray-400") }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate peer-checked:font-medium peer-checked:text-primary", children: option.label }),
-                /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-check invisible ml-auto text-primary peer-checked:visible" })
-              ]
-            },
-            `${optionValueStr}-${index}`
-          );
-        }) })
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            className: tailwindMerge.twMerge("absolute left-3 -top-1.5 text-xs bg-white px-1 text-gray-500 transition-all dark:bg-slate-900 dark:text-gray-400"),
+            children: label
+          }
+        )
       ] }),
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          className: tailwindMerge.twMerge("absolute left-3 -top-1.5 text-xs bg-white px-1 text-gray-500 transition-all dark:bg-slate-900 dark:text-gray-400"),
-          children: label
-        }
-      )
-    ] }),
-    helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("mt-1 text-xs text-gray-500", error && "text-red-500"), children: helperText })
-  ] });
-});
+      helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("mt-1 text-xs text-gray-500", error && "text-red-500"), children: helperText })
+    ] });
+  }
+);
 Select.displayName = "Select";
 var Select_default = Select;
 var paletteValues = {
@@ -4483,6 +4616,7 @@ var TimeLineItem = React4__namespace.forwardRef((props, ref) => {
     className,
     children,
     __timelineSide = "right",
+    __timelineAxis = "center",
     __timelineAlign = "center",
     __timelineDensity = "default",
     __timelineColor = "primary",
@@ -4493,20 +4627,25 @@ var TimeLineItem = React4__namespace.forwardRef((props, ref) => {
     __timelineCount = 1,
     ...rest
   } = props;
+  const timelineSide = side ?? __timelineSide;
   const resolvedAlign = align ?? __timelineAlign;
-  const resolvedSide = resolveSide(side ?? __timelineSide, __timelineIndex);
+  const resolvedSide = resolveSide(timelineSide, __timelineIndex);
   const resolvedColor = color ?? __timelineColor;
   const dotSizeClass = dotSizeClasses[__timelineDotSize] ?? dotSizeClasses.md;
   const dotPalette = resolveDotPalette(resolvedColor, variant);
   const iconNode = resolveIconNode3(icon);
   const isLast = __timelineIndex >= __timelineCount - 1;
   const showLine = !hideLine && !isLast;
+  const hasOpposite = Boolean(opposite);
+  const isAlternate = timelineSide === "alternate";
+  const useAxisLayout = !hasOpposite && !isAlternate && __timelineAxis !== "center";
   const lineStyle = {
     width: __timelineLineWidth,
     backgroundColor: __timelineLineColor
   };
   const baseItemClass = tailwindMerge.twMerge(
-    "timeline-item grid grid-cols-[1fr_auto_1fr] gap-4",
+    "timeline-item grid gap-4",
+    useAxisLayout ? __timelineAxis === "left" ? "grid-cols-[auto_1fr]" : "grid-cols-[1fr_auto]" : "grid-cols-[1fr_auto_1fr]",
     alignClasses[resolvedAlign] ?? alignClasses.center,
     className
   );
@@ -4516,6 +4655,37 @@ var TimeLineItem = React4__namespace.forwardRef((props, ref) => {
   ] });
   const leftContent = resolvedSide === "left" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-right", contentClassName), children: contentNode }) : opposite ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-right text-sm text-gray-500", oppositeClassName), children: opposite }) : /* @__PURE__ */ jsxRuntime.jsx("div", {});
   const rightContent = resolvedSide === "right" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-left", contentClassName), children: contentNode }) : opposite ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-left text-sm text-gray-500", oppositeClassName), children: opposite }) : /* @__PURE__ */ jsxRuntime.jsx("div", {});
+  if (useAxisLayout) {
+    const contentAlignClass = resolvedSide === "left" ? "text-left" : "text-right";
+    const contentContainer = /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col", contentAlignClass, contentClassName), children: contentNode });
+    const dotColumn = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-col items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tailwindMerge.twMerge(
+            "flex items-center justify-center rounded-full ring-4 ring-white",
+            dotSizeClass,
+            dotPalette.dot,
+            dotPalette.ring,
+            dotClassName
+          ),
+          children: dot ?? iconNode
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tailwindMerge.twMerge("mt-3 flex-1 bg-gray-200 dark:bg-gray-700", showLine ? void 0 : "invisible", lineClassName),
+          style: lineStyle,
+          "aria-hidden": true
+        }
+      )
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, ref, className: baseItemClass, children: [
+      __timelineAxis === "left" ? dotColumn : contentContainer,
+      __timelineAxis === "left" ? contentContainer : dotColumn
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, ref, className: baseItemClass, children: [
     leftContent,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-col items-center", children: [
@@ -4535,11 +4705,7 @@ var TimeLineItem = React4__namespace.forwardRef((props, ref) => {
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: tailwindMerge.twMerge(
-            "mt-3 flex-1 bg-gray-200 dark:bg-gray-700",
-            showLine ? void 0 : "invisible",
-            lineClassName
-          ),
+          className: tailwindMerge.twMerge("mt-3 flex-1 bg-gray-200 dark:bg-gray-700", showLine ? void 0 : "invisible", lineClassName),
           style: lineStyle,
           "aria-hidden": true
         }
@@ -4559,6 +4725,7 @@ var isTimeLineItem = (child) => {
 var TimeLine = React4__namespace.forwardRef((props, ref) => {
   const {
     side = "right",
+    axis = "center",
     align = "center",
     density = "default",
     color = "primary",
@@ -4577,6 +4744,7 @@ var TimeLine = React4__namespace.forwardRef((props, ref) => {
     }
     return React4__namespace.cloneElement(child, {
       __timelineSide: side,
+      __timelineAxis: axis,
       __timelineAlign: align,
       __timelineDensity: density,
       __timelineColor: color,
@@ -4587,15 +4755,7 @@ var TimeLine = React4__namespace.forwardRef((props, ref) => {
       __timelineCount: childArray.length
     });
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      className: tailwindMerge.twMerge("timeline flex flex-col", resolvedGap, className),
-      children: resolvedChildren
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, ref, className: tailwindMerge.twMerge("timeline  flex flex-col", resolvedGap, className), children: resolvedChildren });
 });
 TimeLine.displayName = "TimeLine";
 var TimeLineWithItem = TimeLine;
@@ -4610,6 +4770,7 @@ exports.Button = Button_default;
 exports.Card = Card_default;
 exports.Chip = Chip_default;
 exports.Dialog = Dialog_default;
+exports.Drawer = Drawer_default;
 exports.ExpansionPanel = ExpansionPanel_default;
 exports.ExpansionPanelItem = ExpansionPanelItem_default;
 exports.Hero = Hero_default;