@ds-mo/ui 12.1.0 → 12.3.0

package/dist/components/{p-DszI94sZ.js.map → p-DjPZxzIG.js.map}

@@ -1 +1 @@
-{"version":3,"names":["messageCss","DELIVERY_LABELS","sending","sent","delivered","read","failed","Message","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","messageId","direction","groupPosition","author","showAuthor","timestamp","streaming","scrollAnchor","formattedTimestamp","parsed","Date","parse","Number","isNaN","Intl","DateTimeFormat","undefined","hour","minute","format","render","delivery","deliveryState","h","Host","key","class","message","name","as","variant","emphasis","color","dateTime"],"sources":["src/wc/components/Message/Message.css?tag=ds-message&encapsulation=scoped","src/wc/components/Message/Message.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  content-visibility: auto;\n  contain-intrinsic-size: auto var(--dimension-size-800);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n:host(.message-host--group-middle),\n:host(.message-host--group-last) {\n  margin-block-start: calc(var(--dimension-space-050) - var(--dimension-space-300));\n}\n\n.message {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: end;\n  gap: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.message--outgoing {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n\n.message__header:empty,\n.message__footer:empty,\n.message__actions:empty {\n  display: none;\n}\n\n.message__actions:not(:empty) {\n  margin-inline-start: var(--dimension-space-075);\n}\n\n.message__body {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\n.message--incoming .message__body {\n  width: 100%;\n}\n\n.message--outgoing .message__body {\n  align-items: flex-end;\n}\n\n.message--outgoing .message__header {\n  display: none;\n}\n\n.message--system .message__body {\n  align-items: center;\n}\n\n.message__header,\n.message__footer,\n.message__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n}\n\n.message__content {\n  width: 100%;\n  min-width: 0;\n  -webkit-user-select: text;\n  user-select: text;\n}\n\n.message--outgoing .message__content {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.message__footer time {\n  display: inline-flex;\n}\n\n.message--group-middle .message__header,\n.message--group-last .message__header {\n  display: none;\n}\n\n.message--group-first .message__footer,\n.message--group-middle .message__footer {\n  display: none;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type {\n  MessageDeliveryState,\n  MessageDirection,\n  MessageGroupPosition,\n} from '../conversation-types';\n\nconst DELIVERY_LABELS: Record<MessageDeliveryState, string> = {\n  sending: 'Sending',\n  sent: 'Sent',\n  delivered: 'Delivered',\n  read: 'Read',\n  failed: 'Failed to send',\n};\n\n@Component({\n  tag: 'ds-message',\n  styleUrl: 'Message.css',\n  scoped: true,\n})\nexport class Message {\n  @Prop({ reflect: true }) messageId: string = '';\n  @Prop({ reflect: true }) direction: MessageDirection = 'incoming';\n  @Prop() groupPosition: MessageGroupPosition = 'single';\n  @Prop() author: string = '';\n  /** Keep author semantics while allowing products with self-evident roles to hide the visible label. */\n  @Prop() showAuthor: boolean = true;\n  /** ISO timestamp. */\n  @Prop() timestamp: string = '';\n  @Prop() deliveryState: MessageDeliveryState | undefined;\n  @Prop() streaming: boolean = false;\n  @Prop({ reflect: true }) scrollAnchor: boolean = false;\n\n  private formattedTimestamp(): string {\n    if (!this.timestamp) return '';\n    const parsed = Date.parse(this.timestamp);\n    if (Number.isNaN(parsed)) return this.timestamp;\n    return new Intl.DateTimeFormat(undefined, {\n      hour: 'numeric',\n      minute: '2-digit',\n    }).format(new Date(parsed));\n  }\n\n  render() {\n    const delivery = this.deliveryState ? DELIVERY_LABELS[this.deliveryState] : '';\n    const formattedTimestamp = this.formattedTimestamp();\n    return (\n      <Host\n        class={`message-host--group-${this.groupPosition}`}\n        data-message-id={this.messageId || undefined}\n        data-scroll-anchor={this.scrollAnchor ? 'true' : undefined}\n        aria-busy={this.streaming ? 'true' : undefined}\n      >\n        <article\n          class={{\n            message: true,\n            [`message--${this.direction}`]: true,\n            [`message--group-${this.groupPosition}`]: true,\n          }}\n          aria-label={this.author ? `Message from ${this.author}` : 'Message'}\n        >\n          <div class=\"message__body\">\n            <div class=\"message__header\">\n              <slot name=\"header\" />\n              {this.author && this.showAuthor ? (\n                <ds-text as=\"span\" variant=\"text-caption\" emphasis color=\"primary\">\n                  {this.author}\n                </ds-text>\n              ) : null}\n            </div>\n            <div class=\"message__content\">\n              <slot />\n            </div>\n            <div class=\"message__footer\">\n              <slot name=\"footer\" />\n              {delivery ? (\n                <ds-text\n                  as=\"span\"\n                  variant=\"text-caption\"\n                  color={this.deliveryState === 'failed' ? 'negative' : 'secondary'}\n                >\n                  {delivery}\n                </ds-text>\n              ) : null}\n              {formattedTimestamp ? (\n                <time dateTime={this.timestamp}>\n                  <ds-text as=\"span\" variant=\"text-caption\" color=\"secondary\">\n                    {formattedTimestamp}\n                  </ds-text>\n                </time>\n              ) : null}\n            </div>\n          </div>\n          <div class=\"message__actions\">\n            <slot name=\"actions\" />\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAa,IAAM,o3DCOzB,MAAMC,EAAwD,CAC5DC,QAAS,UACTC,KAAM,OACNC,UAAW,YACXC,KAAM,OACNC,OAAQ,kB,MAQGC,EAAOC,EAAA,MAAAD,UAAAE,EALpB,WAAAC,CAAAC,G,4CAM2BC,KAAAC,UAAoB,GACpBD,KAAAE,UAA8B,WAC/CF,KAAAG,cAAsC,SACtCH,KAAAI,OAAiB,GAEjBJ,KAAAK,WAAsB,KAEtBL,KAAAM,UAAoB,GAEpBN,KAAAO,UAAqB,MACJP,KAAAQ,aAAwB,KAqElD,CAnES,kBAAAC,GACN,IAAKT,KAAKM,UAAW,MAAO,GAC5B,MAAMI,EAASC,KAAKC,MAAMZ,KAAKM,WAC/B,GAAIO,OAAOC,MAAMJ,GAAS,OAAOV,KAAKM,UACtC,OAAO,IAAIS,KAAKC,eAAeC,UAAW,CACxCC,KAAM,UACNC,OAAQ,YACPC,OAAO,IAAIT,KAAKD,G,CAGrB,MAAAW,GACE,MAAMC,EAAWtB,KAAKuB,cAAgBlC,EAAgBW,KAAKuB,eAAiB,GAC5E,MAAMd,EAAqBT,KAAKS,qBAChC,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,uBAAuB3B,KAAKG,gBAAe,kBACjCH,KAAKC,WAAagB,UAAS,qBACxBjB,KAAKQ,aAAe,OAASS,UAAS,YAC/CjB,KAAKO,UAAY,OAASU,WAErCO,EAAA,WAAAE,IAAA,2CACEC,MAAO,CACLC,QAAS,KACT,CAAC,YAAY5B,KAAKE,aAAc,KAChC,CAAC,kBAAkBF,KAAKG,iBAAkB,MAC3C,aACWH,KAAKI,OAAS,gBAAgBJ,KAAKI,SAAW,WAE1DoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACV7B,KAAKI,QAAUJ,KAAKK,WACnBmB,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeC,SAAQ,KAACC,MAAM,WACtDjC,KAAKI,QAEN,MAENoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACVP,EACCE,EAAA,WACEM,GAAG,OACHC,QAAQ,eACRE,MAAOjC,KAAKuB,gBAAkB,SAAW,WAAa,aAErDD,GAED,KACHb,EACCe,EAAA,QAAMU,SAAUlC,KAAKM,WACnBkB,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeE,MAAM,aAC7CxB,IAGH,OAGRe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,c","ignoreList":[]}
+{"version":3,"names":["messageCss","DELIVERY_LABELS","sending","sent","delivered","read","failed","Message","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","messageId","direction","groupPosition","author","showAuthor","timestamp","streaming","scrollAnchor","formattedTimestamp","parsed","Date","parse","Number","isNaN","Intl","DateTimeFormat","undefined","hour","minute","format","render","delivery","deliveryState","h","Host","key","class","message","name","as","variant","emphasis","color","dateTime"],"sources":["src/wc/components/Message/Message.css?tag=ds-message&encapsulation=scoped","src/wc/components/Message/Message.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  content-visibility: auto;\n  contain-intrinsic-size: auto var(--dimension-size-800);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n:host(.message-host--group-middle),\n:host(.message-host--group-last) {\n  margin-block-start: calc(var(--dimension-space-050) - var(--dimension-space-300));\n}\n\n.message {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: end;\n  gap: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.message--outgoing {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n\n.message__header:empty,\n.message__footer:empty,\n.message__actions:empty {\n  display: none;\n}\n\n.message__actions:not(:empty) {\n  margin-inline-start: var(--dimension-space-075);\n}\n\n.message__body {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\n.message--incoming .message__body {\n  width: 100%;\n}\n\n.message--outgoing .message__body {\n  align-items: flex-end;\n}\n\n.message--outgoing .message__header {\n  display: none;\n}\n\n.message--system .message__body {\n  align-items: center;\n}\n\n.message__header,\n.message__footer,\n.message__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n}\n\n.message__content {\n  width: 100%;\n  min-width: 0;\n  -webkit-user-select: text;\n  user-select: text;\n}\n\n.message--outgoing .message__content {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.message__footer time {\n  display: inline-flex;\n}\n\n.message--group-middle .message__header,\n.message--group-last .message__header {\n  display: none;\n}\n\n.message--group-first .message__footer,\n.message--group-middle .message__footer {\n  display: none;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type {\n  MessageDeliveryState,\n  MessageDirection,\n  MessageGroupPosition,\n} from '../conversation-types';\n\nconst DELIVERY_LABELS: Record<MessageDeliveryState, string> = {\n  sending: 'Sending',\n  sent: 'Sent',\n  delivered: 'Delivered',\n  read: 'Read',\n  failed: 'Failed to send',\n};\n\n@Component({\n  tag: 'ds-message',\n  styleUrl: 'Message.css',\n  scoped: true,\n})\nexport class Message {\n  @Prop({ reflect: true }) messageId: string = '';\n  @Prop({ reflect: true }) direction: MessageDirection = 'incoming';\n  @Prop() groupPosition: MessageGroupPosition = 'single';\n  @Prop() author: string = '';\n  /** Keep author semantics while allowing products with self-evident roles to hide the visible label. */\n  @Prop() showAuthor: boolean = true;\n  /** ISO timestamp. */\n  @Prop() timestamp: string = '';\n  @Prop() deliveryState: MessageDeliveryState | undefined;\n  @Prop() streaming: boolean = false;\n  @Prop({ reflect: true }) scrollAnchor: boolean = false;\n\n  private formattedTimestamp(): string {\n    if (!this.timestamp) return '';\n    const parsed = Date.parse(this.timestamp);\n    if (Number.isNaN(parsed)) return this.timestamp;\n    return new Intl.DateTimeFormat(undefined, {\n      hour: 'numeric',\n      minute: '2-digit',\n    }).format(new Date(parsed));\n  }\n\n  render() {\n    const delivery = this.deliveryState ? DELIVERY_LABELS[this.deliveryState] : '';\n    const formattedTimestamp = this.formattedTimestamp();\n    return (\n      <Host\n        class={`message-host--group-${this.groupPosition}`}\n        data-message-id={this.messageId || undefined}\n        data-scroll-anchor={this.scrollAnchor ? 'true' : undefined}\n        aria-busy={this.streaming ? 'true' : undefined}\n      >\n        <article\n          class={{\n            message: true,\n            [`message--${this.direction}`]: true,\n            [`message--group-${this.groupPosition}`]: true,\n          }}\n          aria-label={this.author ? `Message from ${this.author}` : 'Message'}\n        >\n          <div class=\"message__body\">\n            <div class=\"message__header\">\n              <slot name=\"header\" />\n              {this.author && this.showAuthor ? (\n                <ds-text as=\"span\" variant=\"text-body-small\" emphasis color=\"primary\">\n                  {this.author}\n                </ds-text>\n              ) : null}\n            </div>\n            <div class=\"message__content\">\n              <slot />\n            </div>\n            <div class=\"message__footer\">\n              <slot name=\"footer\" />\n              {delivery ? (\n                <ds-text\n                  as=\"span\"\n                  variant=\"text-caption\"\n                  color={this.deliveryState === 'failed' ? 'negative' : 'secondary'}\n                >\n                  {delivery}\n                </ds-text>\n              ) : null}\n              {this.deliveryState === 'failed' && formattedTimestamp ? (\n                <ds-text as=\"span\" variant=\"text-caption\" color=\"tertiary\" aria-hidden=\"true\">\n                  ·\n                </ds-text>\n              ) : null}\n              {formattedTimestamp ? (\n                <time dateTime={this.timestamp}>\n                  <ds-text as=\"span\" variant=\"text-caption\" color=\"secondary\">\n                    {formattedTimestamp}\n                  </ds-text>\n                </time>\n              ) : null}\n            </div>\n          </div>\n          <div class=\"message__actions\">\n            <slot name=\"actions\" />\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAa,IAAM,o3DCOzB,MAAMC,EAAwD,CAC5DC,QAAS,UACTC,KAAM,OACNC,UAAW,YACXC,KAAM,OACNC,OAAQ,kB,MAQGC,EAAOC,EAAA,MAAAD,UAAAE,EALpB,WAAAC,CAAAC,G,4CAM2BC,KAAAC,UAAoB,GACpBD,KAAAE,UAA8B,WAC/CF,KAAAG,cAAsC,SACtCH,KAAAI,OAAiB,GAEjBJ,KAAAK,WAAsB,KAEtBL,KAAAM,UAAoB,GAEpBN,KAAAO,UAAqB,MACJP,KAAAQ,aAAwB,KA0ElD,CAxES,kBAAAC,GACN,IAAKT,KAAKM,UAAW,MAAO,GAC5B,MAAMI,EAASC,KAAKC,MAAMZ,KAAKM,WAC/B,GAAIO,OAAOC,MAAMJ,GAAS,OAAOV,KAAKM,UACtC,OAAO,IAAIS,KAAKC,eAAeC,UAAW,CACxCC,KAAM,UACNC,OAAQ,YACPC,OAAO,IAAIT,KAAKD,G,CAGrB,MAAAW,GACE,MAAMC,EAAWtB,KAAKuB,cAAgBlC,EAAgBW,KAAKuB,eAAiB,GAC5E,MAAMd,EAAqBT,KAAKS,qBAChC,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,uBAAuB3B,KAAKG,gBAAe,kBACjCH,KAAKC,WAAagB,UAAS,qBACxBjB,KAAKQ,aAAe,OAASS,UAAS,YAC/CjB,KAAKO,UAAY,OAASU,WAErCO,EAAA,WAAAE,IAAA,2CACEC,MAAO,CACLC,QAAS,KACT,CAAC,YAAY5B,KAAKE,aAAc,KAChC,CAAC,kBAAkBF,KAAKG,iBAAkB,MAC3C,aACWH,KAAKI,OAAS,gBAAgBJ,KAAKI,SAAW,WAE1DoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACV7B,KAAKI,QAAUJ,KAAKK,WACnBmB,EAAA,WAASM,GAAG,OAAOC,QAAQ,kBAAkBC,SAAQ,KAACC,MAAM,WACzDjC,KAAKI,QAEN,MAENoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACVP,EACCE,EAAA,WACEM,GAAG,OACHC,QAAQ,eACRE,MAAOjC,KAAKuB,gBAAkB,SAAW,WAAa,aAErDD,GAED,KACHtB,KAAKuB,gBAAkB,UAAYd,EAClCe,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeE,MAAM,WAAU,cAAa,QAAM,KAG3E,KACHxB,EACCe,EAAA,QAAMU,SAAUlC,KAAKM,WACnBkB,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeE,MAAM,aAC7CxB,IAGH,OAGRe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,c","ignoreList":[]}

package/dist/components/{p-CTV_QWC5.js → p-J6xK6Ihq.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as o,a as t,t as a}from"./index.js";import{d as i}from"./p-DxeHimqk.js";import{d as c}from"./p-webARv8d.js";import{d}from"./p-BAfG3M8z.js";import{d as r}from"./p-Cpr3K41-.js";import{d as n}from"./p-Bs6SS34m.js";import{d as b}from"./p-DfIch2Dk.js";const l=()=>`.sc-ds-code-block-h{display:block;width:100%;min-width:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.code-block.sc-ds-code-block{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);box-sizing:border-box}.code-block__header.sc-ds-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);min-height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-100);background:var(--color-background-strong-neutral);box-sizing:border-box}pre.sc-ds-code-block{margin:0;padding:var(--dimension-space-150);overflow:auto;font-family:var(--typography-fontfamily-mono);font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm);tab-size:2;-webkit-user-select:text;user-select:text}code.sc-ds-code-block{font:inherit;white-space:pre}`;const f=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.code="";this.language="";this.filename="";this.copied=false;this.copy=async()=>{if(!navigator.clipboard||!this.code)return;await navigator.clipboard.writeText(this.code);this.copied=true;if(this.copiedTimer)clearTimeout(this.copiedTimer);this.copiedTimer=setTimeout((()=>{this.copied=false}),2e3)}}disconnectedCallback(){if(this.copiedTimer)clearTimeout(this.copiedTimer)}render(){const e=this.filename||this.language||"Code";return o(t,{key:"fab24c212a4f437a43660a7a9b6c175e4c2ae4cb"},o("figure",{key:"09773c4216291f25e719e7736893c5af9eebcc55",class:"code-block"},o("figcaption",{key:"246573769419dd7f2ba5bbccc0de5b34da2c6790",class:"code-block__header"},o("ds-text",{key:"7d65ca77b2a4e37a84aef4bc2fbeaaabfa9ab778",as:"span",variant:"text-caption",emphasis:true,color:"on-strong"},e),o("ds-tooltip",{key:"7146ca168c22880f16b7d457e113ce6b38be4c26",label:this.copied?"Copied":"Copy code",side:"bottom",size:"sm"},o("ds-button-unfilled",{key:"2f40001189a6e2687f4f96b04bac924a2e907735",variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":this.copied?"Copied":"Copy code",hasBorder:false,onDsClick:this.copy}))),o("pre",{key:"d4ee706243112a20a4d8724c2483ba6722505f22"},o("code",{key:"ad232debb22809a3cd2b7613fe3b2bdab6ee36b8"},this.code))))}static get style(){return l()}},[2,"ds-code-block",{code:[1],language:[1],filename:[1],copied:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-code-block","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-code-block":if(!customElements.get(a(e))){customElements.define(a(e),f)}break;case"ds-badge":if(!customElements.get(a(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){c()}break;case"ds-icon":if(!customElements.get(a(e))){d()}break;case"ds-loader":if(!customElements.get(a(e))){r()}break;case"ds-text":if(!customElements.get(a(e))){n()}break;case"ds-tooltip":if(!customElements.get(a(e))){b()}break}}))}m();export{f as C,m as d};
-//# sourceMappingURL=p-CTV_QWC5.js.map
+import{p as e,H as s,h as o,a as t,t as i}from"./index.js";import{d as a}from"./p-CH6cNXXF.js";import{d as c}from"./p-CoYFJD-w.js";import{d}from"./p-BAfG3M8z.js";import{d as r}from"./p-Cpr3K41-.js";import{d as n}from"./p-BwGnhInj.js";import{d as l}from"./p-D3DYxbC5.js";const b=()=>`.sc-ds-code-block-h{display:block;width:100%;min-width:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.code-block.sc-ds-code-block{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);box-sizing:border-box}.code-block__header.sc-ds-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);min-height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-100);background:var(--color-background-strong-neutral);box-sizing:border-box}pre.sc-ds-code-block{margin:0;padding:var(--dimension-space-150);overflow:auto;font-family:var(--typography-fontfamily-mono);font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm);tab-size:2;-webkit-user-select:text;user-select:text}code.sc-ds-code-block{font:inherit;white-space:pre}`;const f=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.code="";this.language="";this.filename="";this.copied=false;this.copy=async()=>{if(!navigator.clipboard||!this.code)return;await navigator.clipboard.writeText(this.code);this.copied=true;if(this.copiedTimer)clearTimeout(this.copiedTimer);this.copiedTimer=setTimeout((()=>{this.copied=false}),2e3)}}disconnectedCallback(){if(this.copiedTimer)clearTimeout(this.copiedTimer)}render(){const e=this.filename||this.language||"Code";return o(t,{key:"6fb02481ef556d91196954b3f06308aa7dcc176b"},o("figure",{key:"f29e24703cf0f9b11de6e619f5886a8acbc4ee76",class:"code-block"},o("figcaption",{key:"62a453a9f688a7103e42ffe18d6288d4e1c3e60a",class:"code-block__header"},o("ds-text",{key:"89e9872442d5cb006b731e7d56475b0c09b623e2",as:"span",variant:"text-caption",emphasis:true,color:"on-strong"},e),o("ds-tooltip",{key:"625e2503e56a57cd0304e34a4d2505757f3faf00",label:this.copied?"Copied":"Copy code",side:"bottom",size:"sm"},o("ds-button-unfilled",{key:"b0a7eb91178abcc4708c1079bbb59d006d4fce63",variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":this.copied?"Copied":"Copy code",hasBorder:false,onDsClick:this.copy}))),o("pre",{key:"a1657ee42a6e6d356f7573d439e7b7172f715717"},o("code",{key:"fe61296462774e74a54e557f91980ea24042794a"},this.code))))}static get style(){return b()}},[2,"ds-code-block",{code:[1],language:[1],filename:[1],copied:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-code-block","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-code-block":if(!customElements.get(i(e))){customElements.define(i(e),f)}break;case"ds-badge":if(!customElements.get(i(e))){a()}break;case"ds-button-unfilled":if(!customElements.get(i(e))){c()}break;case"ds-icon":if(!customElements.get(i(e))){d()}break;case"ds-loader":if(!customElements.get(i(e))){r()}break;case"ds-text":if(!customElements.get(i(e))){n()}break;case"ds-tooltip":if(!customElements.get(i(e))){l()}break}}))}m();export{f as C,m as d};
+//# sourceMappingURL=p-J6xK6Ihq.js.map

package/dist/components/{p-Dfxnxx7L.js → p-jCWtxthA.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a,t as c}from"./index.js";import{d as i}from"./p-BAfG3M8z.js";import{d as n}from"./p-Bs6SS34m.js";const d=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.body=""}render(){const t=Boolean(this.heading?.trim());const e=t&&Boolean(this.icon);return s(a,{key:"aab093dbfb888e4a8a29aa4b185073f01b2bd4d5"},s("div",{key:"3bb1df6526155f915fa2295f7f90709374a7193c",class:"empty-state"},e&&s("ds-icon",{key:"af450b329289dfee7a899ea2f1cec81b5ef1098d",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"dcb59b15577c23792b92ab3cacb8bd7eaa0ef97e",class:"empty-state__text"},t&&s("ds-text",{key:"18330eb2ac10c54c34f0b8aa7a8f730232a0767a",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"ee42046bb2b1150b33d02385c9129c997c6ffbf6",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return d()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const t=["ds-empty-state","ds-icon","ds-text"];t.forEach((t=>{switch(t){case"ds-empty-state":if(!customElements.get(c(t))){customElements.define(c(t),o)}break;case"ds-icon":if(!customElements.get(c(t))){i()}break;case"ds-text":if(!customElements.get(c(t))){n()}break}}))}m();export{o as E,m as d};
-//# sourceMappingURL=p-Dfxnxx7L.js.map
+import{p as t,H as e,h as s,a,t as c}from"./index.js";import{d as i}from"./p-BAfG3M8z.js";import{d as n}from"./p-BwGnhInj.js";const d=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.body=""}render(){const t=Boolean(this.heading?.trim());const e=t&&Boolean(this.icon);return s(a,{key:"1622b450db5edbb9e3c5903f2fafc406bd48f015"},s("div",{key:"a054baefa54eb113c05c7668f9c8793773a21dc9",class:"empty-state"},e&&s("ds-icon",{key:"9a68874d4f34a1e90b0ce34697b23f54b03f0698",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"c9511e5d910cb70a382e56e45bcf114e4a768887",class:"empty-state__text"},t&&s("ds-text",{key:"06daa8f3acaf402b8316e15471005b675d7bf2b5",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"235199f601b91f7d4fac621ea7d72653f3e674da",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return d()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const t=["ds-empty-state","ds-icon","ds-text"];t.forEach((t=>{switch(t){case"ds-empty-state":if(!customElements.get(c(t))){customElements.define(c(t),o)}break;case"ds-icon":if(!customElements.get(c(t))){i()}break;case"ds-text":if(!customElements.get(c(t))){n()}break}}))}m();export{o as E,m as d};
+//# sourceMappingURL=p-jCWtxthA.js.map