@dialpad/dialtone-vue 3.222.0-next.2 → 3.222.1

package/dist/components/ValidationMessages/ValidationMessages.vue.d.ts

@@ -1,172 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default(): string;
-    };
-    validationMessages: {
-        type: ArrayConstructor;
-        default: () => never[];
-        validator: (messages: unknown) => any;
-    };
-    showMessages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    iconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-}>, {}, {}, {
-    filteredValidationMessages(): any;
-    validationState(): string | null;
-}, {
-    getMessageKey(type: any, index: any): string;
-    iconForType(type: any): any;
-    messageTypeClass(type: any): any;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default(): string;
-    };
-    validationMessages: {
-        type: ArrayConstructor;
-        default: () => never[];
-        validator: (messages: unknown) => any;
-    };
-    showMessages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    iconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    id: string;
-    validationMessages: unknown[];
-    showMessages: boolean;
-    iconClass: string | unknown[] | Record<string, any>;
-}, {}, {
-    DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {
-        iconSizeClass(): any;
-        ariaHidden(): "true" | "false";
-        dataQA(): {};
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onLoaded?: ((...args: any[]) => any) | undefined;
-    }>, {
-        size: string;
-        ariaLabel: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {
-        iconSizeClass(): any;
-        ariaHidden(): "true" | "false";
-        dataQA(): {};
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onLoaded?: ((...args: any[]) => any) | undefined;
-    }>, {
-        size: string;
-        ariaLabel: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {
-        iconSizeClass(): any;
-        ariaHidden(): "true" | "false";
-        dataQA(): {};
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onLoaded?: ((...args: any[]) => any) | undefined;
-    }>, {
-        size: string;
-        ariaLabel: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>, {}, {}, {
-        iconSizeClass(): any;
-        ariaHidden(): "true" | "false";
-        dataQA(): {};
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onLoaded?: ((...args: any[]) => any) | undefined;
-    }>, {
-        size: string;
-        ariaLabel: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=ValidationMessages.vue.d.ts.map

package/dist/components/ValidationMessages/ValidationMessages.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValidationMessages.vue.d.ts","sourceRoot":"","sources":["../../../components/ValidationMessages/ValidationMessages.vue"],"names":[],"mappings":"AAqCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8IA,GAvGkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuGlD,GAvGkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuGlD,GAvGkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuGlD,GAvGkD"}

package/dist/components/ValidationMessages/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtValidationMessages } from './ValidationMessages.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ValidationMessages/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ValidationMessages/index.js"],"names":[],"mappings":""}

package/dist/directives/focusgroup_directive/focusgroup.d.ts

@@ -1,6 +0,0 @@
-export namespace DtFocusgroupDirective {
-    let name: string;
-    function install(app: any): void;
-}
-export default DtFocusgroupDirective;
-//# sourceMappingURL=focusgroup.d.ts.map

package/dist/directives/focusgroup_directive/focusgroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusgroup.d.ts","sourceRoot":"","sources":["../../../directives/focusgroup_directive/focusgroup.js"],"names":[],"mappings":";;IA+BE,iCA0OC"}

package/dist/directives/focusgroup_directive/focusgroup_constants.d.ts

@@ -1,74 +0,0 @@
-export const FOCUSABLE_SELECTOR: ":is(button, [href], input, select, textarea, [tabindex]):not([data-dt-focusgroup-skip])";
-export const FOCUSGROUP_DEFAULTS: Readonly<{
-    axis: "both";
-    loop: true;
-    memory: true;
-    selector: null;
-    skipDisabled: null;
-}>;
-export const ROLE_DEFAULTS_MAP: Readonly<{
-    tablist: {
-        selector: string;
-        skipDisabled: boolean;
-    };
-    radiogroup: {
-        selector: string;
-        skipDisabled: boolean;
-    };
-    listbox: {
-        selector: string;
-        skipDisabled: boolean;
-    };
-    menu: Readonly<{
-        selector: "[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]";
-        skipDisabled: true;
-    }>;
-    menubar: Readonly<{
-        selector: "[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]";
-        skipDisabled: true;
-    }>;
-    toolbar: {
-        selector: string;
-        skipDisabled: boolean;
-    };
-}>;
-export const TOKEN_MAP: Readonly<{
-    horizontal: {
-        key: string;
-        value: string;
-    };
-    vertical: {
-        key: string;
-        value: string;
-    };
-    both: {
-        key: string;
-        value: string;
-    };
-    loop: {
-        key: string;
-        value: boolean;
-    };
-    noloop: {
-        key: string;
-        value: boolean;
-    };
-    memory: {
-        key: string;
-        value: boolean;
-    };
-    nomemory: {
-        key: string;
-        value: boolean;
-    };
-    skipdisabled: {
-        key: string;
-        value: boolean;
-    };
-    noskipdisabled: {
-        key: string;
-        value: boolean;
-    };
-}>;
-export const CONFIG_KEYS: string[];
-//# sourceMappingURL=focusgroup_constants.d.ts.map

package/dist/directives/focusgroup_directive/focusgroup_constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusgroup_constants.d.ts","sourceRoot":"","sources":["../../../directives/focusgroup_directive/focusgroup_constants.js"],"names":[],"mappings":"AAIA,iCACE,yFAAyF,CAAC;AAW5F;;;;;;GAMG;AAOH;;;;;;;;;;;;;;;;;;;;;;;;;GAmBG;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUG;AAEH,mCAAkF"}

package/dist/directives/focusgroup_directive/focusgroup_utils.d.ts

@@ -1,15 +0,0 @@
-export function parseConfig(value: any): {
-    axis: "both";
-    loop: true;
-    memory: true;
-    selector: null;
-    skipDisabled: null;
-};
-export function configsEqual(a: any, b: any): boolean;
-export function resolveSelector(el: HTMLElement, config: {
-    selector: string | null;
-}): string;
-export function resolveSkipDisabled(el: HTMLElement, config: {
-    skipDisabled: boolean | null;
-}): boolean;
-//# sourceMappingURL=focusgroup_utils.d.ts.map

package/dist/directives/focusgroup_directive/focusgroup_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusgroup_utils.d.ts","sourceRoot":"","sources":["../../../directives/focusgroup_directive/focusgroup_utils.js"],"names":[],"mappings":"AAyCA;;;;;;EAYC;AAMD,sDAEC;AAWD,oCAJW,WAAW,UACX;IAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,CAAA;CAAE,GACvB,MAAM,CAWlB;AAWD,wCAJW,WAAW,UACX;IAAE,YAAY,EAAE,OAAO,GAAC,IAAI,CAAA;CAAE,GAC5B,OAAO,CAWnB"}

package/dist/directives/focusgroup_directive/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtFocusgroupDirective } from './focusgroup.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/directives/focusgroup_directive/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../directives/focusgroup_directive/index.js"],"names":[],"mappings":""}

package/dist/directives/focustrap_directive/focustrap.d.ts

@@ -1,6 +0,0 @@
-export namespace DtFocustrapDirective {
-    let name: string;
-    function install(app: any): void;
-}
-export default DtFocustrapDirective;
-//# sourceMappingURL=focustrap.d.ts.map

package/dist/directives/focustrap_directive/focustrap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focustrap.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/focustrap.js"],"names":[],"mappings":";;IAwBE,iCAkCC"}

package/dist/directives/focustrap_directive/focustrap_constants.d.ts

@@ -1,7 +0,0 @@
-export const FOCUSTRAP_DEFAULTS: Readonly<{
-    active: true;
-    initialFocus: "auto";
-    restoreFocus: true;
-}>;
-export const FOCUSTRAP_STATE_KEY: symbol;
-//# sourceMappingURL=focustrap_constants.d.ts.map

package/dist/directives/focustrap_directive/focustrap_constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focustrap_constants.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/focustrap_constants.js"],"names":[],"mappings":"AAGA;;;;GAIG;AAMH,kCAFU,MAAM,CAEyC"}

package/dist/directives/focustrap_directive/focustrap_utils.d.ts

@@ -1,5 +0,0 @@
-export function getTabbableElements(container: HTMLElement, { includeNegativeTabIndex }?: {
-    includeNegativeTabIndex?: boolean | undefined;
-}): HTMLElement[];
-export function getFirstFocusCandidate(elements: HTMLElement[]): HTMLElement | undefined;
-//# sourceMappingURL=focustrap_utils.d.ts.map

package/dist/directives/focustrap_directive/focustrap_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focustrap_utils.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/focustrap_utils.js"],"names":[],"mappings":"AAsBA,+CALW,WAAW,gCAEnB;IAA0B,uBAAuB;CACjD,GAAU,WAAW,EAAE,CAYzB;AAWD,iDAHW,WAAW,EAAE,GACX,WAAW,GAAC,SAAS,CASjC"}

package/dist/directives/focustrap_directive/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtFocustrapDirective } from './focustrap.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/directives/focustrap_directive/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/index.js"],"names":[],"mappings":""}

package/dist/directives/mode_directive/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtModeDirective } from './mode.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/directives/mode_directive/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../directives/mode_directive/index.js"],"names":[],"mappings":""}

package/dist/directives/mode_directive/mode.d.ts

@@ -1,6 +0,0 @@
-export namespace DtModeDirective {
-    let name: string;
-    function install(app: any): void;
-}
-export default DtModeDirective;
-//# sourceMappingURL=mode.d.ts.map

package/dist/directives/mode_directive/mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.d.ts","sourceRoot":"","sources":["../../../directives/mode_directive/mode.js"],"names":[],"mappings":";;IAsCE,iCA2IC"}

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

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../common/constants/layout.cjs`);var t=[`div`,`span`,`section`,`article`,`aside`,`main`,`header`,`footer`,`nav`,`ul`,`ol`,`li`,`fieldset`,`form`,`figure`],n=[`0`,`1`,`25`,`50`,`75`,`100`,`125`,`150`,`175`,`200`,`250`,`300`,`350`,`400`,`450`,`500`,`525`,`550`,`600`,`650`,`700`,`750`,`800`],r=`primary.secondary.moderate.bold.strong.contrast.backdrop.brand.info.positive.warning.critical.brand-subtle.brand-strong.info-subtle.info-strong.positive-subtle.positive-strong.warning-subtle.warning-strong.critical-subtle.critical-strong.primary-opaque.secondary-opaque.moderate-opaque.bold-opaque.strong-opaque.contrast-opaque.brand-opaque.brand-subtle-opaque.info-opaque.info-subtle-opaque.positive-opaque.positive-subtle-opaque.warning-opaque.warning-subtle-opaque.critical-opaque.critical-subtle-opaque`.split(`.`),i=[`transparent`,`subtle`,`default`,`moderate`,`bold`,`accent`,`focus`,`brand`,`positive`,`warning`,`critical`,`info`,`brand-subtle`,`brand-strong`,`positive-subtle`,`positive-strong`,`warning-subtle`,`warning-strong`,`critical-subtle`,`critical-strong`,`info-subtle`,`info-strong`],a=[`0`,`50`,`100`,`150`,`200`,`300`,`400`],o=[`0`,`100`,`200`,`300`,`350`,`400`,`450`,`500`,`550`,`600`,`pill`,`circle`],s=[`small`,`medium`,`large`,`extra-large`,`card`],c=e.LAYOUT_VALUES,l=[`hidden`,`scroll`,`auto`,`clip`,`visible`],u=[`leave`,`scroll`,`move`,`always`];exports.DT_BOX_AS_VALUES=t,exports.DT_BOX_BORDER_COLOR_VALUES=i,exports.DT_BOX_BORDER_RADIUS_VALUES=o,exports.DT_BOX_BORDER_WIDTH_VALUES=a,exports.DT_BOX_LAYOUT_VALUES=c,exports.DT_BOX_OVERFLOW_VALUES=l,exports.DT_BOX_SCROLLBAR_VALUES=u,exports.DT_BOX_SHADOW_VALUES=s,exports.DT_BOX_SPACING_VALUES=n,exports.DT_BOX_SURFACE_VALUES=r;
-//# sourceMappingURL=box-constants.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"box-constants.cjs","names":["LAYOUT_VALUES"],"sources":["../../../components/Box/BoxConstants.js"],"sourcesContent":["import { LAYOUT_VALUES } from '@/common/constants';\n\n/**\n * Valid `as` elements for the box component.\n * @type {string[]}\n */\nexport const DT_BOX_AS_VALUES = ['div', 'span', 'section', 'article', 'aside', 'main', 'header', 'footer', 'nav', 'ul', 'ol', 'li', 'fieldset', 'form', 'figure'];\n\n/**\n * Spacing token scale (shared across all padding props).\n * @type {string[]}\n */\nexport const DT_BOX_SPACING_VALUES = ['0', '1', '25', '50', '75', '100', '125', '150', '175', '200', '250', '300', '350', '400', '450', '500', '525', '550', '600', '650', '700', '750', '800'];\n\n\n/**\n * Surface color values (neutral + semantic + subtle/strong + opaque).\n * @type {string[]}\n */\nexport const DT_BOX_SURFACE_VALUES = [\n  'primary', 'secondary', 'moderate', 'bold', 'strong', 'contrast', 'backdrop',\n  'brand', 'info', 'positive', 'warning', 'critical',\n  'brand-subtle', 'brand-strong', 'info-subtle', 'info-strong',\n  'positive-subtle', 'positive-strong', 'warning-subtle', 'warning-strong',\n  'critical-subtle', 'critical-strong',\n  'primary-opaque', 'secondary-opaque', 'moderate-opaque', 'bold-opaque',\n  'strong-opaque', 'contrast-opaque',\n  'brand-opaque', 'brand-subtle-opaque', 'info-opaque', 'info-subtle-opaque',\n  'positive-opaque', 'positive-subtle-opaque', 'warning-opaque', 'warning-subtle-opaque',\n  'critical-opaque', 'critical-subtle-opaque',\n];\n\n/**\n * Border color values (neutral + semantic + variants).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_COLOR_VALUES = [\n  'transparent', 'subtle', 'default', 'moderate', 'bold', 'accent', 'focus',\n  'brand', 'positive', 'warning', 'critical', 'info',\n  'brand-subtle', 'brand-strong', 'positive-subtle', 'positive-strong',\n  'warning-subtle', 'warning-strong', 'critical-subtle', 'critical-strong',\n  'info-subtle', 'info-strong',\n];\n\n/**\n * Border width values (maps to --dt-size-border-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_WIDTH_VALUES = ['0', '50', '100', '150', '200', '300', '400'];\n\n/**\n * Border radius values (maps to --dt-size-radius-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_RADIUS_VALUES = ['0', '100', '200', '300', '350', '400', '450', '500', '550', '600', 'pill', 'circle'];\n\n/**\n * Shadow values (maps to --dt-shadow-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_SHADOW_VALUES = ['small', 'medium', 'large', 'extra-large', 'card'];\n\n/**\n * Layout token scale (for sizing props: inlineSize, blockSize, min/max variants).\n * @type {string[]}\n */\nexport const DT_BOX_LAYOUT_VALUES = LAYOUT_VALUES;\n\n/**\n * Overflow values.\n * @type {string[]}\n */\nexport const DT_BOX_OVERFLOW_VALUES = ['hidden', 'scroll', 'auto', 'clip', 'visible'];\n\n/**\n * Scrollbar autoHide mode values (maps to OverlayScrollbars autoHide option).\n * @type {string[]}\n */\nexport const DT_BOX_SCROLLBAR_VALUES = ['leave', 'scroll', 'move', 'always'];\n"],"mappings":"wHAMA,IAAa,EAAmB,CAAC,MAAO,OAAQ,UAAW,UAAW,QAAS,OAAQ,SAAU,SAAU,MAAO,KAAM,KAAM,KAAM,WAAY,OAAQ,SAAS,CAMpJ,EAAwB,CAAC,IAAK,IAAK,KAAM,KAAM,KAAM,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAM,CAOlL,EAAwB,ugBAWpC,CAMY,EAA6B,CACxC,cAAe,SAAU,UAAW,WAAY,OAAQ,SAAU,QAClE,QAAS,WAAY,UAAW,WAAY,OAC5C,eAAgB,eAAgB,kBAAmB,kBACnD,iBAAkB,iBAAkB,kBAAmB,kBACvD,cAAe,cAChB,CAMY,EAA6B,CAAC,IAAK,KAAM,MAAO,MAAO,MAAO,MAAO,MAAM,CAM3E,EAA8B,CAAC,IAAK,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OAAQ,SAAS,CAMpH,EAAuB,CAAC,QAAS,SAAU,QAAS,cAAe,OAAO,CAM1E,EAAuBA,EAAAA,cAMvB,EAAyB,CAAC,SAAU,SAAU,OAAQ,OAAQ,UAAU,CAMxE,EAA0B,CAAC,QAAS,SAAU,OAAQ,SAAS"}

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

@@ -1,108 +0,0 @@
-import { LAYOUT_VALUES as e } from "../../common/constants/layout.js";
-//#region components/Box/BoxConstants.js
-var t = [
-	"div",
-	"span",
-	"section",
-	"article",
-	"aside",
-	"main",
-	"header",
-	"footer",
-	"nav",
-	"ul",
-	"ol",
-	"li",
-	"fieldset",
-	"form",
-	"figure"
-], n = [
-	"0",
-	"1",
-	"25",
-	"50",
-	"75",
-	"100",
-	"125",
-	"150",
-	"175",
-	"200",
-	"250",
-	"300",
-	"350",
-	"400",
-	"450",
-	"500",
-	"525",
-	"550",
-	"600",
-	"650",
-	"700",
-	"750",
-	"800"
-], r = /* @__PURE__ */ "primary.secondary.moderate.bold.strong.contrast.backdrop.brand.info.positive.warning.critical.brand-subtle.brand-strong.info-subtle.info-strong.positive-subtle.positive-strong.warning-subtle.warning-strong.critical-subtle.critical-strong.primary-opaque.secondary-opaque.moderate-opaque.bold-opaque.strong-opaque.contrast-opaque.brand-opaque.brand-subtle-opaque.info-opaque.info-subtle-opaque.positive-opaque.positive-subtle-opaque.warning-opaque.warning-subtle-opaque.critical-opaque.critical-subtle-opaque".split("."), i = [
-	"transparent",
-	"subtle",
-	"default",
-	"moderate",
-	"bold",
-	"accent",
-	"focus",
-	"brand",
-	"positive",
-	"warning",
-	"critical",
-	"info",
-	"brand-subtle",
-	"brand-strong",
-	"positive-subtle",
-	"positive-strong",
-	"warning-subtle",
-	"warning-strong",
-	"critical-subtle",
-	"critical-strong",
-	"info-subtle",
-	"info-strong"
-], a = [
-	"0",
-	"50",
-	"100",
-	"150",
-	"200",
-	"300",
-	"400"
-], o = [
-	"0",
-	"100",
-	"200",
-	"300",
-	"350",
-	"400",
-	"450",
-	"500",
-	"550",
-	"600",
-	"pill",
-	"circle"
-], s = [
-	"small",
-	"medium",
-	"large",
-	"extra-large",
-	"card"
-], c = e, l = [
-	"hidden",
-	"scroll",
-	"auto",
-	"clip",
-	"visible"
-], u = [
-	"leave",
-	"scroll",
-	"move",
-	"always"
-];
-//#endregion
-export { t as DT_BOX_AS_VALUES, i as DT_BOX_BORDER_COLOR_VALUES, o as DT_BOX_BORDER_RADIUS_VALUES, a as DT_BOX_BORDER_WIDTH_VALUES, c as DT_BOX_LAYOUT_VALUES, l as DT_BOX_OVERFLOW_VALUES, u as DT_BOX_SCROLLBAR_VALUES, s as DT_BOX_SHADOW_VALUES, n as DT_BOX_SPACING_VALUES, r as DT_BOX_SURFACE_VALUES };
-
-//# sourceMappingURL=box-constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"box-constants.js","names":[],"sources":["../../../components/Box/BoxConstants.js"],"sourcesContent":["import { LAYOUT_VALUES } from '@/common/constants';\n\n/**\n * Valid `as` elements for the box component.\n * @type {string[]}\n */\nexport const DT_BOX_AS_VALUES = ['div', 'span', 'section', 'article', 'aside', 'main', 'header', 'footer', 'nav', 'ul', 'ol', 'li', 'fieldset', 'form', 'figure'];\n\n/**\n * Spacing token scale (shared across all padding props).\n * @type {string[]}\n */\nexport const DT_BOX_SPACING_VALUES = ['0', '1', '25', '50', '75', '100', '125', '150', '175', '200', '250', '300', '350', '400', '450', '500', '525', '550', '600', '650', '700', '750', '800'];\n\n\n/**\n * Surface color values (neutral + semantic + subtle/strong + opaque).\n * @type {string[]}\n */\nexport const DT_BOX_SURFACE_VALUES = [\n  'primary', 'secondary', 'moderate', 'bold', 'strong', 'contrast', 'backdrop',\n  'brand', 'info', 'positive', 'warning', 'critical',\n  'brand-subtle', 'brand-strong', 'info-subtle', 'info-strong',\n  'positive-subtle', 'positive-strong', 'warning-subtle', 'warning-strong',\n  'critical-subtle', 'critical-strong',\n  'primary-opaque', 'secondary-opaque', 'moderate-opaque', 'bold-opaque',\n  'strong-opaque', 'contrast-opaque',\n  'brand-opaque', 'brand-subtle-opaque', 'info-opaque', 'info-subtle-opaque',\n  'positive-opaque', 'positive-subtle-opaque', 'warning-opaque', 'warning-subtle-opaque',\n  'critical-opaque', 'critical-subtle-opaque',\n];\n\n/**\n * Border color values (neutral + semantic + variants).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_COLOR_VALUES = [\n  'transparent', 'subtle', 'default', 'moderate', 'bold', 'accent', 'focus',\n  'brand', 'positive', 'warning', 'critical', 'info',\n  'brand-subtle', 'brand-strong', 'positive-subtle', 'positive-strong',\n  'warning-subtle', 'warning-strong', 'critical-subtle', 'critical-strong',\n  'info-subtle', 'info-strong',\n];\n\n/**\n * Border width values (maps to --dt-size-border-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_WIDTH_VALUES = ['0', '50', '100', '150', '200', '300', '400'];\n\n/**\n * Border radius values (maps to --dt-size-radius-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_BORDER_RADIUS_VALUES = ['0', '100', '200', '300', '350', '400', '450', '500', '550', '600', 'pill', 'circle'];\n\n/**\n * Shadow values (maps to --dt-shadow-* tokens).\n * @type {string[]}\n */\nexport const DT_BOX_SHADOW_VALUES = ['small', 'medium', 'large', 'extra-large', 'card'];\n\n/**\n * Layout token scale (for sizing props: inlineSize, blockSize, min/max variants).\n * @type {string[]}\n */\nexport const DT_BOX_LAYOUT_VALUES = LAYOUT_VALUES;\n\n/**\n * Overflow values.\n * @type {string[]}\n */\nexport const DT_BOX_OVERFLOW_VALUES = ['hidden', 'scroll', 'auto', 'clip', 'visible'];\n\n/**\n * Scrollbar autoHide mode values (maps to OverlayScrollbars autoHide option).\n * @type {string[]}\n */\nexport const DT_BOX_SCROLLBAR_VALUES = ['leave', 'scroll', 'move', 'always'];\n"],"mappings":";;AAMA,IAAa,IAAmB;CAAC;CAAO;CAAQ;CAAW;CAAW;CAAS;CAAQ;CAAU;CAAU;CAAO;CAAM;CAAM;CAAM;CAAY;CAAQ;CAAS,EAMpJ,IAAwB;CAAC;CAAK;CAAK;CAAM;CAAM;CAAM;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAM,EAOlL,IAAwB,uhBAWpC,EAMY,IAA6B;CACxC;CAAe;CAAU;CAAW;CAAY;CAAQ;CAAU;CAClE;CAAS;CAAY;CAAW;CAAY;CAC5C;CAAgB;CAAgB;CAAmB;CACnD;CAAkB;CAAkB;CAAmB;CACvD;CAAe;CAChB,EAMY,IAA6B;CAAC;CAAK;CAAM;CAAO;CAAO;CAAO;CAAO;CAAM,EAM3E,IAA8B;CAAC;CAAK;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAQ;CAAS,EAMpH,IAAuB;CAAC;CAAS;CAAU;CAAS;CAAe;CAAO,EAM1E,IAAuB,GAMvB,IAAyB;CAAC;CAAU;CAAU;CAAQ;CAAQ;CAAU,EAMxE,IAA0B;CAAC;CAAS;CAAU;CAAQ;CAAS"}

package/dist/lib/box/box.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`./validators.cjs`);let t=require(`vue`);var n=Object.assign({name:`DtBox`},{__name:`Box`,props:{as:{type:String,default:`div`,validator:e.asValidator},scrollbar:{type:[String,Boolean],default:void 0,validator:e.scrollbarValidator},surface:{type:String,default:void 0,validator:e.surfaceValidator},borderColor:{type:String,default:`default`,validator:e.borderColorValidator},borderRadius:{type:String,default:void 0,validator:e.borderRadiusValidator},borderWidth:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthBlock:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthBlockEnd:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthBlockStart:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthInline:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthInlineEnd:{type:String,default:void 0,validator:e.borderWidthValidator},borderWidthInlineStart:{type:String,default:void 0,validator:e.borderWidthValidator},padding:{type:String,default:void 0,validator:e.spacingValidator},paddingBlock:{type:String,default:void 0,validator:e.spacingValidator},paddingBlockEnd:{type:String,default:void 0,validator:e.spacingValidator},paddingBlockStart:{type:String,default:void 0,validator:e.spacingValidator},paddingInline:{type:String,default:void 0,validator:e.spacingValidator},paddingInlineEnd:{type:String,default:void 0,validator:e.spacingValidator},paddingInlineStart:{type:String,default:void 0,validator:e.spacingValidator},blockSize:{type:String,default:void 0,validator:e.layoutValidator},inlineSize:{type:String,default:void 0,validator:e.layoutValidator},maxBlockSize:{type:String,default:void 0,validator:e.layoutValidator},minBlockSize:{type:String,default:void 0,validator:e.layoutValidator},maxInlineSize:{type:String,default:void 0,validator:e.layoutValidator},minInlineSize:{type:String,default:void 0,validator:e.layoutValidator},shadow:{type:String,default:void 0,validator:e.shadowValidator},overflow:{type:String,default:void 0,validator:e.overflowValidator},scrollbarContentClass:{type:[String,Object,Array],default:``}},setup(e){let n=e,r=[`ul`,`ol`,`span`,`fieldset`],i=(0,t.computed)(()=>n.scrollbar===!0?`leave`:n.scrollbar??void 0);(0,t.onMounted)(()=>{n.scrollbar&&r.includes(n.as)&&console.warn(`[DtBox] scrollbar prop inserts a <div> wrapper which breaks semantic child structure for <${n.as}>. Consider applying scrollbar on a parent DtBox container instead.`)});function a(e,t){return t?`${e}-${t}`:!1}function o(e){return[a(`d-box--p`,e.padding),a(`d-box--pi`,e.paddingInline),a(`d-box--pis`,e.paddingInlineStart),a(`d-box--pie`,e.paddingInlineEnd),a(`d-box--pbl`,e.paddingBlock),a(`d-box--pbs`,e.paddingBlockStart),a(`d-box--pbe`,e.paddingBlockEnd)]}function s(e){return[a(`d-box--surface`,e.surface),a(`d-box--bc`,e.borderColor),a(`d-box--bw`,e.borderWidth),a(`d-box--bwi`,e.borderWidthInline),a(`d-box--bwis`,e.borderWidthInlineStart),a(`d-box--bwie`,e.borderWidthInlineEnd),a(`d-box--bwbl`,e.borderWidthBlock),a(`d-box--bwbs`,e.borderWidthBlockStart),a(`d-box--bwbe`,e.borderWidthBlockEnd),a(`d-box--br`,e.borderRadius),a(`d-box--shadow`,e.shadow),a(`d-box--of`,e.overflow)]}function c(e){return[a(`d-box--is`,e.inlineSize),a(`d-box--bls`,e.blockSize),a(`d-box--min-is`,e.minInlineSize),a(`d-box--max-is`,e.maxInlineSize),a(`d-box--min-bls`,e.minBlockSize),a(`d-box--max-bls`,e.maxBlockSize)]}let l=(0,t.computed)(()=>[`d-box`,...o(n),...s(n),...c(n)]);return(n,r)=>{let a=(0,t.resolveDirective)(`dt-scrollbar`);return e.scrollbar?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),{key:0,"data-qa":`dt-box`,class:(0,t.normalizeClass)(l.value)},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{"data-qa":`dt-box-scrollbar-content`,class:(0,t.normalizeClass)([`d-box__scrollbar-content`,e.scrollbarContentClass])},[(0,t.renderSlot)(n.$slots,`default`)],2)]),_:3},8,[`class`])),[[a,void 0,i.value]]):((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),{key:1,"data-qa":`dt-box`,class:(0,t.normalizeClass)(l.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`class`]))}}});exports.default=n;
-//# sourceMappingURL=box.cjs.map

package/dist/lib/box/box.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.cjs","names":[],"sources":["../../../components/Box/Box.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"as\"\n    v-if=\"scrollbar\"\n    v-dt-scrollbar:[scrollbarMode]\n    data-qa=\"dt-box\"\n    :class=\"boxClasses\"\n  >\n    <div\n      data-qa=\"dt-box-scrollbar-content\"\n      :class=\"['d-box__scrollbar-content', scrollbarContentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </div>\n  </component>\n  <component\n    :is=\"as\"\n    v-else\n    data-qa=\"dt-box\"\n    :class=\"boxClasses\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script setup>\nimport { computed, onMounted } from 'vue';\nimport {\n  asValidator,\n  spacingValidator,\n  surfaceValidator,\n  borderColorValidator,\n  borderWidthValidator,\n  borderRadiusValidator,\n  shadowValidator,\n  layoutValidator,\n  overflowValidator,\n  scrollbarValidator,\n} from './Validators.js';\n\ndefineOptions({\n  name: 'DtBox',\n});\n\nconst props = defineProps({\n  /**\n   * HTML element to render as.\n   * @values div, span, section, article, aside, main, header, footer, nav, ul, ol, li, fieldset, form, figure\n   */\n  as: { type: String, default: 'div', validator: asValidator },\n\n  /**\n   * Custom scrollbar via OverlayScrollbars. When set, an inner viewport\n   * wrapper (.d-box__scrollbar-content) is inserted automatically.\n   * @values leave, scroll, move, always\n   */\n  scrollbar: { type: [String, Boolean], default: undefined, validator: scrollbarValidator },\n\n  /**\n   * Background surface color. Maps to --dt-color-surface-* tokens.\n   * @values primary, primary-opaque, secondary, secondary-opaque, moderate, moderate-opaque, bold, bold-opaque, strong, strong-opaque, contrast, contrast-opaque, brand, brand-opaque, brand-subtle, brand-subtle-opaque, brand-strong, info, info-opaque, info-subtle, info-subtle-opaque, info-strong, positive, positive-opaque, positive-subtle, positive-subtle-opaque, positive-strong, warning, warning-opaque, warning-subtle, warning-subtle-opaque, warning-strong, critical, critical-opaque, critical-subtle, critical-subtle-opaque, critical-strong, backdrop\n   */\n  surface: { type: String, default: undefined, validator: surfaceValidator },\n\n  /**\n   * Border color. Maps to --dt-color-border-* tokens.\n   * Defaults to 'default'. Visible when any border-width prop is set.\n   * @values transparent, subtle, default, moderate, bold, positive, positive-subtle, positive-strong, warning, warning-subtle, warning-strong, critical, critical-subtle, critical-strong, info, info-subtle, info-strong, focus, brand, brand-subtle, brand-strong\n   */\n  borderColor: { type: String, default: 'default', validator: borderColorValidator },\n\n  /**\n   * Border radius. Maps to --dt-size-radius-* tokens.\n   * @values 0, 100, 200, 300, 350, 400, 450, 500, 550, 600, pill, circle\n   */\n  borderRadius: { type: String, default: undefined, validator: borderRadiusValidator },\n\n  /**\n   * Border width on all sides. Maps to --dt-size-border-* tokens.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidth: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block axis (aka top/bottom).\n   * Overrides `borderWidth` for block sides.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlock: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block-end side (aka bottom).\n   * Overrides `borderWidthBlock` and `borderWidth` for block-end.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlockEnd: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block-start side (aka top).\n   * Overrides `borderWidthBlock` and `borderWidth` for block-start.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlockStart: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline axis (aka left/right).\n   * Overrides `borderWidth` for inline sides.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInline: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline-end side (aka right).\n   * Overrides `borderWidthInline` and `borderWidth` for inline-end.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInlineEnd: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline-start side (aka left).\n   * Overrides `borderWidthInline` and `borderWidth` for inline-start.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInlineStart: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Padding on all sides. Accepts spacing token scale values.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  padding: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block axis (aka top/bottom).\n   * Overrides `padding` for the block axis.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlock: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block-end side (aka bottom).\n   * Overrides `paddingBlock` and `padding` for block-end.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlockEnd: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block-start side (aka top).\n   * Overrides `paddingBlock` and `padding` for block-start.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlockStart: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline axis (aka left/right).\n   * Overrides `padding` for the inline axis.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInline: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline-end side (aka right).\n   * Overrides `paddingInline` and `padding` for inline-end.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInlineEnd: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline-start side (aka left).\n   * Overrides `paddingInline` and `padding` for inline-start.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInlineStart: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Block size (aka height). Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  blockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Inline size (aka width). Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  inlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Maximum block size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  maxBlockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Minimum block size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  minBlockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Maximum inline size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  maxInlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Minimum inline size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  minInlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Box shadow. Maps to --dt-shadow-* tokens.\n   * @values small, medium, large, extra-large, card\n   */\n  shadow: { type: String, default: undefined, validator: shadowValidator },\n\n  /**\n   * Overflow behavior.\n   * @values hidden, scroll, auto, clip, visible\n   */\n  overflow: { type: String, default: undefined, validator: overflowValidator },\n\n  /**\n   * Additional CSS classes applied to the scrollbar content wrapper element.\n   * Only applies when scrollbar prop is set.\n   */\n  scrollbarContentClass: { type: [String, Object, Array], default: '' },\n});\n\nconst SCROLLBAR_INCOMPATIBLE_ELEMENTS = ['ul', 'ol', 'span', 'fieldset'];\n\nconst scrollbarMode = computed(() => {\n  if (props.scrollbar === true) return 'leave';\n  return props.scrollbar ?? undefined;\n});\n\nonMounted(() => {\n  if (props.scrollbar && SCROLLBAR_INCOMPATIBLE_ELEMENTS.includes(props.as)) {\n    console.warn(\n      `[DtBox] scrollbar prop inserts a <div> wrapper which breaks semantic child structure ` +\n      `for <${props.as}>. Consider applying scrollbar on a parent DtBox container instead.`,\n    );\n  }\n});\n\nfunction modifierClass (prefix, value) {\n  return value ? `${prefix}-${value}` : false;\n}\n\nfunction paddingClasses (p) {\n  return [\n    modifierClass('d-box--p', p.padding),\n    modifierClass('d-box--pi', p.paddingInline),\n    modifierClass('d-box--pis', p.paddingInlineStart),\n    modifierClass('d-box--pie', p.paddingInlineEnd),\n    modifierClass('d-box--pbl', p.paddingBlock),\n    modifierClass('d-box--pbs', p.paddingBlockStart),\n    modifierClass('d-box--pbe', p.paddingBlockEnd),\n  ];\n}\n\nfunction visualClasses (p) {\n  return [\n    modifierClass('d-box--surface', p.surface),\n    modifierClass('d-box--bc', p.borderColor),\n    modifierClass('d-box--bw', p.borderWidth),\n    modifierClass('d-box--bwi', p.borderWidthInline),\n    modifierClass('d-box--bwis', p.borderWidthInlineStart),\n    modifierClass('d-box--bwie', p.borderWidthInlineEnd),\n    modifierClass('d-box--bwbl', p.borderWidthBlock),\n    modifierClass('d-box--bwbs', p.borderWidthBlockStart),\n    modifierClass('d-box--bwbe', p.borderWidthBlockEnd),\n    modifierClass('d-box--br', p.borderRadius),\n    modifierClass('d-box--shadow', p.shadow),\n    modifierClass('d-box--of', p.overflow),\n  ];\n}\n\nfunction sizingClasses (p) {\n  return [\n    modifierClass('d-box--is', p.inlineSize),\n    modifierClass('d-box--bls', p.blockSize),\n    modifierClass('d-box--min-is', p.minInlineSize),\n    modifierClass('d-box--max-is', p.maxInlineSize),\n    modifierClass('d-box--min-bls', p.minBlockSize),\n    modifierClass('d-box--max-bls', p.maxBlockSize),\n  ];\n}\n\nconst boxClasses = computed(() => [\n  'd-box',\n  ...paddingClasses(props),\n  ...visualClasses(props),\n  ...sizingClasses(props),\n]);\n</script>\n"],"mappings":"yvEA+CA,IAAM,EAAQ,EAwLR,EAAkC,CAAC,KAAM,KAAM,OAAQ,WAAW,CAElE,GAAA,EAAA,EAAA,cACA,EAAM,YAAc,GAAa,QAC9B,EAAM,WAAa,IAAA,GAC1B,EAEF,EAAA,EAAA,eAAgB,CACV,EAAM,WAAa,EAAgC,SAAS,EAAM,GAAG,EACvE,QAAQ,KACN,6FACQ,EAAM,GAAG,qEAClB,EAEH,CAEF,SAAS,EAAe,EAAQ,EAAO,CACrC,OAAO,EAAQ,GAAG,EAAO,GAAG,IAAU,GAGxC,SAAS,EAAgB,EAAG,CAC1B,MAAO,CACL,EAAc,WAAY,EAAE,QAAQ,CACpC,EAAc,YAAa,EAAE,cAAc,CAC3C,EAAc,aAAc,EAAE,mBAAmB,CACjD,EAAc,aAAc,EAAE,iBAAiB,CAC/C,EAAc,aAAc,EAAE,aAAa,CAC3C,EAAc,aAAc,EAAE,kBAAkB,CAChD,EAAc,aAAc,EAAE,gBAAgB,CAC/C,CAGH,SAAS,EAAe,EAAG,CACzB,MAAO,CACL,EAAc,iBAAkB,EAAE,QAAQ,CAC1C,EAAc,YAAa,EAAE,YAAY,CACzC,EAAc,YAAa,EAAE,YAAY,CACzC,EAAc,aAAc,EAAE,kBAAkB,CAChD,EAAc,cAAe,EAAE,uBAAuB,CACtD,EAAc,cAAe,EAAE,qBAAqB,CACpD,EAAc,cAAe,EAAE,iBAAiB,CAChD,EAAc,cAAe,EAAE,sBAAsB,CACrD,EAAc,cAAe,EAAE,oBAAoB,CACnD,EAAc,YAAa,EAAE,aAAa,CAC1C,EAAc,gBAAiB,EAAE,OAAO,CACxC,EAAc,YAAa,EAAE,SAAS,CACvC,CAGH,SAAS,EAAe,EAAG,CACzB,MAAO,CACL,EAAc,YAAa,EAAE,WAAW,CACxC,EAAc,aAAc,EAAE,UAAU,CACxC,EAAc,gBAAiB,EAAE,cAAc,CAC/C,EAAc,gBAAiB,EAAE,cAAc,CAC/C,EAAc,iBAAkB,EAAE,aAAa,CAC/C,EAAc,iBAAkB,EAAE,aAAa,CAChD,CAGH,IAAM,GAAA,EAAA,EAAA,cAA4B,CAChC,QACA,GAAG,EAAe,EAAM,CACxB,GAAG,EAAc,EAAM,CACvB,GAAG,EAAc,EAAM,CACxB,CAAC,mEApSQ,EAAA,WAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,GAAE,CAAA,OAGP,UAAQ,SACP,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAU,6BAQZ,EAAA,EAAA,EAAA,oBAAA,MAAA,CALJ,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,sBAAqB,CAAA,oBAGlD,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA,+BATK,EAAA,MAAe,CAAA,CAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAazB,EAAA,GAAE,CAAA,OAEP,UAAQ,SACP,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAU,6BAGV,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}