@saasquatch/mint-components 1.6.6-6 → 1.6.6

package/dist/cjs/{global-9579749d.js → global-0b8cbb00.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-const index_module = require('./index.module-0b9b8891.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const index_module = require('./index.module-c6626247.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -25860,122 +25860,122 @@ SlButton = __decorate([
 ], SlButton);
 var button_default2 = SlButton;
 
-const containers = []; // will store container HTMLElement references
-const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
-const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
-function insertCSS(css, options) {
-  options = options || {};
-  if (css === undefined) {
-    throw new Error(usage);
-  }
-  var position = options.prepend === true ? 'prepend' : 'append';
-  var container = options.container !== undefined ? options.container : document.querySelector('head');
-  var containerId = containers.indexOf(container);
-  // first time we see this container, create the necessary entries
-  if (containerId === -1) {
-    containerId = containers.push(container) - 1;
-    styleElements[containerId] = {};
-  }
-  // try to get the correponding container + position styleElement, create it otherwise
-  var styleElement;
-  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
-    styleElement = styleElements[containerId][position];
-  }
-  else {
-    styleElement = styleElements[containerId][position] = createStyleElement();
-    if (position === 'prepend') {
-      container.insertBefore(styleElement, container.childNodes[0]);
-    }
-    else {
-      container.appendChild(styleElement);
-    }
-  }
-  // strip potential UTF-8 BOM if css was read from a file
-  if (css.charCodeAt(0) === 0xFEFF) {
-    css = css.substr(1, css.length);
-  }
-  // actually add the stylesheet
-  styleElement.textContent += css;
-  return styleElement;
-}
-function createStyleElement() {
-  var styleElement = document.createElement('style');
-  styleElement.setAttribute('type', 'text/css');
-  return styleElement;
-}
-
-/* :root {
-  --primary-color: #ff8424;
-  --primary-hover-color: #da6d17;
-  --secondary-color: #009de6;
-  --secondary-hover-color: #0076ad;
-  --tertiary-color: #0b1a21;
-  --tertiary-hover-color: #354f5b;
-  --white-color: #fff;
-  --white-hover-color: #e5ebee;
-  --black-color: #000;
-  --dark-gray-color: #222;
-  --light-gray-color: #434244;
-  --disabled-color: #e5ebee;
-  --disabled-text-color: #9fadb4;
-  --font-family: Sofia Pro;
-  --font-size-h5: 25px;
-  --font-size-h6: 20px;
-  --font-size-small: 16px;
-  --neutral-text-color: #637984;
-  --normal-title-color: #0b1a21;
-  --normal-description-color: #354f5b;
-  --blue-3-title-color: #83d5fb;
-  --blue-primary: #009de6;
-  --blue-secondary: #0076ad;
-  --blue-tertiary: #003954;
-  --blue-fourth: #f5fcff;
-  --blue-video: #00a9f7;
-  --gray-dark: #222;
-  --green: #4ab971;
-  --secondary-green-background: #46c5ff;
-  --white: #fff;
-  --transparent: transparent;
-  --input-selected-color: #009de6;
-  --input-success-color: #fff;
-  --input-failed-color: red;
-  --input-selected-text-color: #0076ad;
-  --pantheon-white-border: 1px solid #fff;
-  --pantheon-blueprintBorder: 1px solid #0553ef;
-  --pantheon-heading-letter-space: 0.02em;
-  --pantheon-blueprint-blue: #0553ef;
-  --pantheon-st-blue: #00a9f7;
-  --pantheon-orange: #ff8b02;
-  --pantheon-white: #fff;
-  --pantheon-gray: #8f8f8f;
-  --pantheon-black: #000;
-  --pantheon-border: 1px solid #fff;
-  --blue-1: #f5fcff;
-  --blue-3: #83d5fb;
-  --blue-5: #009de6;
-  --blue-6: #0076ad;
-  --blue-7: #003954;
-  --green-5: #4ab971;
-  --green-6: #267b44;
-  --green-7: #043415;
-  --navy-5: #4f73a3;
-  --navy-6: #3d5a80;
-  --navy-7: #072c57;
-  --neutral-1: #f6f8fa;
-  --neutral-2: #e5ebee;
-  --neutral-4: #9fadb4;
-  --neutral-5: #637984;
-  --neutral-6: #354f5b;
-  --neutral-7: #0b1a21;
-  --orange-5: #ff8424;
-  --orange-6: #da6d17;
-  --orange-7: #ad4c00;
-  --purple: #5f4fa3;
-  --red: red;
-  --teal-5: #12889d;
-  --teal-6: #0b6270;
-  --teal-7: #004551;
-} */
+const containers = []; // will store container HTMLElement references
+const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
+const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
+function insertCSS(css, options) {
+  options = options || {};
+  if (css === undefined) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? 'prepend' : 'append';
+  var container = options.container !== undefined ? options.container : document.querySelector('head');
+  var containerId = containers.indexOf(container);
+  // first time we see this container, create the necessary entries
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  // try to get the correponding container + position styleElement, create it otherwise
+  var styleElement;
+  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
+    styleElement = styleElements[containerId][position];
+  }
+  else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === 'prepend') {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    }
+    else {
+      container.appendChild(styleElement);
+    }
+  }
+  // strip potential UTF-8 BOM if css was read from a file
+  if (css.charCodeAt(0) === 0xFEFF) {
+    css = css.substr(1, css.length);
+  }
+  // actually add the stylesheet
+  styleElement.textContent += css;
+  return styleElement;
+}
+function createStyleElement() {
+  var styleElement = document.createElement('style');
+  styleElement.setAttribute('type', 'text/css');
+  return styleElement;
+}
+
+/* :root {
+  --primary-color: #ff8424;
+  --primary-hover-color: #da6d17;
+  --secondary-color: #009de6;
+  --secondary-hover-color: #0076ad;
+  --tertiary-color: #0b1a21;
+  --tertiary-hover-color: #354f5b;
+  --white-color: #fff;
+  --white-hover-color: #e5ebee;
+  --black-color: #000;
+  --dark-gray-color: #222;
+  --light-gray-color: #434244;
+  --disabled-color: #e5ebee;
+  --disabled-text-color: #9fadb4;
+  --font-family: Sofia Pro;
+  --font-size-h5: 25px;
+  --font-size-h6: 20px;
+  --font-size-small: 16px;
+  --neutral-text-color: #637984;
+  --normal-title-color: #0b1a21;
+  --normal-description-color: #354f5b;
+  --blue-3-title-color: #83d5fb;
+  --blue-primary: #009de6;
+  --blue-secondary: #0076ad;
+  --blue-tertiary: #003954;
+  --blue-fourth: #f5fcff;
+  --blue-video: #00a9f7;
+  --gray-dark: #222;
+  --green: #4ab971;
+  --secondary-green-background: #46c5ff;
+  --white: #fff;
+  --transparent: transparent;
+  --input-selected-color: #009de6;
+  --input-success-color: #fff;
+  --input-failed-color: red;
+  --input-selected-text-color: #0076ad;
+  --pantheon-white-border: 1px solid #fff;
+  --pantheon-blueprintBorder: 1px solid #0553ef;
+  --pantheon-heading-letter-space: 0.02em;
+  --pantheon-blueprint-blue: #0553ef;
+  --pantheon-st-blue: #00a9f7;
+  --pantheon-orange: #ff8b02;
+  --pantheon-white: #fff;
+  --pantheon-gray: #8f8f8f;
+  --pantheon-black: #000;
+  --pantheon-border: 1px solid #fff;
+  --blue-1: #f5fcff;
+  --blue-3: #83d5fb;
+  --blue-5: #009de6;
+  --blue-6: #0076ad;
+  --blue-7: #003954;
+  --green-5: #4ab971;
+  --green-6: #267b44;
+  --green-7: #043415;
+  --navy-5: #4f73a3;
+  --navy-6: #3d5a80;
+  --navy-7: #072c57;
+  --neutral-1: #f6f8fa;
+  --neutral-2: #e5ebee;
+  --neutral-4: #9fadb4;
+  --neutral-5: #637984;
+  --neutral-6: #354f5b;
+  --neutral-7: #0b1a21;
+  --orange-5: #ff8424;
+  --orange-6: #da6d17;
+  --orange-7: #ad4c00;
+  --purple: #5f4fa3;
+  --red: red;
+  --teal-5: #12889d;
+  --teal-6: #0b6270;
+  --teal-7: #004551;
+} */
 const style = `
 /* vietnamese */
 @font-face {
@@ -26631,73 +26631,73 @@ sl-input::part(label){
 
 `;
 
-index_module.V(stencilHooks_module.l);
-const debug = stencilHooks_module.browser("sq:global");
-const cache = createIntlCache();
-const intl = createIntl({
-  locale: "en",
-}, cache);
-try {
-  setBasePath("/dist/shoelace");
-  // SlAlert.register();
-  registerIconLibrary("default", {
-    // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
-  });
-  // SlAlert.register();
-  customElements.define("sl-alert", alert_default2);
-  customElements.define("sl-animation", animation_default2);
-  customElements.define("sl-avatar", avatar_default2);
-  customElements.define("sl-badge", badge_default2);
-  customElements.define("sl-button", button_default2);
-  customElements.define("sl-button-group", button_group_default2);
-  customElements.define("sl-card", card_default2);
-  customElements.define("sl-checkbox", checkbox_default2);
-  customElements.define("sl-color-picker", color_picker_default2);
-  customElements.define("sl-details", details_default2);
-  customElements.define("sl-dialog", dialog_default2);
-  customElements.define("sl-drawer", drawer_default2);
-  customElements.define("sl-dropdown", dropdown_default2);
-  customElements.define("sl-form", form_default2);
-  customElements.define("sl-format-bytes", format_bytes_default);
-  customElements.define("sl-format-date", format_date_default);
-  customElements.define("sl-format-number", format_number_default);
-  customElements.define("sl-icon", icon_default2);
-  customElements.define("sl-icon-button", icon_button_default2);
-  customElements.define("sl-image-comparer", image_comparer_default2);
-  customElements.define("sl-include", include_default2);
-  customElements.define("sl-input", input_default2);
-  customElements.define("sl-menu", menu_default2);
-  customElements.define("sl-menu-divider", menu_divider_default2);
-  customElements.define("sl-menu-item", menu_item_default2);
-  customElements.define("sl-menu-label", menu_label_default2);
-  customElements.define("sl-progress-bar", progress_bar_default2);
-  customElements.define("sl-progress-ring", progress_ring_default2);
-  customElements.define("sl-radio", radio_default2);
-  customElements.define("sl-range", range_default2);
-  customElements.define("sl-rating", rating_default2);
-  customElements.define("sl-relative-time", relative_time_default);
-  customElements.define("sl-resize-observer", resize_observer_default2);
-  customElements.define("sl-responsive-embed", responsive_embed_default2);
-  customElements.define("sl-select", select_default2);
-  customElements.define("sl-skeleton", skeleton_default2);
-  customElements.define("sl-spinner", spinner_default2);
-  customElements.define("sl-switch", switch_default2);
-  customElements.define("sl-tab", tab_default2);
-  customElements.define("sl-tab-group", tab_group_default2);
-  customElements.define("sl-tab-panel", tab_panel_default2);
-  customElements.define("sl-tag", tag_default2);
-  customElements.define("sl-textarea", textarea_default2);
-  customElements.define("sl-tooltip", tooltip_default2);
-}
-catch (error) {
-  debug("components already registered");
-}
-try {
-  insertCSS(style);
-}
-catch (error) {
-  debug(error);
+index_module.V(stencilHooks_module.l);
+const debug = stencilHooks_module.browser("sq:global");
+const cache = createIntlCache();
+const intl = createIntl({
+  locale: "en",
+}, cache);
+try {
+  setBasePath("/dist/shoelace");
+  // SlAlert.register();
+  registerIconLibrary("default", {
+    // same link that shoelace uses internally
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
+  });
+  // SlAlert.register();
+  customElements.define("sl-alert", alert_default2);
+  customElements.define("sl-animation", animation_default2);
+  customElements.define("sl-avatar", avatar_default2);
+  customElements.define("sl-badge", badge_default2);
+  customElements.define("sl-button", button_default2);
+  customElements.define("sl-button-group", button_group_default2);
+  customElements.define("sl-card", card_default2);
+  customElements.define("sl-checkbox", checkbox_default2);
+  customElements.define("sl-color-picker", color_picker_default2);
+  customElements.define("sl-details", details_default2);
+  customElements.define("sl-dialog", dialog_default2);
+  customElements.define("sl-drawer", drawer_default2);
+  customElements.define("sl-dropdown", dropdown_default2);
+  customElements.define("sl-form", form_default2);
+  customElements.define("sl-format-bytes", format_bytes_default);
+  customElements.define("sl-format-date", format_date_default);
+  customElements.define("sl-format-number", format_number_default);
+  customElements.define("sl-icon", icon_default2);
+  customElements.define("sl-icon-button", icon_button_default2);
+  customElements.define("sl-image-comparer", image_comparer_default2);
+  customElements.define("sl-include", include_default2);
+  customElements.define("sl-input", input_default2);
+  customElements.define("sl-menu", menu_default2);
+  customElements.define("sl-menu-divider", menu_divider_default2);
+  customElements.define("sl-menu-item", menu_item_default2);
+  customElements.define("sl-menu-label", menu_label_default2);
+  customElements.define("sl-progress-bar", progress_bar_default2);
+  customElements.define("sl-progress-ring", progress_ring_default2);
+  customElements.define("sl-radio", radio_default2);
+  customElements.define("sl-range", range_default2);
+  customElements.define("sl-rating", rating_default2);
+  customElements.define("sl-relative-time", relative_time_default);
+  customElements.define("sl-resize-observer", resize_observer_default2);
+  customElements.define("sl-responsive-embed", responsive_embed_default2);
+  customElements.define("sl-select", select_default2);
+  customElements.define("sl-skeleton", skeleton_default2);
+  customElements.define("sl-spinner", spinner_default2);
+  customElements.define("sl-switch", switch_default2);
+  customElements.define("sl-tab", tab_default2);
+  customElements.define("sl-tab-group", tab_group_default2);
+  customElements.define("sl-tab-panel", tab_panel_default2);
+  customElements.define("sl-tag", tag_default2);
+  customElements.define("sl-textarea", textarea_default2);
+  customElements.define("sl-tooltip", tooltip_default2);
+}
+catch (error) {
+  debug("components already registered");
+}
+try {
+  insertCSS(style);
+}
+catch (error) {
+  debug(error);
 }
 
 exports.intl = intl;

package/dist/cjs/{index.module-0b9b8891.js → index.module-c6626247.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-const useCallback = require('./use-callback-5d15897d.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const useCallback = require('./use-callback-86e9ac75.js');
 
 function e(e){this.message=e;}e.prototype=new Error,e.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t(e.split(".")[o]))}catch(e){throw new n("Invalid token specified: "+e.message)}}n.prototype=new Error,n.prototype.name="InvalidTokenError";
 
@@ -6298,7 +6298,7 @@ var irrelevant = (function (exports) {
 
   return exports;
 
-}({}));
+})({});
 })(__self__);
 __self__.fetch.ponyfill = true;
 // Remove "polyfill" property added by whatwg-fetch

package/dist/cjs/loader.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-require('./stencil-hooks.module-6fe43579.js');
-require('./global-9579749d.js');
-require('./use-callback-5d15897d.js');
-require('./index.module-0b9b8891.js');
+require('./stencil-hooks.module-e4bf7f2d.js');
+require('./global-0b8cbb00.js');
+require('./use-callback-86e9ac75.js');
+require('./index.module-c6626247.js');
 
 /*
  Stencil Client Patch Esm v2.4.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{luxon-479fc825.js → luxon-53e983a6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 
 var luxon = stencilHooks_module.createCommonjsModule(function (module, exports) {
 

package/dist/cjs/mint-components.cjs.js

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-require('./stencil-hooks.module-6fe43579.js');
-require('./global-9579749d.js');
-require('./use-callback-5d15897d.js');
-require('./index.module-0b9b8891.js');
+require('./stencil-hooks.module-e4bf7f2d.js');
+require('./global-0b8cbb00.js');
+require('./use-callback-86e9ac75.js');
+require('./index.module-c6626247.js');
 
 /*
  Stencil Client Patch Browser v2.4.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{mixins-338ca5f1.js → mixins-fe9d4112.js}

@@ -1,90 +1,90 @@
 'use strict';
 
-const gap = (props) => {
-  if (props.direction === "row") {
-    return {
-      "& > :not(:last-child)": {
-        "margin-right": props.size,
-      },
-    };
-  }
-  else {
-    return {
-      "& > :not(:last-child)": {
-        "margin-bottom": props.size,
-      },
-    };
-  }
-};
-const HostBlock = {
-  ":host": {
-    display: "block",
-  },
-  ":host([hidden])": {
-    display: "none",
-  },
-};
-const Column = {
-  display: "flex",
-  "flex-direction": "column",
-};
-const ErrorStyles = {
-  "&::part(base)": {
-    background: "var(--sl-color-danger-10)",
-    borderColor: "var(--sl-color-danger-500)",
-    outline: "var(--sl-color-danger-500)",
-  },
-  "&:host": {
-    "--something-random": "red",
-    "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
-  },
-  "&::part(input)": {
-    color: "var(--sl-color-danger-500) !important",
-    "&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active": {
-      boxShadow: "0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important",
-      "-webkit-text-fill-color": "var(--sl-color-danger-500)",
-    },
-  },
-  "&::part(help-text)": {
-    color: "var(--sl-color-danger-500)",
-  },
-};
-const Wrapper = {
-  "box-sizing": "border-box",
-  width: "100%",
-  "max-width": "var(--sqm-content-max-width)",
-  height: "auto",
-  "background-color": "var(--sqm-content-background)",
-  display: "flex",
-  padding: "var(--sl-spacing-xxx-large)",
-  border: "1px solid #eaeaea",
-  "border-radius": "8px",
-};
-const AuthWrapper = {
-  margin: "auto",
-  ...Wrapper,
-  "max-width": "500px",
-  ...Column,
-  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
-};
-const AuthColumn = {
-  ...Column,
-  "& > *:not(style, div, slot)": { display: "block" },
-  ...gap({ direction: "column", size: "var(--sl-spacing-large)" }),
-};
-const AuthButtonsContainer = {
-  "padding-top": "var(--sl-spacing-medium)",
-  display: "flex",
-  "flex-direction": "column",
-  width: "100%",
-  "align-items": "center",
-  "&>*": {
-    width: "100%",
-  },
-  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
-  "& > div": {
-    "text-align": "center",
-  },
+const gap = (props) => {
+  if (props.direction === "row") {
+    return {
+      "& > :not(:last-child)": {
+        "margin-right": props.size,
+      },
+    };
+  }
+  else {
+    return {
+      "& > :not(:last-child)": {
+        "margin-bottom": props.size,
+      },
+    };
+  }
+};
+const HostBlock = {
+  ":host": {
+    display: "block",
+  },
+  ":host([hidden])": {
+    display: "none",
+  },
+};
+const Column = {
+  display: "flex",
+  "flex-direction": "column",
+};
+const ErrorStyles = {
+  "&::part(base)": {
+    background: "var(--sl-color-danger-10)",
+    borderColor: "var(--sl-color-danger-500)",
+    outline: "var(--sl-color-danger-500)",
+  },
+  "&:host": {
+    "--something-random": "red",
+    "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
+  },
+  "&::part(input)": {
+    color: "var(--sl-color-danger-500) !important",
+    "&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active": {
+      boxShadow: "0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important",
+      "-webkit-text-fill-color": "var(--sl-color-danger-500)",
+    },
+  },
+  "&::part(help-text)": {
+    color: "var(--sl-color-danger-500)",
+  },
+};
+const Wrapper = {
+  "box-sizing": "border-box",
+  width: "100%",
+  "max-width": "var(--sqm-content-max-width)",
+  height: "auto",
+  "background-color": "var(--sqm-content-background)",
+  display: "flex",
+  padding: "var(--sl-spacing-xxx-large)",
+  border: "1px solid #eaeaea",
+  "border-radius": "8px",
+};
+const AuthWrapper = {
+  margin: "auto",
+  ...Wrapper,
+  "max-width": "500px",
+  ...Column,
+  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
+};
+const AuthColumn = {
+  ...Column,
+  "& > *:not(style, div, slot)": { display: "block" },
+  ...gap({ direction: "column", size: "var(--sl-spacing-large)" }),
+};
+const AuthButtonsContainer = {
+  "padding-top": "var(--sl-spacing-medium)",
+  display: "flex",
+  "flex-direction": "column",
+  width: "100%",
+  "align-items": "center",
+  "&>*": {
+    width: "100%",
+  },
+  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
+  "& > div": {
+    "text-align": "center",
+  },
 };
 
 exports.AuthButtonsContainer = AuthButtonsContainer;

package/dist/cjs/raisins-plop-target.cjs.entry.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 
-const RaisinsPlopTarget = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  async renderCell() {
-    return index.h("span", null);
-  }
-  async renderLabel(idx) {
-    return index.h("slot", { name: `column-${idx}` });
-  }
-  render() {
-    return index.h(index.Host, null);
-  }
+const RaisinsPlopTarget = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  async renderCell() {
+    return index.h("span", null);
+  }
+  async renderLabel(idx) {
+    return index.h("slot", { name: `column-${idx}` });
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
 };
 
 exports.raisins_plop_target = RaisinsPlopTarget;