@dust-tt/sparkle 0.2.100 → 0.2.101

package/dist/cjs/components/Collapsible.d.ts

@@ -1,17 +1,12 @@
 import React from "react";
 export interface CollapsibleProps {
     children: React.ReactNode;
+    defaultOpen?: boolean;
 }
 export declare const Collapsible: React.FC<CollapsibleProps> & {
     Button: React.FC<CollapsibleButtonProps>;
     Panel: React.FC<CollapsiblePanelProps>;
 };
-export interface CollapsibleButtonProps {
-    label?: string;
-    className?: string;
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
 export interface CollapsibleButtonProps {
     label?: string;
     className?: string;

package/dist/cjs/index.js

@@ -31985,8 +31985,8 @@ var useOpenState = function () {
     return context;
 };
 var Collapsible = function (_a) {
-    var children = _a.children;
-    return (React.createElement(ve$1, null, function (_a) {
+    var children = _a.children, defaultOpen = _a.defaultOpen;
+    return (React.createElement(ve$1, { defaultOpen: defaultOpen }, function (_a) {
         var open = _a.open;
         return (React.createElement(OpenStateContext.Provider, { value: open }, children));
     }));
@@ -32048,9 +32048,9 @@ Collapsible.Button = function (_a) {
     };
     var finalLabelClasses = classNames(labelClasses[variant].base, labelClasses[variant].dark.base, !disabled ? labelClasses[variant].active : "", !disabled ? labelClasses[variant].dark.active : "", !disabled ? labelClasses[variant].hover : "", !disabled ? labelClasses[variant].dark.hover : "", disabled ? labelClasses[variant].disabled : "");
     var finalChevronClasses = classNames(chevronClasses[variant].base, chevronClasses[variant].dark.base, !disabled ? chevronClasses[variant].active : "", !disabled ? chevronClasses[variant].dark.active : "", !disabled ? chevronClasses[variant].hover : "", !disabled ? chevronClasses[variant].dark.hover : "", disabled ? chevronClasses[variant].disabled : "");
-    return (React.createElement(React.Fragment, null, children ? (children) : (React.createElement(ve$1.Button, { disabled: disabled, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-gap-1 s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0") },
+    return (React.createElement(ve$1.Button, { disabled: disabled, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-items-center s-justify-items-center s-gap-1 s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0") },
         React.createElement(Icon, { visual: open ? SvgChevronDown$1 : SvgChevronRight$1, size: "sm", className: finalChevronClasses }),
-        React.createElement("span", { className: finalLabelClasses }, label)))));
+        children ? children : React.createElement("span", { className: finalLabelClasses }, label)));
 };
 Collapsible.Panel = function (_a) {
     var children = _a.children;