@c2n/accordion 0.0.11 → 0.0.13

package/custom-elements.json

@@ -0,0 +1 @@
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/accordion.ts","declarations":[{"kind":"class","description":"A connected disclosure surface with shared borders, outside corners and animated panels.\nOpening a panel closes its siblings unless `multiple` is set.","name":"Accordion","cssProperties":[{"type":{"text":"pixel"},"description":"Space between panels. Zero joins their borders and corners; a positive gap separates them into cards.","name":"--c2-accordion--gap","default":"0px"},{"type":{"text":"pixel"},"description":"Width of the outer frame and shared panel dividers.","name":"--c2-accordion--border-width","default":"1px"},{"type":{"text":"color"},"description":"Color of the outer frame and shared panel dividers.","name":"--c2-accordion--border-color","default":"#d5d5d5"},{"type":{"text":"border-radius"},"description":"Outside corner radius. With a positive gap, applies to every panel.","name":"--c2-accordion--border-radius","default":"8px"},{"type":{"text":"time"},"description":"Panel and chevron animation duration. Set to 0ms for instant toggling; respects reduced motion.","name":"--c2-accordion--transition-duration","default":"300ms"}],"slots":[{"description":"Direct `c2-details` children to coordinate.","name":""}],"members":[{"kind":"field","name":"multiple","type":{"text":"boolean"},"default":"false","description":"Allows several panels to remain expanded. All panels may be closed in either mode.","attribute":"multiple","reflects":true},{"kind":"field","name":"accordion","type":{"text":"AccordionContext"},"privacy":"protected","default":"{ expandedChanged: (panel) => { if (this.isConnected && this.panels.includes(panel) && panel.expanded) this.closeOthers(panel) }, }"},{"kind":"field","name":"panels","type":{"text":"Details[]"},"privacy":"private","readonly":true},{"kind":"method","name":"syncPanels","privacy":"private"},{"kind":"method","name":"closeOthers","privacy":"private","parameters":[{"name":"expandedPanel","optional":true,"type":{"text":"Details"}}]}],"attributes":[{"name":"multiple","type":{"text":"boolean"},"default":"false","description":"Allows several panels to remain expanded. All panels may be closed in either mode.","fieldName":"multiple"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-accordion","customElement":true,"slotComponents":["c2-details"]}],"exports":[{"kind":"js","name":"Accordion","declaration":{"name":"Accordion","module":"src/accordion.ts"}},{"kind":"custom-element-definition","name":"c2-accordion","declaration":{"name":"Accordion","module":"src/accordion.ts"}}]}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/accordion",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "main": "dist/accordion.js",
   "exports": {
@@ -21,6 +21,7 @@
   "files": [
     "dist",
     "types",
+    "custom-elements.json",
     "react.d.ts",
     "react.js",
     "vue.d.ts",
@@ -63,8 +64,8 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.11",
-    "@c2n/details": "0.0.11",
+    "@c2n/core": "0.0.13",
+    "@c2n/details": "0.0.13",
     "@lit/context": "1.1.6",
     "lit": "3.3.3"
   },
@@ -72,5 +73,5 @@
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "bf962fba5e49a0ac7555a082584e262949d323a5"
+  "gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
 }

package/react.d.ts

@@ -6,12 +6,18 @@
 //
 // Register the elements at module scope before React renders, or React writes an object prop as an
 // attribute and it stringifies.
+//
+// On a server-rendered page (Next.js, React Router SSR) write a camelCase property by its kebab-case attribute
+// name ('row-key', not rowKey): the server emits props verbatim, HTML lowercases them, and hydration does not
+// set properties. Those names are listed next to the properties below.
 
 import type { DetailedHTMLProps, HTMLAttributes } from 'react'
 import type { Accordion } from '@c2n/accordion'
 
 /** Standard React host-element attributes plus the element's own public properties. */
 type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
+/** What React writes to a custom element's attribute: true becomes the empty string, false removes it. */
+type Attribute = string | number | boolean
 
 declare module 'react' {
   namespace JSX {