@spark-ui/collapsible 9.2.2 → 9.2.4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.2.4](https://github.com/adevinta/spark/compare/v9.2.3...v9.2.4) (2025-03-06)
+
+**Note:** Version bump only for package @spark-ui/collapsible
+
+## [9.2.3](https://github.com/adevinta/spark/compare/v9.2.2...v9.2.3) (2025-03-04)
+
+**Note:** Version bump only for package @spark-ui/collapsible
+
 ## [9.2.2](https://github.com/adevinta/spark/compare/v9.2.1...v9.2.2) (2025-02-28)
 
 **Note:** Version bump only for package @spark-ui/collapsible

package/dist/Collapsible.d.ts

@@ -25,7 +25,7 @@ export interface CollapsibleProps extends ComponentProps<'div'> {
     /**
      * The ids of the elements in the collapsible. Useful for composition
      */
-    ids?: collapsible.Context['ids'];
+    ids?: collapsible.Props['ids'];
     ref?: Ref<HTMLDivElement>;
 }
 export declare const Collapsible: {

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("@spark-ui/internal-utils"),p=require("@spark-ui/slot"),T=require("@zag-js/collapsible"),i=require("@zag-js/react"),x=require("class-variance-authority");function w(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const C=w(T),h=r.createContext(null),y=({asChild:e=!1,children:n,defaultOpen:t=!1,disabled:o=!1,onOpenChange:a,open:l,ids:s,ref:c,...d})=>{const m={"open.controlled":l!==void 0,open:t||l,disabled:o,id:r.useId(),ids:s},v={...m,onOpenChange:E.useEvent(q=>{a?.(q.open)},{sync:!0}),open:l,disabled:o},[O,N]=i.useMachine(C.machine(m),{context:v}),b=C.connect(O,N,i.normalizeProps),S=e?p.Slot:"div",j=i.mergeProps(b.getRootProps(),d);return r.createElement(h.Provider,{value:b},r.createElement(S,{"data-spark-component":"collapsible",ref:c,...j},n))};y.displayName="Collapsible";const P=()=>{const e=r.useContext(h);if(!e)throw Error("useCollapsibleContext must be used within a Collapsible provider");return e},u=({asChild:e=!1,className:n,children:t,ref:o,...a})=>{const{getContentProps:l}=P(),s=e?p.Slot:"div",c=l(),d=i.mergeProps(c,{className:x.cx("overflow-hidden","motion-reduce:animate-none!","[&[hidden]]:hidden","data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out",n),...a});return r.createElement(s,{ref:o,"data-spark-component":"collapsible-content",...d},t)};u.displayName="Collapsible.Content";const g=({asChild:e=!1,children:n,ref:t,...o})=>{const a=P(),l=e?p.Slot:"button",s=i.mergeProps(a.getTriggerProps(),o);return r.createElement(l,{ref:t,"data-spark-component":"collapsible-trigger",...s},n)};g.displayName="Collapsible.Trigger";const f=Object.assign(y,{Trigger:g,Content:u});f.displayName="Collapsible",g.displayName="Collapsible.Trigger",u.displayName="Collapsible.Content",exports.Collapsible=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),p=require("@spark-ui/slot"),S=require("@zag-js/collapsible"),i=require("@zag-js/react"),j=require("class-variance-authority");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=T(S),f=a.createContext(null),h=({asChild:e=!1,children:n,defaultOpen:t=!1,disabled:o=!1,onOpenChange:l,open:r,ids:s,ref:d,...c})=>{const O=i.useMachine(b.machine,{open:r,defaultOpen:t,disabled:o,id:a.useId(),ids:s,onOpenChange(N){l?.(N.open)}}),g=b.connect(O,i.normalizeProps),P=e?p.Slot:"div",v=i.mergeProps(g.getRootProps(),c);return a.createElement(f.Provider,{value:g},a.createElement(P,{"data-spark-component":"collapsible",ref:d,...v},n))};h.displayName="Collapsible";const y=()=>{const e=a.useContext(f);if(!e)throw Error("useCollapsibleContext must be used within a Collapsible provider");return e},u=({asChild:e=!1,className:n,children:t,ref:o,...l})=>{const{getContentProps:r}=y(),s=e?p.Slot:"div",d=r(),c=i.mergeProps(d,{className:j.cx("overflow-hidden","motion-reduce:animate-none!","[&[hidden]]:hidden","data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out",n),...l});return a.createElement(s,{ref:o,"data-spark-component":"collapsible-content",...c},t)};u.displayName="Collapsible.Content";const m=({asChild:e=!1,children:n,ref:t,...o})=>{const l=y(),r=e?p.Slot:"button",s=i.mergeProps(l.getTriggerProps(),o);return a.createElement(r,{ref:t,"data-spark-component":"collapsible-trigger",...s},n)};m.displayName="Collapsible.Trigger";const C=Object.assign(h,{Trigger:m,Content:u});C.displayName="Collapsible",m.displayName="Collapsible.Trigger",u.displayName="Collapsible.Content",exports.Collapsible=C;

package/dist/index.mjs

@@ -1,33 +1,32 @@
-import r, { createContext as k, useId as T, useContext as w } from "react";
-import { useEvent as j } from "@spark-ui/internal-utils";
+import r, { createContext as x, useId as E, useContext as O } from "react";
 import { Slot as d } from "@spark-ui/slot";
-import * as g from "@zag-js/collapsible";
-import { useMachine as z, normalizeProps as I, mergeProps as c } from "@zag-js/react";
-import { cx as M } from "class-variance-authority";
-const h = k(null), f = ({ asChild: e = !1, children: t, defaultOpen: n = !1, disabled: o = !1, onOpenChange: s, open: a, ids: l, ref: i, ...p }) => {
-  const b = { "open.controlled": a !== void 0, open: n || a, disabled: o, id: T(), ids: l }, N = { ...b, onOpenChange: j((O) => {
-    s?.(O.open);
-  }, { sync: !0 }), open: a, disabled: o }, [y, E] = z(g.machine(b), { context: N }), u = g.connect(y, E, I), x = e ? d : "div", P = c(u.getRootProps(), p);
-  return r.createElement(h.Provider, { value: u }, r.createElement(x, { "data-spark-component": "collapsible", ref: i, ...P }, t));
+import * as b from "@zag-js/collapsible";
+import { useMachine as T, normalizeProps as k, mergeProps as c } from "@zag-js/react";
+import { cx as w } from "class-variance-authority";
+const u = x(null), f = ({ asChild: e = !1, children: a, defaultOpen: o = !1, disabled: t = !1, onOpenChange: n, open: s, ids: l, ref: i, ...p }) => {
+  const N = T(b.machine, { open: s, defaultOpen: o, disabled: t, id: E(), ids: l, onOpenChange(P) {
+    n?.(P.open);
+  } }), g = b.connect(N, k), v = e ? d : "div", y = c(g.getRootProps(), p);
+  return r.createElement(u.Provider, { value: g }, r.createElement(v, { "data-spark-component": "collapsible", ref: i, ...y }, a));
 };
 f.displayName = "Collapsible";
-const v = () => {
-  const e = w(h);
+const h = () => {
+  const e = O(u);
   if (!e)
     throw Error("useCollapsibleContext must be used within a Collapsible provider");
   return e;
-}, m = ({ asChild: e = !1, className: t, children: n, ref: o, ...s }) => {
-  const { getContentProps: a } = v(), l = e ? d : "div", i = a(), p = c(i, { className: M("overflow-hidden", "motion-reduce:animate-none!", "[&[hidden]]:hidden", "data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out", t), ...s });
-  return r.createElement(l, { ref: o, "data-spark-component": "collapsible-content", ...p }, n);
+}, m = ({ asChild: e = !1, className: a, children: o, ref: t, ...n }) => {
+  const { getContentProps: s } = h(), l = e ? d : "div", i = s(), p = c(i, { className: w("overflow-hidden", "motion-reduce:animate-none!", "[&[hidden]]:hidden", "data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out", a), ...n });
+  return r.createElement(l, { ref: t, "data-spark-component": "collapsible-content", ...p }, o);
 };
 m.displayName = "Collapsible.Content";
-const C = ({ asChild: e = !1, children: t, ref: n, ...o }) => {
-  const s = v(), a = e ? d : "button", l = c(s.getTriggerProps(), o);
-  return r.createElement(a, { ref: n, "data-spark-component": "collapsible-trigger", ...l }, t);
+const C = ({ asChild: e = !1, children: a, ref: o, ...t }) => {
+  const n = h(), s = e ? d : "button", l = c(n.getTriggerProps(), t);
+  return r.createElement(s, { ref: o, "data-spark-component": "collapsible-trigger", ...l }, a);
 };
 C.displayName = "Collapsible.Trigger";
-const R = Object.assign(f, { Trigger: C, Content: m });
-R.displayName = "Collapsible", C.displayName = "Collapsible.Trigger", m.displayName = "Collapsible.Content";
+const j = Object.assign(f, { Trigger: C, Content: m });
+j.displayName = "Collapsible", C.displayName = "Collapsible.Trigger", m.displayName = "Collapsible.Content";
 export {
-  R as Collapsible
+  j as Collapsible
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/collapsible",
-  "version": "9.2.2",
+  "version": "9.2.4",
   "description": "An interactive component which expands/collapses a panel.",
   "publishConfig": {
     "access": "public"
@@ -44,10 +44,10 @@
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
   "dependencies": {
-    "@spark-ui/internal-utils": "^9.2.2",
-    "@spark-ui/slot": "^9.2.2",
-    "@zag-js/collapsible": "0.81.0",
-    "@zag-js/react": "0.81.0"
+    "@spark-ui/internal-utils": "^9.2.4",
+    "@spark-ui/slot": "^9.2.4",
+    "@zag-js/collapsible": "1.3.1",
+    "@zag-js/react": "1.3.1"
   },
-  "gitHead": "28c7ff43b39c0a0d1c703041b85e10b5fa24067d"
+  "gitHead": "ff6b77dcbe9ff46f94ac435b15d8a5704518ca9b"
 }