initial: mirror of @fn_library from fn_registry

75 components + DESIGN_SYSTEM.md + sync script. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-21 19:06:49 +02:00
commit 5a824c2eee
157 changed files with 11539 additions and 0 deletions
@@ -0,0 +1,90 @@
+import * as React from "react"
+import { Accordion as MantineAccordion } from "@mantine/core"
+
+interface AccordionItem {
+  value: string
+  trigger: React.ReactNode
+  content: React.ReactNode
+  disabled?: boolean
+}
+
+interface AccordionProps {
+  items?: AccordionItem[]
+  type?: "single" | "multiple"
+  defaultValue?: string | string[]
+  className?: string
+  itemClassName?: string
+  children?: React.ReactNode
+}
+
+function Accordion({ className, type, defaultValue, children }: AccordionProps) {
+  if (type === "multiple") {
+    return (
+      <MantineAccordion
+        multiple
+        data-slot="accordion"
+        className={className}
+        defaultValue={Array.isArray(defaultValue) ? defaultValue : undefined}
+      >
+        {children}
+      </MantineAccordion>
+    )
+  }
+
+  return (
+    <MantineAccordion
+      data-slot="accordion"
+      className={className}
+      defaultValue={typeof defaultValue === "string" ? defaultValue : undefined}
+    >
+      {children}
+    </MantineAccordion>
+  )
+}
+
+interface AccordionItemProps {
+  value: string
+  className?: string
+  children?: React.ReactNode
+  disabled?: boolean
+}
+
+function AccordionItem({ className, value, children, ...props }: AccordionItemProps) {
+  return (
+    <MantineAccordion.Item
+      data-slot="accordion-item"
+      value={value}
+      className={className}
+      {...props}
+    >
+      {children}
+    </MantineAccordion.Item>
+  )
+}
+
+function AccordionTrigger({ className, children, ...props }: { className?: string; children?: React.ReactNode }) {
+  return (
+    <MantineAccordion.Control
+      data-slot="accordion-trigger"
+      className={className}
+      {...props}
+    >
+      {children}
+    </MantineAccordion.Control>
+  )
+}
+
+function AccordionContent({ className, children, ...props }: { className?: string; children?: React.ReactNode }) {
+  return (
+    <MantineAccordion.Panel
+      data-slot="accordion-content"
+      className={className}
+      {...props}
+    >
+      {children}
+    </MantineAccordion.Panel>
+  )
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger }
+export type { AccordionItem as AccordionItemData, AccordionProps }