@dust-tt/sparkle 0.2.432-rc-2 → 0.2.432-rc-3

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

@@ -23,7 +23,7 @@ export interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<
 declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 export interface CollapsibleComponentProps {
     rootProps: Omit<CollapsibleProps, "children">;
-    triggerProps: Omit<CollapsibleTriggerProps, "children" | "defaultOpen">;
+    triggerProps?: Omit<CollapsibleTriggerProps, "children" | "defaultOpen">;
     triggerChildren?: React.ReactNode;
     contentProps?: Omit<CollapsibleContentProps, "children">;
     contentChildren?: React.ReactNode;

package/dist/esm/components/Collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa;;;mFAmBlB,CAAC;AAoBF,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,gBAAgB;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,yFAOf,CAAC;AAGH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACzE,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,mGAiDvB,CAAC;AAGF,QAAA,MAAM,eAAe;;mFASnB,CAAC;AAEH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACzE,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,QAAA,MAAM,kBAAkB,gGAetB,CAAC;AAGH,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC9C,YAAY,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC;IACxE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,oBAAoB,kGAsBzB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa;;;mFAmBlB,CAAC;AAoBF,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,gBAAgB;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,yFAOf,CAAC;AAGH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACzE,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,mGAiDvB,CAAC;AAGF,QAAA,MAAM,eAAe;;mFASnB,CAAC;AAEH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACzE,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,QAAA,MAAM,kBAAkB,gGAetB,CAAC;AAGH,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC;IACzE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,oBAAoB,kGAsBzB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}

package/dist/sparkle.css

@@ -5625,12 +5625,36 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes s-collapse-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
+
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+
 .data-\[state\=closed\]\:s-animate-collapse-up[data-state=closed] {
-  animation: collapse-up 150ms ease-out;
+  animation: s-collapse-up 150ms ease-out;
+}
+
+@keyframes s-collapse-down {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+
+  to {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
 }
 
 .data-\[state\=open\]\:s-animate-collapse-down[data-state=open] {
-  animation: collapse-down 150ms ease-out;
+  animation: s-collapse-down 150ms ease-out;
 }
 
 .data-\[panel-group-direction\=vertical\]\:s-flex-col[data-panel-group-direction=vertical] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.432-rc-2",
+  "version": "0.2.432-rc-3",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Collapsible.tsx

@@ -156,7 +156,7 @@ CollapsibleContent.displayName = "CollapsibleContent";
 
 export interface CollapsibleComponentProps {
   rootProps: Omit<CollapsibleProps, "children">;
-  triggerProps: Omit<CollapsibleTriggerProps, "children" | "defaultOpen">;
+  triggerProps?: Omit<CollapsibleTriggerProps, "children" | "defaultOpen">;
   triggerChildren?: React.ReactNode;
   contentProps?: Omit<CollapsibleContentProps, "children">;
   contentChildren?: React.ReactNode;