@spark-ui/collapsible 1.0.0 → 1.2.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.2.0](https://github.com/adevinta/spark/compare/@spark-ui/collapsible@1.1.0...@spark-ui/collapsible@1.2.0) (2024-06-15)
+
+### Features
+
+- **collapsible:** add "ids" props, useful for composition ([10c3ade](https://github.com/adevinta/spark/commit/10c3ade6d16b396ede579fd1ebed5911a89f087f))
+
+# [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

package/dist/Collapsible.d.ts

@@ -22,6 +22,10 @@ export interface CollapsibleProps extends ComponentPropsWithoutRef<'div'> {
      * The controlled open state of the collapsible. Must be used in conjunction with `onOpenChange`.
      */
     open?: boolean;
+    /**
+     * The ids of the elements in the collapsible. Useful for composition
+     */
+    ids?: collapsible.Context['ids'];
 }
 export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const useCollapsibleContext: () => collapsible.Api<PropTypes>;

package/dist/index.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),d=require("@spark-ui/slot"),T=require("@zag-js/collapsible"),s=require("@zag-js/react"),q=require("class-variance-authority");function x(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=x(T),f=o.createContext(null),C=o.forwardRef(({asChild:e=!1,children:n,defaultOpen:t=!1,disabled:a=!1,onOpenChange:l,open:r,ids:i,...y},P)=>{const u={"open.controlled":r!==void 0,open:t||r,disabled:a,id:o.useId(),ids:i},O={...u,onOpenChange(j){l?.(j.open)},open:r,disabled:a},[v,N]=s.useMachine(b.machine(u),{context:O}),m=b.connect(v,N,s.normalizeProps),w=e?d.Slot:"div",S=s.mergeProps(m.getRootProps(),y);return o.createElement(f.Provider,{value:m},o.createElement(w,{"data-spark-component":"collapsible",ref:P,...S},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:q.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,23 +1,23 @@
-import s, { createContext as w, forwardRef as i, useId as O, useContext as T } from "react";
+import s, { createContext as O, forwardRef as i, useId as T, useContext as R } 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 = 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));
+import { useMachine as j, normalizeProps as z, mergeProps as d } from "@zag-js/react";
+import { cx as I } from "class-variance-authority";
+const u = O(null), h = i(({ asChild: e = !1, children: t, defaultOpen: n = !1, disabled: o = !1, onOpenChange: l, open: a, ids: r, ...N }, v) => {
+  const C = { "open.controlled": a !== void 0, open: n || a, disabled: o, id: T(), ids: r }, y = { ...C, onOpenChange(w) {
+    l?.(w.open);
+  }, open: a, disabled: o }, [x, E] = j(b.machine(C), { context: y }), g = b.connect(x, E, z), P = e ? p : "div", k = d(g.getRootProps(), N);
+  return s.createElement(u.Provider, { value: g }, s.createElement(P, { "data-spark-component": "collapsible", ref: v, ...k }, t));
 });
-u.displayName = "Collapsible";
+h.displayName = "Collapsible";
 const f = () => {
-  const e = T(h);
+  const e = R(u);
   if (!e)
     throw Error("useCollapsibleContext must be used within a Collapsible provider");
   return e;
 }, 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);
+  return s.createElement(r, { ref: l, ...d(a(), { className: I("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 m = i(({ asChild: e = !1, children: t, ...n }, o) => {
@@ -25,8 +25,8 @@ const m = i(({ asChild: e = !1, children: t, ...n }, o) => {
   return s.createElement(a, { ref: o, "data-spark-component": "collapsible-trigger", ...d(l(), n) }, t);
 });
 m.displayName = "Collapsible.Trigger";
-const z = Object.assign(u, { Trigger: m, Content: c });
-z.displayName = "Collapsible", m.displayName = "Collapsible.Trigger", c.displayName = "Collapsible.Content";
+const M = Object.assign(h, { Trigger: m, Content: c });
+M.displayName = "Collapsible", m.displayName = "Collapsible.Trigger", c.displayName = "Collapsible.Content";
 export {
-  z as Collapsible
+  M as Collapsible
 };

package/dist/public/docgen.json

@@ -99,6 +99,25 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "ids": {
+        "defaultValue": null,
+        "description": "The ids of the elements in the collapsible. Useful for composition",
+        "name": "ids",
+        "parent": {
+          "fileName": "collapsible/src/Collapsible.tsx",
+          "name": "CollapsibleProps"
+        },
+        "declarations": [
+          {
+            "fileName": "collapsible/src/Collapsible.tsx",
+            "name": "CollapsibleProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Partial<{ root: string; content: string; trigger: string; }>"
+        }
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/collapsible",
-  "version": "1.0.0",
+  "version": "1.2.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.56.0",
-    "@zag-js/react": "^0.56.0"
+    "@zag-js/collapsible": "^0.56.1",
+    "@zag-js/react": "^0.56.1"
   },
-  "gitHead": "aa2caf274538f534f4d61f2166ca31dcfccb005b"
+  "gitHead": "280915cb634da62b25cbef3d1a727497c768aae3"
 }