@spark-ui/collapsible 0.1.0 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
 # 0.1.0 (2024-06-07)
 
 ### Bug Fixes

package/dist/CollapsibleTrigger.d.ts

@@ -1,7 +1,5 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export interface CollapsibleTriggerProps extends ComponentPropsWithoutRef<'button'> {
     asChild?: boolean;
-    children: ReactNode;
-    className?: string;
 }
 export declare const Trigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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/dist/public/docgen.json

@@ -157,25 +157,6 @@
         "type": {
           "name": "boolean"
         }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "",
-        "name": "className",
-        "parent": {
-          "fileName": "collapsible/src/CollapsibleTrigger.tsx",
-          "name": "CollapsibleTriggerProps"
-        },
-        "declarations": [
-          {
-            "fileName": "collapsible/src/CollapsibleTrigger.tsx",
-            "name": "CollapsibleTriggerProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/collapsible",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "An interactive component which expands/collapses a panel.",
   "publishConfig": {
     "access": "public"
@@ -45,8 +45,8 @@
   "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.0",
+    "@zag-js/react": "^0.56.0"
   },
-  "gitHead": "5ab06446afc6e44e90583cff54175ab1fe01f6a0"
+  "gitHead": "aa2caf274538f534f4d61f2166ca31dcfccb005b"
 }