@drawnagency/primitives 0.1.59 → 0.1.61

package/dist/components/primitives/index.js

@@ -0,0 +1,166 @@
+import {
+  EditableGrid,
+  EditablePlainText,
+  EditableRichText,
+  ImageDropZone,
+  LinkPopover,
+  MediaBlock,
+  ResolvedMedia,
+  defineHeadingSection,
+  useEditableCollection
+} from "../../chunk-4OX3Z7SB.js";
+import {
+  DeleteIcon,
+  DragHandle,
+  IconButton
+} from "../../chunk-WLMJCNU7.js";
+import "../../chunk-CBWK3KPV.js";
+import "../../chunk-53DKVAB6.js";
+import {
+  cn
+} from "../../chunk-7EOSDFS3.js";
+import "../../chunk-ZGFAYZWB.js";
+import "../../chunk-VKAGMEKE.js";
+import "../../chunk-BT7STGDW.js";
+import "../../chunk-JSBRDJBE.js";
+
+// src/components/primitives/EditableList.tsx
+import { useRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditableList({
+  items,
+  onChange,
+  createItem,
+  isEditMode,
+  renderItem,
+  className
+}) {
+  const { wrappedItems, onReorder, onAdd, onRemove } = useEditableCollection({
+    items,
+    onChange,
+    createItem
+  });
+  const [dragState, setDragState] = useState({ sourceId: null, targetId: null });
+  if (!isEditMode) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", className), children: wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx("div", { children: renderItem(wrapped.data, { isEditMode: false, index }) }, wrapped.id)) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx(
+      ListRow,
+      {
+        id: wrapped.id,
+        index,
+        onReorder,
+        onRemove,
+        dragState,
+        setDragState,
+        children: renderItem(wrapped.data, { isEditMode: true, index })
+      },
+      wrapped.id
+    )),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onAdd,
+        className: "cursor-pointer rounded border-2 border-dashed border-base-200 px-3 py-2 text-sm text-base-contrast-light hover:border-primary hover:text-primary",
+        children: "Add row"
+      }
+    )
+  ] });
+}
+function ListRow({
+  id,
+  index,
+  onReorder,
+  onRemove,
+  dragState,
+  setDragState,
+  children
+}) {
+  const rowRef = useRef(null);
+  const handleRef = useRef(null);
+  useEffect(() => {
+    const row = rowRef.current;
+    const handle = handleRef.current;
+    if (!row || !handle) return;
+    let cleanup;
+    let cancelled = false;
+    import("../../adapter-HH47ZPGM.js").then(({ draggable, dropTargetForElements }) => {
+      if (cancelled) return;
+      const cleanupDraggable = draggable({
+        element: handle,
+        getInitialData: () => ({ dragType: "list-row", id, index }),
+        onDragStart: () => setDragState({ sourceId: id, targetId: null }),
+        onDrop: () => setDragState({ sourceId: null, targetId: null })
+      });
+      const cleanupDropTarget = dropTargetForElements({
+        element: row,
+        canDrop: ({ source }) => source.data.dragType === "list-row",
+        getData: () => ({ id, index }),
+        onDragEnter: () => setDragState((prev) => ({ ...prev, targetId: id })),
+        onDragLeave: () => setDragState((prev) => prev.targetId === id ? { ...prev, targetId: null } : prev),
+        onDrop: ({ source }) => {
+          const fromIndex = source.data.index;
+          if (fromIndex !== index) {
+            onReorder(fromIndex, index);
+          }
+        }
+      });
+      cleanup = () => {
+        cleanupDraggable();
+        cleanupDropTarget();
+      };
+    });
+    return () => {
+      cancelled = true;
+      cleanup?.();
+    };
+  }, [id, index, onReorder, setDragState]);
+  const isDropTarget = dragState.targetId === id && dragState.sourceId !== id;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rowRef,
+      className: cn(
+        "group/row relative flex items-center gap-2",
+        isDropTarget && "border-t-2 border-primary"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ref: handleRef,
+            icon: /* @__PURE__ */ jsx(DragHandle, { size: 14 }),
+            label: "Drag to reorder",
+            size: "sm",
+            className: "shrink-0 cursor-grab opacity-0 group-hover/row:opacity-100 no-hover:opacity-100",
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            icon: /* @__PURE__ */ jsx(DeleteIcon, { size: 14 }),
+            label: "Delete item",
+            size: "sm",
+            intent: "destructive",
+            onClick: () => onRemove(id),
+            className: "shrink-0 opacity-0 group-hover/row:opacity-100 no-hover:opacity-100"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  EditableGrid,
+  EditableList,
+  EditablePlainText,
+  EditableRichText,
+  ImageDropZone,
+  LinkPopover,
+  MediaBlock,
+  ResolvedMedia,
+  defineHeadingSection
+};

package/dist/components/sections/Colors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,wBAqCG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,wBAkCG"}

package/dist/components/sections/Container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/index.tsx"],"names":[],"mappings":";;;;;;;;;AAiCA,wBAiBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/index.tsx"],"names":[],"mappings":";;;;;;;;;AAkCA,wBAcG"}

package/dist/components/sections/IconList/IconList.d.ts

@@ -1,10 +1,5 @@
 import type { SectionContent } from "../../../schemas/sections";
-interface IconListItem {
-    label: string;
-    text: string;
-    icon?: string;
-    dodont?: "do" | "dont";
-}
+import type { IconListItem } from "./index";
 interface Props {
     items: IconListItem[];
     icon?: string | null;

package/dist/components/sections/IconList/IconList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/IconList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAUhE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACxB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,IAAW,EACX,SAAgB,EAChB,SAAiB,EACjB,cAA+C,EAC/C,aAA0C,EAC1C,aAA8B,EAC9B,QAAQ,EACR,aAAa,GACd,EAAE,KAAK,2CAyCP"}
+{"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/IconList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,IAAW,EACX,SAAgB,EAChB,SAAiB,EACjB,cAA+C,EAC/C,aAA0C,EAC1C,aAA8B,EAC9B,QAAQ,EACR,aAAa,GACd,EAAE,KAAK,2CAyCP"}

package/dist/components/sections/IconList/index.d.ts

@@ -1,3 +1,14 @@
+import { z } from "zod";
+export declare const IconListItemSchema: z.ZodObject<{
+    label: z.ZodString;
+    text: z.ZodString;
+    icon: z.ZodOptional<z.ZodString>;
+    dodont: z.ZodOptional<z.ZodEnum<{
+        do: "do";
+        dont: "dont";
+    }>>;
+}, z.core.$strip>;
+export type IconListItem = z.infer<typeof IconListItemSchema>;
 declare const _default: import("../../..").SectionDefinition<{
     type: "icon_list";
     content: {

package/dist/components/sections/IconList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,wBAuBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,eAAO,MAAM,kBAAkB;;;;;;;;iBAK7B,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;;;;;;;;;;;;;;;;;AAc9D,wBAoBG"}

package/dist/components/sections/LinkHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/LinkHeading/index.tsx"],"names":[],"mappings":";;;;;;AAUA,wBAgBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/LinkHeading/index.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAQG"}

package/dist/components/sections/SubHeading/index.d.ts

@@ -2,7 +2,6 @@ declare const _default: import("../../..").SectionDefinition<{
     type: "sub_heading";
     content: {
         heading: string;
-        excludeFromNav?: boolean | undefined;
     };
 }>;
 export default _default;

package/dist/components/sections/SubHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubHeading/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,wBAmBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubHeading/index.tsx"],"names":[],"mappings":";;;;;;AAGA,wBASG"}

package/dist/components/sections/SubSubHeading/index.d.ts

@@ -2,7 +2,6 @@ declare const _default: import("../../..").SectionDefinition<{
     type: "sub_sub_heading";
     content: {
         heading: string;
-        excludeFromNav?: boolean | undefined;
     };
 }>;
 export default _default;

package/dist/components/sections/SubSubHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubSubHeading/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,wBAmBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubSubHeading/index.tsx"],"names":[],"mappings":";;;;;;AAGA,wBASG"}

package/dist/components/sections/all-sections.d.ts

@@ -20,13 +20,11 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
     type: "sub_heading";
     content: {
         heading: string;
-        excludeFromNav?: boolean | undefined;
     };
 }> | import("../..").SectionDefinition<{
     type: "sub_sub_heading";
     content: {
         heading: string;
-        excludeFromNav?: boolean | undefined;
     };
 }> | import("../..").SectionDefinition<{
     type: "prose";

package/dist/components/sections/all-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;GAYG;AAKH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAW1B,CAAC"}
+{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;GAYG;AAKH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAW1B,CAAC"}