@times-design-system/components-wordpress 0.4.0 → 0.7.2-alpha.2

package/dist/index.js

@@ -1,289 +1,2230 @@
-import React from 'react';
+import { registerBlockType } from '@wordpress/blocks';
+import { useBlockProps, InspectorControls, RichText } from '@wordpress/block-editor';
+import { PanelBody, TextControl, SelectControl, ToggleControl, NumberControl } from '@wordpress/components';
 
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') {
-    return;
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
   }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
+  return e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+/**
+ * Build className string for Button component based on attributes.
+ * Maps component properties to TDS (Times Design System) SCSS classes.
+ *
+ * @param {Object} options - Button configuration options
+ * @param {string} options.intent - Visual style variant (primary, secondary, negative)
+ * @param {string} options.size - Button size (small, medium, large)
+ * @param {string} options.behaviour - Width behaviour (hug, full)
+ * @param {string} options.state - Interaction state (base, hover, pressed, loading, disabled, focus)
+ * @param {boolean} options.disabled - Whether button is disabled
+ * @returns {string} Complete className string
+ */
+function buildButtonClass(_ref) {
+  var _ref$intent = _ref.intent,
+    intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    _ref$behaviour = _ref.behaviour,
+    behaviour = _ref$behaviour === void 0 ? 'hug' : _ref$behaviour,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'base' : _ref$state,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var classes = ['tds-button', "tds-button--intent-".concat(intent), "tds-button--size-".concat(size), "tds-button--behaviour-".concat(behaviour), "tds-button--state-".concat(state)];
+  if (disabled) {
+    classes.push('tds-button--disabled');
+  }
+  return classes.join(' ');
+}
+
+function Edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var label = attributes.label,
+    intent = attributes.intent,
+    size = attributes.size,
+    behaviour = attributes.behaviour,
+    state = attributes.state,
+    disabled = attributes.disabled,
+    href = attributes.href,
+    target = attributes.target,
+    rel = attributes.rel,
+    type = attributes.type,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps({
+    className: 'tds-button-wrapper'
+  });
+  var buttonClass = buildButtonClass({
+    intent: intent,
+    size: size,
+    behaviour: behaviour,
+    state: state,
+    disabled: disabled
+  });
+  var Element = href ? 'a' : 'button';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", blockProps, /*#__PURE__*/React.createElement(Element, {
+    className: buttonClass,
+    disabled: !href && disabled,
+    href: href,
+    target: target,
+    rel: rel,
+    type: !href ? type : undefined,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "tds-button__label-container"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "tds-button__label"
+  }, label)))), /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Button Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(value) {
+      return setAttributes({
+        label: value
+      });
+    },
+    help: "The text displayed inside the button"
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Intent (Style)",
+    value: intent,
+    options: [{
+      label: 'Primary',
+      value: 'primary'
+    }, {
+      label: 'Secondary',
+      value: 'secondary'
+    }, {
+      label: 'Negative',
+      value: 'negative'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        intent: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Size",
+    value: size,
+    options: [{
+      label: 'Small',
+      value: 'small'
+    }, {
+      label: 'Medium',
+      value: 'medium'
+    }, {
+      label: 'Large',
+      value: 'large'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        size: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Behaviour",
+    value: behaviour,
+    options: [{
+      label: 'Hug Content',
+      value: 'hug'
+    }, {
+      label: 'Full Width',
+      value: 'full'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        behaviour: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "State",
+    value: state,
+    options: [{
+      label: 'Base',
+      value: 'base'
+    }, {
+      label: 'Hover',
+      value: 'hover'
+    }, {
+      label: 'Pressed',
+      value: 'pressed'
+    }, {
+      label: 'Loading',
+      value: 'loading'
+    }, {
+      label: 'Disabled',
+      value: 'disabled'
+    }, {
+      label: 'Focus',
+      value: 'focus'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        state: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Disabled",
+    checked: disabled,
+    onChange: function onChange(value) {
+      return setAttributes({
+        disabled: value
+      });
+    }
+  })), /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Link Settings",
+    initialOpen: false
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "URL",
+    value: href,
+    onChange: function onChange(value) {
+      return setAttributes({
+        href: value
+      });
+    },
+    placeholder: "https://example.com"
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Link Target",
+    value: target,
+    options: [{
+      label: 'Same Window',
+      value: '_self'
+    }, {
+      label: 'New Window',
+      value: '_blank'
+    }, {
+      label: 'Parent Window',
+      value: '_parent'
+    }, {
+      label: 'Top Window',
+      value: '_top'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        target: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Link Rel",
+    value: rel,
+    onChange: function onChange(value) {
+      return setAttributes({
+        rel: value
+      });
+    },
+    placeholder: "noopener noreferrer"
+  })), /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Advanced",
+    initialOpen: false
+  }, /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Button Type",
+    value: type,
+    options: [{
+      label: 'Button',
+      value: 'button'
+    }, {
+      label: 'Submit',
+      value: 'submit'
+    }, {
+      label: 'Reset',
+      value: 'reset'
+    }],
+    onChange: function onChange(value) {
+      return setAttributes({
+        type: value
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(value) {
+      return setAttributes({
+        ariaLabel: value
+      });
+    },
+    help: "Accessible name for icon-only buttons"
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Icon Left",
+    value: iconLeft,
+    onChange: function onChange(value) {
+      return setAttributes({
+        iconLeft: value
+      });
+    },
+    placeholder: "Icon name"
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Icon Right",
+    value: iconRight,
+    onChange: function onChange(value) {
+      return setAttributes({
+        iconRight: value
+      });
+    },
+    placeholder: "Icon name"
+  }))));
 }
 
-var css_248z$8 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBR0UsUUFBUyxDQUNULGlCQUFrQixDQUZsQixjQUFlLENBRGYsb0JBQXFCLENBTXJCLDREQUFxRSxDQUZyRSxlQUFnQixDQUNoQixhQUVGLENBQ0EsMkJBQ0Usd0JBQXlCLENBQ3pCLFVBQ0YsQ0FDQSw2QkFFRSw0QkFBNkIsQ0FEN0IsMENBQXFELENBRXJELFVBQ0YsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSwwQkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdG9yeWJvb2stYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogM2VtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCAnSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1YWI5O1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tc2Vjb25kYXJ5IHtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjE1KSAwcHggMHB4IDBweCAxcHggaW5zZXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzMzMztcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zbWFsbCB7XG4gIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDExcHggMjBweDtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLWxhcmdlIHtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBmb250LXNpemU6IDE2cHg7XG59XG4iXX0= */";
-styleInject(css_248z$8);
-
-/** Primary UI component for user interaction */
-const Button = ({
-  primary,
-  size,
-  label,
-  ...props
-}) => {
-  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-  return React.createElement("button", {
-    type: "button",
-    className: ['storybook-button', `storybook-button--${size}`, mode].join(' '),
-    ...props
-  }, label);
-};
-
-var css_248z$7 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Roboto-Regular,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBR0UsUUFBUyxDQUNULGlCQUFrQixDQUZsQixjQUFlLENBRGYsb0JBQXFCLENBTXJCLDREQUFxRSxDQUZyRSxlQUFnQixDQUNoQixhQUVGLENBQ0EsMkJBQ0Usd0JBQXlCLENBQ3pCLFVBQ0YsQ0FDQSw2QkFFRSw0QkFBNkIsQ0FEN0IsMENBQXFELENBRXJELFVBQ0YsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSwwQkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdG9yeWJvb2stYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogM2VtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCAnUm9ib3RvLVJlZ3VsYXInLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1YWI5O1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tc2Vjb25kYXJ5IHtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjE1KSAwcHggMHB4IDBweCAxcHggaW5zZXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzMzMztcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zbWFsbCB7XG4gIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDExcHggMjBweDtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLWxhcmdlIHtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBmb250LXNpemU6IDE2cHg7XG59XG4iXX0= */";
-styleInject(css_248z$7);
-
-var css_248z$6 = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Roboto-Regular,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHlTdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGtCQUdFLFFBQVMsQ0FDVCxpQkFBa0IsQ0FGbEIsY0FBZSxDQURmLG9CQUFxQixDQU1yQiw0REFBcUUsQ0FGckUsZUFBZ0IsQ0FDaEIsYUFFRixDQUNBLDJCQUNFLHdCQUF5QixDQUN6QixVQUNGLENBQ0EsNkJBRUUsNEJBQTZCLENBRDdCLDBDQUFxRCxDQUVyRCxVQUNGLENBQ0EseUJBRUUsY0FBZSxDQURmLGlCQUVGLENBQ0EsMEJBRUUsY0FBZSxDQURmLGlCQUVGLENBQ0EseUJBRUUsY0FBZSxDQURmLGlCQUVGIiwiZmlsZSI6InR5cG9ncmFwaHlTdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnN0b3J5Ym9vay1idXR0b24ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiAzZW07XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBmb250LWZhbWlseTogJ1JvYm90bycsICdSb2JvdG8tUmVndWxhcicsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1NTVhYjk7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zZWNvbmRhcnkge1xuICBib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuMTUpIDBweCAwcHggMHB4IDFweCBpbnNldDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMzMzO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXNtYWxsIHtcbiAgcGFkZGluZzogMTBweCAxNnB4O1xuICBmb250LXNpemU6IDEycHg7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tbWVkaXVtIHtcbiAgcGFkZGluZzogMTFweCAyMHB4O1xuICBmb250LXNpemU6IDE0cHg7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tbGFyZ2Uge1xuICBwYWRkaW5nOiAxMnB4IDI0cHg7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cbiJdfQ== */";
-styleInject(css_248z$6);
-
-const cn = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
-const Text = ({
-  as,
-  typographyStyle,
-  styles,
-  classes,
-  children
-}) => {
-  const TextComponent = as || 'p';
-  const transformedTypographyStyle = typographyStyle?.replaceAll('.', '-').toLowerCase() ?? '';
-  return React.createElement(TextComponent, {
-    className: cn(classes, typographyStyle ? `--tds-typography-tokens-${transformedTypographyStyle}` : undefined),
-    style: styles ? styles : undefined
-  }, children);
-};
-
-var css_248z$5 = ".ad-inline-container{border-bottom:1px solid #4e4e4e;box-sizing:content-box;clear:both;margin:30px 0;min-height:283px;padding:0 0 10px;width:100%}@media (min-width:768px) and (max-width:1023px){.ad-inline-container{min-height:123px}}.ad-inline-container .ad-label{border-bottom:1px solid #4e4e4e;color:#ccc;display:block;flex:1 1 100%;font:14px/17px TimesDigitalW04-Regular,TimesDigitalW04-Regular-fallback,serif;letter-spacing:.6px;margin:0 0 10px;padding:0 0 5px;text-align:center;text-transform:uppercase}.ad-header{border-color:var(--wp--preset--color--grey,#dbdbdb);border-style:solid;border-width:0 0 1px;display:flex;flex-direction:column;margin-left:0!important;margin-right:0!important;max-width:100%;padding-block:10px 10px}.ad-header-wrapper{align-items:center;display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;margin-bottom:0;min-height:50px}@media (min-width:768px){.ad-header-wrapper{min-height:90px}}@media (min-width:1024px){.ad-header-wrapper{min-height:250px}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBT0UsK0JBQXdDLENBRnhDLHNCQUF1QixDQUp2QixVQUFXLENBR1gsYUFBYyxDQURkLGdCQUFpQixDQUdqQixnQkFBaUIsQ0FKakIsVUFNRixDQUNBLGdEQUNFLHFCQUNFLGdCQUNGLENBQ0YsQ0FFQSwrQkFDRSwrQkFBd0MsQ0FDeEMsVUFBeUIsQ0FRekIsYUFBYyxDQVBkLGFBQWMsQ0FDZCw2RUFBb0YsQ0FDcEYsbUJBQXFCLENBQ3JCLGVBQWdCLENBQ2hCLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQix3QkFFRixDQUVBLFdBUUUsbURBQXFELENBRHJELGtCQUFtQixDQURuQixvQkFBcUIsQ0FMckIsWUFBYSxDQVFiLHFCQUFzQixDQU50Qix1QkFBeUIsQ0FDekIsd0JBQTBCLENBQzFCLGNBQWUsQ0FIZix1QkFRRixDQUNBLG1CQUVFLGtCQUFtQixDQUVuQixZQUFhLENBRGIsV0FBWSxDQUVaLHFCQUFzQixDQUN0QixzQkFBdUIsQ0FDdkIsZUFBZ0IsQ0FOaEIsZUFPRixDQUNBLHlCQUNFLG1CQUNFLGVBQ0YsQ0FDRixDQUNBLDBCQUNFLG1CQUNFLGdCQUNGLENBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hZC1pbmxpbmUtY29udGFpbmVyIHtcbiAgY2xlYXI6IGJvdGg7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAyODNweDtcbiAgbWFyZ2luOiAzMHB4IDA7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBwYWRkaW5nOiAwIDAgMTBweDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYig3OCwgNzgsIDc4KTtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAuYWQtaW5saW5lLWNvbnRhaW5lciB7XG4gICAgbWluLWhlaWdodDogMTIzcHg7XG4gIH1cbn1cblxuLmFkLWlubGluZS1jb250YWluZXIgLmFkLWxhYmVsIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYig3OCwgNzgsIDc4KTtcbiAgY29sb3I6IHJnYigyMDQsIDIwNCwgMjA0KTtcbiAgZmxleDogMSAxIDEwMCU7XG4gIGZvbnQ6IDE0cHgvMTdweCBcIlRpbWVzRGlnaXRhbFcwNC1SZWd1bGFyXCIsIFwiVGltZXNEaWdpdGFsVzA0LVJlZ3VsYXItZmFsbGJhY2tcIiwgc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiAwLjZweDtcbiAgbWFyZ2luOiAwIDAgMTBweDtcbiAgcGFkZGluZzogMCAwIDVweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmFkLWhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctYmxvY2s6IDEwcHggMTBweDtcbiAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgbWFyZ2luLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHZhcigtLXdwLS1wcmVzZXQtLWNvbG9yLS1ncmV5LCAjZGJkYmRiKTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5hZC1oZWFkZXItd3JhcHBlciB7XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLmFkLWhlYWRlci13cmFwcGVyIHtcbiAgICBtaW4taGVpZ2h0OiA5MHB4O1xuICB9XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5hZC1oZWFkZXItd3JhcHBlciB7XG4gICAgbWluLWhlaWdodDogMjUwcHg7XG4gIH1cbn1cbiJdfQ== */";
-styleInject(css_248z$5);
-
-/** Primary AdContainer UI component for user interaction */
-const AdContainer = ({
-  type = 'inline',
-  slotID
-}) => {
-  return React.createElement("div", {
-    className: `ad-${type}-container`,
-    "data-testid": `ad-${type}-container`
-  }, type === 'inline' && React.createElement(Text, {
-    as: "span",
-    classes: "ad-label"
-  }, "Advertisement"), React.createElement("div", {
-    className: `ad-${type}-wrapper`
-  }, React.createElement("div", {
-    id: type === 'header' ? 'ad-header' : slotID
+function Save(_ref) {
+  var attributes = _ref.attributes;
+  var label = attributes.label,
+    intent = attributes.intent,
+    size = attributes.size,
+    behaviour = attributes.behaviour,
+    state = attributes.state,
+    disabled = attributes.disabled,
+    href = attributes.href,
+    target = attributes.target,
+    rel = attributes.rel,
+    type = attributes.type;
+    attributes.iconLeft;
+    attributes.iconRight;
+    var ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps.save({
+    className: 'tds-button-wrapper'
+  });
+  var buttonClass = buildButtonClass({
+    intent: intent,
+    size: size,
+    behaviour: behaviour,
+    state: state,
+    disabled: disabled
+  });
+  var Element = href ? 'a' : 'button';
+  return /*#__PURE__*/React.createElement("div", blockProps, /*#__PURE__*/React.createElement(Element, {
+    className: buttonClass,
+    disabled: !href && disabled,
+    href: href,
+    target: target,
+    rel: rel,
+    type: !href ? type : undefined,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "tds-button__label-container"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "tds-button__label"
+  }, label))));
+}
+
+var $schema$9 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$9 = 3;
+var name$9 = "times/button";
+var title$9 = "Button";
+var category$9 = "common";
+var description$9 = "A customizable button component for user interactions";
+var icon$9 = "admin-generic";
+var supports$9 = {
+	html: false,
+	spacing: {
+		margin: true,
+		padding: false
+	},
+	align: true,
+	customClassName: true
+};
+var textdomain = "times-design-system";
+var attributes$9 = {
+	label: {
+		type: "string",
+		"default": "Button label",
+		description: "The text label displayed inside the button"
+	},
+	intent: {
+		type: "string",
+		"enum": [
+			"primary",
+			"secondary",
+			"negative"
+		],
+		"default": "primary",
+		description: "Visual style variant"
+	},
+	size: {
+		type: "string",
+		"enum": [
+			"small",
+			"medium",
+			"large"
+		],
+		"default": "large",
+		description: "Controls the overall dimensions of the button"
+	},
+	behaviour: {
+		type: "string",
+		"enum": [
+			"hug",
+			"full"
+		],
+		"default": "hug",
+		description: "Controls the width behaviour"
+	},
+	state: {
+		type: "string",
+		"enum": [
+			"base",
+			"hover",
+			"pressed",
+			"loading",
+			"disabled",
+			"focus"
+		],
+		"default": "base",
+		description: "The interaction state"
+	},
+	disabled: {
+		type: "boolean",
+		"default": false,
+		description: "Whether the button is disabled"
+	},
+	href: {
+		type: "string",
+		description: "Optional href to render as a link"
+	},
+	target: {
+		type: "string",
+		"enum": [
+			"_blank",
+			"_self",
+			"_parent",
+			"_top"
+		],
+		description: "Optional target attribute for links"
+	},
+	rel: {
+		type: "string",
+		description: "Optional rel attribute for links"
+	},
+	type: {
+		type: "string",
+		"enum": [
+			"button",
+			"submit",
+			"reset"
+		],
+		"default": "button",
+		description: "Button type"
+	},
+	iconLeft: {
+		type: "string",
+		description: "Icon name to display on the left side of the label"
+	},
+	iconRight: {
+		type: "string",
+		description: "Icon name to display on the right side of the label"
+	},
+	ariaLabel: {
+		type: "string",
+		description: "Accessible name for icon-only buttons"
+	}
+};
+var editorScript = "file:./index.js";
+var editorStyle = "file:./style-editor.css";
+var style = "file:./style.css";
+var metadata$9 = {
+	$schema: $schema$9,
+	apiVersion: apiVersion$9,
+	name: name$9,
+	title: title$9,
+	category: category$9,
+	description: description$9,
+	icon: icon$9,
+	supports: supports$9,
+	textdomain: textdomain,
+	attributes: attributes$9,
+	editorScript: editorScript,
+	editorStyle: editorStyle,
+	style: style
+};
+
+registerBlockType(metadata$9.name, _objectSpread2(_objectSpread2({}, metadata$9), {}, {
+  edit: Edit,
+  save: Save
+}));
+
+var $schema$8 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$8 = 3;
+var name$8 = "times/divider";
+var title$8 = "Divider";
+var category$8 = "common";
+var description$8 = "A horizontal line divider component";
+var icon$8 = "minus";
+var supports$8 = {
+	html: false,
+	spacing: {
+		margin: true
+	},
+	align: [
+		"wide",
+		"full"
+	]
+};
+var attributes$8 = {
+	isDashed: {
+		type: "boolean",
+		"default": false
+	},
+	isVertical: {
+		type: "boolean",
+		"default": false
+	},
+	padding: {
+		type: "boolean",
+		"default": false
+	}
+};
+var example$8 = {
+};
+var metadata$8 = {
+	$schema: $schema$8,
+	apiVersion: apiVersion$8,
+	name: name$8,
+	title: title$8,
+	category: category$8,
+	description: description$8,
+	icon: icon$8,
+	supports: supports$8,
+	attributes: attributes$8,
+	example: example$8
+};
+
+var edit$8 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var isDashed = attributes.isDashed,
+    isVertical = attributes.isVertical,
+    padding = attributes.padding;
+  var blockProps = useBlockProps();
+  var buildDividerClass = function buildDividerClass() {
+    var classes = ['tds-divider'];
+    if (isDashed) classes.push('tds-divider--dashed');
+    if (isVertical) classes.push('tds-divider--vertical');
+    if (padding) classes.push('tds-divider--padding');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Divider Settings"
+  }, /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Dashed",
+    checked: isDashed,
+    onChange: function onChange(val) {
+      return setAttributes({
+        isDashed: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Vertical",
+    checked: isVertical,
+    onChange: function onChange(val) {
+      return setAttributes({
+        isVertical: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Padding",
+    checked: padding,
+    onChange: function onChange(val) {
+      return setAttributes({
+        padding: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildDividerClass()
   })));
 };
 
-var css_248z$4 = ".tds-comments-disabled{margin-inline:auto;padding-inline:var(--tds-dimension-500);width:100%}.tds-comments-disabled__heading{color:var(--tds-light-core-light-text-primary);margin:0;padding-bottom:var(--tds-dimension-125);padding-top:var(--tds-dimension-750);text-align:center}.tds-comments-disabled__divider{border:none;border-top:1px solid var(--tds-light-core-border-secondary);margin:var(--tds-dimension-100) auto;max-width:522px;opacity:.1;width:100%}.tds-comments-disabled__content{color:var(--tds-light-brand-brand-core-ramp-core-neutral-700);margin:0;padding-bottom:var(--tds-dimension-750);padding-top:var(--tds-dimension-125);text-align:center}.tds-comments-disabled__link{color:var(--tds-foundation-brand-digital-blue);cursor:pointer;text-decoration:underline;transition:color .2s ease-in-out}.tds-comments-disabled__link:hover{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-hover)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:active{color:color-mix(in srgb,var(--tds-foundation-brand-digital-blue) calc(100% - var(--tds-colour-modifier-interactive-pressed)*100%),var(--tds-foundation-brand-black))}.tds-comments-disabled__link:focus-visible{outline:2px solid var(--tds-foundation-brand-digital-blue);outline-offset:2px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUEsdUJBQ0Usa0JBQW1CLENBQ25CLHVDQUF3QyxDQUN4QyxVQUNGLENBR0EsZ0NBS0UsOENBQStDLENBSi9DLFFBQVMsQ0FFVCx1Q0FBd0MsQ0FEeEMsb0NBQXFDLENBRXJDLGlCQUVGLENBR0EsZ0NBSUUsV0FBWSxDQUNaLDJEQUE0RCxDQUo1RCxvQ0FBcUMsQ0FDckMsZUFBZ0IsQ0FJaEIsVUFBWSxDQUhaLFVBSUYsQ0FHQSxnQ0FLRSw2REFBOEQsQ0FKOUQsUUFBUyxDQUNULHVDQUF3QyxDQUN4QyxvQ0FBcUMsQ0FDckMsaUJBRUYsQ0FHQSw2QkFFRSw4Q0FBK0MsQ0FFL0MsY0FBZSxDQUhmLHlCQUEwQixDQUUxQixnQ0FFRixDQUVBLG1DQUNFLGtLQUtGLENBRUEsb0NBQ0Usb0tBS0YsQ0FHQSwyQ0FDRSwwREFBMkQsQ0FDM0Qsa0JBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4vKipcbiAqIENvbW1lbnRzRGlzYWJsZWQgQ29tcG9uZW50IFN0eWxlc1xuICogTWFwcyBUaW1lcyBEZXNpZ24gU3lzdGVtIHRva2VucyB0byBzZW1hbnRpYyBzdHlsZXNcbiAqL1xuXG4vKiBCYXNlIENvbnRhaW5lciAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZCB7XG4gIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS10ZHMtZGltZW5zaW9uLTUwMCk7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4vKiBIZWFkaW5nICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19oZWFkaW5nIHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nLXRvcDogdmFyKC0tdGRzLWRpbWVuc2lvbi03NTApO1xuICBwYWRkaW5nLWJvdHRvbTogdmFyKC0tdGRzLWRpbWVuc2lvbi0xMjUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10ZHMtbGlnaHQtY29yZS1saWdodC10ZXh0LXByaW1hcnkpO1xufVxuXG4vKiBEaXZpZGVyICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19kaXZpZGVyIHtcbiAgbWFyZ2luOiB2YXIoLS10ZHMtZGltZW5zaW9uLTEwMCkgYXV0bztcbiAgbWF4LXdpZHRoOiA1MjJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLXRkcy1saWdodC1jb3JlLWJvcmRlci1zZWNvbmRhcnkpO1xuICBvcGFjaXR5OiAwLjE7XG59XG5cbi8qIENvbnRlbnQgVGV4dCAqL1xuLnRkcy1jb21tZW50cy1kaXNhYmxlZF9fY29udGVudCB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZy1ib3R0b206IHZhcigtLXRkcy1kaW1lbnNpb24tNzUwKTtcbiAgcGFkZGluZy10b3A6IHZhcigtLXRkcy1kaW1lbnNpb24tMTI1KTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tdGRzLWxpZ2h0LWJyYW5kLWJyYW5kLWNvcmUtcmFtcC1jb3JlLW5ldXRyYWwtNzAwKTtcbn1cblxuLyogR3VpZGVsaW5lcyBMaW5rICovXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19saW5rIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjJzIGVhc2UtaW4tb3V0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6aG92ZXIge1xuICBjb2xvcjogY29sb3ItbWl4KFxuICAgIGluIHNyZ2IsXG4gICAgdmFyKC0tdGRzLWZvdW5kYXRpb24tYnJhbmQtZGlnaXRhbC1ibHVlKSBjYWxjKDEwMCUgLSB2YXIoLS10ZHMtY29sb3VyLW1vZGlmaWVyLWludGVyYWN0aXZlLWhvdmVyKSAqIDEwMCUpLFxuICAgIHZhcigtLXRkcy1mb3VuZGF0aW9uLWJyYW5kLWJsYWNrKVxuICApO1xufVxuXG4udGRzLWNvbW1lbnRzLWRpc2FibGVkX19saW5rOmFjdGl2ZSB7XG4gIGNvbG9yOiBjb2xvci1taXgoXG4gICAgaW4gc3JnYixcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpIGNhbGMoMTAwJSAtIHZhcigtLXRkcy1jb2xvdXItbW9kaWZpZXItaW50ZXJhY3RpdmUtcHJlc3NlZCkgKiAxMDAlKSxcbiAgICB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1ibGFjaylcbiAgKTtcbn1cblxuLyogRm9jdXMgU3RhdGUgKi9cbi50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2xpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS10ZHMtZm91bmRhdGlvbi1icmFuZC1kaWdpdGFsLWJsdWUpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xufVxuXG4vKiBSZXNwb25zaXZlICovXG4vKiBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnRkcy1jb21tZW50cy1kaXNhYmxlZF9faGVhZGluZyB7XG4gICAgZm9udC1zaXplOiBjYWxjKHZhcigtLXRkcy1mb250LXNpemUwNDApICogdmFyKC0tdGRzLXZpZXdwb3J0LW11bHRpcGxpZXItc21hbGwpKTtcbiAgfVxuXG4gIC50ZHMtY29tbWVudHMtZGlzYWJsZWRfX2NvbnRlbnQge1xuICAgIGZvbnQtc2l6ZTogY2FsYyh2YXIoLS10ZHMtZm9udC1zaXplMDMwKSAqIHZhcigtLXRkcy12aWV3cG9ydC1tdWx0aXBsaWVyLXNtYWxsKSk7XG4gIH1cbn0gKi9cbiJdfQ== */";
-styleInject(css_248z$4);
-
-const CommentsDisabled = React.forwardRef(({
-  heading = 'Comments are not enabled for this article',
-  contentText = 'Comments are subject to our community guidelines, which can be viewed',
-  guidelinesUrl = '#',
-  guidelinesLinkText = 'here',
-  className = '',
-  ...props
-}, ref) => {
-  return React.createElement("div", {
-    ref: ref,
-    className: `tds-comments-disabled ${className}`.trim(),
-    ...props
-  }, React.createElement(Text, {
-    as: "h3",
-    typographyStyle: "brand-heading-fluid-light-xsmall",
-    classes: "tds-comments-disabled__heading"
-  }, heading), React.createElement("hr", {
-    className: "tds-comments-disabled__divider"
-  }), React.createElement(Text, {
-    typographyStyle: "utility-body-regular-medium",
-    classes: "tds-comments-disabled__content"
-  }, contentText, ' ', React.createElement("a", {
-    href: guidelinesUrl,
-    className: "tds-comments-disabled__link",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, guidelinesLinkText), "."));
-});
-CommentsDisabled.displayName = 'CommentsDisabled';
-
-var css_248z$3 = ".tds-input-wrapper{display:flex;flex-direction:column;gap:var(--tds-dimension-200)}.tds-input-label{align-items:center;color:var(--tds-palette-light-core-light-text-primary,#1a1a1a);display:flex;font:var(--tds-typography-styles-utility-label-medium);gap:var(--tds-dimension-50)}.tds-input-required{color:var(--tds-palette-light-core-light-text-error,#c00)}.tds-input{background-color:var(--tds-palette-light-core-light-interactive-background-default,#fff);border:1px solid var(--tds-palette-light-core-light-border-primary,#999);border-radius:0;box-sizing:border-box;color:var(--tds-palette-light-core-light-text-primary,#1a1a1a);font:var(--tds-typography-styles-utility-body-regular-medium);padding:var(--tds-dimension-200,8px) var(--tds-dimension-300,12px);transition:all .2s ease-in-out;width:100%}.tds-input:focus{box-shadow:0 0 0 2px rgba(15,74,162,.1);outline:none}.tds-input:focus,.tds-input:hover:not(:disabled){border-color:var(--text-interactive-primary,#0f4aa2)}.tds-input:disabled{background-color:var(--interactive-background-disabled,#f2f2f2);border-color:var(--border-disabled,#ccc);color:var(--text-disabled,#999);cursor:not-allowed}.tds-input::placeholder{color:var(--text-secondary,#666)}.tds-input.error,.tds-input.error:focus{border-color:var(--text-error,#c00)}.tds-input.error:focus{box-shadow:0 0 0 2px rgba(204,0,0,.1)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsbUJBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUN0Qiw0QkFDRixDQUdBLGlCQUlFLGtCQUFtQixDQUZuQiw4REFBZ0UsQ0FDaEUsWUFBYSxDQUZiLHNEQUF1RCxDQUl2RCwyQkFDRixDQUdBLG9CQUNFLHlEQUNGLENBR0EsV0FLRSx3RkFBNkYsQ0FDN0Ysd0VBQTZFLENBQzdFLGVBQWdCLENBRWhCLHFCQUFzQixDQUx0Qiw4REFBZ0UsQ0FEaEUsNkRBQThELENBRDlELGtFQUFxRSxDQU1yRSw4QkFBZ0MsQ0FQaEMsVUFTRixDQUdBLGlCQUdFLHVDQUE0QyxDQUY1QyxZQUdGLENBR0EsaURBTEUsb0RBT0YsQ0FHQSxvQkFDRSwrREFBaUUsQ0FFakUsd0NBQTZDLENBRDdDLCtCQUFvQyxDQUVwQyxrQkFDRixDQUdBLHdCQUNFLGdDQUNGLENBT0Esd0NBSEUsbUNBTUYsQ0FIQSx1QkFFRSxxQ0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogSW5wdXQgY29tcG9uZW50IHN0eWxlcyB1c2luZyBkZXNpZ24gdG9rZW5zICovXG5cbi50ZHMtaW5wdXQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDApO1xufVxuXG4vKiBMYWJlbCBzdHlsZXMgKi9cbi50ZHMtaW5wdXQtbGFiZWwge1xuICBmb250OiB2YXIoLS10ZHMtdHlwb2dyYXBoeS1zdHlsZXMtdXRpbGl0eS1sYWJlbC1tZWRpdW0pO1xuICBjb2xvcjogdmFyKC0tdGRzLXBhbGV0dGUtbGlnaHQtY29yZS1saWdodC10ZXh0LXByaW1hcnksICMxYTFhMWEpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXRkcy1kaW1lbnNpb24tNTApO1xufVxuXG4vKiBSZXF1aXJlZCBhc3RlcmlzayAqL1xuLnRkcy1pbnB1dC1yZXF1aXJlZCB7XG4gIGNvbG9yOiB2YXIoLS10ZHMtcGFsZXR0ZS1saWdodC1jb3JlLWxpZ2h0LXRleHQtZXJyb3IsICNjYzAwMDApO1xufVxuXG4vKiBJbnB1dCBmaWVsZCBzdHlsZXMgKi9cbi50ZHMtaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDAsIDhweCkgdmFyKC0tdGRzLWRpbWVuc2lvbi0zMDAsIDEycHgpO1xuICBmb250OiB2YXIoLS10ZHMtdHlwb2dyYXBoeS1zdHlsZXMtdXRpbGl0eS1ib2R5LXJlZ3VsYXItbWVkaXVtKTtcbiAgY29sb3I6IHZhcigtLXRkcy1wYWxldHRlLWxpZ2h0LWNvcmUtbGlnaHQtdGV4dC1wcmltYXJ5LCAjMWExYTFhKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGRzLXBhbGV0dGUtbGlnaHQtY29yZS1saWdodC1pbnRlcmFjdGl2ZS1iYWNrZ3JvdW5kLWRlZmF1bHQsICNmZmZmZmYpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS10ZHMtcGFsZXR0ZS1saWdodC1jb3JlLWxpZ2h0LWJvcmRlci1wcmltYXJ5LCAjOTk5OTk5KTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi8qIElucHV0IGZvY3VzIHN0YXRlICovXG4udGRzLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWludGVyYWN0aXZlLXByaW1hcnksICMwZjRhYTIpO1xuICBib3gtc2hhZG93OiAwIDAgMCAycHggcmdiYSgxNSwgNzQsIDE2MiwgMC4xKTtcbn1cblxuLyogSW5wdXQgaG92ZXIgc3RhdGUgKi9cbi50ZHMtaW5wdXQ6aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLXRleHQtaW50ZXJhY3RpdmUtcHJpbWFyeSwgIzBmNGFhMik7XG59XG5cbi8qIElucHV0IGRpc2FibGVkIHN0YXRlICovXG4udGRzLWlucHV0OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtYmFja2dyb3VuZC1kaXNhYmxlZCwgI2YyZjJmMik7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWRpc2FibGVkLCAjOTk5OTk5KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ib3JkZXItZGlzYWJsZWQsICNjY2NjY2MpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4vKiBJbnB1dCBwbGFjZWhvbGRlciAqL1xuLnRkcy1pbnB1dDo6cGxhY2Vob2xkZXIge1xuICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnksICM2NjY2NjYpO1xufVxuXG4vKiBJbnB1dCBlcnJvciBzdGF0ZSAob3B0aW9uYWwgY2xhc3MgdG8gYXBwbHkpICovXG4udGRzLWlucHV0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWVycm9yLCAjY2MwMDAwKTtcbn1cblxuLnRkcy1pbnB1dC5lcnJvcjpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2NjMDAwMCk7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCByZ2JhKDIwNCwgMCwgMCwgMC4xKTtcbn1cbiJdfQ== */";
-styleInject(css_248z$3);
-
-/** Input component with label using design tokens */
-const Input = ({
-  label,
-  placeholder,
-  type = 'text',
-  value,
-  onChange,
-  disabled = false,
-  required = false,
-  name,
-  id,
-  ...props
-}) => {
-  const inputId = id || name;
-  return React.createElement("div", {
-    className: "tds-input-wrapper"
-  }, label && React.createElement("label", {
-    htmlFor: inputId,
-    className: "tds-input-label"
-  }, label, required && React.createElement("span", {
-    className: "tds-input-required"
-  }, "*")), React.createElement("input", {
-    id: inputId,
+var save$8 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var isDashed = attributes.isDashed,
+    isVertical = attributes.isVertical,
+    padding = attributes.padding;
+  var blockProps = useBlockProps.save();
+  var buildDividerClass = function buildDividerClass() {
+    var classes = ['tds-divider'];
+    if (isDashed) classes.push('tds-divider--dashed');
+    if (isVertical) classes.push('tds-divider--vertical');
+    if (padding) classes.push('tds-divider--padding');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildDividerClass()
+  }));
+};
+
+registerBlockType(metadata$8.name, _objectSpread2(_objectSpread2({}, metadata$8), {}, {
+  edit: edit$8,
+  save: save$8
+}));
+
+var $schema$7 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$7 = 3;
+var name$7 = "times/text";
+var title$7 = "Text";
+var category$7 = "common";
+var description$7 = "Typography component for displaying text with style variants";
+var icon$7 = "editor-paragraph";
+var supports$7 = {
+	html: false,
+	spacing: {
+		margin: true,
+		padding: false
+	}
+};
+var attributes$7 = {
+	as: {
+		type: "string",
+		"default": "p",
+		"enum": [
+			"p",
+			"span",
+			"h1",
+			"h2",
+			"h3",
+			"h4",
+			"h5"
+		]
+	},
+	typographyStyle: {
+		type: "string",
+		"default": "body-standard"
+	},
+	content: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$7 = {
+};
+var metadata$7 = {
+	$schema: $schema$7,
+	apiVersion: apiVersion$7,
+	name: name$7,
+	title: title$7,
+	category: category$7,
+	description: description$7,
+	icon: icon$7,
+	supports: supports$7,
+	attributes: attributes$7,
+	example: example$7
+};
+
+var edit$7 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var as = attributes.as,
+    typographyStyle = attributes.typographyStyle,
+    content = attributes.content;
+  var blockProps = useBlockProps();
+  var tagName = as || 'p';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Text Settings"
+  }, /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Tag",
+    value: as,
+    options: [{
+      label: 'Paragraph',
+      value: 'p'
+    }, {
+      label: 'Span',
+      value: 'span'
+    }, {
+      label: 'Heading 1',
+      value: 'h1'
+    }, {
+      label: 'Heading 2',
+      value: 'h2'
+    }, {
+      label: 'Heading 3',
+      value: 'h3'
+    }, {
+      label: 'Heading 4',
+      value: 'h4'
+    }, {
+      label: 'Heading 5',
+      value: 'h5'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        as: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Typography Style",
+    value: typographyStyle,
+    options: [{
+      label: 'Body Standard',
+      value: 'body-standard'
+    }, {
+      label: 'Body Small',
+      value: 'body-small'
+    }, {
+      label: 'Headline',
+      value: 'headline'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        typographyStyle: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement(RichText, _extends({}, blockProps, {
+    tagName: tagName,
+    value: content,
+    onChange: function onChange(val) {
+      return setAttributes({
+        content: val
+      });
+    },
+    className: "tds-text tds-text--".concat(typographyStyle),
+    placeholder: "Enter text..."
+  })));
+};
+
+var save$7 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var as = attributes.as,
+    typographyStyle = attributes.typographyStyle,
+    content = attributes.content;
+  var blockProps = useBlockProps.save();
+  var tagName = as || 'p';
+  return /*#__PURE__*/React.createElement(RichText.Content, _extends({}, blockProps, {
+    tagName: tagName,
+    value: content,
+    className: "tds-text tds-text--".concat(typographyStyle)
+  }));
+};
+
+registerBlockType(metadata$7.name, _objectSpread2(_objectSpread2({}, metadata$7), {}, {
+  edit: edit$7,
+  save: save$7
+}));
+
+var $schema$6 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$6 = 3;
+var name$6 = "times/input";
+var title$6 = "Input";
+var category$6 = "common";
+var description$6 = "Form input field component";
+var icon$6 = "text";
+var supports$6 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$6 = {
+	label: {
+		type: "string",
+		"default": ""
+	},
+	placeholder: {
+		type: "string",
+		"default": ""
+	},
+	type: {
+		type: "string",
+		"default": "text",
+		"enum": [
+			"text",
+			"email",
+			"password",
+			"number",
+			"tel",
+			"url"
+		]
+	},
+	disabled: {
+		type: "boolean",
+		"default": false
+	},
+	required: {
+		type: "boolean",
+		"default": false
+	},
+	name: {
+		type: "string",
+		"default": ""
+	},
+	id: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$6 = {
+};
+var metadata$6 = {
+	$schema: $schema$6,
+	apiVersion: apiVersion$6,
+	name: name$6,
+	title: title$6,
+	category: category$6,
+	description: description$6,
+	icon: icon$6,
+	supports: supports$6,
+	attributes: attributes$6,
+	example: example$6
+};
+
+var edit$6 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var label = attributes.label,
+    placeholder = attributes.placeholder,
+    type = attributes.type,
+    disabled = attributes.disabled,
+    required = attributes.required,
+    name = attributes.name,
+    id = attributes.id;
+  var blockProps = useBlockProps();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Input Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Placeholder",
+    value: placeholder,
+    onChange: function onChange(val) {
+      return setAttributes({
+        placeholder: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Type",
+    value: type,
+    options: [{
+      label: 'Text',
+      value: 'text'
+    }, {
+      label: 'Email',
+      value: 'email'
+    }, {
+      label: 'Password',
+      value: 'password'
+    }, {
+      label: 'Number',
+      value: 'number'
+    }, {
+      label: 'Tel',
+      value: 'tel'
+    }, {
+      label: 'URL',
+      value: 'url'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        type: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Name",
+    value: name,
+    onChange: function onChange(val) {
+      return setAttributes({
+        name: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "ID",
+    value: id,
+    onChange: function onChange(val) {
+      return setAttributes({
+        id: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Required",
+    checked: required,
+    onChange: function onChange(val) {
+      return setAttributes({
+        required: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Disabled",
+    checked: disabled,
+    onChange: function onChange(val) {
+      return setAttributes({
+        disabled: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("div", blockProps, label && /*#__PURE__*/React.createElement("label", {
+    className: "tds-input__label"
+  }, label), /*#__PURE__*/React.createElement("input", {
     type: type,
+    placeholder: placeholder,
+    disabled: disabled,
+    required: required,
     name: name,
-    className: "tds-input",
+    id: id,
+    className: "tds-input"
+  })));
+};
+
+var save$6 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var label = attributes.label,
+    placeholder = attributes.placeholder,
+    type = attributes.type,
+    disabled = attributes.disabled,
+    required = attributes.required,
+    name = attributes.name,
+    id = attributes.id;
+  var blockProps = useBlockProps.save();
+  return /*#__PURE__*/React.createElement("div", blockProps, label && /*#__PURE__*/React.createElement("label", {
+    htmlFor: id,
+    className: "tds-input__label"
+  }, label), /*#__PURE__*/React.createElement("input", {
+    type: type,
     placeholder: placeholder,
-    value: value,
-    onChange: onChange,
     disabled: disabled,
     required: required,
-    ...props
+    name: name,
+    id: id,
+    className: "tds-input"
   }));
 };
 
-var css_248z$2 = ".tds-divider{background-color:transparent;box-sizing:border-box}.tds-divider--horizontal{border:none;border-top:1px solid var(--border-primary,#999);height:1px;width:100%}.tds-divider--vertical{border:none;border-left:1px solid var(--border-primary,#999);height:100%;width:1px}.tds-divider--full-width{margin-left:0;margin-right:0;width:100%}.tds-divider--constrained{flex-shrink:0;margin-left:auto;margin-right:auto;width:auto}.tds-divider--spacing-small{margin-bottom:var(--tds-dimension-200,8px);margin-top:var(--tds-dimension-200,8px)}.tds-divider--spacing-medium{margin-bottom:var(--tds-dimension-400,16px);margin-top:var(--tds-dimension-400,16px)}.tds-divider--spacing-large{margin-bottom:var(--tds-dimension-600,24px);margin-top:var(--tds-dimension-600,24px)}.tds-divider--vertical.tds-divider--spacing-small{margin-bottom:0;margin-left:var(--tds-dimension-200,8px);margin-right:var(--tds-dimension-200,8px);margin-top:0}.tds-divider--vertical.tds-divider--spacing-medium{margin-bottom:0;margin-left:var(--tds-dimension-400,16px);margin-right:var(--tds-dimension-400,16px);margin-top:0}.tds-divider--vertical.tds-divider--spacing-large{margin-bottom:0;margin-left:var(--tds-dimension-600,24px);margin-right:var(--tds-dimension-600,24px);margin-top:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsYUFDRSw0QkFBNkIsQ0FDN0IscUJBQ0YsQ0FHQSx5QkFNRSxXQUFpQixDQUFqQiwrQ0FBaUIsQ0FMakIsVUFBVyxDQUNYLFVBS0YsQ0FHQSx1QkFNRSxXQUFtQixDQUFuQixnREFBbUIsQ0FKbkIsV0FBWSxDQURaLFNBTUYsQ0FHQSx5QkFFRSxhQUFjLENBQ2QsY0FBZSxDQUZmLFVBR0YsQ0FHQSwwQkFJRSxhQUFjLENBRmQsZ0JBQWlCLENBQ2pCLGlCQUFrQixDQUZsQixVQUlGLENBR0EsNEJBRUUsMENBQTRDLENBRDVDLHVDQUVGLENBRUEsNkJBRUUsMkNBQTZDLENBRDdDLHdDQUVGLENBRUEsNEJBRUUsMkNBQTZDLENBRDdDLHdDQUVGLENBR0Esa0RBSUUsZUFBZ0IsQ0FIaEIsd0NBQTBDLENBQzFDLHlDQUEyQyxDQUMzQyxZQUVGLENBRUEsbURBSUUsZUFBZ0IsQ0FIaEIseUNBQTJDLENBQzNDLDBDQUE0QyxDQUM1QyxZQUVGLENBRUEsa0RBSUUsZUFBZ0IsQ0FIaEIseUNBQTJDLENBQzNDLDBDQUE0QyxDQUM1QyxZQUVGIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBEaXZpZGVyIGNvbXBvbmVudCBzdHlsZXMgdXNpbmcgZGVzaWduIHRva2VucyAqL1xuXG4vKiBCYXNlIGRpdmlkZXIgc3R5bGVzICovXG4udGRzLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLyogSG9yaXpvbnRhbCBkaXZpZGVyIChkZWZhdWx0KSAqL1xuLnRkcy1kaXZpZGVyLS1ob3Jpem9udGFsIHtcbiAgaGVpZ2h0OiAxcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tYm9yZGVyLXByaW1hcnksICM5OTk5OTkpO1xuICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gIGJvcmRlci1ib3R0b206IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xufVxuXG4vKiBWZXJ0aWNhbCBkaXZpZGVyICovXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsIHtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1wcmltYXJ5LCAjOTk5OTk5KTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4vKiBGdWxsIHdpZHRoIGRpdmlkZXIgKi9cbi50ZHMtZGl2aWRlci0tZnVsbC13aWR0aCB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tbGVmdDogMDtcbiAgbWFyZ2luLXJpZ2h0OiAwO1xufVxuXG4vKiBDb25zdHJhaW5lZCB3aWR0aCBkaXZpZGVyICovXG4udGRzLWRpdmlkZXItLWNvbnN0cmFpbmVkIHtcbiAgd2lkdGg6IGF1dG87XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4vKiBTcGFjaW5nIHZhcmlhbnRzICovXG4udGRzLWRpdmlkZXItLXNwYWNpbmctc21hbGwge1xuICBtYXJnaW4tdG9wOiB2YXIoLS10ZHMtZGltZW5zaW9uLTIwMCwgOHB4KTtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tdGRzLWRpbWVuc2lvbi0yMDAsIDhweCk7XG59XG5cbi50ZHMtZGl2aWRlci0tc3BhY2luZy1tZWRpdW0ge1xuICBtYXJnaW4tdG9wOiB2YXIoLS10ZHMtZGltZW5zaW9uLTQwMCwgMTZweCk7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLXRkcy1kaW1lbnNpb24tNDAwLCAxNnB4KTtcbn1cblxuLnRkcy1kaXZpZGVyLS1zcGFjaW5nLWxhcmdlIHtcbiAgbWFyZ2luLXRvcDogdmFyKC0tdGRzLWRpbWVuc2lvbi02MDAsIDI0cHgpO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS10ZHMtZGltZW5zaW9uLTYwMCwgMjRweCk7XG59XG5cbi8qIFZlcnRpY2FsIHNwYWNpbmcgZm9yIHZlcnRpY2FsIGRpdmlkZXJzICovXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLXNtYWxsIHtcbiAgbWFyZ2luLWxlZnQ6IHZhcigtLXRkcy1kaW1lbnNpb24tMjAwLCA4cHgpO1xuICBtYXJnaW4tcmlnaHQ6IHZhcigtLXRkcy1kaW1lbnNpb24tMjAwLCA4cHgpO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLW1lZGl1bSB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS10ZHMtZGltZW5zaW9uLTQwMCwgMTZweCk7XG4gIG1hcmdpbi1yaWdodDogdmFyKC0tdGRzLWRpbWVuc2lvbi00MDAsIDE2cHgpO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udGRzLWRpdmlkZXItLXZlcnRpY2FsLnRkcy1kaXZpZGVyLS1zcGFjaW5nLWxhcmdlIHtcbiAgbWFyZ2luLWxlZnQ6IHZhcigtLXRkcy1kaW1lbnNpb24tNjAwLCAyNHB4KTtcbiAgbWFyZ2luLXJpZ2h0OiB2YXIoLS10ZHMtZGltZW5zaW9uLTYwMCwgMjRweCk7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG4iXX0= */";
-styleInject(css_248z$2);
-
-/** Divider component that uses design tokens for styling */
-const Divider = ({
-  fullWidth = true,
-  orientation = 'horizontal',
-  spacing = 'medium',
-  className = '',
-  ...props
-}) => {
-  const baseClass = 'tds-divider';
-  const orientationClass = `tds-divider--${orientation}`;
-  const spacingClass = `tds-divider--spacing-${spacing}`;
-  const widthClass = fullWidth ? 'tds-divider--full-width' : 'tds-divider--constrained';
-  const classes = [baseClass, orientationClass, spacingClass, widthClass, className].filter(Boolean).join(' ');
-  return React.createElement("div", {
-    className: classes,
-    "data-node-id": "4042:14179",
-    ...props
-  });
+registerBlockType(metadata$6.name, _objectSpread2(_objectSpread2({}, metadata$6), {}, {
+  edit: edit$6,
+  save: save$6
+}));
+
+var $schema$5 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$5 = 3;
+var name$5 = "times/icon-button";
+var title$5 = "Icon Button";
+var category$5 = "common";
+var description$5 = "Button component displaying only an icon";
+var icon$5 = "button";
+var supports$5 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$5 = {
+	iconName: {
+		type: "string",
+		"default": ""
+	},
+	round: {
+		type: "boolean",
+		"default": false
+	},
+	href: {
+		type: "string",
+		"default": ""
+	},
+	target: {
+		type: "string",
+		"default": "_self",
+		"enum": [
+			"_self",
+			"_blank",
+			"_parent",
+			"_top"
+		]
+	},
+	rel: {
+		type: "string",
+		"default": ""
+	},
+	ariaLabel: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$5 = {
+};
+var metadata$5 = {
+	$schema: $schema$5,
+	apiVersion: apiVersion$5,
+	name: name$5,
+	title: title$5,
+	category: category$5,
+	description: description$5,
+	icon: icon$5,
+	supports: supports$5,
+	attributes: attributes$5,
+	example: example$5
 };
 
-var css_248z$1 = ".tds-link{cursor:pointer;display:inline;font-family:var(--tds-font-family040,\"Roboto\",sans-serif);font-size:var(--tds-font-size030,1rem);font-weight:var(--tds-font-weight040,400);line-height:var(--tds-font-line-height040,1.5);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.2em;transition:color .2s ease,text-decoration-color .2s ease}.tds-link--primary{color:var(--interactive-link-primary-default,#005c8a)}.tds-link--primary:visited{color:var(--interactive-link-primary-visited,#005c8a)}.tds-link--primary:hover{color:var(--interactive-link-primary-hover,#004568);text-decoration-thickness:.15em}.tds-link--primary:focus{border-radius:2px;outline:2px solid var(--interactive-link-primary-default,#005c8a);outline-offset:.25em}.tds-link--primary:active{color:var(--interactive-link-primary-active,#003d52)}.tds-link--secondary,.tds-link--secondary:visited{color:var(--text-secondary,#666)}.tds-link--secondary:hover{color:var(--text-primary,#1a1a1a);text-decoration-thickness:.15em}.tds-link--secondary:focus{border-radius:2px;outline:2px solid var(--text-secondary,#666);outline-offset:.25em}.tds-link--secondary:active{color:var(--text-primary,#1a1a1a)}.tds-link--danger,.tds-link--danger:visited{color:var(--text-error,#d32f2f)}.tds-link--danger:hover{color:var(--text-error-hover,#b71c1c);text-decoration-thickness:.15em}.tds-link--danger:focus{border-radius:2px;outline:2px solid var(--text-error,#d32f2f);outline-offset:.25em}.tds-link--danger:active{color:var(--text-error-active,#9a0000)}.tds-link:disabled,.tds-link[aria-disabled=true]{cursor:not-allowed;opacity:.6;text-decoration:none}@media (prefers-color-scheme:dark){.tds-link--primary{color:var(--interactive-link-primary-default-dark,#66b3e0)}.tds-link--primary:hover{color:var(--interactive-link-primary-hover-dark,#8fd4ff)}.tds-link--secondary{color:var(--text-secondary-dark,#999)}.tds-link--secondary:hover{color:var(--text-primary-dark,#e0e0e0)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFLRSxjQUFlLENBSmYsY0FBZSxDQU1mLHlEQUE0RCxDQUM1RCxzQ0FBd0MsQ0FDeEMseUNBQTJDLENBQzNDLDhDQUFnRCxDQVJoRCx5QkFBMEIsQ0FDMUIsa0NBQW1DLENBQ25DLDBCQUE0QixDQUU1Qix3REFLRixDQUdBLG1CQUNFLHFEQUNGLENBRUEsMkJBQ0UscURBQ0YsQ0FFQSx5QkFDRSxtREFBcUQsQ0FDckQsK0JBQ0YsQ0FFQSx5QkFHRSxpQkFBa0IsQ0FGbEIsaUVBQW1FLENBQ25FLG9CQUVGLENBRUEsMEJBQ0Usb0RBQ0YsQ0FPQSxrREFDRSxnQ0FDRixDQUVBLDJCQUNFLGlDQUFtQyxDQUNuQywrQkFDRixDQUVBLDJCQUdFLGlCQUFrQixDQUZsQiw0Q0FBaUQsQ0FDakQsb0JBRUYsQ0FFQSw0QkFDRSxpQ0FDRixDQU9BLDRDQUNFLCtCQUNGLENBRUEsd0JBQ0UscUNBQXVDLENBQ3ZDLCtCQUNGLENBRUEsd0JBR0UsaUJBQWtCLENBRmxCLDJDQUE2QyxDQUM3QyxvQkFFRixDQUVBLHlCQUNFLHNDQUNGLENBR0EsaURBR0Usa0JBQW1CLENBRG5CLFVBQVksQ0FFWixvQkFDRixDQUdBLG1DQUNFLG1CQUNFLDBEQUNGLENBRUEseUJBQ0Usd0RBQ0YsQ0FFQSxxQkFDRSxxQ0FDRixDQUVBLDJCQUNFLHNDQUNGLENBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50ZHMtbGluayB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDAuMmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZSwgdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDAuMnMgZWFzZTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXRkcy1mb250LWZhbWlseTA0MCwgJ1JvYm90bycsIHNhbnMtc2VyaWYpO1xuICBmb250LXNpemU6IHZhcigtLXRkcy1mb250LXNpemUwMzAsIDFyZW0pO1xuICBmb250LXdlaWdodDogdmFyKC0tdGRzLWZvbnQtd2VpZ2h0MDQwLCA0MDApO1xuICBsaW5lLWhlaWdodDogdmFyKC0tdGRzLWZvbnQtbGluZS1oZWlnaHQwNDAsIDEuNSk7XG59XG5cbi8qIFByaW1hcnkgdmFyaWFudCAoZGVmYXVsdCkgLSBMaW5rIGNvbG9yICovXG4udGRzLWxpbmstLXByaW1hcnkge1xuICBjb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LWRlZmF1bHQsICMwMDVjOGEpO1xufVxuXG4udGRzLWxpbmstLXByaW1hcnk6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktdmlzaXRlZCwgIzAwNWM4YSk7XG59XG5cbi50ZHMtbGluay0tcHJpbWFyeTpob3ZlciB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktaG92ZXIsICMwMDQ1NjgpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAwLjE1ZW07XG59XG5cbi50ZHMtbGluay0tcHJpbWFyeTpmb2N1cyB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktZGVmYXVsdCwgIzAwNWM4YSk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwLjI1ZW07XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnRkcy1saW5rLS1wcmltYXJ5OmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktYWN0aXZlLCAjMDAzZDUyKTtcbn1cblxuLyogU2Vjb25kYXJ5IHZhcmlhbnQgKi9cbi50ZHMtbGluay0tc2Vjb25kYXJ5IHtcbiAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LCAjNjY2NjY2KTtcbn1cblxuLnRkcy1saW5rLS1zZWNvbmRhcnk6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSwgIzY2NjY2Nik7XG59XG5cbi50ZHMtbGluay0tc2Vjb25kYXJ5OmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSwgIzFhMWExYSk7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDAuMTVlbTtcbn1cblxuLnRkcy1saW5rLS1zZWNvbmRhcnk6Zm9jdXMge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tdGV4dC1zZWNvbmRhcnksICM2NjY2NjYpO1xuICBvdXRsaW5lLW9mZnNldDogMC4yNWVtO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi50ZHMtbGluay0tc2Vjb25kYXJ5OmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnksICMxYTFhMWEpO1xufVxuXG4vKiBEYW5nZXIgdmFyaWFudCAqL1xuLnRkcy1saW5rLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2QzMmYyZik7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOnZpc2l0ZWQge1xuICBjb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2QzMmYyZik7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXRleHQtZXJyb3ItaG92ZXIsICNiNzFjMWMpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAwLjE1ZW07XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmZvY3VzIHtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLXRleHQtZXJyb3IsICNkMzJmMmYpO1xuICBvdXRsaW5lLW9mZnNldDogMC4yNWVtO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi50ZHMtbGluay0tZGFuZ2VyOmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWVycm9yLWFjdGl2ZSwgIzlhMDAwMCk7XG59XG5cbi8qIERpc2FibGVkIHN0YXRlICovXG4udGRzLWxpbms6ZGlzYWJsZWQsXG4udGRzLWxpbmtbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgb3BhY2l0eTogMC42O1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi8qIERhcmsgbW9kZSBzdXBwb3J0IChvcHRpb25hbCkgKi9cbkBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHtcbiAgLnRkcy1saW5rLS1wcmltYXJ5IHtcbiAgICBjb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LWRlZmF1bHQtZGFyaywgIzY2YjNlMCk7XG4gIH1cblxuICAudGRzLWxpbmstLXByaW1hcnk6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktaG92ZXItZGFyaywgIzhmZDRmZik7XG4gIH1cblxuICAudGRzLWxpbmstLXNlY29uZGFyeSB7XG4gICAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LWRhcmssICM5OTk5OTkpO1xuICB9XG5cbiAgLnRkcy1saW5rLS1zZWNvbmRhcnk6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnktZGFyaywgI2UwZTBlMCk7XG4gIH1cbn1cbiJdfQ== */";
-styleInject(css_248z$1);
-
-/** Link UI component for navigation and interactive linking */
-const Link = ({
-  href,
-  variant = 'primary',
-  onClick,
-  target,
-  rel,
-  className,
-  classes,
-  styles,
-  children
-}) => {
-  // If target is _blank, set rel to noopener noreferrer for security
-  const linkRel = target === '_blank' ? rel ? `${rel} noopener noreferrer` : 'noopener noreferrer' : rel;
-  return React.createElement("a", {
-    href: href,
-    onClick: onClick,
-    target: target,
-    rel: linkRel,
-    className: cn('tds-link', `tds-link--${variant}`, className || classes),
-    style: styles ? styles : undefined
-  }, children);
+var edit$5 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var iconName = attributes.iconName,
+    round = attributes.round,
+    href = attributes.href,
+    target = attributes.target,
+    rel = attributes.rel,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps();
+  var buildClass = function buildClass() {
+    var classes = ['tds-icon-button'];
+    if (round) classes.push('tds-icon-button--round');
+    return classes.join(' ');
+  };
+  var Element = href ? 'a' : 'button';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Icon Button Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "Icon Name",
+    value: iconName,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconName: val
+      });
+    },
+    placeholder: "e.g., arrow-right"
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Round",
+    checked: round,
+    onChange: function onChange(val) {
+      return setAttributes({
+        round: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "URL (Leave empty for button)",
+    value: href,
+    onChange: function onChange(val) {
+      return setAttributes({
+        href: val
+      });
+    }
+  }), href && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Target",
+    value: target,
+    options: [{
+      label: 'Same window',
+      value: '_self'
+    }, {
+      label: 'New window',
+      value: '_blank'
+    }, {
+      label: 'Parent',
+      value: '_parent'
+    }, {
+      label: 'Top',
+      value: '_top'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        target: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Rel",
+    value: rel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        rel: val
+      });
+    }
+  })), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        ariaLabel: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement(Element, _extends({}, blockProps, {
+    className: buildClass(),
+    href: href || undefined,
+    target: href ? target : undefined,
+    rel: href && rel ? rel : undefined,
+    "aria-label": ariaLabel
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "tds-icon-button__icon"
+  }, iconName)));
 };
 
-var css_248z = ".video-article-container .video-article-up-next{background-color:#1d1d1b;position:relative;width:100%}.video-article-container .video-article-up-next *{width:100%}@media (min-width:1024px){.video-article-container .video-article-up-next{background-color:unset;flex-shrink:0;order:0;width:220px}}@media (min-width:1320px){.video-article-container .video-article-up-next{width:270px}}.video-article-container .video-article-up-next .vertical-divider{display:none}@media (min-width:768px){.video-article-container .video-article-up-next .vertical-divider{background-color:#222;display:block;height:100%;left:-48px;margin:0 32px;position:absolute;width:1px}}.up-next-articles-container{padding:20px;position:relative}@media (min-width:768px){.up-next-articles-container{padding:24px}}@media (min-width:1024px){.up-next-articles-container{padding:0}}.up-next-articles-container .up-next-article-image{background-color:#333;overflow:hidden;padding-bottom:56.25%;position:relative}.up-next-articles-container .up-next-article-image picture{display:block;left:0;position:absolute;top:0;width:100%}.up-next-articles-container .up-next-article-image img{max-width:100%}.up-next-articles-container .up-next-articles-overlay{display:none}@media (max-width:1023px){.up-next-articles-container .up-next-articles-overlay{height:100%;position:absolute;right:0;top:0;width:75px;z-index:1}}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left{background-image:linear-gradient(90deg,#1d1d1b,transparent);left:0}.up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right{background-image:linear-gradient(270deg,#1d1d1b,transparent);right:0}.up-next-articles-container.show-left-overlay .up-next-articles-overlay-left,.up-next-articles-container.show-right-overlay .up-next-articles-overlay-right{display:flex}.up-next-articles-container .up-next-articles-scroll{overflow-x:auto;position:relative;scrollbar-width:none}.up-next-articles-container .up-next-articles{-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:repeat(4,minmax(156px,1fr))}@media (min-width:1024px){.up-next-articles-container .up-next-articles{gap:24px 0;grid-template-columns:1fr}}.up-next-articles-container .up-next-articles .up-next-article{display:flex;flex-direction:column;gap:8px;position:relative}.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{background-color:#222;content:\"\";height:100%;position:absolute;right:-12px;width:1px;z-index:1}@media (min-width:1024px){.up-next-articles-container .up-next-articles .up-next-article:not(:last-child):after{bottom:-12px;height:1px;left:0;width:100%}}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container{margin-bottom:12px;position:relative}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration{bottom:0;left:10px;position:absolute;z-index:2}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent);bottom:0;height:50%;position:absolute;width:100%;z-index:1}.up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-container:hover .up-next-article-image-overlay{opacity:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0RBRUUsd0JBQWlDLENBQ2pDLGlCQUFrQixDQUZsQixVQUdGLENBQ0Esa0RBQ0UsVUFDRixDQUNBLDBCQUNFLGdEQUNFLHNCQUF1QixDQUN2QixhQUFjLENBRWQsT0FBUSxDQURSLFdBRUYsQ0FDRixDQUNBLDBCQUNFLGdEQUNFLFdBQ0YsQ0FDRixDQUNBLGtFQUNFLFlBQ0YsQ0FDQSx5QkFDRSxrRUFLRSxxQkFBc0IsQ0FIdEIsYUFBYyxDQUNkLFdBQVksQ0FJWixVQUFXLENBRFgsYUFBYyxDQUxkLGlCQUFrQixDQUdsQixTQUlGLENBQ0YsQ0FFQSw0QkFDRSxZQUFhLENBQ2IsaUJBQ0YsQ0FDQSx5QkFDRSw0QkFDRSxZQUNGLENBQ0YsQ0FDQSwwQkFDRSw0QkFDRSxTQUNGLENBQ0YsQ0FDQSxtREFJRSxxQkFBc0IsQ0FEdEIsZUFBZ0IsQ0FGaEIscUJBQXNCLENBQ3RCLGlCQUdGLENBQ0EsMkRBQ0UsYUFBYyxDQUdkLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLFVBQ0YsQ0FDQSx1REFDRSxjQUNGLENBQ0Esc0RBQ0UsWUFDRixDQUNBLDBCQUNFLHNEQUlFLFdBQVksQ0FIWixpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FHTixVQUFXLENBQ1gsU0FDRixDQUNGLENBQ0Esb0ZBRUUsMkRBQXlFLENBRHpFLE1BRUYsQ0FDQSxxRkFFRSw0REFBd0UsQ0FEeEUsT0FFRixDQUNBLDRKQUNFLFlBQ0YsQ0FDQSxxREFDRSxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsb0JBQ0YsQ0FDQSw4Q0FHRSxvQkFBcUIsQ0FDaEIsZUFBZ0IsQ0FIckIsWUFBYSxDQUNiLGlEQUdGLENBQ0EsMEJBQ0UsOENBQ0UsVUFBVyxDQUNYLHlCQUNGLENBQ0YsQ0FDQSwrREFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FDUixpQkFDRixDQUNBLHNGQUdFLHFCQUFzQixDQUZ0QixVQUFXLENBSVgsV0FBWSxDQUhaLGlCQUFrQixDQUtsQixXQUFZLENBRFosU0FBVSxDQUZWLFNBSUYsQ0FDQSwwQkFDRSxzRkFJRSxZQUFhLENBSGIsVUFBVyxDQUVYLE1BQU8sQ0FEUCxVQUdGLENBQ0YsQ0FDQSxnR0FFRSxrQkFBbUIsQ0FEbkIsaUJBRUYsQ0FDQSwwSEFFRSxRQUFTLENBQ1QsU0FBVSxDQUNWLGlCQUFrQixDQUhsQixTQUlGLENBQ0EsK0hBS0UsNkRBQWlGLENBSmpGLFFBQVMsQ0FHVCxVQUFXLENBRlgsaUJBQWtCLENBQ2xCLFVBQVcsQ0FHWCxTQUNGLENBQ0Esc0tBQ0UsU0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI5LCAyOSwgMjcpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udmlkZW8tYXJ0aWNsZS1jb250YWluZXIgLnZpZGVvLWFydGljbGUtdXAtbmV4dCAqIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICB3aWR0aDogMjIwcHg7XG4gICAgb3JkZXI6IDA7XG4gIH1cbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMzIwcHgpIHtcbiAgLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQge1xuICAgIHdpZHRoOiAyNzBweDtcbiAgfVxufVxuLnZpZGVvLWFydGljbGUtY29udGFpbmVyIC52aWRlby1hcnRpY2xlLXVwLW5leHQgLnZlcnRpY2FsLWRpdmlkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC52aWRlby1hcnRpY2xlLWNvbnRhaW5lciAudmlkZW8tYXJ0aWNsZS11cC1uZXh0IC52ZXJ0aWNhbC1kaXZpZGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIyMjtcbiAgICBtYXJnaW46IDAgMzJweDtcbiAgICBsZWZ0OiAtNDhweDtcbiAgfVxufVxuXG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIge1xuICBwYWRkaW5nOiAyMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIHtcbiAgICBwYWRkaW5nOiAyNHB4O1xuICB9XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGUtaW1hZ2Uge1xuICBwYWRkaW5nLWJvdHRvbTogNTYuMjUlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMzM7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZSBwaWN0dXJlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlIGltZyB7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbkBtZWRpYSAobWF4LXdpZHRoOiAxMDIzcHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiA3NXB4O1xuICAgIHotaW5kZXg6IDE7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1sZWZ0IHtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCByZ2IoMjksIDI5LCAyNyksIHRyYW5zcGFyZW50KTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcy1vdmVybGF5LnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1yaWdodCB7XG4gIHJpZ2h0OiAwO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gbGVmdCwgcmdiKDI5LCAyOSwgMjcpLCB0cmFuc3BhcmVudCk7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIuc2hvdy1sZWZ0LW92ZXJsYXkgLnVwLW5leHQtYXJ0aWNsZXMtb3ZlcmxheS1sZWZ0LCAudXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIuc2hvdy1yaWdodC1vdmVybGF5IC51cC1uZXh0LWFydGljbGVzLW92ZXJsYXktcmlnaHQge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzLXNjcm9sbCB7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgbWlubWF4KDE1NnB4LCAxZnIpKTtcbiAgLW1vei1jb2x1bW4tZ2FwOiAyNHB4O1xuICAgICAgIGNvbHVtbi1nYXA6IDI0cHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyB7XG4gICAgZ2FwOiAyNHB4IDA7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIH1cbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi51cC1uZXh0LWFydGljbGVzLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlcyAudXAtbmV4dC1hcnRpY2xlOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjIyO1xuICB6LWluZGV4OiAxO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxcHg7XG4gIHJpZ2h0OiAtMTJweDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGU6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiAtMTJweDtcbiAgfVxufVxuLnVwLW5leHQtYXJ0aWNsZXMtY29udGFpbmVyIC51cC1uZXh0LWFydGljbGVzIC51cC1uZXh0LWFydGljbGUgLnVwLW5leHQtYXJ0aWNsZS1pbWFnZS1jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWR1cmF0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAxMHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLW92ZXJsYXkge1xuICBib3R0b206IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gdG9wLCByZ2JhKDAsIDAsIDAsIDAuNSkgMCUsIHJnYmEoMCwgMCwgMCwgMCkgMTAwJSk7XG4gIHotaW5kZXg6IDE7XG59XG4udXAtbmV4dC1hcnRpY2xlcy1jb250YWluZXIgLnVwLW5leHQtYXJ0aWNsZXMgLnVwLW5leHQtYXJ0aWNsZSAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLWNvbnRhaW5lcjpob3ZlciAudXAtbmV4dC1hcnRpY2xlLWltYWdlLW92ZXJsYXkge1xuICBvcGFjaXR5OiAxO1xufVxuIl19 */";
-styleInject(css_248z);
+var save$5 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var iconName = attributes.iconName,
+    round = attributes.round,
+    href = attributes.href,
+    target = attributes.target,
+    rel = attributes.rel,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps.save();
+  var buildClass = function buildClass() {
+    var classes = ['tds-icon-button'];
+    if (round) classes.push('tds-icon-button--round');
+    return classes.join(' ');
+  };
+  var Element = href ? 'a' : 'button';
+  return /*#__PURE__*/React.createElement(Element, _extends({}, blockProps, {
+    className: buildClass(),
+    href: href || undefined,
+    target: href ? target : undefined,
+    rel: href && rel ? rel : undefined,
+    "aria-label": ariaLabel
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "tds-icon-button__icon"
+  }, iconName));
+};
 
-/** Primary UpNextArticles UI component for user interaction */
-const UpNextArticles = ({
-  upNextArticles
-}) => {
-  if (!upNextArticles || upNextArticles.length === 0) {
-    return;
-  }
-  return React.createElement("div", {
-    className: "video-article-up-next"
-  }, React.createElement("div", {
-    className: "vertical-divider"
-  }), React.createElement("div", {
-    className: "up-next-articles-container show-right-overlay"
-  }, React.createElement(Text, {
-    as: "h4",
-    classes: "video-heading video-category"
-  }, "Up Next"), React.createElement("div", {
-    className: "up-next-articles-overlay up-next-articles-overlay-left"
-  }), React.createElement("div", {
-    className: "up-next-articles-scroll"
-  }, React.createElement("div", {
-    className: "up-next-articles"
-  }, upNextArticles.map((up_next_article, index) => React.createElement("div", {
-    className: "up-next-article",
-    key: index
-  }, React.createElement("a", {
-    href: up_next_article.url
-  }, React.createElement("div", {
-    className: "up-next-article-image-container"
-  }, React.createElement(Text, {
-    classes: "up-next-article-duration video-heading"
-  }, up_next_article.duration), React.createElement("div", {
-    className: "up-next-article-image-overlay"
-  }), React.createElement("div", {
-    className: "up-next-article-image"
-  }, up_next_article.thumbnail !== '' && React.createElement("picture", null, React.createElement("source", {
-    srcSet: up_next_article.thumbnail,
-    type: "image/webp"
-  }), React.createElement("img", {
-    loading: "lazy",
-    src: up_next_article.thumbnail,
-    alt: up_next_article.headline
-  })))), React.createElement(Text, {
-    as: "span",
-    classes: "article-heading"
-  }, up_next_article.headline)))))), React.createElement("div", {
-    className: "up-next-articles-overlay up-next-articles-overlay-right"
-  })));
+registerBlockType(metadata$5.name, _objectSpread2(_objectSpread2({}, metadata$5), {}, {
+  edit: edit$5,
+  save: save$5
+}));
+
+var $schema$4 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$4 = 3;
+var name$4 = "times/chip";
+var title$4 = "Chip";
+var category$4 = "common";
+var description$4 = "Small component for displaying labels, tags, or filter options";
+var icon$4 = "tag";
+var supports$4 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$4 = {
+	content: {
+		type: "string",
+		"default": ""
+	},
+	intent: {
+		type: "string",
+		"default": "secondary",
+		"enum": [
+			"primary",
+			"secondary",
+			"negative"
+		]
+	},
+	size: {
+		type: "string",
+		"default": "medium",
+		"enum": [
+			"small",
+			"medium",
+			"large"
+		]
+	},
+	state: {
+		type: "string",
+		"default": "base",
+		"enum": [
+			"base",
+			"hover",
+			"pressed",
+			"disabled"
+		]
+	},
+	channel: {
+		type: "boolean",
+		"default": false
+	},
+	toggle: {
+		type: "boolean",
+		"default": false
+	},
+	iconLeft: {
+		type: "string",
+		"default": ""
+	},
+	iconRight: {
+		type: "string",
+		"default": ""
+	},
+	ariaLabel: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$4 = {
+};
+var metadata$4 = {
+	$schema: $schema$4,
+	apiVersion: apiVersion$4,
+	name: name$4,
+	title: title$4,
+	category: category$4,
+	description: description$4,
+	icon: icon$4,
+	supports: supports$4,
+	attributes: attributes$4,
+	example: example$4
+};
+
+var edit$4 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var content = attributes.content,
+    intent = attributes.intent,
+    size = attributes.size,
+    state = attributes.state,
+    channel = attributes.channel,
+    toggle = attributes.toggle,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps();
+  var buildClass = function buildClass() {
+    var classes = ['tds-chip'];
+    classes.push("tds-chip--intent-".concat(intent));
+    classes.push("tds-chip--size-".concat(size));
+    classes.push("tds-chip--state-".concat(state));
+    if (channel) classes.push('tds-chip--channel');
+    if (toggle) classes.push('tds-chip--toggle');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Chip Settings"
+  }, /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Intent",
+    value: intent,
+    options: [{
+      label: 'Primary',
+      value: 'primary'
+    }, {
+      label: 'Secondary',
+      value: 'secondary'
+    }, {
+      label: 'Negative',
+      value: 'negative'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        intent: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Size",
+    value: size,
+    options: [{
+      label: 'Small',
+      value: 'small'
+    }, {
+      label: 'Medium',
+      value: 'medium'
+    }, {
+      label: 'Large',
+      value: 'large'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        size: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "State",
+    value: state,
+    options: [{
+      label: 'Base',
+      value: 'base'
+    }, {
+      label: 'Hover',
+      value: 'hover'
+    }, {
+      label: 'Pressed',
+      value: 'pressed'
+    }, {
+      label: 'Disabled',
+      value: 'disabled'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        state: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Channel",
+    checked: channel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        channel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Toggle",
+    checked: toggle,
+    onChange: function onChange(val) {
+      return setAttributes({
+        toggle: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        ariaLabel: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("button", _extends({}, blockProps, {
+    className: buildClass(),
+    "aria-label": ariaLabel
+  }), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-chip__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText, {
+    value: content,
+    onChange: function onChange(val) {
+      return setAttributes({
+        content: val
+      });
+    },
+    placeholder: "Chip text",
+    className: "tds-chip__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-chip__icon-right"
+  }, iconRight)));
+};
+
+var save$4 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var content = attributes.content,
+    intent = attributes.intent,
+    size = attributes.size,
+    state = attributes.state,
+    channel = attributes.channel,
+    toggle = attributes.toggle,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps.save();
+  var buildClass = function buildClass() {
+    var classes = ['tds-chip'];
+    classes.push("tds-chip--intent-".concat(intent));
+    classes.push("tds-chip--size-".concat(size));
+    classes.push("tds-chip--state-".concat(state));
+    if (channel) classes.push('tds-chip--channel');
+    if (toggle) classes.push('tds-chip--toggle');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement("button", _extends({}, blockProps, {
+    className: buildClass(),
+    "aria-label": ariaLabel
+  }), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-chip__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText.Content, {
+    value: content,
+    className: "tds-chip__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-chip__icon-right"
+  }, iconRight));
 };
 
-const useTypographyToken = (typographyToken, tokens) => `
-  .${typographyToken} {
-    font: ${typographyToken}
+registerBlockType(metadata$4.name, _objectSpread2(_objectSpread2({}, metadata$4), {}, {
+  edit: edit$4,
+  save: save$4
+}));
+
+var $schema$3 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$3 = 3;
+var name$3 = "times/flag";
+var title$3 = "Flag";
+var category$3 = "common";
+var description$3 = "Badge or status indicator component";
+var icon$3 = "flag";
+var supports$3 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$3 = {
+	label: {
+		type: "string",
+		"default": ""
+	},
+	content: {
+		type: "string",
+		"default": ""
+	},
+	intent: {
+		type: "string",
+		"default": "secondary",
+		"enum": [
+			"primary",
+			"secondary",
+			"negative",
+			"positive"
+		]
+	},
+	size: {
+		type: "string",
+		"default": "medium",
+		"enum": [
+			"small",
+			"medium",
+			"large"
+		]
+	},
+	iconLeft: {
+		type: "string",
+		"default": ""
+	},
+	iconRight: {
+		type: "string",
+		"default": ""
+	},
+	ariaLabel: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$3 = {
+};
+var metadata$3 = {
+	$schema: $schema$3,
+	apiVersion: apiVersion$3,
+	name: name$3,
+	title: title$3,
+	category: category$3,
+	description: description$3,
+	icon: icon$3,
+	supports: supports$3,
+	attributes: attributes$3,
+	example: example$3
+};
 
-    @media (min-width: ${tokens.breakpoints.sm}px) {
-      fontSize: ${tokens['Viewport/ Small'].typography[typographyToken].fontSize};
+var edit$3 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var label = attributes.label,
+    content = attributes.content,
+    intent = attributes.intent,
+    size = attributes.size,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps();
+  var buildClass = function buildClass() {
+    var classes = ['tds-flag'];
+    classes.push("tds-flag--intent-".concat(intent));
+    classes.push("tds-flag--size-".concat(size));
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Flag Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
     }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Intent",
+    value: intent,
+    options: [{
+      label: 'Primary',
+      value: 'primary'
+    }, {
+      label: 'Secondary',
+      value: 'secondary'
+    }, {
+      label: 'Negative',
+      value: 'negative'
+    }, {
+      label: 'Positive',
+      value: 'positive'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        intent: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Size",
+    value: size,
+    options: [{
+      label: 'Small',
+      value: 'small'
+    }, {
+      label: 'Medium',
+      value: 'medium'
+    }, {
+      label: 'Large',
+      value: 'large'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        size: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        ariaLabel: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildClass(),
+    "aria-label": ariaLabel
+  }), label && /*#__PURE__*/React.createElement("div", {
+    className: "tds-flag__label"
+  }, label), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-flag__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText, {
+    value: content,
+    onChange: function onChange(val) {
+      return setAttributes({
+        content: val
+      });
+    },
+    placeholder: "Flag content",
+    className: "tds-flag__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-flag__icon-right"
+  }, iconRight)));
+};
+
+var save$3 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var label = attributes.label,
+    content = attributes.content,
+    intent = attributes.intent,
+    size = attributes.size,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    ariaLabel = attributes.ariaLabel;
+  var blockProps = useBlockProps.save();
+  var buildClass = function buildClass() {
+    var classes = ['tds-flag'];
+    classes.push("tds-flag--intent-".concat(intent));
+    classes.push("tds-flag--size-".concat(size));
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildClass(),
+    "aria-label": ariaLabel
+  }), label && /*#__PURE__*/React.createElement("div", {
+    className: "tds-flag__label"
+  }, label), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-flag__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText.Content, {
+    value: content,
+    className: "tds-flag__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-flag__icon-right"
+  }, iconRight));
+};
 
-    @media (min-width: ${tokens.breakpoints.md}px) {
-      fontSize: ${tokens['Viewport/ Medium'].typography[typographyToken].fontSize};
+registerBlockType(metadata$3.name, _objectSpread2(_objectSpread2({}, metadata$3), {}, {
+  edit: edit$3,
+  save: save$3
+}));
+
+var $schema$2 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$2 = 3;
+var name$2 = "times/toast";
+var title$2 = "Toast";
+var category$2 = "common";
+var description$2 = "Notification toast component";
+var icon$2 = "bell";
+var supports$2 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$2 = {
+	label: {
+		type: "string",
+		"default": ""
+	},
+	intent: {
+		type: "string",
+		"default": "info",
+		"enum": [
+			"info",
+			"success",
+			"warning",
+			"error"
+		]
+	},
+	link: {
+		type: "boolean",
+		"default": false
+	},
+	linkLabel: {
+		type: "string",
+		"default": ""
+	},
+	timeout: {
+		type: "number",
+		"default": 5000
+	}
+};
+var example$2 = {
+};
+var metadata$2 = {
+	$schema: $schema$2,
+	apiVersion: apiVersion$2,
+	name: name$2,
+	title: title$2,
+	category: category$2,
+	description: description$2,
+	icon: icon$2,
+	supports: supports$2,
+	attributes: attributes$2,
+	example: example$2
+};
+
+var edit$2 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var label = attributes.label,
+    intent = attributes.intent,
+    link = attributes.link,
+    linkLabel = attributes.linkLabel,
+    timeout = attributes.timeout;
+  var blockProps = useBlockProps();
+  var buildClass = function buildClass() {
+    var classes = ['tds-toast'];
+    classes.push("tds-toast--intent-".concat(intent));
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Toast Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Intent",
+    value: intent,
+    options: [{
+      label: 'Info',
+      value: 'info'
+    }, {
+      label: 'Success',
+      value: 'success'
+    }, {
+      label: 'Warning',
+      value: 'warning'
+    }, {
+      label: 'Error',
+      value: 'error'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        intent: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Show Link",
+    checked: link,
+    onChange: function onChange(val) {
+      return setAttributes({
+        link: val
+      });
     }
+  }), link && /*#__PURE__*/React.createElement(TextControl, {
+    label: "Link Label",
+    value: linkLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        linkLabel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(NumberControl, {
+    label: "Timeout (ms)",
+    value: timeout,
+    onChange: function onChange(val) {
+      return setAttributes({
+        timeout: val || 0
+      });
+    },
+    min: 0,
+    step: 1000
+  }))), /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildClass(),
+    role: "status",
+    "aria-live": "polite"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "tds-toast__content"
+  }, /*#__PURE__*/React.createElement(RichText, {
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    },
+    placeholder: "Toast message",
+    className: "tds-toast__label"
+  })), link && /*#__PURE__*/React.createElement("button", {
+    className: "tds-toast__link"
+  }, linkLabel)));
+};
+
+var save$2 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var label = attributes.label,
+    intent = attributes.intent,
+    link = attributes.link,
+    linkLabel = attributes.linkLabel,
+    timeout = attributes.timeout;
+  var blockProps = useBlockProps.save();
+  var buildClass = function buildClass() {
+    var classes = ['tds-toast'];
+    classes.push("tds-toast--intent-".concat(intent));
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildClass(),
+    role: "status",
+    "aria-live": "polite",
+    "data-timeout": timeout
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "tds-toast__content"
+  }, /*#__PURE__*/React.createElement(RichText.Content, {
+    value: label,
+    className: "tds-toast__label"
+  })), link && /*#__PURE__*/React.createElement("button", {
+    className: "tds-toast__link"
+  }, linkLabel));
+};
+
+registerBlockType(metadata$2.name, _objectSpread2(_objectSpread2({}, metadata$2), {}, {
+  edit: edit$2,
+  save: save$2
+}));
 
-    @media (min-width: ${tokens.breakpoints.lg}px) {
-      fontSize: ${tokens['Viewport/ Large'].typography[typographyToken].fontSize};
+var $schema$1 = "https://schemas.wp.org/trunk/block.json";
+var apiVersion$1 = 3;
+var name$1 = "times/link";
+var title$1 = "Link";
+var category$1 = "common";
+var description$1 = "Styled link component with variants and states";
+var icon$1 = "link";
+var supports$1 = {
+	html: false,
+	spacing: {
+		margin: true
+	}
+};
+var attributes$1 = {
+	href: {
+		type: "string",
+		"default": ""
+	},
+	content: {
+		type: "string",
+		"default": ""
+	},
+	intent: {
+		type: "string",
+		"default": "primary",
+		"enum": [
+			"primary",
+			"secondary",
+			"negative"
+		]
+	},
+	sentiment: {
+		type: "string",
+		"default": "neutral",
+		"enum": [
+			"neutral",
+			"positive",
+			"negative"
+		]
+	},
+	size: {
+		type: "string",
+		"default": "medium",
+		"enum": [
+			"small",
+			"medium",
+			"large"
+		]
+	},
+	state: {
+		type: "string",
+		"default": "base",
+		"enum": [
+			"base",
+			"hover",
+			"visited",
+			"focus",
+			"disabled"
+		]
+	},
+	iconLeft: {
+		type: "string",
+		"default": ""
+	},
+	iconRight: {
+		type: "string",
+		"default": ""
+	},
+	inline: {
+		type: "boolean",
+		"default": true
+	},
+	ariaLabel: {
+		type: "string",
+		"default": ""
+	},
+	target: {
+		type: "string",
+		"default": "_self",
+		"enum": [
+			"_self",
+			"_blank",
+			"_parent",
+			"_top"
+		]
+	},
+	rel: {
+		type: "string",
+		"default": ""
+	}
+};
+var example$1 = {
+};
+var metadata$1 = {
+	$schema: $schema$1,
+	apiVersion: apiVersion$1,
+	name: name$1,
+	title: title$1,
+	category: category$1,
+	description: description$1,
+	icon: icon$1,
+	supports: supports$1,
+	attributes: attributes$1,
+	example: example$1
+};
+
+var edit$1 = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var href = attributes.href,
+    content = attributes.content,
+    intent = attributes.intent,
+    sentiment = attributes.sentiment,
+    size = attributes.size,
+    state = attributes.state,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    inline = attributes.inline,
+    ariaLabel = attributes.ariaLabel,
+    target = attributes.target,
+    rel = attributes.rel;
+  var blockProps = useBlockProps();
+  var buildClass = function buildClass() {
+    var classes = ['tds-link'];
+    classes.push("tds-link--intent-".concat(intent));
+    classes.push("tds-link--sentiment-".concat(sentiment));
+    classes.push("tds-link--size-".concat(size));
+    classes.push("tds-link--state-".concat(state));
+    if (!inline) classes.push('tds-link--block');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Link Settings"
+  }, /*#__PURE__*/React.createElement(TextControl, {
+    label: "URL",
+    value: href,
+    onChange: function onChange(val) {
+      return setAttributes({
+        href: val
+      });
+    },
+    type: "url"
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Intent",
+    value: intent,
+    options: [{
+      label: 'Primary',
+      value: 'primary'
+    }, {
+      label: 'Secondary',
+      value: 'secondary'
+    }, {
+      label: 'Negative',
+      value: 'negative'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        intent: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Sentiment",
+    value: sentiment,
+    options: [{
+      label: 'Neutral',
+      value: 'neutral'
+    }, {
+      label: 'Positive',
+      value: 'positive'
+    }, {
+      label: 'Negative',
+      value: 'negative'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        sentiment: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Size",
+    value: size,
+    options: [{
+      label: 'Small',
+      value: 'small'
+    }, {
+      label: 'Medium',
+      value: 'medium'
+    }, {
+      label: 'Large',
+      value: 'large'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        size: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "State",
+    value: state,
+    options: [{
+      label: 'Base',
+      value: 'base'
+    }, {
+      label: 'Hover',
+      value: 'hover'
+    }, {
+      label: 'Visited',
+      value: 'visited'
+    }, {
+      label: 'Focus',
+      value: 'focus'
+    }, {
+      label: 'Disabled',
+      value: 'disabled'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        state: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
     }
+  }), /*#__PURE__*/React.createElement(ToggleControl, {
+    label: "Inline",
+    checked: inline,
+    onChange: function onChange(val) {
+      return setAttributes({
+        inline: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Target",
+    value: target,
+    options: [{
+      label: 'Same window',
+      value: '_self'
+    }, {
+      label: 'New window',
+      value: '_blank'
+    }, {
+      label: 'Parent',
+      value: '_parent'
+    }, {
+      label: 'Top',
+      value: '_top'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        target: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Rel",
+    value: rel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        rel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        ariaLabel: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("a", _extends({}, blockProps, {
+    href: href || '#',
+    className: buildClass(),
+    "aria-label": ariaLabel,
+    target: target,
+    rel: rel
+  }), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-link__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText, {
+    value: content,
+    onChange: function onChange(val) {
+      return setAttributes({
+        content: val
+      });
+    },
+    placeholder: "Link text",
+    className: "tds-link__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-link__icon-right"
+  }, iconRight)));
+};
+
+var save$1 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var href = attributes.href,
+    content = attributes.content,
+    intent = attributes.intent,
+    sentiment = attributes.sentiment,
+    size = attributes.size,
+    state = attributes.state,
+    iconLeft = attributes.iconLeft,
+    iconRight = attributes.iconRight,
+    inline = attributes.inline,
+    ariaLabel = attributes.ariaLabel,
+    target = attributes.target,
+    rel = attributes.rel;
+  var blockProps = useBlockProps.save();
+  var buildClass = function buildClass() {
+    var classes = ['tds-link'];
+    classes.push("tds-link--intent-".concat(intent));
+    classes.push("tds-link--sentiment-".concat(sentiment));
+    classes.push("tds-link--size-".concat(size));
+    classes.push("tds-link--state-".concat(state));
+    if (!inline) classes.push('tds-link--block');
+    return classes.join(' ');
+  };
+  return /*#__PURE__*/React.createElement("a", _extends({}, blockProps, {
+    href: href,
+    className: buildClass(),
+    "aria-label": ariaLabel,
+    target: target !== '_self' ? target : undefined,
+    rel: rel || undefined
+  }), iconLeft && /*#__PURE__*/React.createElement("span", {
+    className: "tds-link__icon-left"
+  }, iconLeft), /*#__PURE__*/React.createElement(RichText.Content, {
+    value: content,
+    className: "tds-link__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-link__icon-right"
+  }, iconRight));
+};
+
+registerBlockType(metadata$1.name, _objectSpread2(_objectSpread2({}, metadata$1), {}, {
+  edit: edit$1,
+  save: save$1
+}));
 
-    @media (min-width: ${tokens.breakpoints.xl}px) {
-      fontSize: ${tokens['Viewport/ XLarge'].typography[typographyToken].fontSize};
+var $schema = "https://schemas.wp.org/trunk/block.json";
+var apiVersion = 3;
+var name = "times/ad-container";
+var title = "Ad Container";
+var category = "common";
+var description = "Advertising container placeholder";
+var icon = "image";
+var supports = {
+	html: false,
+	spacing: {
+		margin: true,
+		padding: true
+	}
+};
+var attributes = {
+	type: {
+		type: "string",
+		"default": "inline",
+		"enum": [
+			"header",
+			"inline"
+		]
+	},
+	slotID: {
+		type: "string",
+		"default": ""
+	}
+};
+var example = {
+};
+var metadata = {
+	$schema: $schema,
+	apiVersion: apiVersion,
+	name: name,
+	title: title,
+	category: category,
+	description: description,
+	icon: icon,
+	supports: supports,
+	attributes: attributes,
+	example: example
+};
+
+var edit = function edit(_ref) {
+  var attributes = _ref.attributes,
+    setAttributes = _ref.setAttributes;
+  var type = attributes.type,
+    slotID = attributes.slotID;
+  var blockProps = useBlockProps();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InspectorControls, null, /*#__PURE__*/React.createElement(PanelBody, {
+    title: "Ad Container Settings"
+  }, /*#__PURE__*/React.createElement(SelectControl, {
+    label: "Type",
+    value: type,
+    options: [{
+      label: 'Header',
+      value: 'header'
+    }, {
+      label: 'Inline',
+      value: 'inline'
+    }],
+    onChange: function onChange(val) {
+      return setAttributes({
+        type: val
+      });
     }
-  }
-`;
+  }), /*#__PURE__*/React.createElement(TextControl, {
+    label: "Slot ID",
+    value: slotID,
+    onChange: function onChange(val) {
+      return setAttributes({
+        slotID: val
+      });
+    },
+    placeholder: "e.g., /123456789/section/article-top"
+  }))), /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: "tds-ad-container tds-ad-container--".concat(type),
+    "data-slot-id": slotID
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "tds-ad-container__placeholder"
+  }, /*#__PURE__*/React.createElement("p", null, "Ad Slot: ", slotID || '(not configured)'))));
+};
+
+var save = function save(_ref) {
+  var attributes = _ref.attributes;
+  var type = attributes.type,
+    slotID = attributes.slotID;
+  var blockProps = useBlockProps.save();
+  return /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: "tds-ad-container tds-ad-container--".concat(type),
+    "data-slot-id": slotID
+  }));
+};
 
-export { AdContainer, Button, CommentsDisabled, Divider, Input, Link, Text, UpNextArticles, useTypographyToken };
+registerBlockType(metadata.name, _objectSpread2(_objectSpread2({}, metadata), {}, {
+  edit: edit,
+  save: save
+}));
 //# sourceMappingURL=index.js.map