@wordpress/block-library 9.38.0 → 9.39.0

package/src/tabs-menu-item/save.js

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useBlockProps } from '@wordpress/block-editor';
+
+export default function save( { attributes } ) {
+	// Build CSS custom properties for active/hover colors
+	const customColorStyles = {};
+
+	// Active/hover colors from custom attributes
+	if ( attributes.customActiveBackgroundColor ) {
+		customColorStyles[ '--custom-tab-active-color' ] =
+			attributes.customActiveBackgroundColor;
+	}
+	if ( attributes.customActiveTextColor ) {
+		customColorStyles[ '--custom-tab-active-text-color' ] =
+			attributes.customActiveTextColor;
+	}
+	if ( attributes.customHoverBackgroundColor ) {
+		customColorStyles[ '--custom-tab-hover-color' ] =
+			attributes.customHoverBackgroundColor;
+	}
+	if ( attributes.customHoverTextColor ) {
+		customColorStyles[ '--custom-tab-hover-text-color' ] =
+			attributes.customHoverTextColor;
+	}
+
+	// useBlockProps.save includes all core style engine classes and styles
+	// We add our custom classes and the hidden attribute for PHP template extraction
+	const blockProps = useBlockProps.save( {
+		className: 'wp-block-tabs-menu-item__template',
+		style: customColorStyles,
+		hidden: true,
+	} );
+
+	return (
+		<a { ...blockProps }>
+			<span className="screen-reader-text">
+				{ __( 'Tab menu item' ) }
+			</span>
+		</a>
+	);
+}

package/src/tabs-menu-item/style.scss

@@ -0,0 +1,42 @@
+.wp-block-tabs-menu-item {
+	box-sizing: border-box;
+	display: block;
+	width: max-content;
+	text-decoration: none;
+	cursor: pointer;
+	flex-basis: inherit !important;
+	flex-grow: inherit !important;
+
+	margin: 0;
+	padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
+	padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
+
+	// Inherit typography from parent
+	font-size: inherit;
+	font-family: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	letter-spacing: inherit;
+	text-transform: inherit;
+	text-align: inherit;
+
+	&:focus {
+		outline: none;
+	}
+
+	&:focus-visible {
+		outline: 2px solid var(--tab-border-color-active, #000);
+		outline-offset: 2px;
+	}
+
+	&:hover {
+		background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+		color: var(--custom-tab-hover-text-color, #000) !important;
+	}
+
+	&[aria-selected="true"],
+	&.is-active {
+		background-color: var(--custom-tab-active-color, #000) !important;
+		color: var(--custom-tab-active-text-color, #fff) !important;
+	}
+}

package/src/template-part/edit/index.js

@@ -264,9 +264,7 @@ export default function TemplatePartEdit( {
 									} );
 								} }
 							>
-								{ window?.__experimentalContentOnlyPatternInsertion
-									? __( 'Edit section' )
-									: __( 'Edit' ) }
+								{ __( 'Edit section' ) }
 							</ToolbarButton>
 						</BlockControls>
 					) }
@@ -324,7 +322,7 @@ export default function TemplatePartEdit( {
 					} }
 				</BlockSettingsMenuControls>
 
-				<InspectorControls>
+				<InspectorControls group="settings">
 					<TemplatesList
 						area={ area }
 						clientId={ clientId }

package/src/utils/caption.js

@@ -12,17 +12,12 @@ import { __ } from '@wordpress/i18n';
 import {
 	BlockControls,
 	__experimentalGetElementClassName,
-	privateApis as blockEditorPrivateApis,
+	RichText,
 } from '@wordpress/block-editor';
 import { ToolbarButton } from '@wordpress/components';
 import { caption as captionIcon } from '@wordpress/icons';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 
-/**
- * Internal dependencies
- */
-import { unlock } from '../lock-unlock';
-
 export function Caption( {
 	attributeKey = 'caption',
 	attributes,
@@ -43,7 +38,6 @@ export function Caption( {
 } ) {
 	const caption = attributes[ attributeKey ];
 	const prevCaption = usePrevious( caption );
-	const { PrivateRichText: RichText } = unlock( blockEditorPrivateApis );
 	const isCaptionEmpty = RichText.isEmpty( caption );
 	const isPrevCaptionEmpty = RichText.isEmpty( prevCaption );
 	const [ showCaption, setShowCaption ] = useState( ! isCaptionEmpty );

package/src/verse/block.json

@@ -14,9 +14,6 @@
 			"selector": "pre",
 			"__unstablePreserveWhiteSpace": true,
 			"role": "content"
-		},
-		"textAlign": {
-			"type": "string"
 		}
 	},
 	"supports": {
@@ -46,6 +43,7 @@
 			"fontSize": true,
 			"__experimentalFontFamily": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
 			"__experimentalLetterSpacing": true,

package/src/verse/deprecated.js

@@ -12,6 +12,7 @@ import { RichText, useBlockProps } from '@wordpress/block-editor';
  * Internal dependencies
  */
 import migrateFontFamily from '../utils/migrate-font-family';
+import migrateTextAlign from '../utils/migrate-text-align';
 
 const v1 = {
 	attributes: {
@@ -36,6 +37,7 @@ const v1 = {
 			/>
 		);
 	},
+	migrate: migrateTextAlign,
 };
 
 const v2 = {
@@ -79,9 +81,86 @@ const v2 = {
 			</pre>
 		);
 	},
-	migrate: migrateFontFamily,
-	isEligible( { style } ) {
-		return style?.typography?.fontFamily;
+	migrate( attributes ) {
+		return migrateTextAlign( migrateFontFamily( attributes ) );
+	},
+	isEligible( { style, textAlign } ) {
+		return style?.typography?.fontFamily || !! textAlign;
+	},
+};
+
+const v3 = {
+	attributes: {
+		content: {
+			type: 'rich-text',
+			source: 'rich-text',
+			selector: 'pre',
+			__unstablePreserveWhiteSpace: true,
+			role: 'content',
+		},
+		textAlign: {
+			type: 'string',
+		},
+	},
+	supports: {
+		anchor: true,
+		background: {
+			backgroundImage: true,
+			backgroundSize: true,
+		},
+		color: {
+			gradients: true,
+			link: true,
+		},
+		dimensions: {
+			minHeight: true,
+		},
+		typography: {
+			fontSize: true,
+			__experimentalFontFamily: true,
+			lineHeight: true,
+			__experimentalFontStyle: true,
+			__experimentalFontWeight: true,
+			__experimentalLetterSpacing: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalWritingMode: true,
+		},
+		spacing: {
+			margin: true,
+			padding: true,
+		},
+		__experimentalBorder: {
+			radius: true,
+			width: true,
+			color: true,
+			style: true,
+		},
+		interactivity: {
+			clientNavigation: true,
+		},
+	},
+	save( { attributes } ) {
+		const { textAlign, content } = attributes;
+
+		const className = clsx( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+		} );
+
+		return (
+			<pre { ...useBlockProps.save( { className } ) }>
+				<RichText.Content value={ content } />
+			</pre>
+		);
+	},
+	migrate: migrateTextAlign,
+	isEligible( attributes ) {
+		return (
+			!! attributes.textAlign ||
+			!! attributes.className?.match(
+				/\bhas-text-align-(left|center|right)\b/
+			)
+		);
 	},
 };
 
@@ -93,4 +172,4 @@ const v2 = {
  *
  * See block-deprecation.md
  */
-export default [ v2, v1 ];
+export default [ v3, v2, v1 ];

package/src/verse/edit.js

@@ -1,67 +1,48 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import {
-	RichText,
-	BlockControls,
-	AlignmentToolbar,
-	useBlockProps,
-} from '@wordpress/block-editor';
+import { RichText, useBlockProps } from '@wordpress/block-editor';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 
-export default function VerseEdit( {
-	attributes,
-	setAttributes,
-	mergeBlocks,
-	onRemove,
-	insertBlocksAfter,
-	style,
-} ) {
-	const { textAlign, content } = attributes;
-	const blockProps = useBlockProps( {
-		className: clsx( {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
+/**
+ * Internal dependencies
+ */
+import useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';
+
+export default function VerseEdit( props ) {
+	const {
+		attributes,
+		setAttributes,
+		mergeBlocks,
+		onRemove,
+		insertBlocksAfter,
 		style,
-	} );
+	} = props;
+	const { content } = attributes;
+	useDeprecatedTextAlign( props );
+	const blockProps = useBlockProps( { style } );
 
 	return (
-		<>
-			<BlockControls>
-				<AlignmentToolbar
-					value={ textAlign }
-					onChange={ ( nextAlign ) => {
-						setAttributes( { textAlign: nextAlign } );
-					} }
-				/>
-			</BlockControls>
-			<RichText
-				tagName="pre"
-				identifier="content"
-				preserveWhiteSpace
-				value={ content }
-				onChange={ ( nextContent ) => {
-					setAttributes( {
-						content: nextContent,
-					} );
-				} }
-				aria-label={ __( 'Verse text' ) }
-				placeholder={ __( 'Write verse…' ) }
-				onRemove={ onRemove }
-				onMerge={ mergeBlocks }
-				textAlign={ textAlign }
-				{ ...blockProps }
-				__unstablePastePlainText
-				__unstableOnSplitAtDoubleLineEnd={ () =>
-					insertBlocksAfter( createBlock( getDefaultBlockName() ) )
-				}
-			/>
-		</>
+		<RichText
+			tagName="pre"
+			identifier="content"
+			preserveWhiteSpace
+			value={ content }
+			onChange={ ( nextContent ) => {
+				setAttributes( {
+					content: nextContent,
+				} );
+			} }
+			aria-label={ __( 'Verse text' ) }
+			placeholder={ __( 'Write verse…' ) }
+			onRemove={ onRemove }
+			onMerge={ mergeBlocks }
+			{ ...blockProps }
+			__unstablePastePlainText
+			__unstableOnSplitAtDoubleLineEnd={ () =>
+				insertBlocksAfter( createBlock( getDefaultBlockName() ) )
+			}
+		/>
 	);
 }

package/src/verse/save.js

@@ -1,22 +1,13 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
 import { RichText, useBlockProps } from '@wordpress/block-editor';
 
 export default function save( { attributes } ) {
-	const { textAlign, content } = attributes;
-
-	const className = clsx( {
-		[ `has-text-align-${ textAlign }` ]: textAlign,
-	} );
+	const { content } = attributes;
 
 	return (
-		<pre { ...useBlockProps.save( { className } ) }>
+		<pre { ...useBlockProps.save() }>
 			<RichText.Content value={ content } />
 		</pre>
 	);

package/src/verse/style.scss

@@ -1,4 +1,5 @@
 pre.wp-block-verse {
+	box-sizing: border-box;
 	overflow: auto;
 	white-space: pre-wrap;
 

package/src/video/edit.js

@@ -27,6 +27,7 @@ import { __ } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
+import { prependHTTPS } from '@wordpress/url';
 
 /**
  * Internal dependencies
@@ -110,9 +111,10 @@ function VideoEdit( {
 
 	function onSelectURL( newSrc ) {
 		if ( newSrc !== src ) {
+			const url = prependHTTPS( newSrc );
 			// Check if there's an embed block that handles this URL.
 			const embedBlock = createUpgradedEmbedBlock( {
-				attributes: { url: newSrc },
+				attributes: { url },
 			} );
 			if ( undefined !== embedBlock && onReplace ) {
 				onReplace( embedBlock );
@@ -120,7 +122,7 @@ function VideoEdit( {
 			}
 			setAttributes( {
 				blob: undefined,
-				src: newSrc,
+				src: url,
 				id: undefined,
 				poster: undefined,
 			} );

package/build/tab/tabs-list.cjs

@@ -1,132 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/tab/tabs-list.js
-var tabs_list_exports = {};
-__export(tabs_list_exports, {
-  default: () => TabsList
-});
-module.exports = __toCommonJS(tabs_list_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_html_entities = require("@wordpress/html-entities");
-var import_element = require("@wordpress/element");
-var import_slug_from_label = __toESM(require("./slug-from-label.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function StaticLabel({ label, index }) {
-  if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, { children: (0, import_html_entities.decodeEntities)(label) }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_i18n.sprintf)(
-    /* translators: %d is the tab index + 1 */
-    (0, import_i18n.__)("Tab %d"),
-    index + 1
-  ) });
-}
-function TabsList({
-  siblingTabs,
-  currentClientId,
-  currentBlockIndex,
-  currentLabel,
-  tabItemColorProps,
-  onSelectTab,
-  onLabelChange,
-  labelRef,
-  focusRef,
-  labelElementRef
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "tablist", className: "tabs__list", children: siblingTabs.map((tab, index) => {
-    const isCurrentTab = tab.clientId === currentClientId;
-    const isSiblingTabActive = index === currentBlockIndex;
-    const tabAttributes = tab.attributes || {};
-    const siblingLabel = tabAttributes.label || "";
-    const siblingAnchor = tabAttributes.anchor || (0, import_slug_from_label.default)(siblingLabel, index);
-    const siblingTabPanelId = siblingAnchor;
-    const siblingTabLabelId = `${siblingTabPanelId}--tab`;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        "aria-controls": siblingTabPanelId,
-        "aria-selected": isSiblingTabActive,
-        id: siblingTabLabelId,
-        role: "tab",
-        className: (0, import_clsx.default)(
-          "tabs__tab-label",
-          tabItemColorProps.className
-        ),
-        style: {
-          ...tabItemColorProps.style
-        },
-        tabIndex: isSiblingTabActive ? 0 : -1,
-        onClick: (event) => {
-          event.preventDefault();
-          onSelectTab(tab.clientId);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Enter" && !event.shiftKey) {
-            event.preventDefault();
-            onSelectTab(tab.clientId);
-            if (isCurrentTab) {
-              const { requestAnimationFrame } = window;
-              focusRef.current = requestAnimationFrame(
-                () => {
-                  labelElementRef.current?.focus();
-                }
-              );
-            }
-          }
-        },
-        children: isCurrentTab ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_block_editor.RichText,
-          {
-            ref: labelRef,
-            tagName: "span",
-            withoutInteractiveFormatting: true,
-            placeholder: (0, import_i18n.sprintf)(
-              /* translators: %d is the tab index + 1 */
-              (0, import_i18n.__)("Tab %d\u2026"),
-              currentBlockIndex + 1
-            ),
-            value: (0, import_html_entities.decodeEntities)(currentLabel),
-            onChange: onLabelChange
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          StaticLabel,
-          {
-            label: siblingLabel,
-            index
-          }
-        )
-      },
-      tab.clientId
-    );
-  }) });
-}
-//# sourceMappingURL=tabs-list.cjs.map

package/build/tab/tabs-list.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab/tabs-list.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RichText } from '@wordpress/block-editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { RawHTML } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport slugFromLabel from './slug-from-label';\n\nfunction StaticLabel( { label, index } ) {\n\tif ( label ) {\n\t\treturn (\n\t\t\t<span>\n\t\t\t\t<RawHTML>{ decodeEntities( label ) }</RawHTML>\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<span>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t__( 'Tab %d' ),\n\t\t\t\tindex + 1\n\t\t\t) }\n\t\t</span>\n\t);\n}\n\nexport default function TabsList( {\n\tsiblingTabs,\n\tcurrentClientId,\n\tcurrentBlockIndex,\n\tcurrentLabel,\n\ttabItemColorProps,\n\tonSelectTab,\n\tonLabelChange,\n\tlabelRef,\n\tfocusRef,\n\tlabelElementRef,\n} ) {\n\treturn (\n\t\t<div role=\"tablist\" className=\"tabs__list\">\n\t\t\t{ siblingTabs.map( ( tab, index ) => {\n\t\t\t\tconst isCurrentTab = tab.clientId === currentClientId;\n\t\t\t\tconst isSiblingTabActive = index === currentBlockIndex;\n\t\t\t\tconst tabAttributes = tab.attributes || {};\n\t\t\t\tconst siblingLabel = tabAttributes.label || '';\n\t\t\t\tconst siblingAnchor =\n\t\t\t\t\ttabAttributes.anchor ||\n\t\t\t\t\tslugFromLabel( siblingLabel, index );\n\t\t\t\tconst siblingTabPanelId = siblingAnchor;\n\t\t\t\tconst siblingTabLabelId = `${ siblingTabPanelId }--tab`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={ tab.clientId }\n\t\t\t\t\t\taria-controls={ siblingTabPanelId }\n\t\t\t\t\t\taria-selected={ isSiblingTabActive }\n\t\t\t\t\t\tid={ siblingTabLabelId }\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'tabs__tab-label',\n\t\t\t\t\t\t\ttabItemColorProps.className\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t...tabItemColorProps.style,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttabIndex={ isSiblingTabActive ? 0 : -1 }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t// If shift is also pressed, do not select the block.\n\t\t\t\t\t\t\tif ( event.key === 'Enter' && ! event.shiftKey ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t\t\tif ( isCurrentTab ) {\n\t\t\t\t\t\t\t\t\tconst { requestAnimationFrame } = window;\n\t\t\t\t\t\t\t\t\tfocusRef.current = requestAnimationFrame(\n\t\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\t\tlabelElementRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isCurrentTab ? (\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\tref={ labelRef }\n\t\t\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t\t\t\t\t\t__( 'Tab %d\u2026' ),\n\t\t\t\t\t\t\t\t\tcurrentBlockIndex + 1\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ decodeEntities( currentLabel ) }\n\t\t\t\t\t\t\t\tonChange={ onLabelChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<StaticLabel\n\t\t\t\t\t\t\t\tlabel={ siblingLabel }\n\t\t\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAA4B;AAC5B,0BAAyB;AACzB,2BAA+B;AAC/B,qBAAwB;AAKxB,6BAA0B;AAMtB;AAJJ,SAAS,YAAa,EAAE,OAAO,MAAM,GAAI;AACxC,MAAK,OAAQ;AACZ,WACC,4CAAC,UACA,sDAAC,0BAAU,mDAAgB,KAAM,GAAG,GACrC;AAAA,EAEF;AACA,SACC,4CAAC,UACE;AAAA;AAAA,QAED,gBAAI,QAAS;AAAA,IACb,QAAQ;AAAA,EACT,GACD;AAEF;AAEe,SAAR,SAA2B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,4CAAC,SAAI,MAAK,WAAU,WAAU,cAC3B,sBAAY,IAAK,CAAE,KAAK,UAAW;AACpC,UAAM,eAAe,IAAI,aAAa;AACtC,UAAM,qBAAqB,UAAU;AACrC,UAAM,gBAAgB,IAAI,cAAc,CAAC;AACzC,UAAM,eAAe,cAAc,SAAS;AAC5C,UAAM,gBACL,cAAc,cACd,uBAAAA,SAAe,cAAc,KAAM;AACpC,UAAM,oBAAoB;AAC1B,UAAM,oBAAoB,GAAI,iBAAkB;AAEhD,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,iBAAgB;AAAA,QAChB,iBAAgB;AAAA,QAChB,IAAK;AAAA,QACL,MAAK;AAAA,QACL,eAAY,YAAAC;AAAA,UACX;AAAA,UACA,kBAAkB;AAAA,QACnB;AAAA,QACA,OAAQ;AAAA,UACP,GAAG,kBAAkB;AAAA,QACtB;AAAA,QACA,UAAW,qBAAqB,IAAI;AAAA,QACpC,SAAU,CAAE,UAAW;AACtB,gBAAM,eAAe;AACrB,sBAAa,IAAI,QAAS;AAAA,QAC3B;AAAA,QACA,WAAY,CAAE,UAAW;AAExB,cAAK,MAAM,QAAQ,WAAW,CAAE,MAAM,UAAW;AAChD,kBAAM,eAAe;AACrB,wBAAa,IAAI,QAAS;AAC1B,gBAAK,cAAe;AACnB,oBAAM,EAAE,sBAAsB,IAAI;AAClC,uBAAS,UAAU;AAAA,gBAClB,MAAM;AACL,kCAAgB,SAAS,MAAM;AAAA,gBAChC;AAAA,cACD;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA,QAEE,yBACD;AAAA,UAAC;AAAA;AAAA,YACA,KAAM;AAAA,YACN,SAAQ;AAAA,YACR,8BAA4B;AAAA,YAC5B,iBAAc;AAAA;AAAA,kBAEb,gBAAI,cAAU;AAAA,cACd,oBAAoB;AAAA,YACrB;AAAA,YACA,WAAQ,qCAAgB,YAAa;AAAA,YACrC,UAAW;AAAA;AAAA,QACZ,IAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR;AAAA;AAAA,QACD;AAAA;AAAA,MAlDK,IAAI;AAAA,IAoDX;AAAA,EAEF,CAAE,GACH;AAEF;",
-  "names": ["slugFromLabel", "clsx"]
-}