npm - @puzzle-ui/ui - Versions diffs - 0.3.0 → 0.5.0 - Mend

@puzzle-ui/ui 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (240) hide show

package/dist/components/layout/stack/stack.css CHANGED Viewed

@@ -1,10 +1,19 @@
 .puzzle-stack {
+  --stack-align-h: flex-start;
+  --stack-align-v: flex-start;
+  --stack-main-alignment: var(--stack-align-v);
+  --stack-cross-alignment: var(--stack-align-h);
   gap: var(--puzzle-space-4, 1rem);
   justify-content: flex-start;
   align-items: stretch;
   display: flex;
 }
+.puzzle-stack.has-alignment {
+  justify-content: var(--stack-main-alignment);
+  align-items: var(--stack-cross-alignment);
+}
 .puzzle-stack.nowrap {
   flex-wrap: nowrap;
 }
@@ -30,18 +39,20 @@
 }
 .puzzle-stack.gap-md {
-  gap: var(--puzzle-space-3, .75rem);
+  gap: var(--puzzle-space-4, 1rem);
 }
 .puzzle-stack.gap-lg {
-  gap: var(--puzzle-space-4, 1rem);
+  gap: var(--puzzle-space-8, 2rem);
 }
 .puzzle-stack.gap-xl {
-  gap: var(--puzzle-space-5, 1.25rem);
+  gap: var(--puzzle-space-16, 4rem);
 }
 .puzzle-stack.direction-mobile-row {
+  --stack-main-alignment: var(--stack-align-h);
+  --stack-cross-alignment: var(--stack-align-v);
   flex-direction: row;
 }
@@ -50,6 +61,8 @@
 }
 .puzzle-stack.direction-mobile-col {
+  --stack-main-alignment: var(--stack-align-v);
+  --stack-cross-alignment: var(--stack-align-h);
   flex-direction: column;
 }
@@ -57,52 +70,66 @@
   flex-direction: column-reverse;
 }
-.puzzle-stack.direction-mobile-row.align-h-start, .puzzle-stack.direction-mobile-col.align-v-start {
-  justify-content: flex-start;
+.puzzle-stack.align-h-mobile-start {
+  --stack-align-h: flex-start;
 }
-.puzzle-stack.direction-mobile-row.align-h-center, .puzzle-stack.direction-mobile-col.align-v-center {
-  justify-content: center;
+.puzzle-stack.align-h-mobile-center {
+  --stack-align-h: center;
 }
-.puzzle-stack.direction-mobile-row.align-h-end, .puzzle-stack.direction-mobile-col.align-v-end {
-  justify-content: flex-end;
+.puzzle-stack.align-h-mobile-end {
+  --stack-align-h: flex-end;
 }
-.puzzle-stack.direction-mobile-row.align-h-stretch, .puzzle-stack.direction-mobile-col.align-v-stretch {
-  justify-content: stretch;
+.puzzle-stack.align-h-mobile-stretch {
+  --stack-align-h: stretch;
 }
-.puzzle-stack.direction-mobile-row.align-h-around, .puzzle-stack.direction-mobile-col.align-v-around {
-  justify-content: space-around;
+.puzzle-stack.align-h-mobile-around {
+  --stack-align-h: space-around;
 }
-.puzzle-stack.direction-mobile-row.align-h-between, .puzzle-stack.direction-mobile-col.align-v-between {
-  justify-content: space-between;
+.puzzle-stack.align-h-mobile-between {
+  --stack-align-h: space-between;
 }
-.puzzle-stack.direction-mobile-row.align-h-evenly, .puzzle-stack.direction-mobile-col.align-v-evenly {
-  justify-content: space-evenly;
+.puzzle-stack.align-h-mobile-evenly {
+  --stack-align-h: space-evenly;
 }
-.puzzle-stack.direction-mobile-row.align-v-start, .puzzle-stack.direction-mobile-col.align-h-start {
-  align-items: flex-start;
+.puzzle-stack.align-v-mobile-start {
+  --stack-align-v: flex-start;
 }
-.puzzle-stack.direction-mobile-row.align-v-center, .puzzle-stack.direction-mobile-col.align-h-center {
-  align-items: center;
+.puzzle-stack.align-v-mobile-center {
+  --stack-align-v: center;
 }
-.puzzle-stack.direction-mobile-row.align-v-end, .puzzle-stack.direction-mobile-col.align-h-end {
-  align-items: flex-end;
+.puzzle-stack.align-v-mobile-end {
+  --stack-align-v: flex-end;
 }
-.puzzle-stack.direction-mobile-row.align-v-stretch, .puzzle-stack.direction-mobile-col.align-h-stretch {
-  align-items: stretch;
+.puzzle-stack.align-v-mobile-stretch {
+  --stack-align-v: stretch;
+}
+.puzzle-stack.align-v-mobile-around {
+  --stack-align-v: space-around;
+}
+.puzzle-stack.align-v-mobile-between {
+  --stack-align-v: space-between;
+}
+.puzzle-stack.align-v-mobile-evenly {
+  --stack-align-v: space-evenly;
 }
 @media (width >= 768px) {
   .puzzle-stack.direction-tablet-row {
+    --stack-main-alignment: var(--stack-align-h);
+    --stack-cross-alignment: var(--stack-align-v);
     flex-direction: row;
   }
@@ -111,6 +138,8 @@
   }
   .puzzle-stack.direction-tablet-col {
+    --stack-main-alignment: var(--stack-align-v);
+    --stack-cross-alignment: var(--stack-align-h);
     flex-direction: column;
   }
@@ -118,58 +147,67 @@
     flex-direction: column-reverse;
   }
-  .puzzle-stack.direction-tablet-row.has-alignment, .puzzle-stack.direction-tablet-col.has-alignment {
-    justify-content: flex-start;
-    align-items: stretch;
+  .puzzle-stack.align-h-tablet-start {
+    --stack-align-h: flex-start;
   }
-  .puzzle-stack.direction-tablet-row.align-h-start, .puzzle-stack.direction-tablet-col.align-v-start {
-    justify-content: flex-start;
+  .puzzle-stack.align-h-tablet-center {
+    --stack-align-h: center;
   }
-  .puzzle-stack.direction-tablet-row.align-h-center, .puzzle-stack.direction-tablet-col.align-v-center {
-    justify-content: center;
+  .puzzle-stack.align-h-tablet-end {
+    --stack-align-h: flex-end;
   }
-  .puzzle-stack.direction-tablet-row.align-h-end, .puzzle-stack.direction-tablet-col.align-v-end {
-    justify-content: flex-end;
+  .puzzle-stack.align-h-tablet-stretch {
+    --stack-align-h: stretch;
   }
-  .puzzle-stack.direction-tablet-row.align-h-stretch, .puzzle-stack.direction-tablet-col.align-v-stretch {
-    justify-content: stretch;
+  .puzzle-stack.align-h-tablet-around {
+    --stack-align-h: space-around;
   }
-  .puzzle-stack.direction-tablet-row.align-h-around, .puzzle-stack.direction-tablet-col.align-v-around {
-    justify-content: space-around;
+  .puzzle-stack.align-h-tablet-between {
+    --stack-align-h: space-between;
   }
-  .puzzle-stack.direction-tablet-row.align-h-between, .puzzle-stack.direction-tablet-col.align-v-between {
-    justify-content: space-between;
+  .puzzle-stack.align-h-tablet-evenly {
+    --stack-align-h: space-evenly;
   }
-  .puzzle-stack.direction-tablet-row.align-h-evenly, .puzzle-stack.direction-tablet-col.align-v-evenly {
-    justify-content: space-evenly;
+  .puzzle-stack.align-v-tablet-start {
+    --stack-align-v: flex-start;
   }
-  .puzzle-stack.direction-tablet-row.align-v-start, .puzzle-stack.direction-tablet-col.align-h-start {
-    align-items: flex-start;
+  .puzzle-stack.align-v-tablet-center {
+    --stack-align-v: center;
   }
-  .puzzle-stack.direction-tablet-row.align-v-center, .puzzle-stack.direction-tablet-col.align-h-center {
-    align-items: center;
+  .puzzle-stack.align-v-tablet-end {
+    --stack-align-v: flex-end;
   }
-  .puzzle-stack.direction-tablet-row.align-v-end, .puzzle-stack.direction-tablet-col.align-h-end {
-    align-items: flex-end;
+  .puzzle-stack.align-v-tablet-stretch {
+    --stack-align-v: stretch;
   }
-  .puzzle-stack.direction-tablet-row.align-v-stretch, .puzzle-stack.direction-tablet-col.align-h-stretch {
-    align-items: stretch;
+  .puzzle-stack.align-v-tablet-around {
+    --stack-align-v: space-around;
+  }
+  .puzzle-stack.align-v-tablet-between {
+    --stack-align-v: space-between;
+  }
+  .puzzle-stack.align-v-tablet-evenly {
+    --stack-align-v: space-evenly;
   }
 }
 @media (width >= 1024px) {
   .puzzle-stack.direction-desktop-row {
+    --stack-main-alignment: var(--stack-align-h);
+    --stack-cross-alignment: var(--stack-align-v);
     flex-direction: row;
   }
@@ -178,6 +216,8 @@
   }
   .puzzle-stack.direction-desktop-col {
+    --stack-main-alignment: var(--stack-align-v);
+    --stack-cross-alignment: var(--stack-align-h);
     flex-direction: column;
   }
@@ -185,119 +225,59 @@
     flex-direction: column-reverse;
   }
-  .puzzle-stack.direction-desktop-row.has-alignment, .puzzle-stack.direction-desktop-col.has-alignment {
-    justify-content: flex-start;
-    align-items: stretch;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-start, .puzzle-stack.direction-desktop-col.align-v-start {
-    justify-content: flex-start;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-center, .puzzle-stack.direction-desktop-col.align-v-center {
-    justify-content: center;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-end, .puzzle-stack.direction-desktop-col.align-v-end {
-    justify-content: flex-end;
+  .puzzle-stack.align-h-desktop-start {
+    --stack-align-h: flex-start;
   }
-  .puzzle-stack.direction-desktop-row.align-h-stretch, .puzzle-stack.direction-desktop-col.align-v-stretch {
-    justify-content: stretch;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-around, .puzzle-stack.direction-desktop-col.align-v-around {
-    justify-content: space-around;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-between, .puzzle-stack.direction-desktop-col.align-v-between {
-    justify-content: space-between;
-  }
-  .puzzle-stack.direction-desktop-row.align-h-evenly, .puzzle-stack.direction-desktop-col.align-v-evenly {
-    justify-content: space-evenly;
-  }
-  .puzzle-stack.direction-desktop-row.align-v-start, .puzzle-stack.direction-desktop-col.align-h-start {
-    align-items: flex-start;
-  }
-  .puzzle-stack.direction-desktop-row.align-v-center, .puzzle-stack.direction-desktop-col.align-h-center {
-    align-items: center;
-  }
-  .puzzle-stack.direction-desktop-row.align-v-end, .puzzle-stack.direction-desktop-col.align-h-end {
-    align-items: flex-end;
-  }
-  .puzzle-stack.direction-desktop-row.align-v-stretch, .puzzle-stack.direction-desktop-col.align-h-stretch {
-    align-items: stretch;
-  }
-}
-@media (width >= 1440px) {
-  .puzzle-stack.direction-hd-row {
-    flex-direction: row;
-  }
-  .puzzle-stack.direction-hd-row.reverse {
-    flex-direction: row-reverse;
-  }
-  .puzzle-stack.direction-hd-col {
-    flex-direction: column;
-  }
-  .puzzle-stack.direction-hd-col.reverse {
-    flex-direction: column-reverse;
+  .puzzle-stack.align-h-desktop-center {
+    --stack-align-h: center;
   }
-  .puzzle-stack.direction-hd-row.has-alignment, .puzzle-stack.direction-hd-col.has-alignment {
-    justify-content: flex-start;
-    align-items: stretch;
+  .puzzle-stack.align-h-desktop-end {
+    --stack-align-h: flex-end;
   }
-  .puzzle-stack.direction-hd-row.align-h-start, .puzzle-stack.direction-hd-col.align-v-start {
-    justify-content: flex-start;
+  .puzzle-stack.align-h-desktop-stretch {
+    --stack-align-h: stretch;
   }
-  .puzzle-stack.direction-hd-row.align-h-center, .puzzle-stack.direction-hd-col.align-v-center {
-    justify-content: center;
+  .puzzle-stack.align-h-desktop-around {
+    --stack-align-h: space-around;
   }
-  .puzzle-stack.direction-hd-row.align-h-end, .puzzle-stack.direction-hd-col.align-v-end {
-    justify-content: flex-end;
+  .puzzle-stack.align-h-desktop-between {
+    --stack-align-h: space-between;
   }
-  .puzzle-stack.direction-hd-row.align-h-stretch, .puzzle-stack.direction-hd-col.align-v-stretch {
-    justify-content: stretch;
+  .puzzle-stack.align-h-desktop-evenly {
+    --stack-align-h: space-evenly;
   }
-  .puzzle-stack.direction-hd-row.align-h-around, .puzzle-stack.direction-hd-col.align-v-around {
-    justify-content: space-around;
+  .puzzle-stack.align-v-desktop-start {
+    --stack-align-v: flex-start;
   }
-  .puzzle-stack.direction-hd-row.align-h-between, .puzzle-stack.direction-hd-col.align-v-between {
-    justify-content: space-between;
+  .puzzle-stack.align-v-desktop-center {
+    --stack-align-v: center;
   }
-  .puzzle-stack.direction-hd-row.align-h-evenly, .puzzle-stack.direction-hd-col.align-v-evenly {
-    justify-content: space-evenly;
+  .puzzle-stack.align-v-desktop-end {
+    --stack-align-v: flex-end;
   }
-  .puzzle-stack.direction-hd-row.align-v-start, .puzzle-stack.direction-hd-col.align-h-start {
-    align-items: flex-start;
+  .puzzle-stack.align-v-desktop-stretch {
+    --stack-align-v: stretch;
   }
-  .puzzle-stack.direction-hd-row.align-v-center, .puzzle-stack.direction-hd-col.align-h-center {
-    align-items: center;
+  .puzzle-stack.align-v-desktop-around {
+    --stack-align-v: space-around;
   }
-  .puzzle-stack.direction-hd-row.align-v-end, .puzzle-stack.direction-hd-col.align-h-end {
-    align-items: flex-end;
+  .puzzle-stack.align-v-desktop-between {
+    --stack-align-v: space-between;
   }
-  .puzzle-stack.direction-hd-row.align-v-stretch, .puzzle-stack.direction-hd-col.align-h-stretch {
-    align-items: stretch;
+  .puzzle-stack.align-v-desktop-evenly {
+    --stack-align-v: space-evenly;
   }
 }

package/dist/components/navigation/accordion/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":["useId","useRef","useState","cn","Fragment","Transition"],"sources":["../../../../src/components/navigation/accordion/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Fragment,\n useId,\n useState,\n useRef,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"@puzzle-ui/core\";\nimport { Transition } from \"../../utilities/transition\";\nimport \"./accordion.css\";\n\ntype AccordionType = \"single\" \| \"multiple\";\ntype AccordionItemId = string \| number;\ntype AccordionValue =\n \| AccordionItemId\n \| readonly AccordionItemId[]\n \| null;\n\ntype AccordionItemData = {\n /** Stable key for the item when the list is reordered. /\n id?: string \| number;\n\n /* Visible title of the accordion item. /\n title: ReactNode;\n\n /* Content shown when the item is expanded. /\n content: ReactNode;\n\n /* Prevents the item from being toggled by the user. /\n disabled?: boolean;\n};\n\ntype AccordionProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\" \| \"onChange\"\n> & {\n /* Items displayed by the accordion. /\n items: AccordionItemData[];\n\n /* Initial expanded indexes for uncontrolled usage. Defaults to []. /\n initialOpenItemIndexes?: number[];\n\n /* Expanded indexes for controlled usage. /\n openItemIndexes?: number[];\n\n /* Called with the next expanded indexes after user interaction. /\n onChange?: (openItemIndexes: number[]) => void;\n\n /* Expanded item ID(s). Requires an ID on every item. /\n value?: AccordionValue;\n\n /* Initially expanded item ID(s). Requires an ID on every item. /\n defaultValue?: AccordionValue;\n\n /* Called with the next expanded item ID(s). /\n onValueChange?: (value: AccordionItemId \| AccordionItemId[] \| null) => void;\n\n /* Whether multiple items can be expanded simultaneously. /\n type?: AccordionType;\n\n /* Allow the currently expanded item to collapse in single mode. /\n collapsible?: boolean;\n\n /* Semantic heading level used for each item. Defaults to 3. /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\n /* Adds region landmarks to the panels. Defaults to true for <= 6 items. /\n region?: boolean;\n\n /* Class applied to each trigger button. /\n triggerClassName?: string;\n\n /* Class applied to each animated panel. /\n panelClassName?: string;\n\n /* Class applied to the panel content wrapper. /\n contentClassName?: string;\n\n /* Unmount panel content after its closing animation completes. Defaults to false. */\n unMountOnClose?: boolean;\n};\n\nconst normalizeOpenItemIndexes = (\n indexes: number[] \| undefined,\n itemCount: number,\n type: AccordionType,\n): number[] => {\n const validIndexes = Array.from(\n new Set(\n (indexes ?? []).filter(\n (index) => Number.isInteger(index) && index >= 0 && index < itemCount,\n ),\n ),\n );\n\n if (type === \"single\") {\n return validIndexes.slice(0, 1);\n }\n\n return validIndexes.sort((a, b) => a - b);\n};\n\nconst normalizeOpenItemIds = (\n value: AccordionValue \| undefined,\n type: AccordionType,\n): AccordionItemId[] => {\n const ids =\n value == null ? [] : Array.isArray(value) ? [...value] : [value];\n const uniqueIds = Array.from(new Set(ids));\n\n return type === \"single\" ? uniqueIds.slice(0, 1) : uniqueIds;\n};\n\nconst Accordion = ({\n items,\n initialOpenItemIndexes,\n openItemIndexes,\n onChange,\n value,\n defaultValue,\n onValueChange,\n type = \"multiple\",\n collapsible = true,\n headingLevel = 3,\n region,\n className,\n triggerClassName,\n panelClassName,\n contentClassName,\n unMountOnClose = false,\n ...rootProps\n}: AccordionProps) => {\n const generatedId = useId();\n const isValueMode = value !== undefined \|\| defaultValue !== undefined;\n const isValueControlled = value !== undefined;\n const triggerRefs = useRef<(HTMLButtonElement \| null)[]>([]);\n const contentRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n if (isValueMode) {\n const itemIds = new Set<string>();\n\n for (const item of items) {\n if (item.id === undefined) {\n throw new Error(\n \"Accordion value and defaultValue require an id on every item.\",\n );\n }\n\n const key = `${typeof item.id}:${item.id}`;\n\n if (itemIds.has(key)) {\n throw new Error(\"Accordion item IDs must be unique.\");\n }\n\n itemIds.add(key);\n }\n }\n\n const [uncontrolledOpenItemIndexes, setUncontrolledOpenItemIndexes] =\n useState<number[]>(() =>\n normalizeOpenItemIndexes(initialOpenItemIndexes, items.length, type),\n );\n\n const [uncontrolledOpenItemIds, setUncontrolledOpenItemIds] = useState<\n AccordionItemId[]\n >(() => normalizeOpenItemIds(defaultValue, type));\n\n const requestedOpenItemIds = normalizeOpenItemIds(\n isValueControlled ? value : uncontrolledOpenItemIds,\n type,\n );\n const currentOpenItemIndexes = isValueMode\n ? items.flatMap((item, index) =>\n requestedOpenItemIds.includes(item.id as AccordionItemId) ? [index] : [],\n )\n : normalizeOpenItemIndexes(\n openItemIndexes ?? uncontrolledOpenItemIndexes,\n items.length,\n type,\n );\n\n const HeadingTag = `h${headingLevel}` as\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\";\n\n // Avoid excessive landmark regions in long accordions.\n const useRegions = region ?? items.length <= 6;\n\n const handleToggle = (index: number, disabled = false) => {\n if (disabled) {\n return;\n }\n\n const isOpen = currentOpenItemIndexes.includes(index);\n\n if (type === \"single\" && isOpen && !collapsible) {\n return;\n }\n\n const nextOpenItemIndexes = normalizeOpenItemIndexes(\n type === \"single\"\n ? isOpen\n ? []\n : [index]\n : isOpen\n ? currentOpenItemIndexes.filter((openIndex) => openIndex !== index)\n : [...currentOpenItemIndexes, index],\n items.length,\n type,\n );\n\n if (isValueMode) {\n const nextIds = nextOpenItemIndexes.map(\n (openIndex) => items[openIndex].id as AccordionItemId,\n );\n\n if (!isValueControlled) {\n setUncontrolledOpenItemIds(nextIds);\n }\n\n onValueChange?.(\n type === \"single\" ? (nextIds[0] ?? null) : nextIds,\n );\n } else if (openItemIndexes === undefined) {\n setUncontrolledOpenItemIndexes(nextOpenItemIndexes);\n }\n\n onChange?.(nextOpenItemIndexes);\n };\n\n return (\n <div className={cn(\"puzzle-accordion\", className)} {...rootProps}>\n {items.map((item, index) => {\n const isOpen = currentOpenItemIndexes.includes(index);\n const cannotCollapse = type === \"single\" && isOpen && !collapsible;\n\n const triggerId = `${generatedId}-trigger-${index}`;\n const panelId = `${generatedId}-panel-${index}`;\n\n return (\n <Fragment\n key={\n item.id === undefined\n ? index\n : `${typeof item.id}:${item.id}`\n }\n >\n <HeadingTag className=\"puzzle-accordion__heading\">\n <button\n ref={(node) => {\n triggerRefs.current[index] = node;\n }}\n id={triggerId}\n type=\"button\"\n className={cn(\"puzzle-accordion__trigger\", triggerClassName)}\n aria-expanded={isOpen}\n aria-controls={panelId}\n aria-disabled={cannotCollapse \|\| undefined}\n data-state={isOpen ? \"open\" : \"closed\"}\n disabled={item.disabled}\n onClick={() => handleToggle(index, item.disabled)}\n >\n {item.title}\n </button>\n </HeadingTag>\n\n <Transition\n visible={isOpen}\n template=\"accordion\"\n duration={300}\n unmountOnExit={unMountOnClose}\n className={panelClassName}\n id={panelId}\n role={useRegions ? \"region\" : undefined}\n aria-labelledby={useRegions ? triggerId : undefined}\n aria-hidden={!isOpen}\n inert={!isOpen}\n data-state={isOpen ? \"open\" : \"closed\"}\n >\n <div\n ref={(node) => {\n contentRefs.current[index] = node;\n }}\n className=\"puzzle-accordion__panel\"\n >\n <div className=\"puzzle-accordion__panel-inner\">\n <div\n className={cn(\n \"puzzle-accordion__content\",\n contentClassName,\n )}\n >\n {item.content}\n </div>\n </div>\n </div>\n </Transition>\n </Fragment>\n );\n })}\n </div>\n );\n};\n\nexport {\n Accordion,\n type AccordionProps,\n type AccordionItemData,\n type AccordionType,\n type AccordionItemId,\n type AccordionValue,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","names":["useId","useRef","useState","cn","Fragment","Transition"],"sources":["../../../../src/components/navigation/accordion/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Fragment,\n useId,\n useState,\n useRef,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"@puzzle-ui/core\";\nimport { Transition } from \"../../utilities/transition\";\nimport \"./accordion.css\";\n\ntype AccordionType = \"single\" \| \"multiple\";\ntype AccordionItemId = string \| number;\ntype AccordionValue =\n \| AccordionItemId\n \| readonly AccordionItemId[]\n \| null;\n\ntype AccordionItemData = {\n /** Stable key for the item when the list is reordered. /\n id?: string \| number;\n\n /* Visible title of the accordion item. /\n title: ReactNode;\n\n /* Content shown when the item is expanded. /\n content: ReactNode;\n\n /* Prevents the item from being toggled by the user. /\n disabled?: boolean;\n};\n\ntype AccordionProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\" \| \"onChange\"\n> & {\n /* Items displayed by the accordion. /\n items: AccordionItemData[];\n\n /* Initial expanded indexes for uncontrolled usage. Defaults to []. /\n initialOpenItemIndexes?: number[];\n\n /* Expanded indexes for controlled usage. /\n openItemIndexes?: number[];\n\n /* Called with the next expanded indexes after user interaction. /\n onChange?: (openItemIndexes: number[]) => void;\n\n /* Expanded item ID(s). Requires an ID on every item. /\n value?: AccordionValue;\n\n /* Initially expanded item ID(s). Requires an ID on every item. /\n defaultValue?: AccordionValue;\n\n /* Called with the next expanded item ID(s). /\n onValueChange?: (value: AccordionItemId \| AccordionItemId[] \| null) => void;\n\n /* Whether multiple items can be expanded simultaneously. /\n type?: AccordionType;\n\n /* Allow the currently expanded item to collapse in single mode. /\n collapsible?: boolean;\n\n /* Semantic heading level used for each item. Defaults to 3. /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\n /* Adds region landmarks to the panels. Defaults to true for <= 6 items. /\n region?: boolean;\n\n /* Class applied to each trigger button. /\n triggerClassName?: string;\n\n /* Class applied to each animated panel. /\n panelClassName?: string;\n\n /* Class applied to the panel content wrapper. /\n contentClassName?: string;\n\n /* Unmount panel content after its closing animation completes. Defaults to false. */\n unMountOnClose?: boolean;\n};\n\nconst normalizeOpenItemIndexes = (\n indexes: number[] \| undefined,\n itemCount: number,\n type: AccordionType,\n): number[] => {\n const validIndexes = Array.from(\n new Set(\n (indexes ?? []).filter(\n (index) => Number.isInteger(index) && index >= 0 && index < itemCount,\n ),\n ),\n );\n\n if (type === \"single\") {\n return validIndexes.slice(0, 1);\n }\n\n return validIndexes.sort((a, b) => a - b);\n};\n\nconst normalizeOpenItemIds = (\n value: AccordionValue \| undefined,\n type: AccordionType,\n): AccordionItemId[] => {\n const ids =\n value == null ? [] : Array.isArray(value) ? [...value] : [value];\n const uniqueIds = Array.from(new Set(ids));\n\n return type === \"single\" ? uniqueIds.slice(0, 1) : uniqueIds;\n};\n\nconst Accordion = ({\n items,\n initialOpenItemIndexes,\n openItemIndexes,\n onChange,\n value,\n defaultValue,\n onValueChange,\n type = \"multiple\",\n collapsible = true,\n headingLevel = 3,\n region,\n className,\n triggerClassName,\n panelClassName,\n contentClassName,\n unMountOnClose = false,\n ...rootProps\n}: AccordionProps) => {\n const generatedId = useId();\n const isValueMode = value !== undefined \|\| defaultValue !== undefined;\n const isValueControlled = value !== undefined;\n const triggerRefs = useRef<(HTMLButtonElement \| null)[]>([]);\n const contentRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n if (isValueMode) {\n const itemIds = new Set<string>();\n\n for (const item of items) {\n if (item.id === undefined) {\n throw new Error(\n \"Accordion value and defaultValue require an id on every item.\",\n );\n }\n\n const key = `${typeof item.id}:${item.id}`;\n\n if (itemIds.has(key)) {\n throw new Error(\"Accordion item IDs must be unique.\");\n }\n\n itemIds.add(key);\n }\n }\n\n const [uncontrolledOpenItemIndexes, setUncontrolledOpenItemIndexes] =\n useState<number[]>(() =>\n normalizeOpenItemIndexes(initialOpenItemIndexes, items.length, type),\n );\n\n const [uncontrolledOpenItemIds, setUncontrolledOpenItemIds] = useState<\n AccordionItemId[]\n >(() => normalizeOpenItemIds(defaultValue, type));\n\n const requestedOpenItemIds = normalizeOpenItemIds(\n isValueControlled ? value : uncontrolledOpenItemIds,\n type,\n );\n const currentOpenItemIndexes = isValueMode\n ? items.flatMap((item, index) =>\n requestedOpenItemIds.includes(item.id as AccordionItemId) ? [index] : [],\n )\n : normalizeOpenItemIndexes(\n openItemIndexes ?? uncontrolledOpenItemIndexes,\n items.length,\n type,\n );\n\n const HeadingTag = `h${headingLevel}` as\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\";\n\n // Avoid excessive landmark regions in long accordions.\n const useRegions = region ?? items.length <= 6;\n\n const handleToggle = (index: number, disabled = false) => {\n if (disabled) {\n return;\n }\n\n const isOpen = currentOpenItemIndexes.includes(index);\n\n if (type === \"single\" && isOpen && !collapsible) {\n return;\n }\n\n const nextOpenItemIndexes = normalizeOpenItemIndexes(\n type === \"single\"\n ? isOpen\n ? []\n : [index]\n : isOpen\n ? currentOpenItemIndexes.filter((openIndex) => openIndex !== index)\n : [...currentOpenItemIndexes, index],\n items.length,\n type,\n );\n\n if (isValueMode) {\n const nextIds = nextOpenItemIndexes.map(\n (openIndex) => items[openIndex]!.id as AccordionItemId,\n );\n\n if (!isValueControlled) {\n setUncontrolledOpenItemIds(nextIds);\n }\n\n onValueChange?.(\n type === \"single\" ? (nextIds[0] ?? null) : nextIds,\n );\n } else if (openItemIndexes === undefined) {\n setUncontrolledOpenItemIndexes(nextOpenItemIndexes);\n }\n\n onChange?.(nextOpenItemIndexes);\n };\n\n return (\n <div className={cn(\"puzzle-accordion\", className)} {...rootProps}>\n {items.map((item, index) => {\n const isOpen = currentOpenItemIndexes.includes(index);\n const cannotCollapse = type === \"single\" && isOpen && !collapsible;\n\n const triggerId = `${generatedId}-trigger-${index}`;\n const panelId = `${generatedId}-panel-${index}`;\n\n return (\n <Fragment\n key={\n item.id === undefined\n ? index\n : `${typeof item.id}:${item.id}`\n }\n >\n <HeadingTag className=\"puzzle-accordion__heading\">\n <button\n ref={(node) => {\n triggerRefs.current[index] = node;\n }}\n id={triggerId}\n type=\"button\"\n className={cn(\"puzzle-accordion__trigger\", triggerClassName)}\n aria-expanded={isOpen}\n aria-controls={panelId}\n aria-disabled={cannotCollapse \|\| undefined}\n data-state={isOpen ? \"open\" : \"closed\"}\n disabled={item.disabled}\n onClick={() => handleToggle(index, item.disabled)}\n >\n {item.title}\n </button>\n </HeadingTag>\n\n <Transition\n visible={isOpen}\n template=\"accordion\"\n duration={300}\n unmountOnExit={unMountOnClose}\n className={panelClassName}\n id={panelId}\n role={useRegions ? \"region\" : undefined}\n aria-labelledby={useRegions ? triggerId : undefined}\n aria-hidden={!isOpen}\n inert={!isOpen}\n data-state={isOpen ? \"open\" : \"closed\"}\n >\n <div\n ref={(node) => {\n contentRefs.current[index] = node;\n }}\n className=\"puzzle-accordion__panel\"\n >\n <div className=\"puzzle-accordion__panel-inner\">\n <div\n className={cn(\n \"puzzle-accordion__content\",\n contentClassName,\n )}\n >\n {item.content}\n </div>\n </div>\n </div>\n </Transition>\n </Fragment>\n );\n })}\n </div>\n );\n};\n\nexport {\n Accordion,\n type AccordionProps,\n type AccordionItemData,\n type AccordionType,\n type AccordionItemId,\n type AccordionValue,\n};\n"],"mappings":"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"}

package/dist/components/navigation/accordion/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/navigation/accordion/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Fragment,\n useId,\n useState,\n useRef,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"@puzzle-ui/core\";\nimport { Transition } from \"../../utilities/transition\";\nimport \"./accordion.css\";\n\ntype AccordionType = \"single\" \| \"multiple\";\ntype AccordionItemId = string \| number;\ntype AccordionValue =\n \| AccordionItemId\n \| readonly AccordionItemId[]\n \| null;\n\ntype AccordionItemData = {\n /** Stable key for the item when the list is reordered. /\n id?: string \| number;\n\n /* Visible title of the accordion item. /\n title: ReactNode;\n\n /* Content shown when the item is expanded. /\n content: ReactNode;\n\n /* Prevents the item from being toggled by the user. /\n disabled?: boolean;\n};\n\ntype AccordionProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\" \| \"onChange\"\n> & {\n /* Items displayed by the accordion. /\n items: AccordionItemData[];\n\n /* Initial expanded indexes for uncontrolled usage. Defaults to []. /\n initialOpenItemIndexes?: number[];\n\n /* Expanded indexes for controlled usage. /\n openItemIndexes?: number[];\n\n /* Called with the next expanded indexes after user interaction. /\n onChange?: (openItemIndexes: number[]) => void;\n\n /* Expanded item ID(s). Requires an ID on every item. /\n value?: AccordionValue;\n\n /* Initially expanded item ID(s). Requires an ID on every item. /\n defaultValue?: AccordionValue;\n\n /* Called with the next expanded item ID(s). /\n onValueChange?: (value: AccordionItemId \| AccordionItemId[] \| null) => void;\n\n /* Whether multiple items can be expanded simultaneously. /\n type?: AccordionType;\n\n /* Allow the currently expanded item to collapse in single mode. /\n collapsible?: boolean;\n\n /* Semantic heading level used for each item. Defaults to 3. /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\n /* Adds region landmarks to the panels. Defaults to true for <= 6 items. /\n region?: boolean;\n\n /* Class applied to each trigger button. /\n triggerClassName?: string;\n\n /* Class applied to each animated panel. /\n panelClassName?: string;\n\n /* Class applied to the panel content wrapper. /\n contentClassName?: string;\n\n /* Unmount panel content after its closing animation completes. Defaults to false. */\n unMountOnClose?: boolean;\n};\n\nconst normalizeOpenItemIndexes = (\n indexes: number[] \| undefined,\n itemCount: number,\n type: AccordionType,\n): number[] => {\n const validIndexes = Array.from(\n new Set(\n (indexes ?? []).filter(\n (index) => Number.isInteger(index) && index >= 0 && index < itemCount,\n ),\n ),\n );\n\n if (type === \"single\") {\n return validIndexes.slice(0, 1);\n }\n\n return validIndexes.sort((a, b) => a - b);\n};\n\nconst normalizeOpenItemIds = (\n value: AccordionValue \| undefined,\n type: AccordionType,\n): AccordionItemId[] => {\n const ids =\n value == null ? [] : Array.isArray(value) ? [...value] : [value];\n const uniqueIds = Array.from(new Set(ids));\n\n return type === \"single\" ? uniqueIds.slice(0, 1) : uniqueIds;\n};\n\nconst Accordion = ({\n items,\n initialOpenItemIndexes,\n openItemIndexes,\n onChange,\n value,\n defaultValue,\n onValueChange,\n type = \"multiple\",\n collapsible = true,\n headingLevel = 3,\n region,\n className,\n triggerClassName,\n panelClassName,\n contentClassName,\n unMountOnClose = false,\n ...rootProps\n}: AccordionProps) => {\n const generatedId = useId();\n const isValueMode = value !== undefined \|\| defaultValue !== undefined;\n const isValueControlled = value !== undefined;\n const triggerRefs = useRef<(HTMLButtonElement \| null)[]>([]);\n const contentRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n if (isValueMode) {\n const itemIds = new Set<string>();\n\n for (const item of items) {\n if (item.id === undefined) {\n throw new Error(\n \"Accordion value and defaultValue require an id on every item.\",\n );\n }\n\n const key = `${typeof item.id}:${item.id}`;\n\n if (itemIds.has(key)) {\n throw new Error(\"Accordion item IDs must be unique.\");\n }\n\n itemIds.add(key);\n }\n }\n\n const [uncontrolledOpenItemIndexes, setUncontrolledOpenItemIndexes] =\n useState<number[]>(() =>\n normalizeOpenItemIndexes(initialOpenItemIndexes, items.length, type),\n );\n\n const [uncontrolledOpenItemIds, setUncontrolledOpenItemIds] = useState<\n AccordionItemId[]\n >(() => normalizeOpenItemIds(defaultValue, type));\n\n const requestedOpenItemIds = normalizeOpenItemIds(\n isValueControlled ? value : uncontrolledOpenItemIds,\n type,\n );\n const currentOpenItemIndexes = isValueMode\n ? items.flatMap((item, index) =>\n requestedOpenItemIds.includes(item.id as AccordionItemId) ? [index] : [],\n )\n : normalizeOpenItemIndexes(\n openItemIndexes ?? uncontrolledOpenItemIndexes,\n items.length,\n type,\n );\n\n const HeadingTag = `h${headingLevel}` as\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\";\n\n // Avoid excessive landmark regions in long accordions.\n const useRegions = region ?? items.length <= 6;\n\n const handleToggle = (index: number, disabled = false) => {\n if (disabled) {\n return;\n }\n\n const isOpen = currentOpenItemIndexes.includes(index);\n\n if (type === \"single\" && isOpen && !collapsible) {\n return;\n }\n\n const nextOpenItemIndexes = normalizeOpenItemIndexes(\n type === \"single\"\n ? isOpen\n ? []\n : [index]\n : isOpen\n ? currentOpenItemIndexes.filter((openIndex) => openIndex !== index)\n : [...currentOpenItemIndexes, index],\n items.length,\n type,\n );\n\n if (isValueMode) {\n const nextIds = nextOpenItemIndexes.map(\n (openIndex) => items[openIndex].id as AccordionItemId,\n );\n\n if (!isValueControlled) {\n setUncontrolledOpenItemIds(nextIds);\n }\n\n onValueChange?.(\n type === \"single\" ? (nextIds[0] ?? null) : nextIds,\n );\n } else if (openItemIndexes === undefined) {\n setUncontrolledOpenItemIndexes(nextOpenItemIndexes);\n }\n\n onChange?.(nextOpenItemIndexes);\n };\n\n return (\n <div className={cn(\"puzzle-accordion\", className)} {...rootProps}>\n {items.map((item, index) => {\n const isOpen = currentOpenItemIndexes.includes(index);\n const cannotCollapse = type === \"single\" && isOpen && !collapsible;\n\n const triggerId = `${generatedId}-trigger-${index}`;\n const panelId = `${generatedId}-panel-${index}`;\n\n return (\n <Fragment\n key={\n item.id === undefined\n ? index\n : `${typeof item.id}:${item.id}`\n }\n >\n <HeadingTag className=\"puzzle-accordion__heading\">\n <button\n ref={(node) => {\n triggerRefs.current[index] = node;\n }}\n id={triggerId}\n type=\"button\"\n className={cn(\"puzzle-accordion__trigger\", triggerClassName)}\n aria-expanded={isOpen}\n aria-controls={panelId}\n aria-disabled={cannotCollapse \|\| undefined}\n data-state={isOpen ? \"open\" : \"closed\"}\n disabled={item.disabled}\n onClick={() => handleToggle(index, item.disabled)}\n >\n {item.title}\n </button>\n </HeadingTag>\n\n <Transition\n visible={isOpen}\n template=\"accordion\"\n duration={300}\n unmountOnExit={unMountOnClose}\n className={panelClassName}\n id={panelId}\n role={useRegions ? \"region\" : undefined}\n aria-labelledby={useRegions ? triggerId : undefined}\n aria-hidden={!isOpen}\n inert={!isOpen}\n data-state={isOpen ? \"open\" : \"closed\"}\n >\n <div\n ref={(node) => {\n contentRefs.current[index] = node;\n }}\n className=\"puzzle-accordion__panel\"\n >\n <div className=\"puzzle-accordion__panel-inner\">\n <div\n className={cn(\n \"puzzle-accordion__content\",\n contentClassName,\n )}\n >\n {item.content}\n </div>\n </div>\n </div>\n </Transition>\n </Fragment>\n );\n })}\n </div>\n );\n};\n\nexport {\n Accordion,\n type AccordionProps,\n type AccordionItemData,\n type AccordionType,\n type AccordionItemId,\n type AccordionValue,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/navigation/accordion/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Fragment,\n useId,\n useState,\n useRef,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from \"react\";\nimport { cn } from \"@puzzle-ui/core\";\nimport { Transition } from \"../../utilities/transition\";\nimport \"./accordion.css\";\n\ntype AccordionType = \"single\" \| \"multiple\";\ntype AccordionItemId = string \| number;\ntype AccordionValue =\n \| AccordionItemId\n \| readonly AccordionItemId[]\n \| null;\n\ntype AccordionItemData = {\n /** Stable key for the item when the list is reordered. /\n id?: string \| number;\n\n /* Visible title of the accordion item. /\n title: ReactNode;\n\n /* Content shown when the item is expanded. /\n content: ReactNode;\n\n /* Prevents the item from being toggled by the user. /\n disabled?: boolean;\n};\n\ntype AccordionProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\" \| \"onChange\"\n> & {\n /* Items displayed by the accordion. /\n items: AccordionItemData[];\n\n /* Initial expanded indexes for uncontrolled usage. Defaults to []. /\n initialOpenItemIndexes?: number[];\n\n /* Expanded indexes for controlled usage. /\n openItemIndexes?: number[];\n\n /* Called with the next expanded indexes after user interaction. /\n onChange?: (openItemIndexes: number[]) => void;\n\n /* Expanded item ID(s). Requires an ID on every item. /\n value?: AccordionValue;\n\n /* Initially expanded item ID(s). Requires an ID on every item. /\n defaultValue?: AccordionValue;\n\n /* Called with the next expanded item ID(s). /\n onValueChange?: (value: AccordionItemId \| AccordionItemId[] \| null) => void;\n\n /* Whether multiple items can be expanded simultaneously. /\n type?: AccordionType;\n\n /* Allow the currently expanded item to collapse in single mode. /\n collapsible?: boolean;\n\n /* Semantic heading level used for each item. Defaults to 3. /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\n /* Adds region landmarks to the panels. Defaults to true for <= 6 items. /\n region?: boolean;\n\n /* Class applied to each trigger button. /\n triggerClassName?: string;\n\n /* Class applied to each animated panel. /\n panelClassName?: string;\n\n /* Class applied to the panel content wrapper. /\n contentClassName?: string;\n\n /* Unmount panel content after its closing animation completes. Defaults to false. */\n unMountOnClose?: boolean;\n};\n\nconst normalizeOpenItemIndexes = (\n indexes: number[] \| undefined,\n itemCount: number,\n type: AccordionType,\n): number[] => {\n const validIndexes = Array.from(\n new Set(\n (indexes ?? []).filter(\n (index) => Number.isInteger(index) && index >= 0 && index < itemCount,\n ),\n ),\n );\n\n if (type === \"single\") {\n return validIndexes.slice(0, 1);\n }\n\n return validIndexes.sort((a, b) => a - b);\n};\n\nconst normalizeOpenItemIds = (\n value: AccordionValue \| undefined,\n type: AccordionType,\n): AccordionItemId[] => {\n const ids =\n value == null ? [] : Array.isArray(value) ? [...value] : [value];\n const uniqueIds = Array.from(new Set(ids));\n\n return type === \"single\" ? uniqueIds.slice(0, 1) : uniqueIds;\n};\n\nconst Accordion = ({\n items,\n initialOpenItemIndexes,\n openItemIndexes,\n onChange,\n value,\n defaultValue,\n onValueChange,\n type = \"multiple\",\n collapsible = true,\n headingLevel = 3,\n region,\n className,\n triggerClassName,\n panelClassName,\n contentClassName,\n unMountOnClose = false,\n ...rootProps\n}: AccordionProps) => {\n const generatedId = useId();\n const isValueMode = value !== undefined \|\| defaultValue !== undefined;\n const isValueControlled = value !== undefined;\n const triggerRefs = useRef<(HTMLButtonElement \| null)[]>([]);\n const contentRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n if (isValueMode) {\n const itemIds = new Set<string>();\n\n for (const item of items) {\n if (item.id === undefined) {\n throw new Error(\n \"Accordion value and defaultValue require an id on every item.\",\n );\n }\n\n const key = `${typeof item.id}:${item.id}`;\n\n if (itemIds.has(key)) {\n throw new Error(\"Accordion item IDs must be unique.\");\n }\n\n itemIds.add(key);\n }\n }\n\n const [uncontrolledOpenItemIndexes, setUncontrolledOpenItemIndexes] =\n useState<number[]>(() =>\n normalizeOpenItemIndexes(initialOpenItemIndexes, items.length, type),\n );\n\n const [uncontrolledOpenItemIds, setUncontrolledOpenItemIds] = useState<\n AccordionItemId[]\n >(() => normalizeOpenItemIds(defaultValue, type));\n\n const requestedOpenItemIds = normalizeOpenItemIds(\n isValueControlled ? value : uncontrolledOpenItemIds,\n type,\n );\n const currentOpenItemIndexes = isValueMode\n ? items.flatMap((item, index) =>\n requestedOpenItemIds.includes(item.id as AccordionItemId) ? [index] : [],\n )\n : normalizeOpenItemIndexes(\n openItemIndexes ?? uncontrolledOpenItemIndexes,\n items.length,\n type,\n );\n\n const HeadingTag = `h${headingLevel}` as\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\";\n\n // Avoid excessive landmark regions in long accordions.\n const useRegions = region ?? items.length <= 6;\n\n const handleToggle = (index: number, disabled = false) => {\n if (disabled) {\n return;\n }\n\n const isOpen = currentOpenItemIndexes.includes(index);\n\n if (type === \"single\" && isOpen && !collapsible) {\n return;\n }\n\n const nextOpenItemIndexes = normalizeOpenItemIndexes(\n type === \"single\"\n ? isOpen\n ? []\n : [index]\n : isOpen\n ? currentOpenItemIndexes.filter((openIndex) => openIndex !== index)\n : [...currentOpenItemIndexes, index],\n items.length,\n type,\n );\n\n if (isValueMode) {\n const nextIds = nextOpenItemIndexes.map(\n (openIndex) => items[openIndex]!.id as AccordionItemId,\n );\n\n if (!isValueControlled) {\n setUncontrolledOpenItemIds(nextIds);\n }\n\n onValueChange?.(\n type === \"single\" ? (nextIds[0] ?? null) : nextIds,\n );\n } else if (openItemIndexes === undefined) {\n setUncontrolledOpenItemIndexes(nextOpenItemIndexes);\n }\n\n onChange?.(nextOpenItemIndexes);\n };\n\n return (\n <div className={cn(\"puzzle-accordion\", className)} {...rootProps}>\n {items.map((item, index) => {\n const isOpen = currentOpenItemIndexes.includes(index);\n const cannotCollapse = type === \"single\" && isOpen && !collapsible;\n\n const triggerId = `${generatedId}-trigger-${index}`;\n const panelId = `${generatedId}-panel-${index}`;\n\n return (\n <Fragment\n key={\n item.id === undefined\n ? index\n : `${typeof item.id}:${item.id}`\n }\n >\n <HeadingTag className=\"puzzle-accordion__heading\">\n <button\n ref={(node) => {\n triggerRefs.current[index] = node;\n }}\n id={triggerId}\n type=\"button\"\n className={cn(\"puzzle-accordion__trigger\", triggerClassName)}\n aria-expanded={isOpen}\n aria-controls={panelId}\n aria-disabled={cannotCollapse \|\| undefined}\n data-state={isOpen ? \"open\" : \"closed\"}\n disabled={item.disabled}\n onClick={() => handleToggle(index, item.disabled)}\n >\n {item.title}\n </button>\n </HeadingTag>\n\n <Transition\n visible={isOpen}\n template=\"accordion\"\n duration={300}\n unmountOnExit={unMountOnClose}\n className={panelClassName}\n id={panelId}\n role={useRegions ? \"region\" : undefined}\n aria-labelledby={useRegions ? triggerId : undefined}\n aria-hidden={!isOpen}\n inert={!isOpen}\n data-state={isOpen ? \"open\" : \"closed\"}\n >\n <div\n ref={(node) => {\n contentRefs.current[index] = node;\n }}\n className=\"puzzle-accordion__panel\"\n >\n <div className=\"puzzle-accordion__panel-inner\">\n <div\n className={cn(\n \"puzzle-accordion__content\",\n contentClassName,\n )}\n >\n {item.content}\n </div>\n </div>\n </div>\n </Transition>\n </Fragment>\n );\n })}\n </div>\n );\n};\n\nexport {\n Accordion,\n type AccordionProps,\n type AccordionItemData,\n type AccordionType,\n type AccordionItemId,\n type AccordionValue,\n};\n"],"mappings":"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"}

package/dist/components/navigation/carousel/index.cjs CHANGED Viewed

@@ -26,7 +26,7 @@ const readRenderedOffset = (element, fallback) => {
 	const transform = (element.ownerDocument.defaultView ?? window).getComputedStyle(element).transform;
 	if (!transform || transform === "none") return fallback;
 	const isMatrix3d = transform.startsWith("matrix3d(");
-	const translateX = transform.slice(isMatrix3d ? 9 : 7, -1).split(",").map(Number)[isMatrix3d ? 12 : 4];
+	const translateX = transform.slice(isMatrix3d ? 9 : 7, -1).split(",").map(Number)[isMatrix3d ? 12 : 4] ?? NaN;
 	return Number.isFinite(translateX) ? -translateX : fallback;
 };
 const estimatePointerVelocity = (samples) => {
@@ -157,7 +157,10 @@ const Carousel = ({ renderItem, getItemKey, panelsPerView, itemWidth, gap = 0, c
 	}, [
 		items.length,
 		itemOrderSignature,
-		measureLayout
+		measureLayout,
+		gaps.mobile,
+		gaps.tablet,
+		gaps.desktop
 	]);
 	/**
 	* currentPanel is always an item index.