@lindle/linoardo 1.0.44 → 1.0.46

package/dist/index.cjs

@@ -1100,6 +1100,7 @@ var ExpansionPanelItemInner = (props) => {
   const divider = context?.divider ?? true;
   const variant = context?.variant ?? "elevated";
   const rounded = context?.rounded ?? "lg";
+  const isControlled = context?.controlled ?? false;
   const accent = accentClasses2[color] ?? accentClasses2.primary;
   const isExpanded = value !== null && value !== void 0 ? context?.expandedValues.includes(value) ?? false : false;
   const rootSurface = divider ? "bg-transparent border-0 shadow-none" : itemVariantClasses[variant];
@@ -1145,7 +1146,7 @@ var ExpansionPanelItemInner = (props) => {
             id: inputId,
             type: "checkbox",
             className: "expansion-panel-item__toggle",
-            defaultChecked: isExpanded,
+            ...isControlled ? { checked: isExpanded, readOnly: true } : { defaultChecked: isExpanded },
             disabled
           }
         ),
@@ -1239,6 +1240,7 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     ...rest
   } = props;
   const allowMultiple = multiple ?? false;
+  const isControlled = value !== void 0;
   const resolvedValue = value !== void 0 ? value : defaultValue;
   const expandedValues = normalizeValues(resolvedValue, allowMultiple);
   const providerValue = {
@@ -1247,7 +1249,8 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     color,
     divider,
     rounded,
-    variant
+    variant,
+    controlled: isControlled
   };
   const variantClass = divider ? variantContainerClasses[variant] : "bg-transparent border border-transparent shadow-none";
   const shapeClass = roundedClasses2[rounded] ?? roundedClasses2.lg;
@@ -1509,6 +1512,59 @@ var Drawer = React4__namespace.forwardRef((props, ref) => {
 });
 Drawer.displayName = "Drawer";
 var Drawer_default = Drawer;
+var overlayBaseClasses4 = "inset-0 z-[55] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100";
+var scrimClasses = "bg-gray-900/55 backdrop-blur-[2px]";
+var Overlay = React4__namespace.forwardRef((props, ref) => {
+  const {
+    open,
+    keepMounted = false,
+    scrim = true,
+    container = false,
+    onClose,
+    portal = false,
+    portalContainer,
+    className,
+    role,
+    children,
+    ...rest
+  } = props;
+  const isOpen = open ?? true;
+  const shouldRender = keepMounted || isOpen;
+  const state = isOpen ? "open" : "closed";
+  if (!shouldRender) {
+    return null;
+  }
+  const resolvedPortalContainer = portalContainer ?? (typeof document !== "undefined" ? document.body : null);
+  const overlayNode = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      role: role ?? "presentation",
+      className: tailwindMerge.twMerge(
+        overlayBaseClasses4,
+        container ? "absolute" : "fixed",
+        scrim ? scrimClasses : "bg-transparent backdrop-blur-0",
+        isOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0",
+        className
+      ),
+      "data-state": state,
+      onClick: (event) => {
+        if (event.target !== event.currentTarget) {
+          return;
+        }
+        if (!event.defaultPrevented) {
+          onClose?.();
+        }
+      },
+      children
+    }
+  );
+  const shouldPortal = portal && !container;
+  return shouldPortal && resolvedPortalContainer ? reactDom.createPortal(overlayNode, resolvedPortalContainer) : overlayNode;
+});
+Overlay.displayName = "Overlay";
+var Overlay_default = Overlay;
 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";
@@ -3035,6 +3091,7 @@ var TextArea = ({
   const editor = react.useEditor({
     extensions: [StarterKit__default.default],
     content: renderMarkdown(contentValue),
+    immediatelyRender: false,
     editable: editorEditable,
     editorProps: {
       attributes: {
@@ -4708,6 +4765,7 @@ exports.ListItem = Item_default;
 exports.Masonry = Masonry_default;
 exports.Menu = Menu_default;
 exports.Notification = Notification_default;
+exports.Overlay = Overlay_default;
 exports.ProfileCard = ProfileCard_default;
 exports.Progress = Progress_default;
 exports.Select = Select_default;