@dialpad/dialtone-vue 3.222.2 → 3.223.0-next.1

package/dist/lib/text/text-constants.js

@@ -0,0 +1,128 @@
+//#region components/Text/TextConstants.js
+var e = {
+	headline: "d-text-headline",
+	body: "d-text-body",
+	label: "d-text-label",
+	code: "d-text-code"
+}, t = {
+	headline: [
+		"700",
+		"600",
+		"500",
+		"400",
+		"300",
+		"200",
+		"100",
+		"3xl",
+		"2xl",
+		"xl",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	body: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	label: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	code: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	]
+}, n = [
+	"700",
+	"600",
+	"500",
+	"3xl",
+	"2xl",
+	"xl"
+], r = {
+	100: "xs",
+	200: "sm",
+	300: "md",
+	400: "lg",
+	500: "xl",
+	600: "2xl",
+	700: "3xl"
+}, i = {
+	primary: "d-text--tone-primary",
+	secondary: "d-text--tone-secondary",
+	tertiary: "d-text--tone-tertiary",
+	muted: "d-text--tone-muted",
+	disabled: "d-text--tone-disabled",
+	placeholder: "d-text--tone-placeholder",
+	critical: "d-text--tone-critical",
+	"critical-strong": "d-text--tone-critical-strong",
+	positive: "d-text--tone-positive",
+	"positive-strong": "d-text--tone-positive-strong",
+	warning: "d-text--tone-warning",
+	info: "d-text--tone-info",
+	"info-strong": "d-text--tone-info-strong",
+	"neutral-black": "d-text--tone-neutral-black",
+	"neutral-white": "d-text--tone-neutral-white"
+}, a = {
+	start: "d-text--align-start",
+	center: "d-text--align-center",
+	end: "d-text--align-end",
+	justify: "d-text--align-justify"
+}, o = "d-text--numeric", s = "d-truncate", c = "d-text--clamp", l = {
+	wrap: "d-text--wrap-wrap",
+	nowrap: "d-text--wrap-nowrap",
+	balance: "d-text--wrap-balance",
+	pretty: "d-text--wrap-pretty"
+}, u = {
+	start: "d-text--trim-start",
+	end: "d-text--trim-end",
+	both: "d-text--trim-both"
+}, d = {
+	bold: "d-text--fw-bold",
+	semibold: "d-text--fw-semibold",
+	medium: "d-text--fw-medium",
+	normal: "d-text--fw-normal"
+}, f = {
+	100: "d-text--lh-100",
+	200: "d-text--lh-200",
+	300: "d-text--lh-300",
+	400: "d-text--lh-400",
+	500: "d-text--lh-500",
+	600: "d-text--lh-600"
+}, p = {
+	TEXT_KIND_MODIFIERS: e,
+	TEXT_SIZE_MODIFIERS: t,
+	TEXT_HEADLINE_ONLY_SIZES: n,
+	TEXT_TONE_MODIFIERS: i,
+	TEXT_ALIGN_MODIFIERS: a,
+	TEXT_NUMERIC_CLASS: o,
+	TEXT_TRUNCATE_CLASS: s,
+	TEXT_LINE_CLAMP_CLASS: c,
+	TEXT_WRAP_MODIFIERS: l,
+	TEXT_BOX_TRIM_MODIFIERS: u,
+	TEXT_STRENGTH_MODIFIERS: d,
+	TEXT_DENSITY_MODIFIERS: f
+};
+//#endregion
+export { a as TEXT_ALIGN_MODIFIERS, u as TEXT_BOX_TRIM_MODIFIERS, f as TEXT_DENSITY_MODIFIERS, n as TEXT_HEADLINE_ONLY_SIZES, e as TEXT_KIND_MODIFIERS, c as TEXT_LINE_CLAMP_CLASS, o as TEXT_NUMERIC_CLASS, r as TEXT_SIZE_MAP, t as TEXT_SIZE_MODIFIERS, d as TEXT_STRENGTH_MODIFIERS, i as TEXT_TONE_MODIFIERS, s as TEXT_TRUNCATE_CLASS, l as TEXT_WRAP_MODIFIERS, p as default };
+
+//# sourceMappingURL=text-constants.js.map

package/dist/lib/text/text-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.js","names":[],"sources":["../../../components/Text/TextConstants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: ['700', '600', '500', '400', '300', '200', '100', '3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  label: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  code: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = ['700', '600', '500', '3xl', '2xl', 'xl'];\n\n// Numeric → t-shirt CSS class suffix mapping\nexport const TEXT_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n  600: '2xl',\n  700: '3xl',\n};\n\nexport const TEXT_TONE_MODIFIERS = {\n  'primary': 'd-text--tone-primary',\n  'secondary': 'd-text--tone-secondary',\n  'tertiary': 'd-text--tone-tertiary',\n  'muted': 'd-text--tone-muted',\n  'disabled': 'd-text--tone-disabled',\n  'placeholder': 'd-text--tone-placeholder',\n  'critical': 'd-text--tone-critical',\n  'critical-strong': 'd-text--tone-critical-strong',\n  'positive': 'd-text--tone-positive',\n  'positive-strong': 'd-text--tone-positive-strong',\n  'warning': 'd-text--tone-warning',\n  'info': 'd-text--tone-info',\n  'info-strong': 'd-text--tone-info-strong',\n  'neutral-black': 'd-text--tone-neutral-black',\n  'neutral-white': 'd-text--tone-neutral-white',\n};\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_TONE_MODIFIERS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAsB;CACjC,UAAU;CACV,MAAM;CACN,OAAO;CACP,MAAM;CACP,EAEY,IAAsB;CACjC,UAAU;EAAC;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAM;EAAK;CACvG,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC1D,OAAO;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,EAGY,IAA2B;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAK,EAGpE,IAAgB;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAAsB;CACjC,SAAW;CACX,WAAa;CACb,UAAY;CACZ,OAAS;CACT,UAAY;CACZ,aAAe;CACf,UAAY;CACZ,mBAAmB;CACnB,UAAY;CACZ,mBAAmB;CACnB,SAAW;CACX,MAAQ;CACR,eAAe;CACf,iBAAiB;CACjB,iBAAiB;CAClB,EAEY,IAAuB;CAClC,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACV,EAEY,IAAqB,mBACrB,IAAsB,cACtB,IAAwB,iBAExB,IAAsB;CACjC,MAAM;CACN,QAAQ;CACR,SAAS;CACT,QAAQ;CACT,EAEY,IAA0B;CACrC,OAAO;CACP,KAAK;CACL,MAAM;CACP,EAEY,IAA0B;CACrC,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACT,EAEY,IAAyB;CACpC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/text/text.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./text-constants.cjs`);let n=require(`vue`);var r=`300`,i=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],a=!1,o=()=>{a=!1},s={name:`DtText`,props:{as:{type:String,default:`span`},kind:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,e)},size:{type:[String,Number],default:null},tone:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_TONE_MODIFIERS,e)},align:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_ALIGN_MODIFIERS,e)},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:e=>e===null||Number.isInteger(e)&&e>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_WRAP_MODIFIERS,e)},textBoxTrim:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_BOX_TRIM_MODIFIERS,e)},strength:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_STRENGTH_MODIFIERS,e)},density:{type:[String,Number],default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_DENSITY_MODIFIERS,e)}},computed:{textClasses(){let e=[`d-text`],n=this.getVariantClass();n&&e.push(n);let r=this.getAlignClass();r&&e.push(r);let i=this.getToneClass();i&&e.push(i),this.truncate&&e.push(t.TEXT_TRUNCATE_CLASS),this.numeric&&e.push(t.TEXT_NUMERIC_CLASS),this.maxLines&&e.push(t.TEXT_LINE_CLAMP_CLASS);let a=this.getWrapClass();a&&e.push(a);let o=this.getTextBoxTrimClass();o&&e.push(o);let s=this.getStrengthClass();s&&e.push(s);let c=this.getDensityClass();return c&&e.push(c),e},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!a&&this.kind===`headline`&&!i.includes(this.as)&&(console.info(`[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.`),a=!0)},methods:{getVariantClass(){if(!this.kind)return this.size&&console.warn(`[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".`),null;if(!Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;let e=t.TEXT_SIZE_MODIFIERS[this.kind]||[],n=(this.size==null?null:String(this.size))||r,i=n;if(!e.includes(n)){if(t.TEXT_HEADLINE_ONLY_SIZES.includes(n))throw Error(`[DtText] size="${n}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);let a=e.includes(r)?r:e[0];a&&(i=a),console.warn(`[DtText] size="${n}" is not valid for kind="${this.kind}". Using "${i}" instead.`)}if(!i)return null;let a=t.TEXT_SIZE_MAP[i]||i;return`${t.TEXT_KIND_MODIFIERS[this.kind]}--${a}`},getModifierClass(e,t,n){return e==null?null:t[e]||(console.warn(`[DtText] Unsupported ${n} "${e}".`),null)},getAlignClass(){return this.getModifierClass(this.align,t.TEXT_ALIGN_MODIFIERS,`align`)},getToneClass(){return this.getModifierClass(this.tone,t.TEXT_TONE_MODIFIERS,`tone`)},getWrapClass(){return this.getModifierClass(this.wrap,t.TEXT_WRAP_MODIFIERS,`wrap`)},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,t.TEXT_BOX_TRIM_MODIFIERS,`textBoxTrim`)},getStrengthClass(){return this.getModifierClass(this.strength,t.TEXT_STRENGTH_MODIFIERS,`strength`)},getDensityClass(){return this.getModifierClass(this.density,t.TEXT_DENSITY_MODIFIERS,`density`)}}};function c(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{"data-qa":`dt-text`,class:(0,n.normalizeClass)(o.textClasses),style:(0,n.normalizeStyle)(o.textStyles)},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`style`])}var l=e.t(s,[[`render`,c]]);exports.default=l,exports.resetHeadlineSemanticInfoFlag=o;
+//# sourceMappingURL=text.cjs.map

package/dist/lib/text/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","names":[],"sources":["../../../components/Text/Text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './TextConstants';\n\nconst DEFAULT_SIZE = '300';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.\n     * Headline supports all sizes; body/label/code support 100-400.\n     * @values 100, 200, 300, 400, 500, 600, 700\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const rawSize = this.size != null ? String(this.size) : null;\n      const requestedSize = rawSize || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl, 500, 600, 700) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      // Map numeric sizes to t-shirt CSS class suffix\n      const cssSuffix = TEXT_SIZE_MAP[resolvedSize] || resolvedSize;\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${cssSuffix}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      return this.getModifierClass(this.tone, TEXT_TONE_MODIFIERS, 'tone');\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/text/text.js

@@ -0,0 +1,149 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { TEXT_ALIGN_MODIFIERS as t, TEXT_BOX_TRIM_MODIFIERS as n, TEXT_DENSITY_MODIFIERS as r, TEXT_HEADLINE_ONLY_SIZES as i, TEXT_KIND_MODIFIERS as a, TEXT_LINE_CLAMP_CLASS as o, TEXT_NUMERIC_CLASS as s, TEXT_SIZE_MAP as c, TEXT_SIZE_MODIFIERS as l, TEXT_STRENGTH_MODIFIERS as u, TEXT_TONE_MODIFIERS as d, TEXT_TRUNCATE_CLASS as f, TEXT_WRAP_MODIFIERS as p } from "./text-constants.js";
+import { createBlock as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, withCtx as b } from "vue";
+//#region components/Text/Text.vue
+var x = "300", S = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+], C = !1, w = () => {
+	C = !1;
+}, T = {
+	name: "DtText",
+	props: {
+		as: {
+			type: String,
+			default: "span"
+		},
+		kind: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(a, e)
+		},
+		size: {
+			type: [String, Number],
+			default: null
+		},
+		tone: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(d, e)
+		},
+		align: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(t, e)
+		},
+		truncate: {
+			type: Boolean,
+			default: !1
+		},
+		maxLines: {
+			type: Number,
+			default: null,
+			validator: (e) => e === null || Number.isInteger(e) && e > 0
+		},
+		numeric: {
+			type: Boolean,
+			default: !1
+		},
+		wrap: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(p, e)
+		},
+		textBoxTrim: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(n, e)
+		},
+		strength: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(u, e)
+		},
+		density: {
+			type: [String, Number],
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(r, e)
+		}
+	},
+	computed: {
+		textClasses() {
+			let e = ["d-text"], t = this.getVariantClass();
+			t && e.push(t);
+			let n = this.getAlignClass();
+			n && e.push(n);
+			let r = this.getToneClass();
+			r && e.push(r), this.truncate && e.push(f), this.numeric && e.push(s), this.maxLines && e.push(o);
+			let i = this.getWrapClass();
+			i && e.push(i);
+			let a = this.getTextBoxTrimClass();
+			a && e.push(a);
+			let c = this.getStrengthClass();
+			c && e.push(c);
+			let l = this.getDensityClass();
+			return l && e.push(l), e;
+		},
+		textStyles() {
+			if (this.maxLines) return { "--dt-text-line-clamp": this.maxLines };
+		}
+	},
+	mounted() {
+		!C && this.kind === "headline" && !S.includes(this.as) && (console.info("[DtText] kind=\"headline\" is used without a semantic heading element. Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility."), C = !0);
+	},
+	methods: {
+		getVariantClass() {
+			if (!this.kind) return this.size && console.warn("[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\"."), null;
+			if (!Object.prototype.hasOwnProperty.call(a, this.kind)) return console.warn(`[DtText] Unsupported kind "${this.kind}".`), null;
+			let e = l[this.kind] || [], t = (this.size == null ? null : String(this.size)) || x, n = t;
+			if (!e.includes(t)) {
+				if (i.includes(t)) throw Error(`[DtText] size="${t}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);
+				let r = e.includes(x) ? x : e[0];
+				r && (n = r), console.warn(`[DtText] size="${t}" is not valid for kind="${this.kind}". Using "${n}" instead.`);
+			}
+			if (!n) return null;
+			let r = c[n] || n;
+			return `${a[this.kind]}--${r}`;
+		},
+		getModifierClass(e, t, n) {
+			return e == null ? null : t[e] || (console.warn(`[DtText] Unsupported ${n} "${e}".`), null);
+		},
+		getAlignClass() {
+			return this.getModifierClass(this.align, t, "align");
+		},
+		getToneClass() {
+			return this.getModifierClass(this.tone, d, "tone");
+		},
+		getWrapClass() {
+			return this.getModifierClass(this.wrap, p, "wrap");
+		},
+		getTextBoxTrimClass() {
+			return this.getModifierClass(this.textBoxTrim, n, "textBoxTrim");
+		},
+		getStrengthClass() {
+			return this.getModifierClass(this.strength, u, "strength");
+		},
+		getDensityClass() {
+			return this.getModifierClass(this.density, r, "density");
+		}
+	}
+};
+function E(e, t, n, r, i, a) {
+	return _(), m(y(n.as), {
+		"data-qa": "dt-text",
+		class: h(a.textClasses),
+		style: g(a.textStyles)
+	}, {
+		default: b(() => [v(e.$slots, "default")]),
+		_: 3
+	}, 8, ["class", "style"]);
+}
+var D = /* @__PURE__ */ e(T, [["render", E]]);
+//#endregion
+export { D as default, w as resetHeadlineSemanticInfoFlag };
+
+//# sourceMappingURL=text.js.map

package/dist/lib/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":[],"sources":["../../../components/Text/Text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './TextConstants';\n\nconst DEFAULT_SIZE = '300';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.\n     * Headline supports all sizes; body/label/code support 100-400.\n     * @values 100, 200, 300, 400, 500, 600, 700\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const rawSize = this.size != null ? String(this.size) : null;\n      const requestedSize = rawSize || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl, 500, 600, 700) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      // Map numeric sizes to t-shirt CSS class suffix\n      const cssSuffix = TEXT_SIZE_MAP[resolvedSize] || resolvedSize;\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${cssSuffix}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      return this.getModifierClass(this.tone, TEXT_TONE_MODIFIERS, 'tone');\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/toast/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./toast-constants.cjs`),t=require(`../../toast-d8_zmgkL.cjs`);exports.DtToast=t.t,exports.TOAST_MIN_DURATION=e.TOAST_MIN_DURATION,exports.TOAST_ROLES=e.TOAST_ROLES;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./toast-constants.cjs`),t=require(`../../Toast-DX-REYXG.cjs`);exports.DtToast=t.t,exports.TOAST_MIN_DURATION=e.TOAST_MIN_DURATION,exports.TOAST_ROLES=e.TOAST_ROLES;

package/dist/lib/toast/index.js

@@ -1,3 +1,3 @@
 import { TOAST_MIN_DURATION as e, TOAST_ROLES as t } from "./toast-constants.js";
-import { t as n } from "../../toast-DvPN-bCi.js";
+import { t as n } from "../../Toast-CHbVmbBg.js";
 export { n as DtToast, e as TOAST_MIN_DURATION, t as TOAST_ROLES };

package/dist/lib/toast/toast-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-constants.cjs","names":["NOTICE_KINDS"],"sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":"+FACA,IAAa,EAAwB,CAAC,WAAY,6CAAGA,aAAa,CACrD,EAAc,CAAC,SAAU,QAAQ,CACjC,EAAqB,IACrB,EAAgB,CAAC,UAAW,YAAY,CAErD,EAAe,CACb,cACA,qBACA,gBACA,wBACD"}
+{"version":3,"file":"toast-constants.cjs","names":["NOTICE_KINDS"],"sources":["../../../components/Toast/ToastConstants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/Notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":"+FACA,IAAa,EAAwB,CAAC,WAAY,6CAAGA,aAAa,CACrD,EAAc,CAAC,SAAU,QAAQ,CACjC,EAAqB,IACrB,EAAgB,CAAC,UAAW,YAAY,CAErD,EAAe,CACb,cACA,qBACA,gBACA,wBACD"}

package/dist/lib/toast/toast-constants.js

@@ -1,5 +1,5 @@
 import { NOTICE_KINDS as e } from "../notice/notice-constants.js";
-//#region components/toast/toast_constants.js
+//#region components/Toast/ToastConstants.js
 var t = ["gradient", ...e], n = ["status", "alert"], r = 6e3, i = ["default", "alternate"], a = {
 	TOAST_ROLES: n,
 	TOAST_MIN_DURATION: r,

package/dist/lib/toast/toast-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-constants.js","names":[],"sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":";;AACA,IAAa,IAAwB,CAAC,YAAY,GAAG,EAAa,EACrD,IAAc,CAAC,UAAU,QAAQ,EACjC,IAAqB,KACrB,IAAgB,CAAC,WAAW,YAAY,EAErD,IAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"toast-constants.js","names":[],"sources":["../../../components/Toast/ToastConstants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/Notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":";;AACA,IAAa,IAAwB,CAAC,YAAY,GAAG,EAAa,EACrD,IAAc,CAAC,UAAU,QAAQ,EACjC,IAAqB,KACrB,IAAgB,CAAC,WAAW,YAAY,EAErD,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/toast/toast.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../toast-d8_zmgkL.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../Toast-DX-REYXG.cjs`);exports.default=e.t;

package/dist/lib/toast/toast.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toast-DvPN-bCi.js";
+import { t as e } from "../../Toast-CHbVmbBg.js";
 export { e as default };

package/dist/lib/toggle/toggle-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={sm:`d-toggle--small`,md:``},t=[!1,!0,`mixed`],n={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t,exports.TOGGLE_SIZE_MODIFIERS=e,exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={200:`d-toggle--small`,300:``,sm:`d-toggle--small`,md:``},t=[!1,!0,`mixed`],n={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t,exports.TOGGLE_SIZE_MODIFIERS=e,exports.default=n;
 //# sourceMappingURL=toggle-constants.cjs.map

package/dist/lib/toggle/toggle-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.cjs","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CACnC,GAAI,kBACJ,GAAI,GACL,CAEY,EAAwB,CAAC,GAAO,GAAM,QAAQ,CAE3D,EAAe,CACb,wBACA,wBACD"}
+{"version":3,"file":"toggle-constants.cjs","names":[],"sources":["../../../components/Toggle/ToggleConstants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CAEnC,IAAK,kBACL,IAAK,GAEL,GAAI,kBACJ,GAAI,GACL,CAEY,EAAwB,CAAC,GAAO,GAAM,QAAQ,CAE3D,EAAe,CACb,wBACA,wBACD"}

package/dist/lib/toggle/toggle-constants.js

@@ -1,5 +1,7 @@
-//#region components/toggle/toggle_constants.js
+//#region components/Toggle/ToggleConstants.js
 var e = {
+	200: "d-toggle--small",
+	300: "",
 	sm: "d-toggle--small",
 	md: ""
 }, t = [

package/dist/lib/toggle/toggle-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.js","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CACnC,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CAAC;CAAO;CAAM;CAAQ,EAE3D,IAAe;CACb;CACA;CACD"}
+{"version":3,"file":"toggle-constants.js","names":[],"sources":["../../../components/Toggle/ToggleConstants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CAEnC,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CAAC;CAAO;CAAM;CAAQ,EAE3D,IAAe;CACb;CACA;CACD"}

package/dist/lib/toggle/toggle.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./toggle-constants.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtToggle`,inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:e=>n.TOGGLE_CHECKED_VALUES.includes(e)},toggleOnClick:{type:Boolean,default:!0},size:{type:String,default:`md`,validator:e=>Object.keys(n.TOGGLE_SIZE_MODIFIERS).includes(e)},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:``},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:[`change`,`update:modelValue`],data(){return{internalChecked:this.modelValue,hasSlotContent:e.hasSlotContent}},computed:{inputListeners(){return{...e.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked===`mixed`},toggleRole(){return this.isIndeterminate?`checkbox`:`switch`},toggleClasses(){return[`d-toggle`,n.TOGGLE_SIZE_MODIFIERS[this.size],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(e){this.internalChecked=e}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:e.addClassStyleAttrs,toggleCheckedValue(){this.$emit(`update:modelValue`,!this.internalChecked),this.$emit(`change`,!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){this.validateInputLabels(this.hasSlotLabel(),this.$attrs[`aria-label`])},validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a=[`for`],o=[`id`,`role`,`aria-checked`,`disabled`,`aria-disabled`],s={key:0,class:`d-toggle__inner`};function c(e,t,n,i,c,l){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:[`d-toggle-wrapper`,n.wrapperClass]},l.addClassStyleAttrs(e.$attrs)),[c.hasSlotContent(e.$slots.default)?((0,r.openBlock)(),(0,r.createElementBlock)(`label`,(0,r.mergeProps)({key:0,class:n.labelClass,for:n.id},n.labelChildProps,{"data-qa":`toggle-label`}),[(0,r.renderSlot)(e.$slots,`default`)],16,a)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`button`,(0,r.mergeProps)({id:n.id,role:l.toggleRole,type:`button`,"aria-checked":c.internalChecked.toString(),disabled:n.disabled,"aria-disabled":n.disabled.toString(),class:l.toggleClasses},l.inputListeners),[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(``,!0)],16,o)],16)}var l=t.t(i,[[`render`,c]]);exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./toggle-constants.cjs`);let r=require(`vue`);var i={name:`DtToggle`,inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:e=>n.TOGGLE_CHECKED_VALUES.includes(e)},toggleOnClick:{type:Boolean,default:!0},size:{type:[String,Number],default:300,validator:e=>Object.keys(n.TOGGLE_SIZE_MODIFIERS).includes(String(e))},showLabel:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})}},emits:[`update:modelValue`],data(){return{internalChecked:this.modelValue,hasSlotContent:e.hasSlotContent}},computed:{inputListeners(){return{...e.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked===`mixed`},toggleRole(){return this.isIndeterminate?`checkbox`:`switch`},toggleClasses(){return[`d-toggle`,n.TOGGLE_SIZE_MODIFIERS[String(this.size)],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(e){this.internalChecked=e}},mounted(){this.runValidations()},methods:{toggleCheckedValue(){this.$emit(`update:modelValue`,!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){!(this.showLabel&&this.hasSlotLabel())&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label and use show-label="false" to hide it visually.`)}}},a=[`for`],o=[`id`,`role`,`aria-checked`,`disabled`,`aria-disabled`],s={key:0,class:`d-toggle__inner`};function c(e,t,n,i,c,l){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`d-toggle-wrapper`,e.$attrs.class]),style:(0,r.normalizeStyle)(e.$attrs.style)},[n.showLabel&&c.hasSlotContent(e.$slots.default)?((0,r.openBlock)(),(0,r.createElementBlock)(`label`,(0,r.mergeProps)({key:0,class:n.labelClass,for:n.id},n.labelChildProps,{"data-qa":`toggle-label`}),[(0,r.renderSlot)(e.$slots,`default`)],16,a)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`button`,(0,r.mergeProps)({id:n.id,role:l.toggleRole,type:`button`,"aria-checked":c.internalChecked.toString(),disabled:n.disabled,"aria-disabled":n.disabled.toString(),class:l.toggleClasses},l.inputListeners),[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(``,!0)],16,o)],6)}var l=t.t(i,[[`render`,c]]);exports.default=l;
 //# sourceMappingURL=toggle.cjs.map

package/dist/lib/toggle/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../components/Toggle/Toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', $attrs.class]\"\n    :style=\"$attrs.style\"\n  >\n    <label\n      v-if=\"showLabel && hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/Toggle/ToggleConstants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values 200, 300\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * Determines visibility of toggle label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[String(this.size)],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      const hasVisibleLabel = this.showLabel && this.hasSlotLabel();\n      if (!hasVisibleLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"sSAyCA,IAAK,EAAU,CAEb,KAAM,WAEN,aAAc,GAEd,MAAO,CAKL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,iBAAiB,EACtC,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,CAAC,QAAS,OAAO,CACvB,QAAS,GACT,UAAY,GAAM,EAAA,sBAAsB,SAAS,EAAE,CACpD,CAOD,cAAe,CACb,KAAM,QACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAY,GAAM,OAAO,KAAK,EAAA,sBAAsB,CAAC,SAAS,OAAO,EAAE,CAAC,CACzE,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,gBAAiB,CACf,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,oBACD,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,eAAA,EAAA,eACD,EAGH,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,GAAG,EAAA,sBAAsB,KAAK,OAAO,CACrC,YAAe,KAAK,oBAAoB,CACzC,EAGH,iBAAmB,CACjB,OAAO,KAAK,kBAAoB,SAGlC,YAAc,CACZ,OAAO,KAAK,gBAAkB,WAAa,UAG7C,eAAiB,CACf,MAAO,CACL,WACA,EAAA,sBAAsB,OAAO,KAAK,KAAK,EACvC,CACE,oBAAqB,KAAK,kBAAoB,GAC9C,qBAAsB,KAAK,SAC3B,0BAA2B,KAAK,gBACjC,CACF,EAEJ,CAED,MAAO,CACL,WAAY,EAAY,CACtB,KAAK,gBAAkB,GAE1B,CAED,SAAW,CACT,KAAK,gBAAgB,EAGvB,QAAS,CACP,oBAAsB,CACpB,KAAK,MAAM,oBAAqB,CAAC,KAAK,gBAAgB,CAElD,KAAK,gBACP,KAAK,gBAAkB,CAAC,KAAK,kBAIjC,cAAgB,CACd,MAAO,CAAC,CAAE,KAAK,OAAO,SAGxB,gBAAkB,CAEZ,EADoB,KAAK,WAAa,KAAK,cAAc,GACrC,CAAC,KAAK,OAAO,eACnC,QAAQ,KACN,oHACD,EAGN,CACF,8EAtLO,MAAM,4FAGN,MAAA,CA5BH,OAAA,EAAA,EAAA,gBAAK,CAAA,mBAAuB,EAAA,OAAO,MAAK,CAAA,CACxC,OAAA,EAAA,EAAA,gBAAO,EAAA,OAAO,MAAK,GAGZ,EAAA,WAAa,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ1C,SAAA,EAAA,EAAA,YAAA,OAPL,MAAO,EAAA,WACP,IAAK,EAAA,IACE,EAAA,gBAAe,CACvB,UAAQ,eAAc,CAAA,CAAA,EAAA,EAAA,EAAA,YAGd,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBAgBD,UAAA,EAAA,EAAA,YAAA,CAbN,GAAI,EAAA,GACJ,KAAM,EAAA,WACP,KAAK,SACJ,eAAc,EAAA,gBAAgB,UAAQ,CACtC,SAAU,EAAA,SACV,gBAAe,EAAA,SAAS,UAAQ,CAChC,MAAO,EAAA,eACA,EAAA,eAAc,CAAA,CAGd,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEN,OAHF,EAGE,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAAA"}