@wordpress/widget-dashboard 0.1.1 → 0.3.0

package/build-module/components/widget-settings/widget-settings-toolbar.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/widget-settings/widget-settings-toolbar.tsx", "../../../../style-runtime/src/index.ts", "../../../src/components/widget-settings/widget-settings-toolbar.module.css"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { WidgetType } from '@wordpress/widget-primitives';\n\n/**\n * Internal dependencies\n */\nimport { WidgetToolbar } from '../widget-toolbar';\nimport { WidgetSettingsTrigger } from './widget-settings-trigger';\nimport styles from './widget-settings-toolbar.module.css';\nimport type { DashboardWidget } from '../../types';\n\nexport interface WidgetSettingsToolbarProps {\n\t/** The instance whose settings this toolbar configures. */\n\twidget: DashboardWidget< unknown >;\n\n\t/** The instance's widget type, for the trigger label and guard. */\n\twidgetType: WidgetType;\n}\n\n/**\n * Normal-mode per-tile toolbar: the gear that opens the settings drawer. Lives\n * in the grid's `actionableArea` slot, so it shows for every `presentation`.\n * Returns `null` when the type has no attributes.\n *\n * @param {WidgetSettingsToolbarProps} props Component props.\n */\nexport function WidgetSettingsToolbar( {\n\twidget,\n\twidgetType,\n}: WidgetSettingsToolbarProps ): React.ReactNode {\n\tif ( ! widgetType.attributes?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<WidgetToolbar className={ styles.widgetSettingsToolbar }>\n\t\t\t<WidgetSettingsTrigger\n\t\t\t\twidget={ widget }\n\t\t\t\twidgetType={ widgetType }\n\t\t\t/>\n\t\t</WidgetToolbar>\n\t);\n}\n", "type GlobalScopeWithStyleRuntime = typeof globalThis & {\n\t// This global is shared by separately bundled copies of this package.\n\t// Keep its shape backward compatible after release.\n\t__wpStyleRuntime?: {\n\t\tdocuments: Map< Document, number >;\n\t\tstyles: Map< string, string >;\n\t\tinjectedStyles: WeakMap< Document, Set< string > >;\n\t};\n};\n\nconst STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n\tconst globalScope = globalThis as GlobalScopeWithStyleRuntime;\n\n\tif ( globalScope.__wpStyleRuntime ) {\n\t\treturn globalScope.__wpStyleRuntime;\n\t}\n\n\tglobalScope.__wpStyleRuntime = {\n\t\tdocuments: new Map(),\n\t\tstyles: new Map(),\n\t\tinjectedStyles: new WeakMap(),\n\t};\n\n\tif ( typeof document !== 'undefined' ) {\n\t\tregisterDocument( document );\n\t}\n\n\treturn globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(\n\ttargetDocument: Document,\n\thash: string\n): boolean {\n\tif ( ! targetDocument.head ) {\n\t\treturn false;\n\t}\n\n\tfor ( const style of targetDocument.head.querySelectorAll(\n\t\t`style[${ STYLE_HASH_ATTRIBUTE }]`\n\t) ) {\n\t\tif ( style.getAttribute( STYLE_HASH_ATTRIBUTE ) === hash ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle( targetDocument: Document, hash: string, css: string ) {\n\tif ( ! targetDocument.head ) {\n\t\treturn;\n\t}\n\n\tconst runtime = getRuntime();\n\tlet injectedStyles = runtime.injectedStyles.get( targetDocument );\n\n\tif ( ! injectedStyles ) {\n\t\tinjectedStyles = new Set();\n\t\truntime.injectedStyles.set( targetDocument, injectedStyles );\n\t}\n\n\tif ( injectedStyles.has( hash ) ) {\n\t\treturn;\n\t}\n\n\t// Older generated CSS module output can still inject matching style tags\n\t// after this document's cache is created, so keep the DOM as the fallback\n\t// source of truth on cache misses.\n\tif ( documentContainsStyleHash( targetDocument, hash ) ) {\n\t\tinjectedStyles.add( hash );\n\t\treturn;\n\t}\n\n\tconst style = targetDocument.createElement( 'style' );\n\tstyle.setAttribute( STYLE_HASH_ATTRIBUTE, hash );\n\tstyle.appendChild( targetDocument.createTextNode( css ) );\n\ttargetDocument.head.appendChild( style );\n\tinjectedStyles.add( hash );\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument( targetDocument: Document ) {\n\tconst runtime = getRuntime();\n\n\truntime.documents.set(\n\t\ttargetDocument,\n\t\t( runtime.documents.get( targetDocument ) ?? 0 ) + 1\n\t);\n\n\tfor ( const [ hash, css ] of runtime.styles ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n\n\treturn () => {\n\t\tconst count = runtime.documents.get( targetDocument );\n\n\t\tif ( count === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( count <= 1 ) {\n\t\t\truntime.documents.delete( targetDocument );\n\t\t\treturn;\n\t\t}\n\n\t\truntime.documents.set( targetDocument, count - 1 );\n\t};\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle( hash: string, css: string ) {\n\tconst runtime = getRuntime();\n\n\truntime.styles.set( hash, css );\n\n\tfor ( const targetDocument of runtime.documents.keys() ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n}\n", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"76555dc7e2\", \"._931c420497181bdb__widgetSettingsToolbar{background:color-mix(in srgb,var(--wpds-color-background-surface-neutral,#fcfcfc) 40%,transparent);opacity:0;pointer-events:none}[data-wp-grid-item-key]:focus-within ._931c420497181bdb__widgetSettingsToolbar,[data-wp-grid-item-key]:hover ._931c420497181bdb__widgetSettingsToolbar{opacity:1;pointer-events:auto}@media not (prefers-reduced-motion){._931c420497181bdb__widgetSettingsToolbar{transition:opacity var(--wpds-motion-duration-sm,.1s) var(--wpds-motion-easing-subtle,cubic-bezier(.15,0,.15,1))}}\");\n}\nexport default {\"widgetSettingsToolbar\":\"_931c420497181bdb__widgetSettingsToolbar\"};\n"],
-  "mappings": ";AAQA,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;;;ACCtC,IAAM,uBAAuB;AAU7B,SAAS,aAAa;AACrB,QAAM,cAAc;AAEpB,MAAK,YAAY,kBAAmB;AACnC,WAAO,YAAY;AAAA,EACpB;AAEA,cAAY,mBAAmB;AAAA,IAC9B,WAAW,oBAAI,IAAI;AAAA,IACnB,QAAQ,oBAAI,IAAI;AAAA,IAChB,gBAAgB,oBAAI,QAAQ;AAAA,EAC7B;AAEA,MAAK,OAAO,aAAa,aAAc;AACtC,qBAAkB,QAAS;AAAA,EAC5B;AAEA,SAAO,YAAY;AACpB;AAUA,SAAS,0BACR,gBACA,MACU;AACV,MAAK,CAAE,eAAe,MAAO;AAC5B,WAAO;AAAA,EACR;AAEA,aAAY,SAAS,eAAe,KAAK;AAAA,IACxC,SAAU,oBAAqB;AAAA,EAChC,GAAI;AACH,QAAK,MAAM,aAAc,oBAAqB,MAAM,MAAO;AAC1D,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,YAAa,gBAA0B,MAAc,KAAc;AAC3E,MAAK,CAAE,eAAe,MAAO;AAC5B;AAAA,EACD;AAEA,QAAM,UAAU,WAAW;AAC3B,MAAI,iBAAiB,QAAQ,eAAe,IAAK,cAAe;AAEhE,MAAK,CAAE,gBAAiB;AACvB,qBAAiB,oBAAI,IAAI;AACzB,YAAQ,eAAe,IAAK,gBAAgB,cAAe;AAAA,EAC5D;AAEA,MAAK,eAAe,IAAK,IAAK,GAAI;AACjC;AAAA,EACD;AAKA,MAAK,0BAA2B,gBAAgB,IAAK,GAAI;AACxD,mBAAe,IAAK,IAAK;AACzB;AAAA,EACD;AAEA,QAAM,QAAQ,eAAe,cAAe,OAAQ;AACpD,QAAM,aAAc,sBAAsB,IAAK;AAC/C,QAAM,YAAa,eAAe,eAAgB,GAAI,CAAE;AACxD,iBAAe,KAAK,YAAa,KAAM;AACvC,iBAAe,IAAK,IAAK;AAC1B;AAaO,SAAS,iBAAkB,gBAA2B;AAC5D,QAAM,UAAU,WAAW;AAE3B,UAAQ,UAAU;AAAA,IACjB;AAAA,KACE,QAAQ,UAAU,IAAK,cAAe,KAAK,KAAM;AAAA,EACpD;AAEA,aAAY,CAAE,MAAM,GAAI,KAAK,QAAQ,QAAS;AAC7C,gBAAa,gBAAgB,MAAM,GAAI;AAAA,EACxC;AAEA,SAAO,MAAM;AACZ,UAAM,QAAQ,QAAQ,UAAU,IAAK,cAAe;AAEpD,QAAK,UAAU,QAAY;AAC1B;AAAA,IACD;AAEA,QAAK,SAAS,GAAI;AACjB,cAAQ,UAAU,OAAQ,cAAe;AACzC;AAAA,IACD;AAEA,YAAQ,UAAU,IAAK,gBAAgB,QAAQ,CAAE;AAAA,EAClD;AACD;AAaO,SAAS,cAAe,MAAc,KAAc;AAC1D,QAAM,UAAU,WAAW;AAE3B,UAAQ,OAAO,IAAK,MAAM,GAAI;AAE9B,aAAY,kBAAkB,QAAQ,UAAU,KAAK,GAAI;AACxD,gBAAa,gBAAgB,MAAM,GAAI;AAAA,EACxC;AACD;;;ACpKA,IAAI,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa,QAAQ;AACtE,gBAAc,cAAc,kiBAAkiB;AAC/jB;AACA,IAAO,kCAAQ,EAAC,yBAAwB,2CAA0C;;;AFkC/E;AAVI,SAAS,sBAAuB;AAAA,EACtC;AAAA,EACA;AACD,GAAiD;AAChD,MAAK,CAAE,WAAW,YAAY,QAAS;AACtC,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,iBAAc,WAAY,gCAAO,uBACjC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD,GACD;AAEF;",
-  "names": []
-}

package/build-module/components/widgets/widget-layout-toolbar.mjs

@@ -1,181 +0,0 @@
-// packages/widget-dashboard/src/components/widgets/widget-layout-toolbar.tsx
-import { privateApis as componentsPrivateApis } from "@wordpress/components";
-import { __ } from "@wordpress/i18n";
-import { moreVertical, trash } from "@wordpress/icons";
-import { IconButton } from "@wordpress/ui";
-import { unlock } from "../../lock-unlock.mjs";
-import { useDashboardInternalContext } from "../../context/dashboard-context.mjs";
-import { WidgetToolbar } from "../widget-toolbar/index.mjs";
-
-// packages/style-runtime/src/index.ts
-var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
-function getRuntime() {
-  const globalScope = globalThis;
-  if (globalScope.__wpStyleRuntime) {
-    return globalScope.__wpStyleRuntime;
-  }
-  globalScope.__wpStyleRuntime = {
-    documents: /* @__PURE__ */ new Map(),
-    styles: /* @__PURE__ */ new Map(),
-    injectedStyles: /* @__PURE__ */ new WeakMap()
-  };
-  if (typeof document !== "undefined") {
-    registerDocument(document);
-  }
-  return globalScope.__wpStyleRuntime;
-}
-function documentContainsStyleHash(targetDocument, hash) {
-  if (!targetDocument.head) {
-    return false;
-  }
-  for (const style of targetDocument.head.querySelectorAll(
-    `style[${STYLE_HASH_ATTRIBUTE}]`
-  )) {
-    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {
-      return true;
-    }
-  }
-  return false;
-}
-function injectStyle(targetDocument, hash, css) {
-  if (!targetDocument.head) {
-    return;
-  }
-  const runtime = getRuntime();
-  let injectedStyles = runtime.injectedStyles.get(targetDocument);
-  if (!injectedStyles) {
-    injectedStyles = /* @__PURE__ */ new Set();
-    runtime.injectedStyles.set(targetDocument, injectedStyles);
-  }
-  if (injectedStyles.has(hash)) {
-    return;
-  }
-  if (documentContainsStyleHash(targetDocument, hash)) {
-    injectedStyles.add(hash);
-    return;
-  }
-  const style = targetDocument.createElement("style");
-  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
-  style.appendChild(targetDocument.createTextNode(css));
-  targetDocument.head.appendChild(style);
-  injectedStyles.add(hash);
-}
-function registerDocument(targetDocument) {
-  const runtime = getRuntime();
-  runtime.documents.set(
-    targetDocument,
-    (runtime.documents.get(targetDocument) ?? 0) + 1
-  );
-  for (const [hash, css] of runtime.styles) {
-    injectStyle(targetDocument, hash, css);
-  }
-  return () => {
-    const count = runtime.documents.get(targetDocument);
-    if (count === void 0) {
-      return;
-    }
-    if (count <= 1) {
-      runtime.documents.delete(targetDocument);
-      return;
-    }
-    runtime.documents.set(targetDocument, count - 1);
-  };
-}
-function registerStyle(hash, css) {
-  const runtime = getRuntime();
-  runtime.styles.set(hash, css);
-  for (const targetDocument of runtime.documents.keys()) {
-    injectStyle(targetDocument, hash, css);
-  }
-}
-
-// packages/widget-dashboard/src/components/widgets/widget-layout-toolbar.module.css
-if (typeof process === "undefined" || process.env.NODE_ENV !== "test") {
-  registerStyle("2696f7462d", "._6f7360b4588de00a__widgetLayoutToolbar{background:var(--wpds-color-background-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);box-shadow:var(--wpds-elevation-xs,0 1px 1px 0 #00000008,0 1px 2px 0 #00000005,0 3px 3px 0 #00000005,0 4px 4px 0 #00000003)}");
-}
-var widget_layout_toolbar_default = { "widgetLayoutToolbar": "_6f7360b4588de00a__widgetLayoutToolbar" };
-
-// packages/widget-dashboard/src/components/widgets/widget-layout-toolbar.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var { Menu } = unlock(componentsPrivateApis);
-function WidgetLayoutToolbar({
-  widget
-}) {
-  const { layout, onLayoutChange } = useDashboardInternalContext();
-  const width = widget.placement?.width;
-  const updateWidth = (nextWidth) => {
-    const nextLayout = layout.map(
-      (currentWidget) => currentWidget.uuid === widget.uuid ? {
-        ...currentWidget,
-        placement: {
-          ...currentWidget.placement,
-          width: nextWidth
-        }
-      } : currentWidget
-    );
-    onLayoutChange(nextLayout);
-  };
-  const onNamedWidthChange = (nextWidth) => {
-    updateWidth(nextWidth);
-  };
-  const onRemove = () => {
-    onLayoutChange(
-      layout.filter(
-        (currentWidget) => currentWidget.uuid !== widget.uuid
-      )
-    );
-  };
-  return /* @__PURE__ */ jsxs(WidgetToolbar, { className: widget_layout_toolbar_default.widgetLayoutToolbar, children: [
-    /* @__PURE__ */ jsxs(Menu, { children: [
-      /* @__PURE__ */ jsx(
-        Menu.TriggerButton,
-        {
-          render: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              icon: moreVertical,
-              label: __("Widget options"),
-              size: "compact",
-              variant: "minimal",
-              tone: "neutral"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(Menu.Popover, { children: /* @__PURE__ */ jsxs(Menu.Group, { children: [
-        /* @__PURE__ */ jsx(Menu.GroupLabel, { children: __("Width") }),
-        /* @__PURE__ */ jsx(
-          Menu.Item,
-          {
-            disabled: width === "fill",
-            onClick: () => onNamedWidthChange("fill"),
-            children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Use available width") })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Menu.Item,
-          {
-            disabled: width === "full",
-            onClick: () => onNamedWidthChange("full"),
-            children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Make full width") })
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        icon: trash,
-        label: __("Remove"),
-        size: "compact",
-        variant: "minimal",
-        tone: "neutral",
-        onClick: onRemove
-      }
-    )
-  ] });
-}
-export {
-  WidgetLayoutToolbar
-};
-//# sourceMappingURL=widget-layout-toolbar.mjs.map

package/build-module/components/widgets/widget-layout-toolbar.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/widgets/widget-layout-toolbar.tsx", "../../../../style-runtime/src/index.ts", "../../../src/components/widgets/widget-layout-toolbar.module.css"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical, trash } from '@wordpress/icons';\n// Dashboard is still experimental.\n// eslint-disable-next-line @wordpress/use-recommended-components\nimport { IconButton } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useDashboardInternalContext } from '../../context/dashboard-context';\nimport { WidgetToolbar } from '../widget-toolbar';\nimport styles from './widget-layout-toolbar.module.css';\nimport type { DashboardWidget, GridTilePlacement } from '../../types';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\ntype NamedGridWidth = Exclude<\n\tNonNullable< GridTilePlacement[ 'width' ] >,\n\tnumber\n>;\n\nexport interface WidgetLayoutToolbarProps {\n\t/** The instance this toolbar manages within the layout. */\n\twidget: DashboardWidget< unknown >;\n}\n\n/**\n * Customize-mode per-tile toolbar: a width menu and removal, editing the\n * widget's place in the layout. Lives in the grid's `actionableArea` slot, so\n * it stays interactive while the card is `inert`.\n *\n * @param {WidgetLayoutToolbarProps} props Component props.\n */\nexport function WidgetLayoutToolbar( {\n\twidget,\n}: WidgetLayoutToolbarProps ): React.ReactNode {\n\tconst { layout, onLayoutChange } = useDashboardInternalContext();\n\tconst width = widget.placement?.width;\n\n\tconst updateWidth = ( nextWidth: GridTilePlacement[ 'width' ] ) => {\n\t\tconst nextLayout = layout.map( ( currentWidget ) =>\n\t\t\tcurrentWidget.uuid === widget.uuid\n\t\t\t\t? {\n\t\t\t\t\t\t...currentWidget,\n\t\t\t\t\t\tplacement: {\n\t\t\t\t\t\t\t...currentWidget.placement,\n\t\t\t\t\t\t\twidth: nextWidth,\n\t\t\t\t\t\t},\n\t\t\t\t  }\n\t\t\t\t: currentWidget\n\t\t);\n\t\tonLayoutChange( nextLayout );\n\t};\n\n\tconst onNamedWidthChange = ( nextWidth: NamedGridWidth ) => {\n\t\tupdateWidth( nextWidth );\n\t};\n\n\tconst onRemove = () => {\n\t\tonLayoutChange(\n\t\t\tlayout.filter(\n\t\t\t\t( currentWidget ) => currentWidget.uuid !== widget.uuid\n\t\t\t)\n\t\t);\n\t};\n\n\treturn (\n\t\t<WidgetToolbar className={ styles.widgetLayoutToolbar }>\n\t\t\t<Menu>\n\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\trender={\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Widget options' ) }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\ttone=\"neutral\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Menu.Popover>\n\t\t\t\t\t<Menu.Group>\n\t\t\t\t\t\t<Menu.GroupLabel>{ __( 'Width' ) }</Menu.GroupLabel>\n\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\tdisabled={ width === 'fill' }\n\t\t\t\t\t\t\tonClick={ () => onNamedWidthChange( 'fill' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t{ __( 'Use available width' ) }\n\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\tdisabled={ width === 'full' }\n\t\t\t\t\t\t\tonClick={ () => onNamedWidthChange( 'full' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t{ __( 'Make full width' ) }\n\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t</Menu.Group>\n\t\t\t\t</Menu.Popover>\n\t\t\t</Menu>\n\t\t\t<IconButton\n\t\t\t\ticon={ trash }\n\t\t\t\tlabel={ __( 'Remove' ) }\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"minimal\"\n\t\t\t\ttone=\"neutral\"\n\t\t\t\tonClick={ onRemove }\n\t\t\t/>\n\t\t</WidgetToolbar>\n\t);\n}\n", "type GlobalScopeWithStyleRuntime = typeof globalThis & {\n\t// This global is shared by separately bundled copies of this package.\n\t// Keep its shape backward compatible after release.\n\t__wpStyleRuntime?: {\n\t\tdocuments: Map< Document, number >;\n\t\tstyles: Map< string, string >;\n\t\tinjectedStyles: WeakMap< Document, Set< string > >;\n\t};\n};\n\nconst STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n\tconst globalScope = globalThis as GlobalScopeWithStyleRuntime;\n\n\tif ( globalScope.__wpStyleRuntime ) {\n\t\treturn globalScope.__wpStyleRuntime;\n\t}\n\n\tglobalScope.__wpStyleRuntime = {\n\t\tdocuments: new Map(),\n\t\tstyles: new Map(),\n\t\tinjectedStyles: new WeakMap(),\n\t};\n\n\tif ( typeof document !== 'undefined' ) {\n\t\tregisterDocument( document );\n\t}\n\n\treturn globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(\n\ttargetDocument: Document,\n\thash: string\n): boolean {\n\tif ( ! targetDocument.head ) {\n\t\treturn false;\n\t}\n\n\tfor ( const style of targetDocument.head.querySelectorAll(\n\t\t`style[${ STYLE_HASH_ATTRIBUTE }]`\n\t) ) {\n\t\tif ( style.getAttribute( STYLE_HASH_ATTRIBUTE ) === hash ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle( targetDocument: Document, hash: string, css: string ) {\n\tif ( ! targetDocument.head ) {\n\t\treturn;\n\t}\n\n\tconst runtime = getRuntime();\n\tlet injectedStyles = runtime.injectedStyles.get( targetDocument );\n\n\tif ( ! injectedStyles ) {\n\t\tinjectedStyles = new Set();\n\t\truntime.injectedStyles.set( targetDocument, injectedStyles );\n\t}\n\n\tif ( injectedStyles.has( hash ) ) {\n\t\treturn;\n\t}\n\n\t// Older generated CSS module output can still inject matching style tags\n\t// after this document's cache is created, so keep the DOM as the fallback\n\t// source of truth on cache misses.\n\tif ( documentContainsStyleHash( targetDocument, hash ) ) {\n\t\tinjectedStyles.add( hash );\n\t\treturn;\n\t}\n\n\tconst style = targetDocument.createElement( 'style' );\n\tstyle.setAttribute( STYLE_HASH_ATTRIBUTE, hash );\n\tstyle.appendChild( targetDocument.createTextNode( css ) );\n\ttargetDocument.head.appendChild( style );\n\tinjectedStyles.add( hash );\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument( targetDocument: Document ) {\n\tconst runtime = getRuntime();\n\n\truntime.documents.set(\n\t\ttargetDocument,\n\t\t( runtime.documents.get( targetDocument ) ?? 0 ) + 1\n\t);\n\n\tfor ( const [ hash, css ] of runtime.styles ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n\n\treturn () => {\n\t\tconst count = runtime.documents.get( targetDocument );\n\n\t\tif ( count === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( count <= 1 ) {\n\t\t\truntime.documents.delete( targetDocument );\n\t\t\treturn;\n\t\t}\n\n\t\truntime.documents.set( targetDocument, count - 1 );\n\t};\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle( hash: string, css: string ) {\n\tconst runtime = getRuntime();\n\n\truntime.styles.set( hash, css );\n\n\tfor ( const targetDocument of runtime.documents.keys() ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n}\n", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"2696f7462d\", \"._6f7360b4588de00a__widgetLayoutToolbar{background:var(--wpds-color-background-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);box-shadow:var(--wpds-elevation-xs,0 1px 1px 0 #00000008,0 1px 2px 0 #00000005,0 3px 3px 0 #00000005,0 4px 4px 0 #00000003)}\");\n}\nexport default {\"widgetLayoutToolbar\":\"_6f7360b4588de00a__widgetLayoutToolbar\"};\n"],
-  "mappings": "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",
-  "names": []
-}

package/build-module/utils/grid-model-change/grid-model-change.mjs

@@ -1,30 +0,0 @@
-// packages/widget-dashboard/src/utils/grid-model-change/grid-model-change.ts
-import { migrateLayout } from "../migrate-layout/index.mjs";
-import { WIDGET_DASHBOARD_COLUMN_COUNT } from "../../types.mjs";
-function getGridModel(settings) {
-  return settings.model ?? "grid";
-}
-function computeGridModelChange({
-  layout,
-  gridSettings,
-  targetModel
-}) {
-  const currentModel = getGridModel(gridSettings);
-  if (currentModel === targetModel) {
-    return null;
-  }
-  return {
-    layout: migrateLayout(layout, currentModel, targetModel, {
-      columns: WIDGET_DASHBOARD_COLUMN_COUNT
-    }),
-    gridSettings: {
-      ...gridSettings,
-      model: targetModel
-    }
-  };
-}
-export {
-  computeGridModelChange,
-  getGridModel
-};
-//# sourceMappingURL=grid-model-change.mjs.map

package/build-module/utils/grid-model-change/grid-model-change.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/grid-model-change/grid-model-change.ts"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { migrateLayout } from '../migrate-layout';\nimport type {\n\tDashboardWidget,\n\tWidgetGridModel,\n\tWidgetGridSettings,\n} from '../../types';\nimport { WIDGET_DASHBOARD_COLUMN_COUNT } from '../../types';\n\nexport function getGridModel( settings: WidgetGridSettings ): WidgetGridModel {\n\treturn settings.model ?? 'grid';\n}\n\ntype ComputeGridModelChangeProps = {\n\tlayout: DashboardWidget[];\n\tgridSettings: WidgetGridSettings;\n\ttargetModel: WidgetGridModel;\n};\n\ntype ComputeGridModelChangeResult = {\n\tlayout: DashboardWidget[];\n\tgridSettings: WidgetGridSettings;\n} | null;\n\n/**\n * Computes the staged layout and grid settings after a layout-model change.\n *\n * @param {ComputeGridModelChangeProps} params Layout, current settings, and target model.\n * @return {ComputeGridModelChangeResult} Migrated layout and settings, or `null` when the model is unchanged.\n */\nexport function computeGridModelChange( {\n\tlayout,\n\tgridSettings,\n\ttargetModel,\n}: ComputeGridModelChangeProps ): ComputeGridModelChangeResult {\n\tconst currentModel = getGridModel( gridSettings );\n\n\tif ( currentModel === targetModel ) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tlayout: migrateLayout( layout, currentModel, targetModel, {\n\t\t\tcolumns: WIDGET_DASHBOARD_COLUMN_COUNT,\n\t\t} ),\n\t\tgridSettings: {\n\t\t\t...gridSettings,\n\t\t\tmodel: targetModel,\n\t\t} as WidgetGridSettings,\n\t};\n}\n"],
-  "mappings": ";AAGA,SAAS,qBAAqB;AAM9B,SAAS,qCAAqC;AAEvC,SAAS,aAAc,UAAgD;AAC7E,SAAO,SAAS,SAAS;AAC1B;AAmBO,SAAS,uBAAwB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACD,GAA+D;AAC9D,QAAM,eAAe,aAAc,YAAa;AAEhD,MAAK,iBAAiB,aAAc;AACnC,WAAO;AAAA,EACR;AAEA,SAAO;AAAA,IACN,QAAQ,cAAe,QAAQ,cAAc,aAAa;AAAA,MACzD,SAAS;AAAA,IACV,CAAE;AAAA,IACF,cAAc;AAAA,MACb,GAAG;AAAA,MACH,OAAO;AAAA,IACR;AAAA,EACD;AACD;",
-  "names": []
-}

package/build-module/utils/grid-model-change/index.mjs

@@ -1,7 +0,0 @@
-// packages/widget-dashboard/src/utils/grid-model-change/index.ts
-import { computeGridModelChange, getGridModel } from "./grid-model-change.mjs";
-export {
-  computeGridModelChange,
-  getGridModel
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/utils/grid-model-change/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/grid-model-change/index.ts"],
-  "sourcesContent": ["export { computeGridModelChange, getGridModel } from './grid-model-change';\n"],
-  "mappings": ";AAAA,SAAS,wBAAwB,oBAAoB;",
-  "names": []
-}

package/build-module/utils/migrate-layout/index.mjs

@@ -1,6 +0,0 @@
-// packages/widget-dashboard/src/utils/migrate-layout/index.ts
-import { migrateLayout } from "./migrate-layout.mjs";
-export {
-  migrateLayout
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/utils/migrate-layout/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/migrate-layout/index.ts"],
-  "sourcesContent": ["export { migrateLayout } from './migrate-layout';\n"],
-  "mappings": ";AAAA,SAAS,qBAAqB;",
-  "names": []
-}

package/build-module/utils/migrate-layout/migrate-layout.mjs

@@ -1,69 +0,0 @@
-// packages/widget-dashboard/src/utils/migrate-layout/migrate-layout.ts
-var FALLBACK_COLUMNS = 6;
-function gridWidthToMasonryWidth(width, targetColumns) {
-  if (width === "full") {
-    return targetColumns;
-  }
-  if (width === "fill" || width === void 0) {
-    return 1;
-  }
-  return width;
-}
-function migratePlacementGridToMasonry(placement, context) {
-  if (!placement) {
-    return {};
-  }
-  const next = {};
-  const width = gridWidthToMasonryWidth(placement.width, context.columns);
-  if (width !== 1) {
-    next.width = width;
-  }
-  if (placement.order !== void 0) {
-    next.order = placement.order;
-  }
-  return next;
-}
-function migratePlacementMasonryToGrid(placement) {
-  if (!placement) {
-    return { height: 1 };
-  }
-  const next = { height: 1 };
-  if (placement.width !== void 0) {
-    next.width = placement.width;
-  }
-  if (placement.order !== void 0) {
-    next.order = placement.order;
-  }
-  return next;
-}
-function migrateLayout(widgets, from, to, context = {}) {
-  const resolvedFrom = from ?? "grid";
-  if (resolvedFrom === to) {
-    return widgets;
-  }
-  const resolvedContext = {
-    columns: context.columns ?? FALLBACK_COLUMNS
-  };
-  if (resolvedFrom === "grid" && to === "masonry") {
-    return widgets.map((widget) => ({
-      ...widget,
-      placement: migratePlacementGridToMasonry(
-        widget.placement,
-        resolvedContext
-      )
-    }));
-  }
-  if (resolvedFrom === "masonry" && to === "grid") {
-    return widgets.map((widget) => ({
-      ...widget,
-      placement: migratePlacementMasonryToGrid(
-        widget.placement
-      )
-    }));
-  }
-  return widgets;
-}
-export {
-  migrateLayout
-};
-//# sourceMappingURL=migrate-layout.mjs.map

package/build-module/utils/migrate-layout/migrate-layout.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/migrate-layout/migrate-layout.ts"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type {\n\tDashboardWidget,\n\tGridTilePlacement,\n\tMasonryTilePlacement,\n\tWidgetGridModel,\n} from '../../types';\n\ninterface MigrationContext {\n\t/**\n\t * Column count of the currently-mounted grid surface. Used to\n\t * resolve `'full'` widths to a concrete numeric span when going\n\t * from the 2D grid model to masonry. When the surface is in\n\t * responsive mode and the runtime column count is unknown,\n\t * callers should pass a sensible fallback (e.g., the default of\n\t * 6 used by `@wordpress/grid`).\n\t */\n\tcolumns: number;\n}\n\nconst FALLBACK_COLUMNS = 6;\n\n/**\n * Coerces a `'fill'`/`'full'`/numeric width into a concrete numeric\n * span when migrating from `'grid'` to `'masonry'`. `'fill'` collapses\n * to a single column; resolving it against per-row remainder would\n * require either DOM measurement or replicating CSS-Grid's auto-flow\n * placement, both of which were judged not worth the complexity for\n * a one-shot migration the user can correct visually in staging.\n *\n * @param width         Source width from a grid placement.\n * @param targetColumns Column count to use for `'full'` widths.\n */\nfunction gridWidthToMasonryWidth(\n\twidth: GridTilePlacement[ 'width' ],\n\ttargetColumns: number\n): number {\n\tif ( width === 'full' ) {\n\t\treturn targetColumns;\n\t}\n\tif ( width === 'fill' || width === undefined ) {\n\t\treturn 1;\n\t}\n\treturn width;\n}\n\n/**\n * Transforms a single placement from the 2D grid shape to the masonry\n * shape. Drops `height` (masonry derives heights from content),\n * preserves `order`, leaves `lane` unset so the auto-flow placer\n * arranges items by source order.\n *\n * @param placement Source grid placement.\n * @param context   Migration context (column count).\n */\nfunction migratePlacementGridToMasonry(\n\tplacement: GridTilePlacement | undefined,\n\tcontext: MigrationContext\n): MasonryTilePlacement {\n\tif ( ! placement ) {\n\t\treturn {};\n\t}\n\n\tconst next: MasonryTilePlacement = {};\n\tconst width = gridWidthToMasonryWidth( placement.width, context.columns );\n\tif ( width !== 1 ) {\n\t\tnext.width = width;\n\t}\n\tif ( placement.order !== undefined ) {\n\t\tnext.order = placement.order;\n\t}\n\treturn next;\n}\n\n/**\n * Transforms a single placement from the masonry shape to the 2D grid\n * shape. Preserves the numeric width, drops `lane` (the 2D grid\n * auto-packs and has no pin-to-column concept), and seeds `height: 1`\n * since masonry never persisted a height. The user is expected to\n * resize tiles vertically after the migration.\n *\n * @param placement Source masonry placement.\n */\nfunction migratePlacementMasonryToGrid(\n\tplacement: MasonryTilePlacement | undefined\n): GridTilePlacement {\n\tif ( ! placement ) {\n\t\treturn { height: 1 };\n\t}\n\n\tconst next: GridTilePlacement = { height: 1 };\n\tif ( placement.width !== undefined ) {\n\t\tnext.width = placement.width;\n\t}\n\tif ( placement.order !== undefined ) {\n\t\tnext.order = placement.order;\n\t}\n\treturn next;\n}\n\n/**\n * Migrates every widget's `placement` between grid models.\n *\n * The two storage shapes overlap on `width` and `order` but diverge\n * on the rest: 2D grid carries `height` and discriminated string\n * widths (`'fill'`/`'full'`), lanes carries `lane` and only numeric\n * widths. Each conversion loses information that the target model\n * cannot represent. The caller is responsible for surfacing the\n * result to the user in a way that lets them correct visually.\n *\n * When `from === to`, the input is returned unchanged.\n *\n * @param widgets Widgets to migrate.\n * @param from    Source model. `undefined` is treated as `'grid'`.\n * @param to      Target model.\n * @param context Information that depends on the live render (today\n *                only `columns`).\n */\nexport function migrateLayout(\n\twidgets: DashboardWidget[],\n\tfrom: WidgetGridModel | undefined,\n\tto: WidgetGridModel,\n\tcontext: Partial< MigrationContext > = {}\n): DashboardWidget[] {\n\tconst resolvedFrom: WidgetGridModel = from ?? 'grid';\n\tif ( resolvedFrom === to ) {\n\t\treturn widgets;\n\t}\n\n\tconst resolvedContext: MigrationContext = {\n\t\tcolumns: context.columns ?? FALLBACK_COLUMNS,\n\t};\n\n\tif ( resolvedFrom === 'grid' && to === 'masonry' ) {\n\t\treturn widgets.map( ( widget ) => ( {\n\t\t\t...widget,\n\t\t\tplacement: migratePlacementGridToMasonry(\n\t\t\t\twidget.placement as GridTilePlacement | undefined,\n\t\t\t\tresolvedContext\n\t\t\t),\n\t\t} ) );\n\t}\n\n\tif ( resolvedFrom === 'masonry' && to === 'grid' ) {\n\t\treturn widgets.map( ( widget ) => ( {\n\t\t\t...widget,\n\t\t\tplacement: migratePlacementMasonryToGrid(\n\t\t\t\twidget.placement as MasonryTilePlacement | undefined\n\t\t\t),\n\t\t} ) );\n\t}\n\n\treturn widgets;\n}\n"],
-  "mappings": ";AAsBA,IAAM,mBAAmB;AAazB,SAAS,wBACR,OACA,eACS;AACT,MAAK,UAAU,QAAS;AACvB,WAAO;AAAA,EACR;AACA,MAAK,UAAU,UAAU,UAAU,QAAY;AAC9C,WAAO;AAAA,EACR;AACA,SAAO;AACR;AAWA,SAAS,8BACR,WACA,SACuB;AACvB,MAAK,CAAE,WAAY;AAClB,WAAO,CAAC;AAAA,EACT;AAEA,QAAM,OAA6B,CAAC;AACpC,QAAM,QAAQ,wBAAyB,UAAU,OAAO,QAAQ,OAAQ;AACxE,MAAK,UAAU,GAAI;AAClB,SAAK,QAAQ;AAAA,EACd;AACA,MAAK,UAAU,UAAU,QAAY;AACpC,SAAK,QAAQ,UAAU;AAAA,EACxB;AACA,SAAO;AACR;AAWA,SAAS,8BACR,WACoB;AACpB,MAAK,CAAE,WAAY;AAClB,WAAO,EAAE,QAAQ,EAAE;AAAA,EACpB;AAEA,QAAM,OAA0B,EAAE,QAAQ,EAAE;AAC5C,MAAK,UAAU,UAAU,QAAY;AACpC,SAAK,QAAQ,UAAU;AAAA,EACxB;AACA,MAAK,UAAU,UAAU,QAAY;AACpC,SAAK,QAAQ,UAAU;AAAA,EACxB;AACA,SAAO;AACR;AAoBO,SAAS,cACf,SACA,MACA,IACA,UAAuC,CAAC,GACpB;AACpB,QAAM,eAAgC,QAAQ;AAC9C,MAAK,iBAAiB,IAAK;AAC1B,WAAO;AAAA,EACR;AAEA,QAAM,kBAAoC;AAAA,IACzC,SAAS,QAAQ,WAAW;AAAA,EAC7B;AAEA,MAAK,iBAAiB,UAAU,OAAO,WAAY;AAClD,WAAO,QAAQ,IAAK,CAAE,YAAc;AAAA,MACnC,GAAG;AAAA,MACH,WAAW;AAAA,QACV,OAAO;AAAA,QACP;AAAA,MACD;AAAA,IACD,EAAI;AAAA,EACL;AAEA,MAAK,iBAAiB,aAAa,OAAO,QAAS;AAClD,WAAO,QAAQ,IAAK,CAAE,YAAc;AAAA,MACnC,GAAG;AAAA,MACH,WAAW;AAAA,QACV,OAAO;AAAA,MACR;AAAA,IACD,EAAI;AAAA,EACL;AAEA,SAAO;AACR;",
-  "names": []
-}

package/build-types/components/layout-settings/index.d.ts

@@ -1,2 +0,0 @@
-export { LayoutSettings } from './layout-settings';
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/layout-settings/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout-settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/build-types/components/layout-settings/layout-model-edit-field/index.d.ts

@@ -1,17 +0,0 @@
-/**
- * WordPress dependencies
- */
-import type { DataFormControlProps } from '@wordpress/dataviews';
-/**
- * Internal dependencies
- */
-import type { WidgetGridSettings } from '../../../types';
-/**
- * Card-style picker for the layout model: each option (`grid`, `masonry`)
- * renders as a thumbnail card in a radio group. Wired as the `Edit` control
- * for the `model` field of the layout settings DataForm.
- *
- * @param {DataFormControlProps< WidgetGridSettings >} props DataForm control props.
- */
-export declare function LayoutModelEditField({ data, field, onChange }: DataFormControlProps<WidgetGridSettings>): React.ReactNode;
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/layout-settings/layout-model-edit-field/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout-settings/layout-model-edit-field/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAqBzD;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EACrC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,EAAE,oBAAoB,CAAE,kBAAkB,CAAE,GAAI,KAAK,CAAC,SAAS,CAgD/D"}

package/build-types/components/layout-settings/layout-model-edit-field/thumbnail-grid.d.ts

@@ -1,6 +0,0 @@
-interface GridThumbnailProps {
-    className?: string;
-}
-export declare function GridThumbnail({ className }: GridThumbnailProps): React.ReactNode;
-export {};
-//# sourceMappingURL=thumbnail-grid.d.ts.map

package/build-types/components/layout-settings/layout-model-edit-field/thumbnail-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout-settings/layout-model-edit-field/thumbnail-grid.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAE,EAC9B,SAAS,EACT,EAAE,kBAAkB,GAAI,KAAK,CAAC,SAAS,CAgBvC"}

package/build-types/components/layout-settings/layout-model-edit-field/thumbnail-masonry.d.ts

@@ -1,6 +0,0 @@
-interface MasonryThumbnailProps {
-    className?: string;
-}
-export declare function MasonryThumbnail({ className }: MasonryThumbnailProps): React.ReactNode;
-export {};
-//# sourceMappingURL=thumbnail-masonry.d.ts.map

package/build-types/components/layout-settings/layout-model-edit-field/thumbnail-masonry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail-masonry.d.ts","sourceRoot":"","sources":["../../../../src/components/layout-settings/layout-model-edit-field/thumbnail-masonry.tsx"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAE,EACjC,SAAS,EACT,EAAE,qBAAqB,GAAI,KAAK,CAAC,SAAS,CAgB1C"}

package/build-types/components/layout-settings/layout-settings.d.ts

@@ -1,14 +0,0 @@
-/**
- * Modal side drawer for grid-level settings (layout model and row height),
- * mounted by the engine and shown while `layoutSettingsOpen` is set in the
- * shared UI context. Renders nothing when grid settings are not editable.
- *
- * Edits, including Reset, apply to the staging copy and preview live behind
- * the drawer. Save commits them; Cancel and any other dismissal (X, Escape)
- * revert them. Either way only grid settings change, so in-progress widget
- * layout edits survive and customize mode stays active.
- *
- * Tile gap is deliberately not exposed; spacing stays a design-system concern.
- */
-export declare function LayoutSettings(): React.ReactNode;
-//# sourceMappingURL=layout-settings.d.ts.map

package/build-types/components/layout-settings/layout-settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-settings.d.ts","sourceRoot":"","sources":["../../../src/components/layout-settings/layout-settings.tsx"],"names":[],"mappings":"AAiFA;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAAC,SAAS,CA2HhD"}

package/build-types/components/widget-settings/utils/get-admin-menu-inset.d.ts

@@ -1,17 +0,0 @@
-/**
- * Width, in pixels, taken up by the WordPress admin menu
- * (`#adminmenuback`) on the inline-start edge of the viewport.
- *
- * The settings drawer portals to the document body and anchors to a
- * viewport edge, so a left-anchored drawer would slide over the fixed
- * admin menu. Offsetting the drawer by this value keeps the menu
- * uncovered (and reachable) instead of raising the drawer's z-index over
- * it.
- *
- * Defensive: returns `0` when the element is absent (outside wp-admin, or
- * in tests/Storybook), so the drawer just anchors to the viewport edge.
- *
- * @return {number} The admin menu's right edge in px, or `0`.
- */
-export declare function getAdminMenuInset(): number;
-//# sourceMappingURL=get-admin-menu-inset.d.ts.map

package/build-types/components/widget-settings/utils/get-admin-menu-inset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-admin-menu-inset.d.ts","sourceRoot":"","sources":["../../../../src/components/widget-settings/utils/get-admin-menu-inset.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAW1C"}

package/build-types/components/widget-settings/widget-settings-toolbar.d.ts

@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import type { WidgetType } from '@wordpress/widget-primitives';
-import type { DashboardWidget } from '../../types';
-export interface WidgetSettingsToolbarProps {
-    /** The instance whose settings this toolbar configures. */
-    widget: DashboardWidget<unknown>;
-    /** The instance's widget type, for the trigger label and guard. */
-    widgetType: WidgetType;
-}
-/**
- * Normal-mode per-tile toolbar: the gear that opens the settings drawer. Lives
- * in the grid's `actionableArea` slot, so it shows for every `presentation`.
- * Returns `null` when the type has no attributes.
- *
- * @param {WidgetSettingsToolbarProps} props Component props.
- */
-export declare function WidgetSettingsToolbar({ widget, widgetType }: WidgetSettingsToolbarProps): React.ReactNode;
-//# sourceMappingURL=widget-settings-toolbar.d.ts.map

package/build-types/components/widget-settings/widget-settings-toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-settings-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/widget-settings/widget-settings-toolbar.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,0BAA0B;IAC1C,2DAA2D;IAC3D,MAAM,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAEnC,mEAAmE;IACnE,UAAU,EAAE,UAAU,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAE,EACtC,MAAM,EACN,UAAU,EACV,EAAE,0BAA0B,GAAI,KAAK,CAAC,SAAS,CAa/C"}

package/build-types/components/widgets/widget-layout-toolbar.d.ts

@@ -1,14 +0,0 @@
-import type { DashboardWidget } from '../../types';
-export interface WidgetLayoutToolbarProps {
-    /** The instance this toolbar manages within the layout. */
-    widget: DashboardWidget<unknown>;
-}
-/**
- * Customize-mode per-tile toolbar: a width menu and removal, editing the
- * widget's place in the layout. Lives in the grid's `actionableArea` slot, so
- * it stays interactive while the card is `inert`.
- *
- * @param {WidgetLayoutToolbarProps} props Component props.
- */
-export declare function WidgetLayoutToolbar({ widget }: WidgetLayoutToolbarProps): React.ReactNode;
-//# sourceMappingURL=widget-layout-toolbar.d.ts.map

package/build-types/components/widgets/widget-layout-toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-layout-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/widget-layout-toolbar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,wBAAwB;IACxC,2DAA2D;IAC3D,MAAM,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAE,EACpC,MAAM,EACN,EAAE,wBAAwB,GAAI,KAAK,CAAC,SAAS,CA6E7C"}

package/build-types/utils/grid-model-change/grid-model-change.d.ts

@@ -1,20 +0,0 @@
-import type { DashboardWidget, WidgetGridModel, WidgetGridSettings } from '../../types';
-export declare function getGridModel(settings: WidgetGridSettings): WidgetGridModel;
-type ComputeGridModelChangeProps = {
-    layout: DashboardWidget[];
-    gridSettings: WidgetGridSettings;
-    targetModel: WidgetGridModel;
-};
-type ComputeGridModelChangeResult = {
-    layout: DashboardWidget[];
-    gridSettings: WidgetGridSettings;
-} | null;
-/**
- * Computes the staged layout and grid settings after a layout-model change.
- *
- * @param {ComputeGridModelChangeProps} params Layout, current settings, and target model.
- * @return {ComputeGridModelChangeResult} Migrated layout and settings, or `null` when the model is unchanged.
- */
-export declare function computeGridModelChange({ layout, gridSettings, targetModel }: ComputeGridModelChangeProps): ComputeGridModelChangeResult;
-export {};
-//# sourceMappingURL=grid-model-change.d.ts.map

package/build-types/utils/grid-model-change/grid-model-change.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-model-change.d.ts","sourceRoot":"","sources":["../../../src/utils/grid-model-change/grid-model-change.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACX,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,MAAM,aAAa,CAAC;AAGrB,wBAAgB,YAAY,CAAE,QAAQ,EAAE,kBAAkB,GAAI,eAAe,CAE5E;AAED,KAAK,2BAA2B,GAAG;IAClC,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,EAAE,kBAAkB,CAAC;IACjC,WAAW,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,KAAK,4BAA4B,GAAG;IACnC,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,EAAE,kBAAkB,CAAC;CACjC,GAAG,IAAI,CAAC;AAET;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAE,EACvC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,EAAE,2BAA2B,GAAI,4BAA4B,CAgB7D"}

package/build-types/utils/grid-model-change/index.d.ts

@@ -1,2 +0,0 @@
-export { computeGridModelChange, getGridModel } from './grid-model-change';
-//# sourceMappingURL=index.d.ts.map

package/build-types/utils/grid-model-change/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/grid-model-change/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/build-types/utils/migrate-layout/index.d.ts

@@ -1,2 +0,0 @@
-export { migrateLayout } from './migrate-layout';
-//# sourceMappingURL=index.d.ts.map

package/build-types/utils/migrate-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/migrate-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/build-types/utils/migrate-layout/migrate-layout.d.ts

@@ -1,36 +0,0 @@
-/**
- * Internal dependencies
- */
-import type { DashboardWidget, WidgetGridModel } from '../../types';
-interface MigrationContext {
-    /**
-     * Column count of the currently-mounted grid surface. Used to
-     * resolve `'full'` widths to a concrete numeric span when going
-     * from the 2D grid model to masonry. When the surface is in
-     * responsive mode and the runtime column count is unknown,
-     * callers should pass a sensible fallback (e.g., the default of
-     * 6 used by `@wordpress/grid`).
-     */
-    columns: number;
-}
-/**
- * Migrates every widget's `placement` between grid models.
- *
- * The two storage shapes overlap on `width` and `order` but diverge
- * on the rest: 2D grid carries `height` and discriminated string
- * widths (`'fill'`/`'full'`), lanes carries `lane` and only numeric
- * widths. Each conversion loses information that the target model
- * cannot represent. The caller is responsible for surfacing the
- * result to the user in a way that lets them correct visually.
- *
- * When `from === to`, the input is returned unchanged.
- *
- * @param widgets Widgets to migrate.
- * @param from    Source model. `undefined` is treated as `'grid'`.
- * @param to      Target model.
- * @param context Information that depends on the live render (today
- *                only `columns`).
- */
-export declare function migrateLayout(widgets: DashboardWidget[], from: WidgetGridModel | undefined, to: WidgetGridModel, context?: Partial<MigrationContext>): DashboardWidget[];
-export {};
-//# sourceMappingURL=migrate-layout.d.ts.map

package/build-types/utils/migrate-layout/migrate-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"migrate-layout.d.ts","sourceRoot":"","sources":["../../../src/utils/migrate-layout/migrate-layout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,eAAe,EAGf,eAAe,EACf,MAAM,aAAa,CAAC;AAErB,UAAU,gBAAgB;IACzB;;;;;;;OAOG;IACH,OAAO,EAAE,MAAM,CAAC;CAChB;AAkFD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAC5B,OAAO,EAAE,eAAe,EAAE,EAC1B,IAAI,EAAE,eAAe,GAAG,SAAS,EACjC,EAAE,EAAE,eAAe,EACnB,OAAO,GAAE,OAAO,CAAE,gBAAgB,CAAO,GACvC,eAAe,EAAE,CA8BnB"}