@trintel/zooy 1.0.1-beta.0

package/dist/chunks/focus-B9JYe97T.js

@@ -0,0 +1,20 @@
+import { s } from "./settings-BPOpwVkr.js";
+const c = (o) => class extends o {
+  /**
+   * Focuses on the first focusable element in the shadow DOM.
+   */
+  focus() {
+    if (this.shadowRoot.delegatesFocus)
+      super.focus();
+    else {
+      const e = (
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
+        this.shadowRoot.querySelector(s) || this.querySelector(s)
+      );
+      e ? e.focus() : super.focus();
+    }
+  }
+};
+export {
+  c as F
+};

package/dist/chunks/focus-rQSNiwy7.js

@@ -0,0 +1 @@
+"use strict";const s=require("./settings-CK2vhfPu.js"),t=o=>class extends o{focus(){if(this.shadowRoot.delegatesFocus)super.focus();else{const e=this.shadowRoot.querySelector(s.selectorTabbable)||this.querySelector(s.selectorTabbable);e?e.focus():super.focus()}}};exports.FocusMixin=t;

package/dist/chunks/form-D6Tce4-W.js

@@ -0,0 +1 @@
+"use strict";const o=require("./on-XRofyGQh.js"),r=a=>{class s extends a{constructor(){super(...arguments),this._hFormdata=null}connectedCallback(){super.connectedCallback();const t=this.closest("form");t&&(this._hFormdata=o.on(t,"formdata",this._handleFormdata.bind(this)))}disconnectedCallback(){this._hFormdata&&(this._hFormdata=this._hFormdata.release()),super.disconnectedCallback()}}return s};exports.FormMixin=r;

package/dist/chunks/form-DpI-v6DA.js

@@ -0,0 +1,20 @@
+import { o as s } from "./on-BPhwbVf3.js";
+const n = (a) => {
+  class o extends a {
+    constructor() {
+      super(...arguments), this._hFormdata = null;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const t = this.closest("form");
+      t && (this._hFormdata = s(t, "formdata", this._handleFormdata.bind(this)));
+    }
+    disconnectedCallback() {
+      this._hFormdata && (this._hFormdata = this._hFormdata.release()), super.disconnectedCallback();
+    }
+  }
+  return o;
+};
+export {
+  n as F
+};

package/dist/chunks/host-listener-CN245INl.js

@@ -0,0 +1,37 @@
+import { o as l } from "./on-BPhwbVf3.js";
+const u = /^((document|window|parentRoot|shadowRoot):)?([\w-]+)$/, _ = (a) => {
+  class s extends a {
+    constructor() {
+      super(...arguments), this._handles = /* @__PURE__ */ new Set();
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const t = this.constructor._hostListeners;
+      Object.keys(t).forEach((o) => {
+        Object.keys(t[o]).forEach((n) => {
+          var e;
+          const c = u.exec(n);
+          if (!c)
+            throw new Error(`Could not parse the event name: ${o}`);
+          const [, , i, r] = c, h = {
+            document: this.ownerDocument,
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
+            window: this.ownerDocument.defaultView,
+            parentRoot: this.getRootNode(),
+            shadowRoot: this.shadowRoot
+          }[i] || this, { options: d } = t[o][n];
+          this._handles.add(l(h, (e = this.constructor[r]) !== null && e !== void 0 ? e : r, this[o], d));
+        });
+      });
+    }
+    disconnectedCallback() {
+      this._handles.forEach((t) => {
+        t.release(), this._handles.delete(t);
+      }), super.disconnectedCallback();
+    }
+  }
+  return s._hostListeners = {}, s;
+};
+export {
+  _ as H
+};

package/dist/chunks/host-listener-DD3oGxvg.js

@@ -0,0 +1,16 @@
+const r = (s, n, e, t) => {
+  const o = e._hostListeners;
+  if (!o)
+    throw new Error("The method `@HostListener()` is defined on has to be of a class that has `HostListerMixin`.");
+  o[t] || (o[t] = {}), o[t][s] = { options: n };
+}, h = (s, n, e) => {
+  const { kind: t, key: o, placement: i } = e;
+  if (!(t === "method" && i === "prototype" || t === "field" && i === "own"))
+    throw new Error("`@HostListener()` must be defined on instance methods, but you may have defined it on static, field, etc.");
+  return Object.assign(Object.assign({}, e), { finisher(d) {
+    r(s, n, d, o);
+  } });
+}, c = (s, n) => (e, t) => typeof t < "u" ? r(s, n, e.constructor, t) : h(s, n, e);
+export {
+  c as H
+};

package/dist/chunks/host-listener-gxrTpxgv.js

@@ -0,0 +1 @@
+"use strict";const u=require("./on-XRofyGQh.js"),l=/^((document|window|parentRoot|shadowRoot):)?([\w-]+)$/,w=i=>{class s extends i{constructor(){super(...arguments),this._handles=new Set}connectedCallback(){super.connectedCallback();const t=this.constructor._hostListeners;Object.keys(t).forEach(e=>{Object.keys(t[e]).forEach(n=>{var o;const c=l.exec(n);if(!c)throw new Error(`Could not parse the event name: ${e}`);const[,,a,r]=c,h={document:this.ownerDocument,window:this.ownerDocument.defaultView,parentRoot:this.getRootNode(),shadowRoot:this.shadowRoot}[a]||this,{options:d}=t[e][n];this._handles.add(u.on(h,(o=this.constructor[r])!==null&&o!==void 0?o:r,this[e],d))})})}disconnectedCallback(){this._handles.forEach(t=>{t.release(),this._handles.delete(t)}),super.disconnectedCallback()}}return s._hostListeners={},s};exports.HostListenerMixin=w;

package/dist/chunks/host-listener-rUcT_LUW.js

@@ -0,0 +1 @@
+"use strict";const r=(s,n,e,t)=>{const o=e._hostListeners;if(!o)throw new Error("The method `@HostListener()` is defined on has to be of a class that has `HostListerMixin`.");o[t]||(o[t]={}),o[t][s]={options:n}},c=(s,n,e)=>{const{kind:t,key:o,placement:i}=e;if(!(t==="method"&&i==="prototype"||t==="field"&&i==="own"))throw new Error("`@HostListener()` must be defined on instance methods, but you may have defined it on static, field, etc.");return Object.assign(Object.assign({},e),{finisher(d){r(s,n,d,o)}})},h=(s,n)=>(e,t)=>typeof t<"u"?r(s,n,e.constructor,t):c(s,n,e);exports.HostListener=h;

package/dist/chunks/icon-loader-Dk_AU26w.js

@@ -0,0 +1,7 @@
+import { c as r } from "./icon-loader-utils-BEOGXn0q.js";
+function u(t, e = {}, n) {
+  return t ? "default" in t || "attrs" in t && "content" in t ? r(t)(e) : t : null;
+}
+export {
+  u as i
+};

package/dist/chunks/icon-loader-o_JYDmJX.js

@@ -0,0 +1 @@
+"use strict";const n=require("./icon-loader-utils-BBjK16O-.js");function r(e,t={},a){return e?"default"in e||"attrs"in e&&"content"in e?n.createIconTemplate(e)(t):e:null}exports.iconLoader=r;

package/dist/chunks/icon-loader-utils-BBjK16O-.js

@@ -0,0 +1,5 @@
+"use strict";const v=require("./directive-Dp4ZTz-F.js"),d=require("./unsafe-html-C_MKAcuC.js");function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?l(Object(r),!0).forEach(function(n){m(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function m(t,e,r){return e=h(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function O(t,e){if(t==null)return{};var r={},n=Object.keys(t),i,o;for(o=0;o<n.length;o++)i=n[o],!(e.indexOf(i)>=0)&&(r[i]=t[i]);return r}function b(t,e){if(t==null)return{};var r=O(t,e),n,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(i=0;i<o.length;i++)n=o[i],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function y(t,e){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function h(t){var e=y(t,"string");return typeof e=="symbol"?e:String(e)}var j=["width","height","viewBox"],w=["tabindex"],P={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function x(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=t.width,r=t.height,n=t.viewBox,i=n===void 0?"0 0 ".concat(e," ").concat(r):n,o=b(t,j),a=o.tabindex,u=b(o,w),c=f(f(f({},P),u),{},{width:e,height:r,viewBox:i});return c["aria-label"]||c["aria-labelledby"]||c.title?(c.role="img",a!=null&&(c.focusable="true",c.tabindex=a)):c["aria-hidden"]=!0,c}function g(t){return Object.keys(t).reduce(function(e,r,n){var i="".concat(r,'="').concat(t[r],'"');return n===0?i:e+" "+i},"")}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class s extends d.e{}s.directiveName="unsafeSVG",s.resultType=2;const S=v.e(s);function _(t){return"default"in t&&t.default?t.default:t}function A(t,e={}){const r=_(t);r.attrs||(r.attrs={});const n=Object.assign(Object.assign({},r.attrs),e),i=x(n),o=g(i),u=(r.content||[]).map(c=>typeof c=="string"?c:p(c)).join("");return`<svg ${o}>${u}</svg>`}function p(t){if(typeof t=="string")return t;const{elem:e="svg",attrs:r={},content:n=[]}=t,i=n.map(p).join(""),o=g(r);return`<${e} ${o}>${i}</${e}>`}function $(t){return(e={})=>{const r=A(t,e);return S(r)}}exports.createIconTemplate=$;

package/dist/chunks/icon-loader-utils-BEOGXn0q.js

@@ -0,0 +1,117 @@
+import { e as v } from "./directive-kLG6oqUu.js";
+import { e as d } from "./unsafe-html-D49sIpJ5.js";
+function l(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function f(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? l(Object(r), !0).forEach(function(n) {
+      m(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : l(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function m(t, e, r) {
+  return e = h(e), e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function O(t, e) {
+  if (t == null) return {};
+  var r = {}, n = Object.keys(t), i, o;
+  for (o = 0; o < n.length; o++)
+    i = n[o], !(e.indexOf(i) >= 0) && (r[i] = t[i]);
+  return r;
+}
+function b(t, e) {
+  if (t == null) return {};
+  var r = O(t, e), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < o.length; i++)
+      n = o[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
+  }
+  return r;
+}
+function y(t, e) {
+  if (typeof t != "object" || t === null) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function h(t) {
+  var e = y(t, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+var j = ["width", "height", "viewBox"], w = ["tabindex"], P = {
+  // Reference:
+  // https://github.com/IBM/carbon-components-react/issues/1392
+  // https://github.com/PolymerElements/iron-iconset-svg/pull/47
+  // `focusable` is a string attribute which is why we do not use a boolean here
+  focusable: "false",
+  preserveAspectRatio: "xMidYMid meet"
+};
+function x() {
+  var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = t.width, r = t.height, n = t.viewBox, i = n === void 0 ? "0 0 ".concat(e, " ").concat(r) : n, o = b(t, j), c = o.tabindex, u = b(o, w), a = f(f(f({}, P), u), {}, {
+    width: e,
+    height: r,
+    viewBox: i
+  });
+  return a["aria-label"] || a["aria-labelledby"] || a.title ? (a.role = "img", c != null && (a.focusable = "true", a.tabindex = c)) : a["aria-hidden"] = !0, a;
+}
+function g(t) {
+  return Object.keys(t).reduce(function(e, r, n) {
+    var i = "".concat(r, '="').concat(t[r], '"');
+    return n === 0 ? i : e + " " + i;
+  }, "");
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class s extends d {
+}
+s.directiveName = "unsafeSVG", s.resultType = 2;
+const S = v(s);
+function _(t) {
+  return "default" in t && t.default ? t.default : t;
+}
+function $(t, e = {}) {
+  const r = _(t);
+  r.attrs || (r.attrs = {});
+  const n = Object.assign(Object.assign({}, r.attrs), e), i = x(n), o = g(i), u = (r.content || []).map((a) => typeof a == "string" ? a : p(a)).join("");
+  return `<svg ${o}>${u}</svg>`;
+}
+function p(t) {
+  if (typeof t == "string")
+    return t;
+  const { elem: e = "svg", attrs: r = {}, content: n = [] } = t, i = n.map(p).join(""), o = g(r);
+  return `<${e} ${o}>${i}</${e}>`;
+}
+function B(t) {
+  return (e = {}) => {
+    const r = $(t, e);
+    return S(r);
+  };
+}
+export {
+  B as c
+};

package/dist/chunks/if-defined-BdZRLDJ6.js

@@ -0,0 +1,5 @@
+"use strict";const t=require("./settings-CK2vhfPu.js");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const e=s=>s??t.E;exports.o=e;

package/dist/chunks/if-defined-C0yJsxi2.js

@@ -0,0 +1,10 @@
+import { E as r } from "./settings-BPOpwVkr.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const m = (o) => o ?? r;
+export {
+  m as o
+};

package/dist/chunks/if-non-empty-CEHK-hqx.js

@@ -0,0 +1 @@
+"use strict";const n=require("./if-defined-BdZRLDJ6.js");var d=i=>n.o(i===""?void 0:i??void 0);exports.ifNonEmpty=d;

package/dist/chunks/if-non-empty-DTGflHtA.js

@@ -0,0 +1,5 @@
+import { o as n } from "./if-defined-C0yJsxi2.js";
+var d = (i) => n(i === "" ? void 0 : i ?? void 0);
+export {
+  d as i
+};

package/dist/chunks/index-16wphaSo.js

@@ -0,0 +1,4 @@
+"use strict";const s=require("./search-C3raqgOD.js"),t=require("./tslib.es6-B07k2eac.js"),e=require("./settings-CK2vhfPu.js"),n=require("./property-DCYiZTFF.js"),c=require("./text-input-cjcnMXO-.js"),i=require("./carbon-element-CbfPUYRT.js");let r=class extends e.i{constructor(){super(...arguments),this.size=c.INPUT_SIZE.MEDIUM}render(){return e.x`
+      <span class="${e.prefix}--label"></span>
+      <div class="${e.prefix}--search-input"></div>
+    `}};r.styles=s.styles;t.__decorate([n.n({reflect:!0})],r.prototype,"size",void 0);r=t.__decorate([i.carbonElement(`${e.prefix}-search-skeleton`)],r);

package/dist/chunks/index-27oFQaOS.js

@@ -0,0 +1,37 @@
+"use strict";const y=require("./checkbox-BRPCg-DN.js"),r=require("./tslib.es6-B07k2eac.js"),w=require("./class-map-BfNAkUL_.js"),e=require("./settings-CK2vhfPu.js"),i=require("./property-DCYiZTFF.js"),T=require("./16-4Ffg4DOO.js"),A=require("./16-CpNRIuiB.js"),v=require("./icon-loader-o_JYDmJX.js"),k=require("./carbon-element-CbfPUYRT.js");var b;(function(d){d.HORIZONTAL="horizontal",d.VERTICAL="vertical"})(b||(b={}));let t=class extends e.i{constructor(){super(...arguments),this.orientation=b.VERTICAL,this.readonly=!1,this.warn=!1,this.warnText="",this._hasAILabel=!1}_handleSlotChange({target:n}){const l=n.assignedNodes().filter(a=>a.matches!==void 0?a.matches(this.constructor.aiLabelItem)||a.matches(this.constructor.slugItem):!1);this._hasAILabel=!!l,l[0].setAttribute("size","mini"),this.requestUpdate()}updated(n){const{selectorCheckbox:l}=this.constructor,a=this.querySelectorAll(l);if(["disabled","readonly","orientation"].forEach(o=>{if(n.has(o)){const{[o]:s}=this;a.forEach(p=>{p[o]=s})}}),n.has("invalid")){const{invalid:o}=this;a.forEach(s=>{o?s.setAttribute("invalid-group",""):s.removeAttribute("invalid-group")})}}render(){const{ariaLabelledBy:n,disabled:l,helperText:a,invalid:o,invalidText:s,legendId:p,legendText:m,orientation:u,readonly:c,warn:h,warnText:S,_hasAILabel:C,_handleSlotChange:x}=this,g=!c&&!o&&h,I=!o&&!h,L=Math.random().toString(16).slice(2),_=a?`checkbox-group-helper-text-${L}`:void 0,$=a?e.x` <div id="${_}" class="${e.prefix}--form__helper-text">
+          ${a}
+        </div>`:null,q=w.e({[`${e.prefix}--checkbox-group`]:!0,[`${e.prefix}--checkbox-group--readonly`]:c,[`${e.prefix}--checkbox-group--invalid`]:!c&&o,[`${e.prefix}--checkbox-group--warning`]:g,[`${e.prefix}--checkbox-group--slug`]:C,[`${e.prefix}--checkbox-group--${u}`]:u==="horizontal"});return e.x`
+      <fieldset
+        class="${q}"
+        ?data-invalid=${o}
+        ?disabled=${l}
+        aria-disabled=${c}
+        ?aria-labelledby=${n||p}
+        ?aria-describedby=${!o&&!h&&$?_:void 0}
+        orientation=${u}>
+        <legend class="${e.prefix}--label" id=${p||n}>
+          ${m}
+          <slot name="ai-label" @slotchange="${x}"></slot>
+          <slot name="decorator" @slotchange="${x}"></slot>
+          <slot name="slug" @slotchange="${x}"></slot>
+        </legend>
+        <slot></slot>
+        <div class="${e.prefix}--checkbox-group__validation-msg">
+          ${!c&&o?e.x`
+                ${v.iconLoader(T._16,{class:`${e.prefix}--checkbox__invalid-icon`})}
+                <div class="${e.prefix}--form-requirement">${s}</div>
+              `:null}
+          ${g?e.x`
+                ${v.iconLoader(A._16,{class:`${e.prefix}--checkbox__invalid-icon ${e.prefix}--checkbox__invalid-icon--warning`})}
+                <div class="${e.prefix}--form-requirement">${S}</div>
+              `:null}
+        </div>
+        ${I?$:null}
+      </fieldset>
+    `}static get selectorCheckbox(){return`${e.prefix}-checkbox`}static get slugItem(){return`${e.prefix}-slug`}static get aiLabelItem(){return`${e.prefix}-ai-label`}};t.shadowRootOptions=Object.assign(Object.assign({},e.i.shadowRootOptions),{delegatesFocus:!0});t.styles=y.styles;r.__decorate([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",void 0);r.__decorate([i.n({type:Boolean})],t.prototype,"disabled",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"helper-text"})],t.prototype,"helperText",void 0);r.__decorate([i.n({type:Boolean,attribute:"invalid"})],t.prototype,"invalid",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"invalid-text"})],t.prototype,"invalidText",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"legend-id"})],t.prototype,"legendId",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"legend-text"})],t.prototype,"legendText",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"orientation"})],t.prototype,"orientation",void 0);r.__decorate([i.n({type:Boolean,reflect:!0})],t.prototype,"readonly",void 0);r.__decorate([i.n({type:Boolean,reflect:!0})],t.prototype,"warn",void 0);r.__decorate([i.n({type:String,reflect:!0,attribute:"warn-text"})],t.prototype,"warnText",void 0);t=r.__decorate([k.carbonElement(`${e.prefix}-checkbox-group`)],t);let f=class extends e.i{render(){return e.x`
+      <label class="${e.prefix}--checkbox-label" for="checkbox" part="label">
+        <span class="${e.prefix}--checkbox-label-text ${e.prefix}--skeleton"
+          ><slot></slot
+        ></span>
+      </label>
+    `}};f.styles=y.styles;f=r.__decorate([k.carbonElement(`${e.prefix}-checkbox-skeleton`)],f);

package/dist/chunks/index-45EApaFs.js

@@ -0,0 +1,205 @@
+import { _ as d } from "./tslib.es6-C5gLNDSD.js";
+import { a as W, i as f, p as e, x as v } from "./settings-BPOpwVkr.js";
+import { n as o } from "./property-pT1z5CCa.js";
+import { e as F } from "./query-CbRg6ZGy.js";
+import { e as u } from "./class-map-DEHG4tmw.js";
+import { _ as I } from "./16-BiShwKPX.js";
+import { _ as R } from "./16-BwDdccyH.js";
+import { i as h } from "./if-non-empty-DTGflHtA.js";
+import { o as y } from "./if-defined-C0yJsxi2.js";
+import { C as B } from "./text-input-BygzMjjc.js";
+import { c as b } from "./carbon-element-DzDuXiyl.js";
+import { i as x } from "./icon-loader-Dk_AU26w.js";
+var _ = W(['.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-area{background-color:var(--cds-field);block-size:100%;border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin:0;min-block-size:2.5rem;min-inline-size:10rem;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:.6875rem var(--cds-layout-density-padding-inline-local);resize:vertical;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--text-area *,.cds--text-area :after,.cds--text-area :before{box-sizing:inherit}.cds--text-area:active,.cds--text-area:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-area:active,.cds--text-area:focus{outline-style:dotted}}.cds--text-area::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);opacity:1}.cds--text-area::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);opacity:1}.cds--text-area--light{background-color:var(--cds-field-02,#fff)}.cds--text-area__wrapper{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));display:flex;inline-size:100%;max-inline-size:100%;position:relative}.cds--text-area__wrapper--cols{inline-size:auto}.cds--text-area__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:.75rem;inset-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--text-area__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-area__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--text-area__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--form-item:has(.cds--text-area__wrapper--cols){inline-size:-moz-fit-content;inline-size:fit-content}.cds--text-area:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:none;resize:none}.cds--text-area:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-area:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-area__wrapper--readonly .cds--text-area{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator>*,.cds--text-area__wrapper--slug .cds--ai-label,.cds--text-area__wrapper--slug .cds--slug{inset-block-start:.75rem;inset-inline-end:1rem;position:absolute}.cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,.cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,.cds--text-area__wrapper--slug .cds--slug.cds--slug--revert{inset-block-start:.25rem;inset-inline-end:.5rem;transform:translate(0)}.cds--text-area__wrapper--decorator .cds--text-area:has(~.cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-area__wrapper--decorator .cds--text-area:has(~.cds--text-area__inner-wrapper--decorator>*),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--ai-label),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-area--invalid:has(~.cds--ai-label),.cds--text-area--invalid:has(~.cds--slug),.cds--text-area--invalid:has(~.cds--text-area__inner-wrapper--decorator>*),.cds--text-area--warn:has(~.cds--ai-label),.cds--text-area--warn:has(~.cds--slug),.cds--text-area--warn:has(~.cds--text-area__inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-area--invalid~.cds--ai-label,.cds--text-area--invalid~.cds--slug,.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>*,.cds--text-area--warn~.cds--ai-label,.cds--text-area--warn~.cds--slug,.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-area--invalid~.cds--ai-label.cds--ai-label--revert,.cds--text-area--invalid~.cds--slug.cds--slug--revert,.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert,.cds--text-area--warn~.cds--ai-label.cds--ai-label--revert,.cds--text-area--warn~.cds--slug.cds--slug--revert,.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert{inset-inline-end:2rem}.cds--text-area.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:6.25rem;border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds--text-area.cds--skeleton:active,.cds--text-area.cds--skeleton:focus,.cds--text-area.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--text-area.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--text-area.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--text-area.cds--skeleton{background:CanvasText}.cds--text-area.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--text-area.cds--skeleton::-moz-placeholder{color:transparent}.cds--text-area.cds--skeleton::placeholder{color:transparent}.cds--text-area__label-wrapper{display:flex;inline-size:100%;justify-content:space-between;position:relative}:host(cds-textarea){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-textarea) ::slotted(cds-ai-label),:host(cds-textarea) ::slotted(cds-slug){inset-block-start:.75rem;inset-inline-end:1rem;position:absolute}:host(cds-textarea) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea) ::slotted(cds-slug[revert-active]){inset-block-start:.25rem;inset-inline-end:.5rem;transform:translate(0)}:host(cds-textarea) textarea:not([cols]),:host(cds-textarea) textarea[cols="0"],:host(cds-textarea:not([cols])),:host(cds-textarea[cols="0"]){inline-size:100%}:host(cds-textarea[invalid]) .cds--text-area__wrapper--decorator .cds--text-area,:host(cds-textarea[warn]) .cds--text-area__wrapper--decorator .cds--text-area{padding-inline-end:4rem}:host(cds-textarea[invalid]) ::slotted(cds-ai-label),:host(cds-textarea[invalid]) ::slotted(cds-slug),:host(cds-textarea[warn]) ::slotted(cds-ai-label),:host(cds-textarea[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-textarea[invalid]) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea[invalid]) ::slotted(cds-slug[revert-active]),:host(cds-textarea[warn]) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea[warn]) ::slotted(cds-slug[revert-active]){inset-inline-end:2rem}:host(cds-textarea[ai-label]) .cds--text-area__wrapper--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-area__wrapper--cols{display:inline-flex}']);
+let r = class extends B {
+  constructor() {
+    super(...arguments), this.counterMode = "character", this.id = "", this.pattern = "", this.required = !1, this.rows = 4, this._prevCounterMode = this.counterMode;
+  }
+  /**
+   * Manually handles maxCount for counterMode = 'word'
+   * @param event The keyboard event.
+   */
+  _onKeyDown(t) {
+    var a, s;
+    if (!this.disabled && this.enableCounter && this.counterMode === "word") {
+      const i = ((s = (a = this.value) === null || a === void 0 ? void 0 : a.match(new RegExp("\\p{L}+", "gu"))) === null || s === void 0 ? void 0 : s.length) || 0;
+      (this.maxCount && i >= this.maxCount && t.key === " " || this.maxCount && i >= this.maxCount && t.key === "Enter") && t.preventDefault();
+    }
+  }
+  /**
+   * Handles `onPaste` event on the `<input>`.
+   * Manually handles maxCount for counterMode = 'word' when
+   * the user is pasting text
+   *
+   * @param event The clipboard event.
+   */
+  _onPaste(t) {
+    var a;
+    if (this.counterMode === "word" && this.enableCounter && typeof this.maxCount < "u") {
+      const s = this._textarea.value.match(new RegExp("\\p{L}+", "gu")) || [], i = ((a = t.clipboardData) === null || a === void 0 ? void 0 : a.getData("Text").match(new RegExp("\\p{L}+", "gu"))) || [];
+      if (s.length + i.length > this.maxCount) {
+        t.preventDefault();
+        const n = s.concat(i).slice(0, this.maxCount);
+        this._textarea.value = n.join(" "), this._textarea.dispatchEvent(new InputEvent("input", {
+          inputType: "insertFromPaste",
+          data: n.join(" "),
+          bubbles: !0
+        }));
+      }
+    }
+  }
+  /**
+   * Handles `oninput` event on the `<input>`.
+   *
+   * @param event The event.
+   * @param event.target The event target.
+   */
+  _handleInput({ target: t }) {
+    this.value = t.value;
+  }
+  render() {
+    var t, a, s, i;
+    const { enableCounter: p, maxCount: n } = this, m = (a = (t = this.value) === null || t === void 0 ? void 0 : t.length) !== null && a !== void 0 ? a : 0, c = ((i = (s = this.value) === null || s === void 0 ? void 0 : s.match(new RegExp("\\p{L}+", "gu"))) === null || i === void 0 ? void 0 : i.length) || 0, w = x(I, {
+      class: `${e}--text-area__invalid-icon`
+    }), z = x(R, {
+      class: `${e}--text-area__invalid-icon ${e}--text-area__invalid-icon--warning`
+    }), k = u({
+      [`${e}--text-area`]: !0,
+      [`${e}--text-area--warn`]: this.warn,
+      [`${e}--text-area--invalid`]: this.invalid,
+      [`${e}--text-area__wrapper--decorator`]: this._hasAILabel
+    }), $ = u({
+      [`${e}--text-area__wrapper`]: !0,
+      [`${e}--text-area__wrapper--cols`]: this.cols,
+      [`${e}--text-area__wrapper--warn`]: this.warn,
+      [`${e}--text-area__wrapper--readonly`]: this.readonly
+    }), q = u({
+      [`${e}--label`]: !0,
+      [`${e}--visually-hidden`]: this.hideLabel,
+      [`${e}--label--disabled`]: this.disabled
+    }), C = u({
+      [`${e}--label`]: !0,
+      [`${e}--label--disabled`]: this.disabled
+    }), S = u({
+      [`${e}--form__helper-text`]: !0,
+      [`${e}--form__helper-text--disabled`]: this.disabled
+    }), M = p && n ? v` <label class="${C}">
+            <slot name="label-text"
+              >${this.counterMode === "word" ? c : m}/${n}</slot
+            >
+          </label>` : null, T = () => this.invalid ? w : this.warn && !this.invalid ? z : null;
+    return v`
+      <div class="${e}--text-area__label-wrapper">
+        <label class="${q}" for="input">
+          <slot name="label-text"> ${this.label} </slot>
+        </label>
+        ${M}
+      </div>
+      <div class="${$}" ?data-invalid="${this.invalid}">
+        ${T()}
+        <textarea
+          autocomplete="${this.autocomplete}"
+          ?autofocus="${this.autofocus}"
+          class="${k}"
+          cols="${y(this.cols)}"
+          ?data-invalid="${this.invalid}"
+          ?disabled="${this.disabled}"
+          id="input"
+          name="${h(this.name)}"
+          pattern="${h(this.pattern)}"
+          placeholder="${h(this.placeholder)}"
+          ?readonly="${this.readonly}"
+          ?required="${this.required}"
+          rows="${y(this.rows)}"
+          .value="${this.value}"
+          maxlength="${this.counterMode === "character" ? h(this.maxCount) : ""}"
+          @keydown="${this._onKeyDown}"
+          @paste="${this._onPaste}"
+          @input="${this._handleInput}"></textarea>
+        <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
+        <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
+      </div>
+      <div class="${S}" ?hidden="${this.invalid || this.warn}">
+        <slot name="helper-text"> ${this.helperText} </slot>
+      </div>
+      <div
+        class="${e}--form-requirement"
+        ?hidden="${!this.invalid && !this.warn}">
+        <slot name="${this.invalid ? "invalid-text" : "warn-text"}">
+          ${this.invalid ? this.invalidText : this.warnText}
+        </slot>
+      </div>
+    `;
+  }
+  updated() {
+    var t, a;
+    if ((t = super.updated) === null || t === void 0 || t.call(this), this.counterMode !== this._prevCounterMode) {
+      const i = this._textarea;
+      i && (this.counterMode === "character" ? i.setAttribute("maxlength", String(this.maxCount)) : i.removeAttribute("maxlength")), this._prevCounterMode = this.counterMode;
+    }
+    const s = (a = this.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector(`.${e}--text-area__wrapper`);
+    s && (this._resizeObserver = new ResizeObserver(() => {
+      this._measureWrapper();
+    }), this._resizeObserver.observe(s));
+  }
+  /**
+   * Measures the width of the wrapper and applies that to the max-width of the
+   * helper-text and invalid/warn-text
+   */
+  _measureWrapper() {
+    var t, a, s;
+    const i = (t = this.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`.${e}--text-area__wrapper`), p = i?.scrollWidth, n = (a = this.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector(`.${e}--form__helper-text`), m = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(`.${e}--form-requirement`);
+    [n, m].forEach((c) => {
+      c && (c.style.maxWidth = `${p}px`, c.style.overflowWrap = "break-word");
+    });
+  }
+  disconnectedCallback() {
+    var t, a;
+    (t = super.disconnectedCallback) === null || t === void 0 || t.call(this), (a = this._resizeObserver) === null || a === void 0 || a.disconnect();
+  }
+};
+r.shadowRootOptions = Object.assign(Object.assign({}, f.shadowRootOptions), { delegatesFocus: !0 });
+r.styles = _;
+d([
+  o({ type: Number })
+], r.prototype, "cols", void 0);
+d([
+  o({
+    type: String,
+    reflect: !0,
+    hasChanged(l, t) {
+      return (l === "character" || l === "word") && l !== t;
+    },
+    attribute: "counter-mode"
+  })
+], r.prototype, "counterMode", void 0);
+d([
+  o()
+], r.prototype, "id", void 0);
+d([
+  o()
+], r.prototype, "pattern", void 0);
+d([
+  o({ type: Boolean, reflect: !0 })
+], r.prototype, "required", void 0);
+d([
+  o()
+], r.prototype, "rows", void 0);
+d([
+  F("textarea")
+], r.prototype, "_textarea", void 0);
+r = d([
+  b(`${e}-textarea`)
+], r);
+let g = class extends f {
+  render() {
+    return v`
+      <span class="${e}--label ${e}--skeleton"></span>
+      <div class="${e}--skeleton ${e}--text-area"></div>
+    `;
+  }
+};
+g.styles = _;
+g = d([
+  b(`${e}-textarea-skeleton`)
+], g);

package/dist/chunks/index-5jmZyISW.js

@@ -0,0 +1 @@
+"use strict";const r=require("./tslib.es6-B07k2eac.js"),c=require("./settings-CK2vhfPu.js"),p=require("./property-DCYiZTFF.js"),g=require("./carbon-element-CbfPUYRT.js");var m=c.i$1([".cds--stack-horizontal,:host(cds-stack[orientation=horizontal]) div{-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);display:inline-grid;grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]) div{display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}"]),v=16;function u(a){return"".concat(a/v,"rem")}var h=8;function s(a){return u(h*a)}var y=s(.25),f=s(.5),_=s(1),S=s(1.5),C=s(2),$=s(3),b=s(4),q=s(5),w=s(6),x=s(8),V=s(10),z=s(12),A=s(20),E=[y,f,_,S,C,$,b,q,w,x,V,z,A],l;(function(a){a.VERTICAL="vertical",a.HORIZONTAL="horizontal"})(l||(l={}));const G=Array.from({length:E.length-1}).map((a,e)=>e+1);let t=class extends c.i{constructor(){super(...arguments),this.orientation=l.VERTICAL,this.useCustomGapValue=!1}updated(e){var d,o,i,k;if(e.has("gap"))if(this.useCustomGapValue)this.style.setProperty(`--${c.prefix}-stack-gap`,`${this.gap}`);else{const n=e.get("gap");(o=(d=this.shadowRoot)===null||d===void 0?void 0:d.querySelector("div"))===null||o===void 0||o.classList.remove(`${c.prefix}--stack-scale-${n}`),(k=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector("div"))===null||k===void 0||k.classList.add(`${c.prefix}--stack-scale-${this.gap}`)}}render(){return c.x`<div><slot></slot></div>`}};t.styles=m;r.__decorate([p.n({type:String,reflect:!0})],t.prototype,"orientation",void 0);r.__decorate([p.n({type:G||String,reflect:!0})],t.prototype,"gap",void 0);r.__decorate([p.n({type:Boolean,attribute:"use-custom-gap-value"})],t.prototype,"useCustomGapValue",void 0);t=r.__decorate([g.carbonElement(`${c.prefix}-stack`)],t);