@times-design-system/components-wordpress 0.4.0 → 1.2.0

package/dist/index.cjs

@@ -0,0 +1,2232 @@
+'use strict';
+
+var blocks = require('@wordpress/blocks');
+var blockEditor = require('@wordpress/block-editor');
+var components = require('@wordpress/components');
+
+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);
+  }
+  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));
+    });
+  }
+  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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Button Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(value) {
+      return setAttributes({
+        label: value
+      });
+    },
+    help: "The text displayed inside the button"
+  }), /*#__PURE__*/React.createElement(components.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(components.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(components.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(components.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(components.ToggleControl, {
+    label: "Disabled",
+    checked: disabled,
+    onChange: function onChange(value) {
+      return setAttributes({
+        disabled: value
+      });
+    }
+  })), /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Link Settings",
+    initialOpen: false
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "URL",
+    value: href,
+    onChange: function onChange(value) {
+      return setAttributes({
+        href: value
+      });
+    },
+    placeholder: "https://example.com"
+  }), /*#__PURE__*/React.createElement(components.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(components.TextControl, {
+    label: "Link Rel",
+    value: rel,
+    onChange: function onChange(value) {
+      return setAttributes({
+        rel: value
+      });
+    },
+    placeholder: "noopener noreferrer"
+  })), /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Advanced",
+    initialOpen: false
+  }, /*#__PURE__*/React.createElement(components.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(components.TextControl, {
+    label: "Aria Label",
+    value: ariaLabel,
+    onChange: function onChange(value) {
+      return setAttributes({
+        ariaLabel: value
+      });
+    },
+    help: "Accessible name for icon-only buttons"
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Icon Left",
+    value: iconLeft,
+    onChange: function onChange(value) {
+      return setAttributes({
+        iconLeft: value
+      });
+    },
+    placeholder: "Icon name"
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Icon Right",
+    value: iconRight,
+    onChange: function onChange(value) {
+      return setAttributes({
+        iconRight: value
+      });
+    },
+    placeholder: "Icon name"
+  }))));
+}
+
+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 = blockEditor.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
+};
+
+blocks.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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Divider Settings"
+  }, /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Dashed",
+    checked: isDashed,
+    onChange: function onChange(val) {
+      return setAttributes({
+        isDashed: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Vertical",
+    checked: isVertical,
+    onChange: function onChange(val) {
+      return setAttributes({
+        isVertical: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Padding",
+    checked: padding,
+    onChange: function onChange(val) {
+      return setAttributes({
+        padding: val
+      });
+    }
+  }))), /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: buildDividerClass()
+  })));
+};
+
+var save$8 = function save(_ref) {
+  var attributes = _ref.attributes;
+  var isDashed = attributes.isDashed,
+    isVertical = attributes.isVertical,
+    padding = attributes.padding;
+  var blockProps = blockEditor.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()
+  }));
+};
+
+blocks.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 = blockEditor.useBlockProps();
+  var tagName = as || 'p';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Text Settings"
+  }, /*#__PURE__*/React.createElement(components.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(components.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(blockEditor.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 = blockEditor.useBlockProps.save();
+  var tagName = as || 'p';
+  return /*#__PURE__*/React.createElement(blockEditor.RichText.Content, _extends({}, blockProps, {
+    tagName: tagName,
+    value: content,
+    className: "tds-text tds-text--".concat(typographyStyle)
+  }));
+};
+
+blocks.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 = blockEditor.useBlockProps();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Input Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Placeholder",
+    value: placeholder,
+    onChange: function onChange(val) {
+      return setAttributes({
+        placeholder: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(components.TextControl, {
+    label: "Name",
+    value: name,
+    onChange: function onChange(val) {
+      return setAttributes({
+        name: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "ID",
+    value: id,
+    onChange: function onChange(val) {
+      return setAttributes({
+        id: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Required",
+    checked: required,
+    onChange: function onChange(val) {
+      return setAttributes({
+        required: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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,
+    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 = blockEditor.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,
+    disabled: disabled,
+    required: required,
+    name: name,
+    id: id,
+    className: "tds-input"
+  }));
+};
+
+blocks.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 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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Icon Button Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Icon Name",
+    value: iconName,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconName: val
+      });
+    },
+    placeholder: "e.g., arrow-right"
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Round",
+    checked: round,
+    onChange: function onChange(val) {
+      return setAttributes({
+        round: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(components.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(components.TextControl, {
+    label: "Rel",
+    value: rel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        rel: val
+      });
+    }
+  })), /*#__PURE__*/React.createElement(components.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 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 = blockEditor.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));
+};
+
+blocks.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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Chip Settings"
+  }, /*#__PURE__*/React.createElement(components.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(components.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(components.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(components.ToggleControl, {
+    label: "Channel",
+    checked: channel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        channel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Toggle",
+    checked: toggle,
+    onChange: function onChange(val) {
+      return setAttributes({
+        toggle: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(blockEditor.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 = blockEditor.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(blockEditor.RichText.Content, {
+    value: content,
+    className: "tds-chip__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-chip__icon-right"
+  }, iconRight));
+};
+
+blocks.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
+};
+
+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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Flag Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(components.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(components.TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(blockEditor.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 = blockEditor.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(blockEditor.RichText.Content, {
+    value: content,
+    className: "tds-flag__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-flag__icon-right"
+  }, iconRight));
+};
+
+blocks.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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Toast Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Label",
+    value: label,
+    onChange: function onChange(val) {
+      return setAttributes({
+        label: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(components.ToggleControl, {
+    label: "Show Link",
+    checked: link,
+    onChange: function onChange(val) {
+      return setAttributes({
+        link: val
+      });
+    }
+  }), link && /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Link Label",
+    value: linkLabel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        linkLabel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(blockEditor.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 = blockEditor.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(blockEditor.RichText.Content, {
+    value: label,
+    className: "tds-toast__label"
+  })), link && /*#__PURE__*/React.createElement("button", {
+    className: "tds-toast__link"
+  }, linkLabel));
+};
+
+blocks.registerBlockType(metadata$2.name, _objectSpread2(_objectSpread2({}, metadata$2), {}, {
+  edit: edit$2,
+  save: save$2
+}));
+
+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 = blockEditor.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(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Link Settings"
+  }, /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "URL",
+    value: href,
+    onChange: function onChange(val) {
+      return setAttributes({
+        href: val
+      });
+    },
+    type: "url"
+  }), /*#__PURE__*/React.createElement(components.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(components.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(components.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(components.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(components.TextControl, {
+    label: "Left Icon",
+    value: iconLeft,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconLeft: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.TextControl, {
+    label: "Right Icon",
+    value: iconRight,
+    onChange: function onChange(val) {
+      return setAttributes({
+        iconRight: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: "Inline",
+    checked: inline,
+    onChange: function onChange(val) {
+      return setAttributes({
+        inline: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(components.TextControl, {
+    label: "Rel",
+    value: rel,
+    onChange: function onChange(val) {
+      return setAttributes({
+        rel: val
+      });
+    }
+  }), /*#__PURE__*/React.createElement(components.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(blockEditor.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 = blockEditor.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(blockEditor.RichText.Content, {
+    value: content,
+    className: "tds-link__content"
+  }), iconRight && /*#__PURE__*/React.createElement("span", {
+    className: "tds-link__icon-right"
+  }, iconRight));
+};
+
+blocks.registerBlockType(metadata$1.name, _objectSpread2(_objectSpread2({}, metadata$1), {}, {
+  edit: edit$1,
+  save: save$1
+}));
+
+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 = blockEditor.useBlockProps();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(blockEditor.InspectorControls, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: "Ad Container Settings"
+  }, /*#__PURE__*/React.createElement(components.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(components.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 = blockEditor.useBlockProps.save();
+  return /*#__PURE__*/React.createElement("div", _extends({}, blockProps, {
+    className: "tds-ad-container tds-ad-container--".concat(type),
+    "data-slot-id": slotID
+  }));
+};
+
+blocks.registerBlockType(metadata.name, _objectSpread2(_objectSpread2({}, metadata), {}, {
+  edit: edit,
+  save: save
+}));
+//# sourceMappingURL=index.cjs.map