luaniverse 4.2.26 → 4.2.27

package/dist/index.cjs

@@ -7044,6 +7044,90 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
+var Collapsible = radixUi.Collapsible.Root;
+var CollapsibleTrigger = radixUi.Collapsible.Trigger;
+var CollapsibleContent = React138__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  radixUi.Collapsible.Content,
+  {
+    ref,
+    className: cn(
+      "lua:overflow-hidden lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleContent.displayName = radixUi.Collapsible.Content.displayName;
+var CollapsibleRow = React138__namespace.forwardRef(
+  ({ label, open, onOpenChange, defaultOpen, children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Collapsible, { open, onOpenChange, defaultOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "lua:rounded-xl lua:border lua:border-border lua:bg-surface lua:text-surface-foreground lua:shadow-sm lua:overflow-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleTrigger, { className: "lua:flex lua:w-full lua:items-center lua:justify-between lua:px-4 lua:py-3.5 lua:text-left lua:font-semibold lua:text-surface-foreground lua:transition-colors lua:hover:bg-secondary/40 lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:[&[data-state=open]>svg]:rotate-90", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CaretRight,
+            {
+              size: 16,
+              className: "lua:shrink-0 lua:text-muted-foreground lua:transition-transform lua:duration-200"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:px-4 lua:pb-4", children }) })
+      ]
+    }
+  ) })
+);
+CollapsibleRow.displayName = "CollapsibleRow";
+var CollapsibleGroup = React138__namespace.forwardRef(
+  ({ title, action, open, onOpenChange, defaultOpen = true, children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Collapsible, { open, onOpenChange, defaultOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "lua:rounded-xl lua:border lua:border-border lua:bg-surface lua:text-surface-foreground lua:shadow-sm",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lua:flex lua:items-center lua:justify-between lua:px-4 lua:py-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:font-semibold lua:text-surface-foreground", children: title }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:text-muted-foreground", children: action })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:border-t lua:border-border", children }) })
+      ]
+    }
+  ) })
+);
+CollapsibleGroup.displayName = "CollapsibleGroup";
+var CollapsibleGroupItem = React138__namespace.forwardRef(
+  ({ icon, label, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "lua:flex lua:items-center lua:gap-3 lua:px-4 lua:py-3 lua:border-b lua:border-border lua:last:border-b-0",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:flex lua:h-10 lua:w-10 lua:shrink-0 lua:items-center lua:justify-center lua:rounded-full lua:border lua:border-border lua:bg-background", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lua:flex lua:min-w-0 lua:flex-1 lua:flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:text-sm lua:font-semibold lua:text-surface-foreground", children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:text-xs lua:text-muted-foreground", children: description })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:ml-auto lua:shrink-0 lua:text-sm lua:text-surface-foreground", children: action })
+      ]
+    }
+  )
+);
+CollapsibleGroupItem.displayName = "CollapsibleGroupItem";
 
 // src/safelist.js
 var luaniverseSafelist = [
@@ -7999,6 +8083,12 @@ exports.Circle = Circle;
 exports.ClipboardTextIcon = ClipboardTextIcon;
 exports.Clock = Clock;
 exports.CodeSimpleIcon = CodeSimpleIcon;
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleGroup = CollapsibleGroup;
+exports.CollapsibleGroupItem = CollapsibleGroupItem;
+exports.CollapsibleRow = CollapsibleRow;
+exports.CollapsibleTrigger = CollapsibleTrigger;
 exports.Combobox = Combobox;
 exports.Command = Command;
 exports.CommandEmpty = CommandEmpty;