@spark-ui/collapsible 0.1.1 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0](https://github.com/adevinta/spark/compare/@spark-ui/collapsible@1.0.0...@spark-ui/collapsible@1.1.0) (2024-06-14)
+
+### Features
+
+- **accordion:** accordion component ([023c2f9](https://github.com/adevinta/spark/commit/023c2f94cd5af6dc6ed48d39fe8224e3c7373847))
+
+# [1.0.0](https://github.com/adevinta/spark/compare/@spark-ui/collapsible@0.1.1...@spark-ui/collapsible@1.0.0) (2024-06-12)
+
+### Features
+
+- **collapsible:** collapsible stable release ([867eed8](https://github.com/adevinta/spark/commit/867eed8fc17a3653d4abda31a450f4edea03a033))
+
 ## [0.1.1](https://github.com/adevinta/spark/compare/@spark-ui/collapsible@0.1.0...@spark-ui/collapsible@0.1.1) (2024-06-10)
 
 **Note:** Version bump only for package @spark-ui/collapsible

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/collapsible",
-  "version": "0.1.1",
+  "version": "1.1.0",
   "description": "An interactive component which expands/collapses a panel.",
   "publishConfig": {
     "access": "public"
@@ -39,14 +39,14 @@
     "category": "components"
   },
   "bugs": {
-    "url": "https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3Autility+label%3Acollapsible"
+    "url": "https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3A%22Component%3A+collapsible%22"
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
   "dependencies": {
     "@spark-ui/slot": "^1.7.1",
-    "@zag-js/collapsible": "^0.53.0",
-    "@zag-js/react": "^0.53.0"
+    "@zag-js/collapsible": "^0.56.1",
+    "@zag-js/react": "^0.56.1"
   },
-  "gitHead": "96072f3ef236e62184f025c8781c108365c5ee97"
+  "gitHead": "70cbe1732252c1a1eac56af3d212fe2d33e4dcdc"
 }