@plitzi/sdk-elements 0.33.2 → 0.34.1

package/dist/elements/advanced/NodeHtml/index.d.ts

@@ -2,68 +2,344 @@ declare const NodeHtml: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NodeHtml').NodeHtmlProps<"span">>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            subType: string;
+    readonly type: "nodeHtml";
+    readonly content: {
+        readonly attributes: {
+            readonly subType: "div";
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Html Node";
+            readonly type: "nodeHtml";
+            readonly description: "A single raw HTML tag with custom attributes.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "advanced";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-brands fa-html5";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "Html Node";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {
-                hr: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {
-                                'border-top-width': string;
+            readonly subTypes: {
+                readonly hr: {
+                    readonly name: "HR Node";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {
+                                readonly 'border-top-width': "1px";
                             };
                         };
                     };
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    style?: import('react').CSSProperties | undefined;
+    color?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    onLoad?: import('react').ReactEventHandler<"span"> | undefined;
+    onClick?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseEnter?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseLeave?: import('react').MouseEventHandler<"span"> | undefined;
+    onFocus?: import('react').FocusEventHandler<"span"> | undefined;
+    onBlur?: import('react').FocusEventHandler<"span"> | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    role?: import('react').AriaRole | undefined;
+    tabIndex?: number | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onCopyCapture?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onCut?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onCutCapture?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onPaste?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onPasteCapture?: import('react').ClipboardEventHandler<"span"> | undefined;
+    onCompositionEnd?: import('react').CompositionEventHandler<"span"> | undefined;
+    onCompositionEndCapture?: import('react').CompositionEventHandler<"span"> | undefined;
+    onCompositionStart?: import('react').CompositionEventHandler<"span"> | undefined;
+    onCompositionStartCapture?: import('react').CompositionEventHandler<"span"> | undefined;
+    onCompositionUpdate?: import('react').CompositionEventHandler<"span"> | undefined;
+    onCompositionUpdateCapture?: import('react').CompositionEventHandler<"span"> | undefined;
+    onFocusCapture?: import('react').FocusEventHandler<"span"> | undefined;
+    onBlurCapture?: import('react').FocusEventHandler<"span"> | undefined;
+    onChange?: import('react').ChangeEventHandler<"span", Element> | undefined;
+    onChangeCapture?: import('react').ChangeEventHandler<"span", Element> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<"span"> | undefined;
+    onBeforeInputCapture?: import('react').InputEventHandler<"span"> | undefined;
+    onInput?: import('react').InputEventHandler<"span"> | undefined;
+    onInputCapture?: import('react').InputEventHandler<"span"> | undefined;
+    onReset?: import('react').ReactEventHandler<"span"> | undefined;
+    onResetCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onSubmit?: import('react').SubmitEventHandler<"span"> | undefined;
+    onSubmitCapture?: import('react').SubmitEventHandler<"span"> | undefined;
+    onInvalid?: import('react').ReactEventHandler<"span"> | undefined;
+    onInvalidCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onError?: import('react').ReactEventHandler<"span"> | undefined;
+    onErrorCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onKeyDown?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onKeyDownCapture?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onKeyPress?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onKeyPressCapture?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onKeyUp?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onKeyUpCapture?: import('react').KeyboardEventHandler<"span"> | undefined;
+    onAbort?: import('react').ReactEventHandler<"span"> | undefined;
+    onAbortCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onCanPlay?: import('react').ReactEventHandler<"span"> | undefined;
+    onCanPlayCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onCanPlayThrough?: import('react').ReactEventHandler<"span"> | undefined;
+    onCanPlayThroughCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onDurationChange?: import('react').ReactEventHandler<"span"> | undefined;
+    onDurationChangeCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onEmptied?: import('react').ReactEventHandler<"span"> | undefined;
+    onEmptiedCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onEncrypted?: import('react').ReactEventHandler<"span"> | undefined;
+    onEncryptedCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onEnded?: import('react').ReactEventHandler<"span"> | undefined;
+    onEndedCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadedData?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadedDataCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadedMetadata?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadedMetadataCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadStart?: import('react').ReactEventHandler<"span"> | undefined;
+    onLoadStartCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onPause?: import('react').ReactEventHandler<"span"> | undefined;
+    onPauseCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onPlay?: import('react').ReactEventHandler<"span"> | undefined;
+    onPlayCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onPlaying?: import('react').ReactEventHandler<"span"> | undefined;
+    onPlayingCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onProgress?: import('react').ReactEventHandler<"span"> | undefined;
+    onProgressCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onRateChange?: import('react').ReactEventHandler<"span"> | undefined;
+    onRateChangeCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onSeeked?: import('react').ReactEventHandler<"span"> | undefined;
+    onSeekedCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onSeeking?: import('react').ReactEventHandler<"span"> | undefined;
+    onSeekingCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onStalled?: import('react').ReactEventHandler<"span"> | undefined;
+    onStalledCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onSuspend?: import('react').ReactEventHandler<"span"> | undefined;
+    onSuspendCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onTimeUpdate?: import('react').ReactEventHandler<"span"> | undefined;
+    onTimeUpdateCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onVolumeChange?: import('react').ReactEventHandler<"span"> | undefined;
+    onVolumeChangeCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onWaiting?: import('react').ReactEventHandler<"span"> | undefined;
+    onWaitingCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onAuxClick?: import('react').MouseEventHandler<"span"> | undefined;
+    onAuxClickCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onClickCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onContextMenu?: import('react').MouseEventHandler<"span"> | undefined;
+    onContextMenuCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onDoubleClick?: import('react').MouseEventHandler<"span"> | undefined;
+    onDoubleClickCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onDrag?: import('react').DragEventHandler<"span"> | undefined;
+    onDragCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragEnd?: import('react').DragEventHandler<"span"> | undefined;
+    onDragEndCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragEnter?: import('react').DragEventHandler<"span"> | undefined;
+    onDragEnterCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragExit?: import('react').DragEventHandler<"span"> | undefined;
+    onDragExitCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragLeave?: import('react').DragEventHandler<"span"> | undefined;
+    onDragLeaveCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragOver?: import('react').DragEventHandler<"span"> | undefined;
+    onDragOverCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDragStart?: import('react').DragEventHandler<"span"> | undefined;
+    onDragStartCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onDrop?: import('react').DragEventHandler<"span"> | undefined;
+    onDropCapture?: import('react').DragEventHandler<"span"> | undefined;
+    onMouseDown?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseDownCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseMove?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseMoveCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseOut?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseOutCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseOver?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseOverCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseUp?: import('react').MouseEventHandler<"span"> | undefined;
+    onMouseUpCapture?: import('react').MouseEventHandler<"span"> | undefined;
+    onSelect?: import('react').ReactEventHandler<"span"> | undefined;
+    onSelectCapture?: import('react').ReactEventHandler<"span"> | undefined;
+    onTouchCancel?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchCancelCapture?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchEnd?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchEndCapture?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchMove?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchMoveCapture?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchStart?: import('react').TouchEventHandler<"span"> | undefined;
+    onTouchStartCapture?: import('react').TouchEventHandler<"span"> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerDownCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerMove?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerMoveCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerUp?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerUpCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerCancel?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerCancelCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerEnter?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerLeave?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerOver?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerOverCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerOut?: import('react').PointerEventHandler<"span"> | undefined;
+    onPointerOutCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onGotPointerCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onGotPointerCaptureCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onLostPointerCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onLostPointerCaptureCapture?: import('react').PointerEventHandler<"span"> | undefined;
+    onScroll?: import('react').UIEventHandler<"span"> | undefined;
+    onScrollCapture?: import('react').UIEventHandler<"span"> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<"span"> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<"span"> | undefined;
+    onWheel?: import('react').WheelEventHandler<"span"> | undefined;
+    onWheelCapture?: import('react').WheelEventHandler<"span"> | undefined;
+    onAnimationStart?: import('react').AnimationEventHandler<"span"> | undefined;
+    onAnimationStartCapture?: import('react').AnimationEventHandler<"span"> | undefined;
+    onAnimationEnd?: import('react').AnimationEventHandler<"span"> | undefined;
+    onAnimationEndCapture?: import('react').AnimationEventHandler<"span"> | undefined;
+    onAnimationIteration?: import('react').AnimationEventHandler<"span"> | undefined;
+    onAnimationIterationCapture?: import('react').AnimationEventHandler<"span"> | undefined;
+    onToggle?: import('react').ToggleEventHandler<"span"> | undefined;
+    onBeforeToggle?: import('react').ToggleEventHandler<"span"> | undefined;
+    onTransitionCancel?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionCancelCapture?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionEnd?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionEndCapture?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionRun?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionRunCapture?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionStart?: import('react').TransitionEventHandler<"span"> | undefined;
+    onTransitionStartCapture?: import('react').TransitionEventHandler<"span"> | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    subType?: "span" | undefined;
+}>>;
 export default NodeHtml;

package/dist/elements/advanced/NodeHtml/index.mjs

@@ -1,51 +1,6 @@
-import e from "./NodeHtml.mjs";
+import e from "./declaration.mjs";
+import t from "./NodeHtml.mjs";
 //#region src/elements/advanced/NodeHtml/index.ts
-var t = Object.assign(e, {
-	type: "nodeHtml",
-	content: {
-		attributes: { subType: "div" },
-		definition: {
-			label: "Html Node",
-			type: "nodeHtml",
-			description: "",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "advanced",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-brands fa-html5"
-		},
-		defaultStyle: {
-			name: "Html Node",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: { hr: {
-				name: "HR Node",
-				displayMode: "desktop",
-				style: { base: { default: { "border-top-width": "1px" } } }
-			} }
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/advanced/Reference/Reference.mjs

@@ -1,7 +1,7 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/PluginManager.mjs";
-import r from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
+import r from "../../../Element/PluginManager.mjs";
 import { use as i, useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { useCommonStore as d } from "@plitzi/sdk-shared/store";
@@ -10,8 +10,8 @@ import { StoreProvider as p } from "@plitzi/nexus/react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import g from "clsx";
 //#region src/elements/advanced/Reference/Reference.tsx
-var _ = ({ ref: r, children: _, className: v = "", referenceType: y = "element", referenceId: b = "", referenceContainer: x = "" }) => {
-	let { id: S, definition: { rootId: C, styleSelectors: w } } = e(), { settings: { previewMode: T, environment: E }, contexts: { SegmentsContext: D } } = u(), [[O, k]] = d(["schema", "segments"]), { segmentGet: A } = i(D), j = c(O);
+var _ = ({ ref: e, children: _, className: v = "", referenceType: y = "element", referenceId: b = "", referenceContainer: x = "" }) => {
+	let { id: S, definition: { rootId: C, styleSelectors: w } } = t(), { settings: { previewMode: T, environment: E }, contexts: { SegmentsContext: D } } = u(), [[O, k]] = d(["schema", "segments"]), { segmentGet: A } = i(D), j = c(O);
 	j.current = O;
 	let M = c(k);
 	M.current = k;
@@ -92,8 +92,8 @@ var _ = ({ ref: r, children: _, className: v = "", referenceType: y = "element",
 		C,
 		w.base
 	]);
-	if (!P) return /* @__PURE__ */ m(t, {
-		ref: r,
+	if (!P) return /* @__PURE__ */ m(n, {
+		ref: e,
 		className: g("plitzi-component__reference", v, { "reference--build-mode": !T }),
 		children: !T && /* @__PURE__ */ h("div", {
 			className: "reference__label",
@@ -107,19 +107,19 @@ var _ = ({ ref: r, children: _, className: v = "", referenceType: y = "element",
 	return T && z && y === "element" ? /* @__PURE__ */ m(p, {
 		name: `Reference:${S}`,
 		value: V,
-		children: /* @__PURE__ */ m(n, {
+		children: /* @__PURE__ */ m(r, {
 			type: B,
 			internalProps: R,
 			plitziElementLayout: L
 		}, `${S}_${b}`)
-	}) : /* @__PURE__ */ h(t, {
-		ref: r,
+	}) : /* @__PURE__ */ h(n, {
+		ref: e,
 		className: g("plitzi-component__reference", v, { "reference--build-mode": !T }),
 		children: [
 			/* @__PURE__ */ m(p, {
 				name: `Reference:${S}`,
 				value: V,
-				children: z && /* @__PURE__ */ m(n, {
+				children: z && /* @__PURE__ */ m(r, {
 					type: B,
 					internalProps: R,
 					plitziElementLayout: L
@@ -138,6 +138,6 @@ var _ = ({ ref: r, children: _, className: v = "", referenceType: y = "element",
 			] })
 		]
 	});
-}, v = r(_);
+}, v = e(_);
 //#endregion
 export { _ as Reference, v as default };

package/dist/elements/advanced/Reference/declaration.d.ts

@@ -0,0 +1,60 @@
+import { ReferenceProps } from './Reference';
+import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
+/** What this element can be authored with — its component's own props, minus what the runtime supplies. */
+export type ReferenceAttributes = AuthorableAttributes<ReferenceProps>;
+declare const declaration: {
+    readonly type: "reference";
+    readonly content: {
+        readonly attributes: {
+            readonly referenceType: "element";
+            readonly referenceId: "";
+            readonly referenceContainer: "";
+        };
+        readonly definition: {
+            readonly label: "Reference";
+            readonly type: "reference";
+            readonly description: "Reuses another element or template by id, rendering it in place.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "advanced";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-asterisk";
+        };
+        readonly defaultStyle: {
+            readonly name: "Reference Element";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    referenceId: string;
+    referenceType: import('@plitzi/sdk-shared').ElementLayoutType;
+    referenceContainer: string;
+}>>;
+export default declaration;

package/dist/elements/advanced/Reference/declaration.mjs

@@ -0,0 +1,47 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/advanced/Reference/declaration.ts
+var t = e()({
+	type: "reference",
+	content: {
+		attributes: {
+			referenceType: "element",
+			referenceId: "",
+			referenceContainer: ""
+		},
+		definition: {
+			label: "Reference",
+			type: "reference",
+			description: "Reuses another element or template by id, rendering it in place.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "advanced",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-asterisk"
+		},
+		defaultStyle: {
+			name: "Reference Element",
+			displayMode: "desktop",
+			style: { base: { default: {} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };