@particle-academy/react-fancy 2.5.0 → 2.7.0

package/dist/{diagram.serializers-OK4HP7AB.js → diagram.serializers-6RPUO46U.js}

@@ -139,9 +139,9 @@ function deserializeERD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: parseERDMarker(marker),
           label
         });
@@ -218,9 +218,9 @@ function deserializeUML(input) {
       if (fromEntity && toEntity) {
         const type = fromCard === "1" && toCard === "1" ? "one-to-one" : fromCard === "1" && toCard === "*" ? "one-to-many" : "many-to-many";
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type,
           label
         });
@@ -256,9 +256,9 @@ function deserializeDFD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: "one-to-many",
           label
         });
@@ -269,5 +269,5 @@ function deserializeDFD(input) {
 }
 
 export { deserializeSchema, serializeToDFD, serializeToERD, serializeToUML };
-//# sourceMappingURL=diagram.serializers-OK4HP7AB.js.map
-//# sourceMappingURL=diagram.serializers-OK4HP7AB.js.map
+//# sourceMappingURL=diagram.serializers-6RPUO46U.js.map
+//# sourceMappingURL=diagram.serializers-6RPUO46U.js.map

package/dist/diagram.serializers-6RPUO46U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Diagram/diagram.serializers.ts"],"names":[],"mappings":"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","file":"diagram.serializers-6RPUO46U.js","sourcesContent":["import type {\n  DiagramSchema,\n  DiagramEntityData,\n  DiagramRelationData,\n  DiagramFieldData,\n  ExportFormat,\n  RelationType,\n} from \"./Diagram.types\";\n\n/**\n * Serialize a diagram schema to PlantUML-style ERD text.\n *\n * Example output:\n * ```\n * [Users]\n *   id int PK\n *   email varchar\n *\n * [Posts]\n *   id int PK\n *   user_id int FK\n *\n * Users 1--* Posts\n * ```\n */\nexport function serializeToERD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`[${entity.name}]`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const parts = [`  ${field.name}`];\n        if (field.type) parts.push(field.type);\n        if (field.primary) parts.push(\"PK\");\n        if (field.foreign) parts.push(\"FK\");\n        if (field.nullable) parts.push(\"?\");\n        lines.push(parts.join(\" \"));\n      }\n    }\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const marker = getERDMarker(rel.type);\n    const parts = [fromEntity.name, marker, toEntity.name];\n    if (rel.label) parts.push(`: ${rel.label}`);\n    lines.push(parts.join(\" \"));\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\nfunction getERDMarker(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return \"1--1\";\n    case \"one-to-many\":\n      return \"1--*\";\n    case \"many-to-many\":\n      return \"*--*\";\n  }\n}\n\n/**\n * Serialize a diagram schema to PlantUML class diagram text.\n */\nexport function serializeToUML(schema: DiagramSchema): string {\n  const lines: string[] = [\"@startuml\"];\n\n  for (const entity of schema.entities) {\n    lines.push(`class ${entity.name} {`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const typeStr = field.type ?? \"any\";\n        const nullable = field.nullable ? \"?\" : \"\";\n        const stereotype = field.primary\n          ? \" <<PK>>\"\n          : field.foreign\n            ? \" <<FK>>\"\n            : \"\";\n        lines.push(`  ${field.name} : ${typeStr}${nullable}${stereotype}`);\n      }\n    }\n    lines.push(\"}\");\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const arrow = getUMLArrow(rel.type);\n    const label = rel.label ? ` : ${rel.label}` : \"\";\n    lines.push(`${fromEntity.name} ${arrow} ${toEntity.name}${label}`);\n  }\n\n  lines.push(\"@enduml\");\n  return lines.join(\"\\n\");\n}\n\nfunction getUMLArrow(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return '\"1\" -- \"1\"';\n    case \"one-to-many\":\n      return '\"1\" -- \"*\"';\n    case \"many-to-many\":\n      return '\"*\" -- \"*\"';\n  }\n}\n\n/**\n * Serialize a diagram schema to a simple DFD text format.\n */\nexport function serializeToDFD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`entity ${entity.name}`);\n  }\n\n  lines.push(\"\");\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const label = rel.label ? ` \"${rel.label}\"` : \"\";\n    lines.push(`${fromEntity.name} -> ${toEntity.name}${label}`);\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\n/**\n * Parse a serialized schema string back into a DiagramSchema.\n */\nexport function deserializeSchema(\n  input: string,\n  format: ExportFormat,\n): DiagramSchema {\n  switch (format) {\n    case \"erd\":\n      return deserializeERD(input);\n    case \"uml\":\n      return deserializeUML(input);\n    case \"dfd\":\n      return deserializeDFD(input);\n  }\n}\n\nfunction deserializeERD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    // Entity header: [EntityName]\n    const entityMatch = line.match(/^\\[(.+)\\]$/);\n    if (entityMatch) {\n      currentEntity = {\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Field line (indented): name type PK FK ?\n    if (currentEntity && rawLine.startsWith(\"  \") && line.length > 0) {\n      const parts = line.split(/\\s+/);\n      const field: DiagramFieldData = { name: parts[0] };\n      if (parts.length > 1 && ![\"PK\", \"FK\", \"?\"].includes(parts[1])) {\n        field.type = parts[1];\n      }\n      if (parts.includes(\"PK\")) field.primary = true;\n      if (parts.includes(\"FK\")) field.foreign = true;\n      if (parts.includes(\"?\")) field.nullable = true;\n      currentEntity.fields!.push(field);\n      continue;\n    }\n\n    // Relation: EntityA 1--* EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+(1--1|1--\\*|\\*--\\*)\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      currentEntity = null;\n      const fromName = relMatch[1];\n      const marker = relMatch[2];\n      const toName = relMatch[3];\n      const label = relMatch[4];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type: parseERDMarker(marker),\n          label,\n        });\n      }\n      continue;\n    }\n\n    // Empty line resets current entity context\n    if (line === \"\") {\n      currentEntity = null;\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction parseERDMarker(marker: string): RelationType {\n  switch (marker) {\n    case \"1--1\":\n      return \"one-to-one\";\n    case \"1--*\":\n      return \"one-to-many\";\n    case \"*--*\":\n      return \"many-to-many\";\n    default:\n      return \"one-to-many\";\n  }\n}\n\nfunction deserializeUML(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    if (line === \"@startuml\" || line === \"@enduml\" || line === \"\") continue;\n\n    // Class header: class EntityName {\n    const classMatch = line.match(/^class\\s+(\\S+)\\s*\\{$/);\n    if (classMatch) {\n      currentEntity = {\n        id: classMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: classMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Closing brace\n    if (line === \"}\") {\n      currentEntity = null;\n      continue;\n    }\n\n    // Field: name : type<<stereotype>>\n    if (currentEntity) {\n      const fieldMatch = line.match(\n        /^(\\S+)\\s*:\\s*(\\S+?)(\\?)?(?:\\s*<<(PK|FK)>>)?$/,\n      );\n      if (fieldMatch) {\n        const field: DiagramFieldData = {\n          name: fieldMatch[1],\n          type: fieldMatch[2],\n        };\n        if (fieldMatch[3]) field.nullable = true;\n        if (fieldMatch[4] === \"PK\") field.primary = true;\n        if (fieldMatch[4] === \"FK\") field.foreign = true;\n        currentEntity.fields!.push(field);\n      }\n      continue;\n    }\n\n    // Relation: EntityA \"1\" -- \"*\" EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+\"([1*])\"\\s+--\\s+\"([1*])\"\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      const fromName = relMatch[1];\n      const fromCard = relMatch[2];\n      const toCard = relMatch[3];\n      const toName = relMatch[4];\n      const label = relMatch[5];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        const type: RelationType =\n          fromCard === \"1\" && toCard === \"1\"\n            ? \"one-to-one\"\n            : fromCard === \"1\" && toCard === \"*\"\n              ? \"one-to-many\"\n              : \"many-to-many\";\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type,\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction deserializeDFD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n    if (line === \"\") continue;\n\n    // Entity: entity EntityName\n    const entityMatch = line.match(/^entity\\s+(\\S+)$/);\n    if (entityMatch) {\n      entities.push({\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      });\n      continue;\n    }\n\n    // Flow: EntityA -> EntityB \"label\"\n    const flowMatch = line.match(\n      /^(\\S+)\\s+->\\s+(\\S+)(?:\\s+\"(.+)\")?$/,\n    );\n    if (flowMatch) {\n      const fromName = flowMatch[1];\n      const toName = flowMatch[2];\n      const label = flowMatch[3];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type: \"one-to-many\",\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n"]}

package/dist/index.cjs

@@ -186,9 +186,9 @@ function deserializeERD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: parseERDMarker(marker),
           label
         });
@@ -265,9 +265,9 @@ function deserializeUML(input) {
       if (fromEntity && toEntity) {
         const type = fromCard === "1" && toCard === "1" ? "one-to-one" : fromCard === "1" && toCard === "*" ? "one-to-many" : "many-to-many";
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type,
           label
         });
@@ -303,9 +303,9 @@ function deserializeDFD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: "one-to-many",
           label
         });
@@ -2866,6 +2866,288 @@ var Action = react.forwardRef(
   }
 );
 Action.displayName = "Action";
+function useControllableState(controlledValue, defaultValue, onChange) {
+  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const onChangeRef = react.useRef(onChange);
+  onChangeRef.current = onChange;
+  const setValue = react.useCallback(
+    (next) => {
+      const nextValue = typeof next === "function" ? next(value) : next;
+      if (!isControlled) {
+        setUncontrolledValue(nextValue);
+      }
+      onChangeRef.current?.(nextValue);
+    },
+    [isControlled, value]
+  );
+  return [value, setValue];
+}
+var AccordionPanelContext = react.createContext(null);
+function useAccordionPanel() {
+  const ctx = react.useContext(AccordionPanelContext);
+  if (!ctx) {
+    throw new Error(
+      "AccordionPanel components must be used inside <AccordionPanel>"
+    );
+  }
+  return ctx;
+}
+var AccordionSectionContext = react.createContext(null);
+function useAccordionSection() {
+  const ctx = react.useContext(AccordionSectionContext);
+  if (!ctx) {
+    throw new Error(
+      "<AccordionPanel.Trigger> must be rendered inside <AccordionPanel.Section>"
+    );
+  }
+  return ctx;
+}
+function AccordionPanelSection({
+  id,
+  pinned = false,
+  className,
+  openClassName,
+  closedClassName,
+  unstyled,
+  children
+}) {
+  const panel = useAccordionPanel();
+  const { orientation, isOpen, toggle, registerSection } = panel;
+  react.useEffect(() => registerSection(id), [id, registerSection]);
+  const open = pinned || isOpen(id);
+  const sectionCtx = react.useMemo(
+    () => ({
+      id,
+      open,
+      pinned,
+      orientation,
+      toggle: () => toggle(id)
+    }),
+    [id, open, pinned, orientation, toggle]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionSectionContext.Provider, { value: sectionCtx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-section": "",
+      "data-state": open ? "open" : "closed",
+      "data-pinned": pinned ? "" : void 0,
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0",
+        !unstyled && "items-center gap-1",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className,
+        open ? openClassName : closedClassName
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelSection.displayName = "AccordionPanelSection";
+function renderSlot(slot, state) {
+  return typeof slot === "function" ? slot(state) : slot;
+}
+function AccordionPanelTrigger({
+  children,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const { id, open, orientation, toggle } = useAccordionSection();
+  const state = { id, open, orientation, toggle };
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": open ? "open" : "closed",
+        "data-orientation": orientation,
+        className,
+        children: renderSlot(children, state)
+      }
+    );
+  }
+  if (open) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        "aria-label": ariaLabel ?? "Collapse section",
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": "open",
+        "data-orientation": orientation,
+        className: cn(
+          "group relative flex shrink-0 items-center justify-center cursor-pointer",
+          "text-zinc-500 dark:text-zinc-500",
+          "hover:text-zinc-900 dark:hover:text-zinc-100",
+          // Wide hitbox + thin visible line (drawn via ::before).
+          orientation === "horizontal" ? "w-3 self-stretch" : "h-3 self-stretch",
+          "before:absolute before:bg-zinc-200 dark:before:bg-zinc-700",
+          "before:transition-colors group-hover:before:bg-zinc-400 dark:group-hover:before:bg-zinc-500",
+          orientation === "horizontal" ? "before:top-0 before:bottom-0 before:w-px before:left-1/2 before:-translate-x-1/2" : "before:left-0 before:right-0 before:h-px before:top-1/2 before:-translate-y-1/2",
+          "transition-colors",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ChevronIcon,
+          {
+            orientation,
+            purpose: "collapse",
+            className: "relative opacity-0 group-hover:opacity-100 transition-opacity"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      "aria-label": ariaLabel ?? "Expand section",
+      "data-react-fancy-accordion-trigger": "",
+      "data-state": "closed",
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0 items-center justify-center rounded-md",
+        "text-zinc-400 dark:text-zinc-500",
+        "hover:text-zinc-900 dark:hover:text-zinc-100",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-800",
+        "transition-colors cursor-pointer",
+        orientation === "horizontal" ? "h-8 w-6 mx-0.5" : "w-8 h-6 my-0.5",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { orientation, purpose: "expand" })
+    }
+  );
+}
+AccordionPanelTrigger.displayName = "AccordionPanelTrigger";
+function ChevronIcon({
+  orientation,
+  purpose,
+  className
+}) {
+  const transform = orientation === "horizontal" ? "rotate(180deg)" : purpose === "expand" ? "rotate(90deg)" : "rotate(270deg)";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "12",
+      height: "12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { transform },
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 4 10 8 6 12" })
+    }
+  );
+}
+function AccordionPanelContent({
+  children,
+  className,
+  unstyled
+}) {
+  const { open, orientation } = useAccordionSection();
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-content": "",
+      "data-orientation": orientation,
+      className: cn(
+        !unstyled && "flex items-center gap-1",
+        !unstyled && (orientation === "horizontal" ? "flex-row" : "flex-col"),
+        className
+      ),
+      children
+    }
+  );
+}
+AccordionPanelContent.displayName = "AccordionPanelContent";
+function AccordionPanelRoot({
+  orientation = "horizontal",
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  className,
+  children
+}) {
+  const [openIds, setOpenIds] = useControllableState(
+    controlledValue,
+    defaultValue ?? [],
+    onValueChange
+  );
+  const openSet = react.useMemo(() => new Set(openIds), [openIds]);
+  const isOpen = react.useCallback((id) => openSet.has(id), [openSet]);
+  const open = react.useCallback(
+    (id) => {
+      setOpenIds(openSet.has(id) ? openIds ?? [] : [...openIds ?? [], id]);
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const close = react.useCallback(
+    (id) => {
+      setOpenIds((openIds ?? []).filter((x) => x !== id));
+    },
+    [openIds, setOpenIds]
+  );
+  const toggle = react.useCallback(
+    (id) => {
+      setOpenIds(
+        openSet.has(id) ? (openIds ?? []).filter((x) => x !== id) : [...openIds ?? [], id]
+      );
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const [sectionIds, setSectionIds] = react.useState([]);
+  const orderRef = react.useRef([]);
+  const registerSection = react.useCallback((id) => {
+    if (!orderRef.current.includes(id)) {
+      orderRef.current = [...orderRef.current, id];
+      setSectionIds(orderRef.current);
+    }
+    return () => {
+      orderRef.current = orderRef.current.filter((x) => x !== id);
+      setSectionIds(orderRef.current);
+    };
+  }, []);
+  const ctx = react.useMemo(
+    () => ({
+      orientation,
+      isOpen,
+      toggle,
+      open,
+      close,
+      sectionIds,
+      registerSection
+    }),
+    [orientation, isOpen, toggle, open, close, sectionIds, registerSection]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPanelContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-panel": "",
+      "data-orientation": orientation,
+      className: cn(
+        "inline-flex items-stretch",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelRoot.displayName = "AccordionPanel";
+var AccordionPanel = AccordionPanelRoot;
+AccordionPanel.Section = AccordionPanelSection;
+AccordionPanel.Trigger = AccordionPanelTrigger;
+AccordionPanel.Content = AccordionPanelContent;
 
 // src/components/inputs/inputs.utils.ts
 var inputSizeClasses = {
@@ -3752,24 +4034,6 @@ var Select = react.forwardRef(
   }
 );
 Select.displayName = "Select";
-function useControllableState(controlledValue, defaultValue, onChange) {
-  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const onChangeRef = react.useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = react.useCallback(
-    (next) => {
-      const nextValue = typeof next === "function" ? next(value) : next;
-      if (!isControlled) {
-        setUncontrolledValue(nextValue);
-      }
-      onChangeRef.current?.(nextValue);
-    },
-    [isControlled, value]
-  );
-  return [value, setValue];
-}
 var Checkbox = react.forwardRef(
   ({
     size = "md",
@@ -11159,11 +11423,13 @@ var KanbanColumnContext = react.createContext("");
 function useKanbanColumn() {
   return react.useContext(KanbanColumnContext);
 }
+var DEFAULT_COLUMN_CLASSES = "min-h-[200px] w-72 rounded-xl bg-zinc-50 p-3 dark:bg-zinc-800/50";
 function KanbanColumn({
   children,
   id,
   title,
-  className
+  className,
+  unstyled
 }) {
   const { onCardMove, draggedCard, dragSource } = useKanban();
   const [dragOver, setDragOver] = react.useState(false);
@@ -11190,7 +11456,8 @@ function KanbanColumn({
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
       className: cn(
-        "flex min-h-[200px] w-72 flex-col rounded-xl bg-zinc-50 p-3 dark:bg-zinc-800/50",
+        "flex flex-col",
+        !unstyled && DEFAULT_COLUMN_CLASSES,
         dragOver && "ring-2 ring-blue-400 ring-inset",
         className
       ),
@@ -11202,7 +11469,8 @@ function KanbanColumn({
   ) });
 }
 KanbanColumn.displayName = "KanbanColumn";
-function KanbanCard({ children, id, className }) {
+var DEFAULT_CARD_CLASSES = "rounded-lg border border-zinc-200 bg-white p-3 shadow-sm transition-shadow hover:shadow-md dark:border-zinc-700 dark:bg-zinc-900";
+function KanbanCard({ children, id, className, unstyled }) {
   const { setDraggedCard, setDragSource } = useKanban();
   const columnId = useKanbanColumn();
   const handleDragStart = react.useCallback(() => {
@@ -11221,7 +11489,9 @@ function KanbanCard({ children, id, className }) {
       onDragStart: handleDragStart,
       onDragEnd: handleDragEnd,
       className: cn(
-        "cursor-grab rounded-lg border border-zinc-200 bg-white p-3 shadow-sm transition-shadow hover:shadow-md active:cursor-grabbing dark:border-zinc-700 dark:bg-zinc-900",
+        // Drag affordance — kept even when unstyled so users still see grab cursors.
+        "cursor-grab active:cursor-grabbing",
+        !unstyled && DEFAULT_CARD_CLASSES,
         className
       ),
       children
@@ -12002,9 +12272,12 @@ var VERTICAL_GAP = 60;
 function getEntityHeight(fieldCount) {
   return HEADER_HEIGHT2 + Math.max(fieldCount, 1) * FIELD_HEIGHT2;
 }
+function resolveEntityId(entity) {
+  return entity.id ?? entity.name;
+}
 function computeDiagramLayout(schema) {
   const positions = /* @__PURE__ */ new Map();
-  const entityIds = new Set(schema.entities.map((e) => e.id));
+  const entityIds = new Set(schema.entities.map(resolveEntityId));
   const incoming = /* @__PURE__ */ new Map();
   for (const id of entityIds) {
     incoming.set(id, /* @__PURE__ */ new Set());
@@ -12025,7 +12298,7 @@ function computeDiagramLayout(schema) {
     }
   }
   if (queue.length === 0 && entityIds.size > 0) {
-    const firstId = schema.entities[0].id;
+    const firstId = resolveEntityId(schema.entities[0]);
     rowAssignment.set(firstId, 0);
     assigned.add(firstId);
     queue.push(firstId);
@@ -12065,7 +12338,7 @@ function computeDiagramLayout(schema) {
   }
   const fieldCounts = /* @__PURE__ */ new Map();
   for (const entity of schema.entities) {
-    fieldCounts.set(entity.id, entity.fields?.length ?? 0);
+    fieldCounts.set(resolveEntityId(entity), entity.fields?.length ?? 0);
   }
   const sortedRows = Array.from(rows.keys()).sort((a, b) => a - b);
   let currentY = 0;
@@ -12262,7 +12535,7 @@ function FolderIcon({ open }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z", fill: "#fbbf24" }) });
 }
-function ChevronIcon({ open }) {
+function ChevronIcon2({ open }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -12444,7 +12717,7 @@ function TreeNode({ node, depth }) {
             ),
             style: { paddingLeft },
             children: [
-              isFolder && /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { open: isExpanded }),
+              isFolder && /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, { open: isExpanded }),
               !isFolder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3.5 shrink-0" }),
               showIcons && (node.icon ?? (isFolder ? /* @__PURE__ */ jsxRuntime.jsx(FolderIcon, { open: isExpanded }) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { ext: node.ext ?? node.label.split(".").pop() }))),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: node.label })
@@ -12574,6 +12847,10 @@ var TreeNav = Object.assign(TreeNavRoot, {
 });
 
 exports.Accordion = Accordion;
+exports.AccordionPanel = AccordionPanel;
+exports.AccordionPanelContent = AccordionPanelContent;
+exports.AccordionPanelSection = AccordionPanelSection;
+exports.AccordionPanelTrigger = AccordionPanelTrigger;
 exports.Action = Action;
 exports.Autocomplete = Autocomplete;
 exports.Avatar = Avatar;
@@ -12652,6 +12929,8 @@ exports.sanitizeHtml = sanitizeHtml;
 exports.search = search;
 exports.skinTones = skinTones;
 exports.useAccordion = useAccordion;
+exports.useAccordionPanel = useAccordionPanel;
+exports.useAccordionSection = useAccordionSection;
 exports.useAnimation = useAnimation;
 exports.useCanvas = useCanvas;
 exports.useCarousel = useCarousel;