@dialpad/dialtone 9.148.0 → 9.149.0

package/dist/vue3/lib/stack/stack-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},o=["sm","md","lg","xl"],r=["0","50","100","200","300","350","400","450","500","525","550","600","625","650","700"],T={DT_STACK_DIRECTION:e,DT_STACK_RESPONSIVE_BREAKPOINTS:o,DT_STACK_GAP:r};exports.DT_STACK_DIRECTION=e;exports.DT_STACK_GAP=r;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=o;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},t=["sm","md","lg","xl"],T=["0","50","100","200","300","350","400","450","500","525","550","600","625","650","700"],_=["normal","start","center","end","stretch","baseline"],n=["start","center","end","around","between","evenly"],r={DT_STACK_DIRECTION:e,DT_STACK_RESPONSIVE_BREAKPOINTS:t,DT_STACK_GAP:T,DT_STACK_ALIGN:_,DT_STACK_JUSTIFY:n};exports.DT_STACK_ALIGN=_;exports.DT_STACK_DIRECTION=e;exports.DT_STACK_GAP=T;exports.DT_STACK_JUSTIFY=n;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=t;exports.default=r;
 //# sourceMappingURL=stack-constants.cjs.map

package/dist/vue3/lib/stack/stack-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stack-constants.cjs","sources":["../../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n  default: 'column',\n  column: 'column',\n  row: 'row',\n  'row-reverse': 'row-reverse',\n  'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'];\n\nexport default {\n  DT_STACK_DIRECTION,\n  DT_STACK_RESPONSIVE_BREAKPOINTS,\n  DT_STACK_GAP,\n};\n"],"names":["DT_STACK_DIRECTION","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP","stack_constants"],"mappings":"4GAAY,MAACA,EAAqB,CAChC,QAAS,SACT,OAAQ,SACR,IAAK,MACL,cAAe,cACf,iBAAkB,gBACpB,EAEaC,EAAkC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzDC,EAAe,CAAC,IAAK,KAAM,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,EAEjIC,EAAe,CACb,mBAAAH,EACA,gCAAAC,EACA,aAAAC,CACF"}
+{"version":3,"file":"stack-constants.cjs","sources":["../../../components/stack/stack_constants.js"],"sourcesContent":["/**\n * Direction values for the stack component.\n * Uses object format for historical compatibility - changing to array would be breaking.\n * The object keys are the valid values, and the values are the CSS class suffixes.\n * @type {Object<string, string>}\n */\nexport const DT_STACK_DIRECTION = {\n  default: 'column',\n  column: 'column',\n  row: 'row',\n  'row-reverse': 'row-reverse',\n  'column-reverse': 'column-reverse',\n};\n\n/**\n * Responsive breakpoint names used for all responsive props.\n * @type {string[]}\n */\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\n/**\n * Gap values for spacing between stack items.\n * Uses array format.\n * @type {string[]}\n */\nexport const DT_STACK_GAP = ['0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'];\n\n/**\n * Align values for the stack component (cross-axis alignment).\n * Uses array format - simpler structure for newer props.\n * @type {string[]}\n */\nexport const DT_STACK_ALIGN = ['normal', 'start', 'center', 'end', 'stretch', 'baseline'];\n\n/**\n * Justify values for the stack component (main-axis distribution).\n * Uses array format - simpler structure for newer props.\n * @type {string[]}\n */\nexport const DT_STACK_JUSTIFY = ['start', 'center', 'end', 'around', 'between', 'evenly'];\n\nexport default {\n  DT_STACK_DIRECTION,\n  DT_STACK_RESPONSIVE_BREAKPOINTS,\n  DT_STACK_GAP,\n  DT_STACK_ALIGN,\n  DT_STACK_JUSTIFY,\n};\n"],"names":["DT_STACK_DIRECTION","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP","DT_STACK_ALIGN","DT_STACK_JUSTIFY","stack_constants"],"mappings":"4GAMY,MAACA,EAAqB,CAChC,QAAS,SACT,OAAQ,SACR,IAAK,MACL,cAAe,cACf,iBAAkB,gBACpB,EAMaC,EAAkC,CAAC,KAAM,KAAM,KAAM,IAAI,EAOzDC,EAAe,CAAC,IAAK,KAAM,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,EAOpHC,EAAiB,CAAC,SAAU,QAAS,SAAU,MAAO,UAAW,UAAU,EAO3EC,EAAmB,CAAC,QAAS,SAAU,MAAO,SAAU,UAAW,QAAQ,EAExFC,EAAe,CACb,mBAAAL,EACA,gCAAAC,EACA,aAAAC,EACA,eAAAC,EACA,iBAAAC,CACF"}

package/dist/vue3/lib/stack/stack-constants.js

@@ -4,15 +4,19 @@ const e = {
   row: "row",
   "row-reverse": "row-reverse",
   "column-reverse": "column-reverse"
-}, o = ["sm", "md", "lg", "xl"], r = ["0", "50", "100", "200", "300", "350", "400", "450", "500", "525", "550", "600", "625", "650", "700"], s = {
+}, n = ["sm", "md", "lg", "xl"], t = ["0", "50", "100", "200", "300", "350", "400", "450", "500", "525", "550", "600", "625", "650", "700"], r = ["normal", "start", "center", "end", "stretch", "baseline"], o = ["start", "center", "end", "around", "between", "evenly"], s = {
   DT_STACK_DIRECTION: e,
-  DT_STACK_RESPONSIVE_BREAKPOINTS: o,
-  DT_STACK_GAP: r
+  DT_STACK_RESPONSIVE_BREAKPOINTS: n,
+  DT_STACK_GAP: t,
+  DT_STACK_ALIGN: r,
+  DT_STACK_JUSTIFY: o
 };
 export {
+  r as DT_STACK_ALIGN,
   e as DT_STACK_DIRECTION,
-  r as DT_STACK_GAP,
-  o as DT_STACK_RESPONSIVE_BREAKPOINTS,
+  t as DT_STACK_GAP,
+  o as DT_STACK_JUSTIFY,
+  n as DT_STACK_RESPONSIVE_BREAKPOINTS,
   s as default
 };
 //# sourceMappingURL=stack-constants.js.map

package/dist/vue3/lib/stack/stack-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack-constants.js","sources":["../../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n  default: 'column',\n  column: 'column',\n  row: 'row',\n  'row-reverse': 'row-reverse',\n  'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'];\n\nexport default {\n  DT_STACK_DIRECTION,\n  DT_STACK_RESPONSIVE_BREAKPOINTS,\n  DT_STACK_GAP,\n};\n"],"names":["DT_STACK_DIRECTION","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP","stack_constants"],"mappings":"AAAY,MAACA,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEaC,IAAkC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzDC,IAAe,CAAC,KAAK,MAAM,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK,GAEjIC,IAAe;AAAA,EACb,oBAAAH;AAAA,EACA,iCAAAC;AAAA,EACA,cAAAC;AACF;"}
+{"version":3,"file":"stack-constants.js","sources":["../../../components/stack/stack_constants.js"],"sourcesContent":["/**\n * Direction values for the stack component.\n * Uses object format for historical compatibility - changing to array would be breaking.\n * The object keys are the valid values, and the values are the CSS class suffixes.\n * @type {Object<string, string>}\n */\nexport const DT_STACK_DIRECTION = {\n  default: 'column',\n  column: 'column',\n  row: 'row',\n  'row-reverse': 'row-reverse',\n  'column-reverse': 'column-reverse',\n};\n\n/**\n * Responsive breakpoint names used for all responsive props.\n * @type {string[]}\n */\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\n/**\n * Gap values for spacing between stack items.\n * Uses array format.\n * @type {string[]}\n */\nexport const DT_STACK_GAP = ['0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'];\n\n/**\n * Align values for the stack component (cross-axis alignment).\n * Uses array format - simpler structure for newer props.\n * @type {string[]}\n */\nexport const DT_STACK_ALIGN = ['normal', 'start', 'center', 'end', 'stretch', 'baseline'];\n\n/**\n * Justify values for the stack component (main-axis distribution).\n * Uses array format - simpler structure for newer props.\n * @type {string[]}\n */\nexport const DT_STACK_JUSTIFY = ['start', 'center', 'end', 'around', 'between', 'evenly'];\n\nexport default {\n  DT_STACK_DIRECTION,\n  DT_STACK_RESPONSIVE_BREAKPOINTS,\n  DT_STACK_GAP,\n  DT_STACK_ALIGN,\n  DT_STACK_JUSTIFY,\n};\n"],"names":["DT_STACK_DIRECTION","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP","DT_STACK_ALIGN","DT_STACK_JUSTIFY","stack_constants"],"mappings":"AAMY,MAACA,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB,GAMaC,IAAkC,CAAC,MAAM,MAAM,MAAM,IAAI,GAOzDC,IAAe,CAAC,KAAK,MAAM,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK,GAOpHC,IAAiB,CAAC,UAAU,SAAS,UAAU,OAAO,WAAW,UAAU,GAO3EC,IAAmB,CAAC,SAAS,UAAU,OAAO,UAAU,WAAW,QAAQ,GAExFC,IAAe;AAAA,EACb,oBAAAL;AAAA,EACA,iCAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AACF;"}

package/dist/vue3/lib/stack/stack.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./stack-constants.cjs"),i=require("./validators.cjs"),s=require("./utils.cjs"),e=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:t=>i.directionValidator(t)},as:{type:String,default:"div"},gap:{type:[String,Object],default:"0",validator:t=>i.gapValidator(t)}},data(){return{DT_STACK_DIRECTION:r.DT_STACK_DIRECTION,DT_STACK_GAP:r.DT_STACK_GAP,DT_STACK_RESPONSIVE_BREAKPOINTS:r.DT_STACK_RESPONSIVE_BREAKPOINTS}},computed:{defaultGap(){return s.getDefaultGapClass(this.gap)},defaultDirection(){return s.getDefaultDirectionClass(this.direction)},stackResponsive(){return s.getResponsiveClasses(this.direction,this.gap)}}};function o(t,_,n,d,p,a){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.as),{class:e.normalizeClass(["d-stack",a.defaultDirection,a.defaultGap,a.stackResponsive])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"])}const u=c._(l,[["render",o]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./stack-constants.cjs"),r=require("./validators.cjs"),s=require("./utils.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),n={compatConfig:{MODE:3},name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:t=>r.directionValidator(t)},as:{type:String,default:"div"},gap:{type:[String,Object],default:"0",validator:t=>r.gapValidator(t)},align:{type:[String,Object],default:"normal",validator:t=>r.alignValidator(t)},justify:{type:[String,Object],default:"start",validator:t=>r.justifyValidator(t)}},data(){return{DT_STACK_DIRECTION:i.DT_STACK_DIRECTION,DT_STACK_GAP:i.DT_STACK_GAP,DT_STACK_RESPONSIVE_BREAKPOINTS:i.DT_STACK_RESPONSIVE_BREAKPOINTS,DT_STACK_ALIGN:i.DT_STACK_ALIGN,DT_STACK_JUSTIFY:i.DT_STACK_JUSTIFY}},computed:{defaultGap(){return s.getDefaultGapClass(this.gap)},defaultDirection(){return s.getDefaultDirectionClass(this.direction)},defaultAlign(){return s.getDefaultAlignClass(this.align)},defaultJustify(){return s.getDefaultJustifyClass(this.justify)},stackResponsive(){return s.getResponsiveClasses(this.direction,this.gap,this.align,this.justify)}}};function c(t,o,l,_,f,a){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.as),{"data-qa":"dt-stack",class:e.normalizeClass(["d-stack",a.defaultDirection,a.defaultGap,a.defaultAlign,a.defaultJustify,a.stackResponsive])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"])}const d=u._(n,[["render",c]]);exports.default=d;
 //# sourceMappingURL=stack.cjs.map

package/dist/vue3/lib/stack/stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stack.cjs","sources":["../../../components/stack/stack.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"[\n      'd-stack',\n      defaultDirection,\n      defaultGap,\n      stackResponsive,\n    ]\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from './stack_constants';\nimport { directionValidator, gapValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getDefaultGapClass } from './utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtStack',\n\n  props: {\n    /**\n     * Set this prop to the direction to stack the items.\n     * You can override the default direction with 'default' key.\n     * All the undefined breakpoints will have 'default' value.\n     * By default, for the column direction it will have `justify-content: flex-start`\n     * and for the row direction `align-items: center`. This can be overriden\n     * by utility classes.\n     */\n    direction: {\n      type: [String, Object],\n      default: 'column',\n      validator: (direction) => directionValidator(direction),\n    },\n\n    /**\n     * Set this prop to render stack as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The gap property controls the spacing between items in the stack.\n     * The gap can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default gap with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.\n     */\n    gap: {\n      type: [String, Object],\n      default: '0',\n      validator: (gap) => gapValidator(gap),\n    },\n  },\n\n  data () {\n    return {\n      DT_STACK_DIRECTION,\n      DT_STACK_GAP,\n      DT_STACK_RESPONSIVE_BREAKPOINTS,\n    };\n  },\n\n  computed: {\n    defaultGap () {\n      return getDefaultGapClass(this.gap);\n    },\n\n    defaultDirection () {\n      return getDefaultDirectionClass(this.direction);\n    },\n\n    stackResponsive () {\n      return getResponsiveClasses(this.direction, this.gap);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","direction","directionValidator","gap","gapValidator","DT_STACK_DIRECTION","DT_STACK_GAP","DT_STACK_RESPONSIVE_BREAKPOINTS","getDefaultGapClass","getDefaultDirectionClass","getResponsiveClasses","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","$options","_withCtx","_renderSlot","_ctx"],"mappings":"uRAoBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,UAEN,MAAO,CASL,UAAW,CACT,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,SACT,UAAYC,GAAcC,EAAAA,mBAAmBD,CAAS,GAMxD,GAAI,CACF,KAAM,OACN,QAAS,OAWX,IAAK,CACH,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAYE,GAAQC,EAAAA,aAAaD,CAAG,IAIxC,MAAQ,CACN,MAAO,CACL,mBAAAE,EAAAA,gCACAC,EAAAA,aACA,gCAAAC,EAAAA,gCAEJ,EAEA,SAAU,CACR,YAAc,CACZ,OAAOC,EAAAA,mBAAmB,KAAK,GAAG,CACpC,EAEA,kBAAoB,CAClB,OAAOC,EAAAA,yBAAyB,KAAK,SAAS,CAChD,EAEA,iBAAmB,CACjB,OAAOC,EAAAA,qBAAqB,KAAK,UAAW,KAAK,GAAG,CACtD,EAEJ,+CAlFEC,EAAAA,YADFC,EAAAA,wBAESC,EAAA,EAAE,EAAA,CACN,MAHLC,EAAAA,eAAA,WAGqCC,EAAA,iBAAwBA,EAAA,WAAkBA,EAAA,oBAH/E,QAAAC,EAAAA,QAWI,IAAQ,CAARC,aAAQC,EAAA,OAAA,SAAA,IAXZ,EAAA"}
+{"version":3,"file":"stack.cjs","sources":["../../../components/stack/stack.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-stack\"\n    :class=\"[\n      'd-stack',\n      defaultDirection,\n      defaultGap,\n      defaultAlign,\n      defaultJustify,\n      stackResponsive,\n    ]\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from './stack_constants';\nimport { directionValidator, gapValidator, alignValidator, justifyValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getDefaultGapClass, getDefaultAlignClass, getDefaultJustifyClass } from './utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtStack',\n\n  props: {\n    /**\n     * Set this prop to the direction to stack the items.\n     * You can override the default direction with 'default' key.\n     * All the undefined breakpoints will have 'default' value.\n     * By default, for the column direction it will have `justify-content: flex-start`\n     * and for the row direction `align-items: center`. This can be overridden\n     * using the `align` and `justify` props.\n     */\n    direction: {\n      type: [String, Object],\n      default: 'column',\n      validator: (direction) => directionValidator(direction),\n    },\n\n    /**\n     * Set this prop to render stack as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The gap property controls the spacing between items in the stack.\n     * The gap can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default gap with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.\n     */\n    gap: {\n      type: [String, Object],\n      default: '0',\n      validator: (gap) => gapValidator(gap),\n    },\n\n    /**\n     * The align property controls the alignment of items along the cross axis.\n     * The align can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default align with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are 'normal', 'start', 'center', 'end', 'stretch', 'baseline'.\n     */\n    align: {\n      type: [String, Object],\n      default: 'normal',\n      validator: (align) => alignValidator(align),\n    },\n\n    /**\n     * The justify property controls the justification of items along the main axis.\n     * The justify can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default justify with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are 'start', 'center', 'end', 'around', 'between', 'evenly'.\n     */\n    justify: {\n      type: [String, Object],\n      default: 'start',\n      validator: (justify) => justifyValidator(justify),\n    },\n  },\n\n  data () {\n    return {\n      DT_STACK_DIRECTION,\n      DT_STACK_GAP,\n      DT_STACK_RESPONSIVE_BREAKPOINTS,\n      DT_STACK_ALIGN,\n      DT_STACK_JUSTIFY,\n    };\n  },\n\n  computed: {\n    defaultGap () {\n      return getDefaultGapClass(this.gap);\n    },\n\n    defaultDirection () {\n      return getDefaultDirectionClass(this.direction);\n    },\n\n    defaultAlign () {\n      return getDefaultAlignClass(this.align);\n    },\n\n    defaultJustify () {\n      return getDefaultJustifyClass(this.justify);\n    },\n\n    stackResponsive () {\n      return getResponsiveClasses(this.direction, this.gap, this.align, this.justify);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","direction","directionValidator","gap","gapValidator","align","alignValidator","justify","justifyValidator","DT_STACK_DIRECTION","DT_STACK_GAP","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_ALIGN","DT_STACK_JUSTIFY","getDefaultGapClass","getDefaultDirectionClass","getDefaultAlignClass","getDefaultJustifyClass","getResponsiveClasses","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","$options","_withCtx","_renderSlot","_ctx"],"mappings":"uRAuBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,UAEN,MAAO,CASL,UAAW,CACT,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,SACT,UAAYC,GAAcC,EAAAA,mBAAmBD,CAAS,GAMxD,GAAI,CACF,KAAM,OACN,QAAS,OAWX,IAAK,CACH,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAYE,GAAQC,EAAAA,aAAaD,CAAG,GAWtC,MAAO,CACL,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,SACT,UAAYE,GAAUC,EAAAA,eAAeD,CAAK,GAW5C,QAAS,CACP,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,QACT,UAAYE,GAAYC,EAAAA,iBAAiBD,CAAO,IAIpD,MAAQ,CACN,MAAO,CACL,mBAAAE,EAAAA,gCACAC,EAAAA,aACA,gCAAAC,EAAAA,gCACA,eAAAC,EAAAA,eACA,iBAAAC,EAAAA,iBAEJ,EAEA,SAAU,CACR,YAAc,CACZ,OAAOC,EAAAA,mBAAmB,KAAK,GAAG,CACpC,EAEA,kBAAoB,CAClB,OAAOC,EAAAA,yBAAyB,KAAK,SAAS,CAChD,EAEA,cAAgB,CACd,OAAOC,EAAAA,qBAAqB,KAAK,KAAK,CACxC,EAEA,gBAAkB,CAChB,OAAOC,EAAAA,uBAAuB,KAAK,OAAO,CAC5C,EAEA,iBAAmB,CACjB,OAAOC,EAAAA,qBAAqB,KAAK,UAAW,KAAK,IAAK,KAAK,MAAO,KAAK,OAAO,CAChF,EAEJ,+CA3HEC,EAAAA,YADFC,EAAAA,wBAESC,EAAA,EAAE,EAAA,CACP,UAAQ,WACP,MAJLC,EAAAA,eAAA,WAIqCC,EAAA,iBAAwBA,EAAA,WAAkBA,EAAA,aAAoBA,EAAA,eAAsBA,EAAA,oBAJzH,QAAAC,EAAAA,QAcI,IAAQ,CAARC,aAAQC,EAAA,OAAA,SAAA,IAdZ,EAAA"}

package/dist/vue3/lib/stack/stack.js

@@ -1,9 +1,9 @@
-import { DT_STACK_RESPONSIVE_BREAKPOINTS as r, DT_STACK_GAP as o, DT_STACK_DIRECTION as i } from "./stack-constants.js";
-import { gapValidator as s, directionValidator as n } from "./validators.js";
-import { getResponsiveClasses as c, getDefaultDirectionClass as l, getDefaultGapClass as d } from "./utils.js";
-import { createBlock as p, openBlock as f, resolveDynamicComponent as u, normalizeClass as m, withCtx as _, renderSlot as D } from "vue";
-import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const g = {
+import { DT_STACK_JUSTIFY as i, DT_STACK_ALIGN as r, DT_STACK_RESPONSIVE_BREAKPOINTS as s, DT_STACK_GAP as l, DT_STACK_DIRECTION as n } from "./stack-constants.js";
+import { justifyValidator as o, alignValidator as d, gapValidator as u, directionValidator as f } from "./validators.js";
+import { getResponsiveClasses as c, getDefaultJustifyClass as p, getDefaultAlignClass as g, getDefaultDirectionClass as _, getDefaultGapClass as m } from "./utils.js";
+import { createBlock as D, openBlock as S, resolveDynamicComponent as C, normalizeClass as y, withCtx as T, renderSlot as A } from "vue";
+import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const v = {
   compatConfig: { MODE: 3 },
   name: "DtStack",
   props: {
@@ -12,13 +12,13 @@ const g = {
      * You can override the default direction with 'default' key.
      * All the undefined breakpoints will have 'default' value.
      * By default, for the column direction it will have `justify-content: flex-start`
-     * and for the row direction `align-items: center`. This can be overriden
-     * by utility classes.
+     * and for the row direction `align-items: center`. This can be overridden
+     * using the `align` and `justify` props.
      */
     direction: {
       type: [String, Object],
       default: "column",
-      validator: (t) => n(t)
+      validator: (t) => f(t)
     },
     /**
      * Set this prop to render stack as a specific HTML element.
@@ -38,45 +38,82 @@ const g = {
     gap: {
       type: [String, Object],
       default: "0",
-      validator: (t) => s(t)
+      validator: (t) => u(t)
+    },
+    /**
+     * The align property controls the alignment of items along the cross axis.
+     * The align can be set to a string, or object with breakpoints.
+     * All the undefined breakpoints will have the 'default' value.
+     * You can override the default align with 'default' key.
+     * In case of string, it will be applied to all the breakpoints.
+     * Valid values are 'normal', 'start', 'center', 'end', 'stretch', 'baseline'.
+     */
+    align: {
+      type: [String, Object],
+      default: "normal",
+      validator: (t) => d(t)
+    },
+    /**
+     * The justify property controls the justification of items along the main axis.
+     * The justify can be set to a string, or object with breakpoints.
+     * All the undefined breakpoints will have the 'default' value.
+     * You can override the default justify with 'default' key.
+     * In case of string, it will be applied to all the breakpoints.
+     * Valid values are 'start', 'center', 'end', 'around', 'between', 'evenly'.
+     */
+    justify: {
+      type: [String, Object],
+      default: "start",
+      validator: (t) => o(t)
     }
   },
   data() {
     return {
-      DT_STACK_DIRECTION: i,
-      DT_STACK_GAP: o,
-      DT_STACK_RESPONSIVE_BREAKPOINTS: r
+      DT_STACK_DIRECTION: n,
+      DT_STACK_GAP: l,
+      DT_STACK_RESPONSIVE_BREAKPOINTS: s,
+      DT_STACK_ALIGN: r,
+      DT_STACK_JUSTIFY: i
     };
   },
   computed: {
     defaultGap() {
-      return d(this.gap);
+      return m(this.gap);
     },
     defaultDirection() {
-      return l(this.direction);
+      return _(this.direction);
+    },
+    defaultAlign() {
+      return g(this.align);
+    },
+    defaultJustify() {
+      return p(this.justify);
     },
     stackResponsive() {
-      return c(this.direction, this.gap);
+      return c(this.direction, this.gap, this.align, this.justify);
     }
   }
 };
-function C(t, T, a, k, v, e) {
-  return f(), p(u(a.as), {
-    class: m([
+function j(t, k, e, O, I, a) {
+  return S(), D(C(e.as), {
+    "data-qa": "dt-stack",
+    class: y([
       "d-stack",
-      e.defaultDirection,
-      e.defaultGap,
-      e.stackResponsive
+      a.defaultDirection,
+      a.defaultGap,
+      a.defaultAlign,
+      a.defaultJustify,
+      a.stackResponsive
     ])
   }, {
-    default: _(() => [
-      D(t.$slots, "default")
+    default: T(() => [
+      A(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const y = /* @__PURE__ */ S(g, [["render", C]]);
+const b = /* @__PURE__ */ h(v, [["render", j]]);
 export {
-  y as default
+  b as default
 };
 //# sourceMappingURL=stack.js.map

package/dist/vue3/lib/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sources":["../../../components/stack/stack.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"[\n      'd-stack',\n      defaultDirection,\n      defaultGap,\n      stackResponsive,\n    ]\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from './stack_constants';\nimport { directionValidator, gapValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getDefaultGapClass } from './utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtStack',\n\n  props: {\n    /**\n     * Set this prop to the direction to stack the items.\n     * You can override the default direction with 'default' key.\n     * All the undefined breakpoints will have 'default' value.\n     * By default, for the column direction it will have `justify-content: flex-start`\n     * and for the row direction `align-items: center`. This can be overriden\n     * by utility classes.\n     */\n    direction: {\n      type: [String, Object],\n      default: 'column',\n      validator: (direction) => directionValidator(direction),\n    },\n\n    /**\n     * Set this prop to render stack as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The gap property controls the spacing between items in the stack.\n     * The gap can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default gap with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.\n     */\n    gap: {\n      type: [String, Object],\n      default: '0',\n      validator: (gap) => gapValidator(gap),\n    },\n  },\n\n  data () {\n    return {\n      DT_STACK_DIRECTION,\n      DT_STACK_GAP,\n      DT_STACK_RESPONSIVE_BREAKPOINTS,\n    };\n  },\n\n  computed: {\n    defaultGap () {\n      return getDefaultGapClass(this.gap);\n    },\n\n    defaultDirection () {\n      return getDefaultDirectionClass(this.direction);\n    },\n\n    stackResponsive () {\n      return getResponsiveClasses(this.direction, this.gap);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","direction","directionValidator","gap","gapValidator","DT_STACK_DIRECTION","DT_STACK_GAP","DT_STACK_RESPONSIVE_BREAKPOINTS","getDefaultGapClass","getDefaultDirectionClass","getResponsiveClasses","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","$options","_withCtx","_renderSlot","_ctx"],"mappings":";;;;;AAoBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACC,MAAcC,EAAmBD,CAAS;AAAA;;;;IAMxD,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACE,MAAQC,EAAaD,CAAG;AAAA;;EAIxC,OAAQ;AACN,WAAO;AAAA,MACL,oBAAAE;AAAA,MACA,cAAAC;AAAA,MACA,iCAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,aAAc;AACZ,aAAOC,EAAmB,KAAK,GAAG;AAAA,IACpC;AAAA,IAEA,mBAAoB;AAClB,aAAOC,EAAyB,KAAK,SAAS;AAAA,IAChD;AAAA,IAEA,kBAAmB;AACjB,aAAOC,EAAqB,KAAK,WAAW,KAAK,GAAG;AAAA,IACtD;AAAA;AAEJ;;cAlFEC,EADFC,EAESC,EAAA,EAAE,GAAA;AAAA,IACN,OAHLC,EAAA;AAAA;MAGqCC,EAAA;AAAA,MAAwBA,EAAA;AAAA,MAAkBA,EAAA;AAAA;;IAH/E,SAAAC,EAWI,MAAQ;AAAA,MAARC,EAAQC,EAAA,QAAA,SAAA;AAAA;IAXZ,GAAA;AAAA;;;"}
+{"version":3,"file":"stack.js","sources":["../../../components/stack/stack.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-stack\"\n    :class=\"[\n      'd-stack',\n      defaultDirection,\n      defaultGap,\n      defaultAlign,\n      defaultJustify,\n      stackResponsive,\n    ]\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from './stack_constants';\nimport { directionValidator, gapValidator, alignValidator, justifyValidator } from './validators';\nimport { getDefaultDirectionClass, getResponsiveClasses, getDefaultGapClass, getDefaultAlignClass, getDefaultJustifyClass } from './utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtStack',\n\n  props: {\n    /**\n     * Set this prop to the direction to stack the items.\n     * You can override the default direction with 'default' key.\n     * All the undefined breakpoints will have 'default' value.\n     * By default, for the column direction it will have `justify-content: flex-start`\n     * and for the row direction `align-items: center`. This can be overridden\n     * using the `align` and `justify` props.\n     */\n    direction: {\n      type: [String, Object],\n      default: 'column',\n      validator: (direction) => directionValidator(direction),\n    },\n\n    /**\n     * Set this prop to render stack as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The gap property controls the spacing between items in the stack.\n     * The gap can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default gap with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are '0', '50', '100', '200', '300', '350', '400', '450', '500', '525', '550', '600', '625', '650', '700'.\n     */\n    gap: {\n      type: [String, Object],\n      default: '0',\n      validator: (gap) => gapValidator(gap),\n    },\n\n    /**\n     * The align property controls the alignment of items along the cross axis.\n     * The align can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default align with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are 'normal', 'start', 'center', 'end', 'stretch', 'baseline'.\n     */\n    align: {\n      type: [String, Object],\n      default: 'normal',\n      validator: (align) => alignValidator(align),\n    },\n\n    /**\n     * The justify property controls the justification of items along the main axis.\n     * The justify can be set to a string, or object with breakpoints.\n     * All the undefined breakpoints will have the 'default' value.\n     * You can override the default justify with 'default' key.\n     * In case of string, it will be applied to all the breakpoints.\n     * Valid values are 'start', 'center', 'end', 'around', 'between', 'evenly'.\n     */\n    justify: {\n      type: [String, Object],\n      default: 'start',\n      validator: (justify) => justifyValidator(justify),\n    },\n  },\n\n  data () {\n    return {\n      DT_STACK_DIRECTION,\n      DT_STACK_GAP,\n      DT_STACK_RESPONSIVE_BREAKPOINTS,\n      DT_STACK_ALIGN,\n      DT_STACK_JUSTIFY,\n    };\n  },\n\n  computed: {\n    defaultGap () {\n      return getDefaultGapClass(this.gap);\n    },\n\n    defaultDirection () {\n      return getDefaultDirectionClass(this.direction);\n    },\n\n    defaultAlign () {\n      return getDefaultAlignClass(this.align);\n    },\n\n    defaultJustify () {\n      return getDefaultJustifyClass(this.justify);\n    },\n\n    stackResponsive () {\n      return getResponsiveClasses(this.direction, this.gap, this.align, this.justify);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","direction","directionValidator","gap","gapValidator","align","alignValidator","justify","justifyValidator","DT_STACK_DIRECTION","DT_STACK_GAP","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_ALIGN","DT_STACK_JUSTIFY","getDefaultGapClass","getDefaultDirectionClass","getDefaultAlignClass","getDefaultJustifyClass","getResponsiveClasses","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","$options","_withCtx","_renderSlot","_ctx"],"mappings":";;;;;AAuBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACC,MAAcC,EAAmBD,CAAS;AAAA;;;;IAMxD,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACE,MAAQC,EAAaD,CAAG;AAAA;;;;;;;;;IAWtC,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACE,MAAUC,EAAeD,CAAK;AAAA;;;;;;;;;IAW5C,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACE,MAAYC,EAAiBD,CAAO;AAAA;;EAIpD,OAAQ;AACN,WAAO;AAAA,MACL,oBAAAE;AAAA,MACA,cAAAC;AAAA,MACA,iCAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,aAAc;AACZ,aAAOC,EAAmB,KAAK,GAAG;AAAA,IACpC;AAAA,IAEA,mBAAoB;AAClB,aAAOC,EAAyB,KAAK,SAAS;AAAA,IAChD;AAAA,IAEA,eAAgB;AACd,aAAOC,EAAqB,KAAK,KAAK;AAAA,IACxC;AAAA,IAEA,iBAAkB;AAChB,aAAOC,EAAuB,KAAK,OAAO;AAAA,IAC5C;AAAA,IAEA,kBAAmB;AACjB,aAAOC,EAAqB,KAAK,WAAW,KAAK,KAAK,KAAK,OAAO,KAAK,OAAO;AAAA,IAChF;AAAA;AAEJ;;cA3HEC,EADFC,EAESC,EAAA,EAAE,GAAA;AAAA,IACP,WAAQ;AAAA,IACP,OAJLC,EAAA;AAAA;MAIqCC,EAAA;AAAA,MAAwBA,EAAA;AAAA,MAAkBA,EAAA;AAAA,MAAoBA,EAAA;AAAA,MAAsBA,EAAA;AAAA;;IAJzH,SAAAC,EAcI,MAAQ;AAAA,MAARC,EAAQC,EAAA,QAAA,SAAA;AAAA;IAdZ,GAAA;AAAA;;;"}

package/dist/vue3/lib/stack/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./stack-constants.cjs");function l(e){return e===n.DT_STACK_DIRECTION.default}function u(e){if(s(e)==="string")return l(e)?null:n.DT_STACK_DIRECTION[e];if(s(e)==="object"){const{default:t}=e;return l(t)?null:n.DT_STACK_DIRECTION[t]}else return null}function r(e){return typeof e=="string"?e:typeof e=="object"?e.default:null}function s(e){return typeof e}function a(e){return u(e)?`d-stack--${n.DT_STACK_DIRECTION[u(e)]}`:null}function f(e){return s(e)==="object"?[...n.DT_STACK_RESPONSIVE_BREAKPOINTS.map(t=>e[t]?`d-stack--${t}-${e[t]}`:null)]:[]}function i(e){return typeof e=="object"?[...n.DT_STACK_RESPONSIVE_BREAKPOINTS.map(t=>n.DT_STACK_GAP.includes(e[t])?`d-stack--${t}-gap-${e[t]}`:null)]:[]}function o(e,t){return[...f(e),...i(t)]}function c(e){const t=r(e);return n.DT_STACK_GAP.includes(t)?`d-stack--gap-${t}`:null}exports.directionPropType=s;exports.getDefaultDirectionClass=a;exports.getDefaultGapClass=c;exports.getResponsiveClasses=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./stack-constants.cjs");function f(t){return t===n.DT_STACK_DIRECTION.default}function a(t){return typeof t=="string"?t:typeof t=="object"&&t!==null?t.default:null}function c(t){if(typeof t=="string")return f(t)?null:n.DT_STACK_DIRECTION[t];if(typeof t=="object"){const{default:e}=t;return f(e)?null:n.DT_STACK_DIRECTION[e]}else return null}function i(t,e,s,u="d-stack"){return typeof t!="object"||t===null?[]:n.DT_STACK_RESPONSIVE_BREAKPOINTS.map(r=>{const l=t[r];if(!l)return null;const o=Array.isArray(s)?s.includes(l):l in s,C=e===""?`${u}--${r}-${l}`:`${u}--${r}-${e}-${l}`;return o?C:null})}function T(t){return c(t)?`d-stack--${n.DT_STACK_DIRECTION[c(t)]}`:null}function D(t){return i(t,"",n.DT_STACK_DIRECTION)}function _(t){return i(t,"gap",n.DT_STACK_GAP)}function g(t){return i(t,"align",n.DT_STACK_ALIGN)}function A(t){return i(t,"justify",n.DT_STACK_JUSTIFY)}function S(t,e,s,u){return[...D(t),..._(e),...g(s),...A(u)]}function y(t){const e=a(t);return n.DT_STACK_GAP.includes(e)?`d-stack--gap-${e}`:null}function I(t){const e=a(t);return n.DT_STACK_ALIGN.includes(e)?`d-stack--align-${e}`:null}function R(t){const e=a(t);return n.DT_STACK_JUSTIFY.includes(e)?`d-stack--justify-${e}`:null}exports.getDefaultAlignClass=I;exports.getDefaultDirectionClass=T;exports.getDefaultGapClass=y;exports.getDefaultJustifyClass=R;exports.getResponsiveClasses=S;
 //# sourceMappingURL=utils.cjs.map

package/dist/vue3/lib/stack/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\nfunction _getValidDirection (direction) {\n  if (directionPropType(direction) === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (directionPropType(direction) === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\nfunction _getValidGap (gap) {\n  if (typeof gap === 'string') {\n    return gap;\n  } else if (typeof gap === 'object') {\n    return gap.default;\n  } else { return null; }\n}\n\nexport function directionPropType (value) {\n  return typeof value;\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResposiveDirectionClasses (direction) {\n  if (directionPropType(direction) === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return direction[breakpoint]\n          ? `d-stack--${breakpoint}-${direction[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nfunction getResposiveGapClasses (gap) {\n  if (typeof gap === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return DT_STACK_GAP.includes(gap[breakpoint])\n          ? `d-stack--${breakpoint}-gap-${gap[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nexport function getResponsiveClasses (direction, gap) {\n  return [\n    ...getResposiveDirectionClasses(direction),\n    ...getResposiveGapClasses(gap),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getValidGap(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getValidDirection","directionPropType","defaultStyle","_getValidGap","gap","value","getDefaultDirectionClass","getResposiveDirectionClasses","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","getResposiveGapClasses","DT_STACK_GAP","getResponsiveClasses","getDefaultGapClass","validGap"],"mappings":"yHAEA,SAASA,EAAqBC,EAAW,CACvC,OAAOA,IAAcC,EAAAA,mBAAmB,OAC1C,CAEA,SAASC,EAAoBF,EAAW,CACtC,GAAIG,EAAkBH,CAAS,IAAM,SACnC,OAAQD,EAAoBC,CAAS,EAAoC,KAAhCC,EAAAA,mBAAmBD,CAAS,EAChE,GAAIG,EAAkBH,CAAS,IAAM,SAAU,CACpD,KAAM,CAAE,QAASI,CAAY,EAAKJ,EAElC,OAAQD,EAAoBK,CAAY,EAAuC,KAAnCH,EAAAA,mBAAmBG,CAAY,CAC7E,KAAS,QAAO,IAClB,CAEA,SAASC,EAAcC,EAAK,CAC1B,OAAI,OAAOA,GAAQ,SACVA,EACE,OAAOA,GAAQ,SACjBA,EAAI,QACG,IAClB,CAEO,SAASH,EAAmBI,EAAO,CACxC,OAAO,OAAOA,CAChB,CAEO,SAASC,EAA0BR,EAAW,CACnD,OAAOE,EAAmBF,CAAS,EAC/B,YAAYC,EAAAA,mBAAmBC,EAAmBF,CAAS,CAAC,CAAC,GAC7D,IACN,CAEA,SAASS,EAA8BT,EAAW,CAChD,OAAIG,EAAkBH,CAAS,IAAM,SAC5B,CACL,GAAGU,EAAAA,gCAAgC,IAAKC,GAC/BX,EAAUW,CAAU,EACvB,YAAYA,CAAU,IAAIX,EAAUW,CAAU,CAAC,GAC/C,IACL,CAAC,EACU,CAAA,CAClB,CAEA,SAASC,EAAwBN,EAAK,CACpC,OAAI,OAAOA,GAAQ,SACV,CACL,GAAGI,EAAAA,gCAAgC,IAAKC,GAC/BE,eAAa,SAASP,EAAIK,CAAU,CAAC,EACxC,YAAYA,CAAU,QAAQL,EAAIK,CAAU,CAAC,GAC7C,IACL,CAAC,EACU,CAAA,CAClB,CAEO,SAASG,EAAsBd,EAAWM,EAAK,CACpD,MAAO,CACL,GAAGG,EAA6BT,CAAS,EACzC,GAAGY,EAAuBN,CAAG,CACjC,CACA,CAEO,SAASS,EAAoBT,EAAK,CACvC,MAAMU,EAAWX,EAAaC,CAAG,EACjC,OAAOO,EAAAA,aAAa,SAASG,CAAQ,EAAI,gBAAgBA,CAAQ,GAAK,IACxE"}
+{"version":3,"file":"utils.cjs","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\n/**\n * Generic helper to extract default value from string or object props\n * @param {string|Object} value - The prop value\n * @returns {string|null} The default value or null\n */\nfunction _getDefaultValue (value) {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'object' && value !== null) return value.default;\n  return null;\n}\n\nfunction _getValidDirection (direction) {\n  if (typeof direction === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\n/**\n * Generic helper to generate responsive classes for any prop\n * @param {Object} propValue - The prop value object with breakpoint keys\n * @param {string} propName - The name of the prop (e.g., 'gap', 'align')\n * @param {Array|Object} validValues - Valid values (array or object for direction)\n * @param {string} classPrefix - CSS class prefix (default: 'd-stack')\n * @returns {Array} Array of CSS class names\n */\nfunction _getResponsiveClasses (propValue, propName, validValues, classPrefix = 'd-stack') {\n  if (typeof propValue !== 'object' || propValue === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = propValue[breakpoint];\n    if (!value) return null;\n\n    // Handle both array (gap, align, justify) and object (direction) validValues\n    const isValid = Array.isArray(validValues)\n      ? validValues.includes(value)\n      : value in validValues;\n\n    // For direction, we don't need the prop name in the class\n    const className = propName === ''\n      ? `${classPrefix}--${breakpoint}-${value}`\n      : `${classPrefix}--${breakpoint}-${propName}-${value}`;\n\n    return isValid ? className : null;\n  });\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResponsiveDirectionClasses (direction) {\n  return _getResponsiveClasses(direction, '', DT_STACK_DIRECTION);\n}\n\nfunction getResponsiveGapClasses (gap) {\n  return _getResponsiveClasses(gap, 'gap', DT_STACK_GAP);\n}\n\nfunction getResponsiveAlignClasses (align) {\n  return _getResponsiveClasses(align, 'align', DT_STACK_ALIGN);\n}\n\nfunction getResponsiveJustifyClasses (justify) {\n  return _getResponsiveClasses(justify, 'justify', DT_STACK_JUSTIFY);\n}\n\nexport function getResponsiveClasses (direction, gap, align, justify) {\n  return [\n    ...getResponsiveDirectionClasses(direction),\n    ...getResponsiveGapClasses(gap),\n    ...getResponsiveAlignClasses(align),\n    ...getResponsiveJustifyClasses(justify),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getDefaultValue(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n\nexport function getDefaultAlignClass (align) {\n  const validAlign = _getDefaultValue(align);\n  return DT_STACK_ALIGN.includes(validAlign) ? `d-stack--align-${validAlign}` : null;\n}\n\nexport function getDefaultJustifyClass (justify) {\n  const validJustify = _getDefaultValue(justify);\n  return DT_STACK_JUSTIFY.includes(validJustify) ? `d-stack--justify-${validJustify}` : null;\n}"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getDefaultValue","value","_getValidDirection","defaultStyle","_getResponsiveClasses","propValue","propName","validValues","classPrefix","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","isValid","className","getDefaultDirectionClass","getResponsiveDirectionClasses","getResponsiveGapClasses","gap","DT_STACK_GAP","getResponsiveAlignClasses","align","DT_STACK_ALIGN","getResponsiveJustifyClasses","justify","DT_STACK_JUSTIFY","getResponsiveClasses","getDefaultGapClass","validGap","getDefaultAlignClass","validAlign","getDefaultJustifyClass","validJustify"],"mappings":"yHAEA,SAASA,EAAqBC,EAAW,CACvC,OAAOA,IAAcC,EAAAA,mBAAmB,OAC1C,CAOA,SAASC,EAAkBC,EAAO,CAChC,OAAI,OAAOA,GAAU,SAAiBA,EAClC,OAAOA,GAAU,UAAYA,IAAU,KAAaA,EAAM,QACvD,IACT,CAEA,SAASC,EAAoBJ,EAAW,CACtC,GAAI,OAAOA,GAAc,SACvB,OAAQD,EAAoBC,CAAS,EAAoC,KAAhCC,EAAAA,mBAAmBD,CAAS,EAChE,GAAI,OAAOA,GAAc,SAAU,CACxC,KAAM,CAAE,QAASK,CAAY,EAAKL,EAElC,OAAQD,EAAoBM,CAAY,EAAuC,KAAnCJ,EAAAA,mBAAmBI,CAAY,CAC7E,KAAS,QAAO,IAClB,CAUA,SAASC,EAAuBC,EAAWC,EAAUC,EAAaC,EAAc,UAAW,CACzF,OAAI,OAAOH,GAAc,UAAYA,IAAc,KAAa,CAAA,EAEzDI,EAAAA,gCAAgC,IAAKC,GAAe,CACzD,MAAMT,EAAQI,EAAUK,CAAU,EAClC,GAAI,CAACT,EAAO,OAAO,KAGnB,MAAMU,EAAU,MAAM,QAAQJ,CAAW,EACrCA,EAAY,SAASN,CAAK,EAC1BA,KAASM,EAGPK,EAAYN,IAAa,GAC3B,GAAGE,CAAW,KAAKE,CAAU,IAAIT,CAAK,GACtC,GAAGO,CAAW,KAAKE,CAAU,IAAIJ,CAAQ,IAAIL,CAAK,GAEtD,OAAOU,EAAUC,EAAY,IAC/B,CAAC,CACH,CAEO,SAASC,EAA0Bf,EAAW,CACnD,OAAOI,EAAmBJ,CAAS,EAC/B,YAAYC,EAAAA,mBAAmBG,EAAmBJ,CAAS,CAAC,CAAC,GAC7D,IACN,CAEA,SAASgB,EAA+BhB,EAAW,CACjD,OAAOM,EAAsBN,EAAW,GAAIC,oBAAkB,CAChE,CAEA,SAASgB,EAAyBC,EAAK,CACrC,OAAOZ,EAAsBY,EAAK,MAAOC,cAAY,CACvD,CAEA,SAASC,EAA2BC,EAAO,CACzC,OAAOf,EAAsBe,EAAO,QAASC,gBAAc,CAC7D,CAEA,SAASC,EAA6BC,EAAS,CAC7C,OAAOlB,EAAsBkB,EAAS,UAAWC,kBAAgB,CACnE,CAEO,SAASC,EAAsB1B,EAAWkB,EAAKG,EAAOG,EAAS,CACpE,MAAO,CACL,GAAGR,EAA8BhB,CAAS,EAC1C,GAAGiB,EAAwBC,CAAG,EAC9B,GAAGE,EAA0BC,CAAK,EAClC,GAAGE,EAA4BC,CAAO,CAC1C,CACA,CAEO,SAASG,EAAoBT,EAAK,CACvC,MAAMU,EAAW1B,EAAiBgB,CAAG,EACrC,OAAOC,EAAAA,aAAa,SAASS,CAAQ,EAAI,gBAAgBA,CAAQ,GAAK,IACxE,CAEO,SAASC,EAAsBR,EAAO,CAC3C,MAAMS,EAAa5B,EAAiBmB,CAAK,EACzC,OAAOC,EAAAA,eAAe,SAASQ,CAAU,EAAI,kBAAkBA,CAAU,GAAK,IAChF,CAEO,SAASC,EAAwBP,EAAS,CAC/C,MAAMQ,EAAe9B,EAAiBsB,CAAO,EAC7C,OAAOC,EAAAA,iBAAiB,SAASO,CAAY,EAAI,oBAAoBA,CAAY,GAAK,IACxF"}

package/dist/vue3/lib/stack/utils.js

@@ -1,49 +1,67 @@
-import { DT_STACK_DIRECTION as n, DT_STACK_GAP as r, DT_STACK_RESPONSIVE_BREAKPOINTS as f } from "./stack-constants.js";
-function l(e) {
-  return e === n.default;
-}
-function s(e) {
-  if (u(e) === "string")
-    return l(e) ? null : n[e];
-  if (u(e) === "object") {
-    const { default: t } = e;
-    return l(t) ? null : n[t];
+import { DT_STACK_DIRECTION as u, DT_STACK_GAP as a, DT_STACK_ALIGN as g, DT_STACK_JUSTIFY as C, DT_STACK_RESPONSIVE_BREAKPOINTS as y } from "./stack-constants.js";
+function c(t) {
+  return t === u.default;
+}
+function f(t) {
+  return typeof t == "string" ? t : typeof t == "object" && t !== null ? t.default : null;
+}
+function o(t) {
+  if (typeof t == "string")
+    return c(t) ? null : u[t];
+  if (typeof t == "object") {
+    const { default: n } = t;
+    return c(n) ? null : u[n];
   } else
     return null;
 }
-function o(e) {
-  return typeof e == "string" ? e : typeof e == "object" ? e.default : null;
+function i(t, n, e, l = "d-stack") {
+  return typeof t != "object" || t === null ? [] : y.map((r) => {
+    const s = t[r];
+    if (!s) return null;
+    const D = Array.isArray(e) ? e.includes(s) : s in e, _ = n === "" ? `${l}--${r}-${s}` : `${l}--${r}-${n}-${s}`;
+    return D ? _ : null;
+  });
+}
+function S(t) {
+  return o(t) ? `d-stack--${u[o(t)]}` : null;
 }
-function u(e) {
-  return typeof e;
+function A(t) {
+  return i(t, "", u);
 }
-function D(e) {
-  return s(e) ? `d-stack--${n[s(e)]}` : null;
+function T(t) {
+  return i(t, "gap", a);
 }
-function c(e) {
-  return u(e) === "object" ? [
-    ...f.map((t) => e[t] ? `d-stack--${t}-${e[t]}` : null)
-  ] : [];
+function d(t) {
+  return i(t, "align", g);
 }
-function i(e) {
-  return typeof e == "object" ? [
-    ...f.map((t) => r.includes(e[t]) ? `d-stack--${t}-gap-${e[t]}` : null)
-  ] : [];
+function p(t) {
+  return i(t, "justify", C);
 }
-function p(e, t) {
+function R(t, n, e, l) {
   return [
-    ...c(e),
-    ...i(t)
+    ...A(t),
+    ...T(n),
+    ...d(e),
+    ...p(l)
   ];
 }
-function _(e) {
-  const t = o(e);
-  return r.includes(t) ? `d-stack--gap-${t}` : null;
+function I(t) {
+  const n = f(t);
+  return a.includes(n) ? `d-stack--gap-${n}` : null;
+}
+function K(t) {
+  const n = f(t);
+  return g.includes(n) ? `d-stack--align-${n}` : null;
+}
+function j(t) {
+  const n = f(t);
+  return C.includes(n) ? `d-stack--justify-${n}` : null;
 }
 export {
-  u as directionPropType,
-  D as getDefaultDirectionClass,
-  _ as getDefaultGapClass,
-  p as getResponsiveClasses
+  K as getDefaultAlignClass,
+  S as getDefaultDirectionClass,
+  I as getDefaultGapClass,
+  j as getDefaultJustifyClass,
+  R as getResponsiveClasses
 };
 //# sourceMappingURL=utils.js.map

package/dist/vue3/lib/stack/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\nfunction _getValidDirection (direction) {\n  if (directionPropType(direction) === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (directionPropType(direction) === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\nfunction _getValidGap (gap) {\n  if (typeof gap === 'string') {\n    return gap;\n  } else if (typeof gap === 'object') {\n    return gap.default;\n  } else { return null; }\n}\n\nexport function directionPropType (value) {\n  return typeof value;\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResposiveDirectionClasses (direction) {\n  if (directionPropType(direction) === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return direction[breakpoint]\n          ? `d-stack--${breakpoint}-${direction[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nfunction getResposiveGapClasses (gap) {\n  if (typeof gap === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return DT_STACK_GAP.includes(gap[breakpoint])\n          ? `d-stack--${breakpoint}-gap-${gap[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nexport function getResponsiveClasses (direction, gap) {\n  return [\n    ...getResposiveDirectionClasses(direction),\n    ...getResposiveGapClasses(gap),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getValidGap(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getValidDirection","directionPropType","defaultStyle","_getValidGap","gap","value","getDefaultDirectionClass","getResposiveDirectionClasses","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","getResposiveGapClasses","DT_STACK_GAP","getResponsiveClasses","getDefaultGapClass","validGap"],"mappings":";AAEA,SAASA,EAAqBC,GAAW;AACvC,SAAOA,MAAcC,EAAmB;AAC1C;AAEA,SAASC,EAAoBF,GAAW;AACtC,MAAIG,EAAkBH,CAAS,MAAM;AACnC,WAAQD,EAAoBC,CAAS,IAAoC,OAAhCC,EAAmBD,CAAS;AAChE,MAAIG,EAAkBH,CAAS,MAAM,UAAU;AACpD,UAAM,EAAE,SAASI,EAAY,IAAKJ;AAElC,WAAQD,EAAoBK,CAAY,IAAuC,OAAnCH,EAAmBG,CAAY;AAAA,EAC7E;AAAS,WAAO;AAClB;AAEA,SAASC,EAAcC,GAAK;AAC1B,SAAI,OAAOA,KAAQ,WACVA,IACE,OAAOA,KAAQ,WACjBA,EAAI,UACG;AAClB;AAEO,SAASH,EAAmBI,GAAO;AACxC,SAAO,OAAOA;AAChB;AAEO,SAASC,EAA0BR,GAAW;AACnD,SAAOE,EAAmBF,CAAS,IAC/B,YAAYC,EAAmBC,EAAmBF,CAAS,CAAC,CAAC,KAC7D;AACN;AAEA,SAASS,EAA8BT,GAAW;AAChD,SAAIG,EAAkBH,CAAS,MAAM,WAC5B;AAAA,IACL,GAAGU,EAAgC,IAAI,CAACC,MAC/BX,EAAUW,CAAU,IACvB,YAAYA,CAAU,IAAIX,EAAUW,CAAU,CAAC,KAC/C,IACL;AAAA,EAAC,IACU,CAAA;AAClB;AAEA,SAASC,EAAwBN,GAAK;AACpC,SAAI,OAAOA,KAAQ,WACV;AAAA,IACL,GAAGI,EAAgC,IAAI,CAACC,MAC/BE,EAAa,SAASP,EAAIK,CAAU,CAAC,IACxC,YAAYA,CAAU,QAAQL,EAAIK,CAAU,CAAC,KAC7C,IACL;AAAA,EAAC,IACU,CAAA;AAClB;AAEO,SAASG,EAAsBd,GAAWM,GAAK;AACpD,SAAO;AAAA,IACL,GAAGG,EAA6BT,CAAS;AAAA,IACzC,GAAGY,EAAuBN,CAAG;AAAA,EACjC;AACA;AAEO,SAASS,EAAoBT,GAAK;AACvC,QAAMU,IAAWX,EAAaC,CAAG;AACjC,SAAOO,EAAa,SAASG,CAAQ,IAAI,gBAAgBA,CAAQ,KAAK;AACxE;"}
+{"version":3,"file":"utils.js","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\n/**\n * Generic helper to extract default value from string or object props\n * @param {string|Object} value - The prop value\n * @returns {string|null} The default value or null\n */\nfunction _getDefaultValue (value) {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'object' && value !== null) return value.default;\n  return null;\n}\n\nfunction _getValidDirection (direction) {\n  if (typeof direction === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\n/**\n * Generic helper to generate responsive classes for any prop\n * @param {Object} propValue - The prop value object with breakpoint keys\n * @param {string} propName - The name of the prop (e.g., 'gap', 'align')\n * @param {Array|Object} validValues - Valid values (array or object for direction)\n * @param {string} classPrefix - CSS class prefix (default: 'd-stack')\n * @returns {Array} Array of CSS class names\n */\nfunction _getResponsiveClasses (propValue, propName, validValues, classPrefix = 'd-stack') {\n  if (typeof propValue !== 'object' || propValue === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = propValue[breakpoint];\n    if (!value) return null;\n\n    // Handle both array (gap, align, justify) and object (direction) validValues\n    const isValid = Array.isArray(validValues)\n      ? validValues.includes(value)\n      : value in validValues;\n\n    // For direction, we don't need the prop name in the class\n    const className = propName === ''\n      ? `${classPrefix}--${breakpoint}-${value}`\n      : `${classPrefix}--${breakpoint}-${propName}-${value}`;\n\n    return isValid ? className : null;\n  });\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResponsiveDirectionClasses (direction) {\n  return _getResponsiveClasses(direction, '', DT_STACK_DIRECTION);\n}\n\nfunction getResponsiveGapClasses (gap) {\n  return _getResponsiveClasses(gap, 'gap', DT_STACK_GAP);\n}\n\nfunction getResponsiveAlignClasses (align) {\n  return _getResponsiveClasses(align, 'align', DT_STACK_ALIGN);\n}\n\nfunction getResponsiveJustifyClasses (justify) {\n  return _getResponsiveClasses(justify, 'justify', DT_STACK_JUSTIFY);\n}\n\nexport function getResponsiveClasses (direction, gap, align, justify) {\n  return [\n    ...getResponsiveDirectionClasses(direction),\n    ...getResponsiveGapClasses(gap),\n    ...getResponsiveAlignClasses(align),\n    ...getResponsiveJustifyClasses(justify),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getDefaultValue(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n\nexport function getDefaultAlignClass (align) {\n  const validAlign = _getDefaultValue(align);\n  return DT_STACK_ALIGN.includes(validAlign) ? `d-stack--align-${validAlign}` : null;\n}\n\nexport function getDefaultJustifyClass (justify) {\n  const validJustify = _getDefaultValue(justify);\n  return DT_STACK_JUSTIFY.includes(validJustify) ? `d-stack--justify-${validJustify}` : null;\n}"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getDefaultValue","value","_getValidDirection","defaultStyle","_getResponsiveClasses","propValue","propName","validValues","classPrefix","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","isValid","className","getDefaultDirectionClass","getResponsiveDirectionClasses","getResponsiveGapClasses","gap","DT_STACK_GAP","getResponsiveAlignClasses","align","DT_STACK_ALIGN","getResponsiveJustifyClasses","justify","DT_STACK_JUSTIFY","getResponsiveClasses","getDefaultGapClass","validGap","getDefaultAlignClass","validAlign","getDefaultJustifyClass","validJustify"],"mappings":";AAEA,SAASA,EAAqBC,GAAW;AACvC,SAAOA,MAAcC,EAAmB;AAC1C;AAOA,SAASC,EAAkBC,GAAO;AAChC,SAAI,OAAOA,KAAU,WAAiBA,IAClC,OAAOA,KAAU,YAAYA,MAAU,OAAaA,EAAM,UACvD;AACT;AAEA,SAASC,EAAoBJ,GAAW;AACtC,MAAI,OAAOA,KAAc;AACvB,WAAQD,EAAoBC,CAAS,IAAoC,OAAhCC,EAAmBD,CAAS;AAChE,MAAI,OAAOA,KAAc,UAAU;AACxC,UAAM,EAAE,SAASK,EAAY,IAAKL;AAElC,WAAQD,EAAoBM,CAAY,IAAuC,OAAnCJ,EAAmBI,CAAY;AAAA,EAC7E;AAAS,WAAO;AAClB;AAUA,SAASC,EAAuBC,GAAWC,GAAUC,GAAaC,IAAc,WAAW;AACzF,SAAI,OAAOH,KAAc,YAAYA,MAAc,OAAa,CAAA,IAEzDI,EAAgC,IAAI,CAACC,MAAe;AACzD,UAAMT,IAAQI,EAAUK,CAAU;AAClC,QAAI,CAACT,EAAO,QAAO;AAGnB,UAAMU,IAAU,MAAM,QAAQJ,CAAW,IACrCA,EAAY,SAASN,CAAK,IAC1BA,KAASM,GAGPK,IAAYN,MAAa,KAC3B,GAAGE,CAAW,KAAKE,CAAU,IAAIT,CAAK,KACtC,GAAGO,CAAW,KAAKE,CAAU,IAAIJ,CAAQ,IAAIL,CAAK;AAEtD,WAAOU,IAAUC,IAAY;AAAA,EAC/B,CAAC;AACH;AAEO,SAASC,EAA0Bf,GAAW;AACnD,SAAOI,EAAmBJ,CAAS,IAC/B,YAAYC,EAAmBG,EAAmBJ,CAAS,CAAC,CAAC,KAC7D;AACN;AAEA,SAASgB,EAA+BhB,GAAW;AACjD,SAAOM,EAAsBN,GAAW,IAAIC,CAAkB;AAChE;AAEA,SAASgB,EAAyBC,GAAK;AACrC,SAAOZ,EAAsBY,GAAK,OAAOC,CAAY;AACvD;AAEA,SAASC,EAA2BC,GAAO;AACzC,SAAOf,EAAsBe,GAAO,SAASC,CAAc;AAC7D;AAEA,SAASC,EAA6BC,GAAS;AAC7C,SAAOlB,EAAsBkB,GAAS,WAAWC,CAAgB;AACnE;AAEO,SAASC,EAAsB1B,GAAWkB,GAAKG,GAAOG,GAAS;AACpE,SAAO;AAAA,IACL,GAAGR,EAA8BhB,CAAS;AAAA,IAC1C,GAAGiB,EAAwBC,CAAG;AAAA,IAC9B,GAAGE,EAA0BC,CAAK;AAAA,IAClC,GAAGE,EAA4BC,CAAO;AAAA,EAC1C;AACA;AAEO,SAASG,EAAoBT,GAAK;AACvC,QAAMU,IAAW1B,EAAiBgB,CAAG;AACrC,SAAOC,EAAa,SAASS,CAAQ,IAAI,gBAAgBA,CAAQ,KAAK;AACxE;AAEO,SAASC,EAAsBR,GAAO;AAC3C,QAAMS,IAAa5B,EAAiBmB,CAAK;AACzC,SAAOC,EAAe,SAASQ,CAAU,IAAI,kBAAkBA,CAAU,KAAK;AAChF;AAEO,SAASC,EAAwBP,GAAS;AAC/C,QAAMQ,IAAe9B,EAAiBsB,CAAO;AAC7C,SAAOC,EAAiB,SAASO,CAAY,IAAI,oBAAoBA,CAAY,KAAK;AACxF;"}

package/dist/vue3/lib/stack/validators.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./stack-constants.cjs"),i=require("./utils.cjs");function n(t){if(i.directionPropType(t)==="string")return Object.keys(e.DT_STACK_DIRECTION).includes(t);if(i.directionPropType(t)==="object"){const{default:r}=t;return Object.keys(e.DT_STACK_DIRECTION).includes(r)}else return null}function l(t){if(typeof t=="string")return e.DT_STACK_GAP.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_GAP.includes(r)}}exports.directionValidator=n;exports.gapValidator=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./stack-constants.cjs");function n(t){if(typeof t=="string")return Object.keys(e.DT_STACK_DIRECTION).includes(t);if(typeof t=="object"){const{default:r}=t;return Object.keys(e.DT_STACK_DIRECTION).includes(r)}return!1}function l(t){if(typeof t=="string")return e.DT_STACK_GAP.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_GAP.includes(r)}return!1}function u(t){if(typeof t=="string")return e.DT_STACK_ALIGN.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_ALIGN.includes(r)}return!1}function i(t){if(typeof t=="string")return e.DT_STACK_JUSTIFY.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_JUSTIFY.includes(r)}return!1}exports.alignValidator=u;exports.directionValidator=n;exports.gapValidator=l;exports.justifyValidator=i;
 //# sourceMappingURL=validators.cjs.map

package/dist/vue3/lib/stack/validators.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validators.cjs","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP } from '@/components/stack/stack_constants';\nimport { directionPropType } from './utils';\n\nexport function directionValidator (direction) {\n  if (directionPropType(direction) === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (directionPropType(direction) === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  } else { return null; }\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n}\n"],"names":["directionValidator","direction","directionPropType","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP"],"mappings":"kJAGO,SAASA,EAAoBC,EAAW,CAC7C,GAAIC,EAAAA,kBAAkBD,CAAS,IAAM,SACnC,OAAO,OAAO,KAAKE,EAAAA,kBAAkB,EAAE,SAASF,CAAS,EACpD,GAAIC,EAAAA,kBAAkBD,CAAS,IAAM,SAAU,CACpD,KAAM,CAAE,QAASG,CAAY,EAAKH,EAElC,OAAO,OAAO,KAAKE,EAAAA,kBAAkB,EAAE,SAASC,CAAY,CAC9D,KAAS,QAAO,IAClB,CAEO,SAASC,EAAcC,EAAK,CACjC,GAAI,OAAOA,GAAQ,SACjB,OAAOC,EAAAA,aAAa,SAASD,CAAG,EAElC,GAAI,OAAOA,GAAQ,SAAU,CAC3B,KAAM,CAAE,QAASF,CAAY,EAAKE,EAElC,OAAOC,EAAAA,aAAa,SAASH,CAAY,CAC3C,CACF"}
+{"version":3,"file":"validators.cjs","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"names":["directionValidator","direction","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP","alignValidator","align","DT_STACK_ALIGN","justifyValidator","justify","DT_STACK_JUSTIFY"],"mappings":"yHAEO,SAASA,EAAoBC,EAAW,CAC7C,GAAI,OAAOA,GAAc,SACvB,OAAO,OAAO,KAAKC,EAAAA,kBAAkB,EAAE,SAASD,CAAS,EACpD,GAAI,OAAOA,GAAc,SAAU,CACxC,KAAM,CAAE,QAASE,CAAY,EAAKF,EAElC,OAAO,OAAO,KAAKC,EAAAA,kBAAkB,EAAE,SAASC,CAAY,CAC9D,CACA,MAAO,EACT,CAEO,SAASC,EAAcC,EAAK,CACjC,GAAI,OAAOA,GAAQ,SACjB,OAAOC,EAAAA,aAAa,SAASD,CAAG,EAElC,GAAI,OAAOA,GAAQ,SAAU,CAC3B,KAAM,CAAE,QAASF,CAAY,EAAKE,EAElC,OAAOC,EAAAA,aAAa,SAASH,CAAY,CAC3C,CACA,MAAO,EACT,CAEO,SAASI,EAAgBC,EAAO,CACrC,GAAI,OAAOA,GAAU,SACnB,OAAOC,EAAAA,eAAe,SAASD,CAAK,EAEtC,GAAI,OAAOA,GAAU,SAAU,CAC7B,KAAM,CAAE,QAASL,CAAY,EAAKK,EAElC,OAAOC,EAAAA,eAAe,SAASN,CAAY,CAC7C,CACA,MAAO,EACT,CAEO,SAASO,EAAkBC,EAAS,CACzC,GAAI,OAAOA,GAAY,SACrB,OAAOC,EAAAA,iBAAiB,SAASD,CAAO,EAE1C,GAAI,OAAOA,GAAY,SAAU,CAC/B,KAAM,CAAE,QAASR,CAAY,EAAKQ,EAElC,OAAOC,EAAAA,iBAAiB,SAAST,CAAY,CAC/C,CACA,MAAO,EACT"}

package/dist/vue3/lib/stack/validators.js

@@ -1,24 +1,44 @@
-import { DT_STACK_GAP as r, DT_STACK_DIRECTION as n } from "./stack-constants.js";
-import { directionPropType as l } from "./utils.js";
-function f(e) {
-  if (l(e) === "string")
-    return Object.keys(n).includes(e);
-  if (l(e) === "object") {
+import { DT_STACK_JUSTIFY as r, DT_STACK_ALIGN as n, DT_STACK_GAP as f, DT_STACK_DIRECTION as u } from "./stack-constants.js";
+function o(e) {
+  if (typeof e == "string")
+    return Object.keys(u).includes(e);
+  if (typeof e == "object") {
     const { default: t } = e;
-    return Object.keys(n).includes(t);
-  } else
-    return null;
+    return Object.keys(u).includes(t);
+  }
+  return !1;
 }
 function i(e) {
+  if (typeof e == "string")
+    return f.includes(e);
+  if (typeof e == "object") {
+    const { default: t } = e;
+    return f.includes(t);
+  }
+  return !1;
+}
+function s(e) {
+  if (typeof e == "string")
+    return n.includes(e);
+  if (typeof e == "object") {
+    const { default: t } = e;
+    return n.includes(t);
+  }
+  return !1;
+}
+function c(e) {
   if (typeof e == "string")
     return r.includes(e);
   if (typeof e == "object") {
     const { default: t } = e;
     return r.includes(t);
   }
+  return !1;
 }
 export {
-  f as directionValidator,
-  i as gapValidator
+  s as alignValidator,
+  o as directionValidator,
+  i as gapValidator,
+  c as justifyValidator
 };
 //# sourceMappingURL=validators.js.map

package/dist/vue3/lib/stack/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP } from '@/components/stack/stack_constants';\nimport { directionPropType } from './utils';\n\nexport function directionValidator (direction) {\n  if (directionPropType(direction) === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (directionPropType(direction) === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  } else { return null; }\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n}\n"],"names":["directionValidator","direction","directionPropType","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP"],"mappings":";;AAGO,SAASA,EAAoBC,GAAW;AAC7C,MAAIC,EAAkBD,CAAS,MAAM;AACnC,WAAO,OAAO,KAAKE,CAAkB,EAAE,SAASF,CAAS;AACpD,MAAIC,EAAkBD,CAAS,MAAM,UAAU;AACpD,UAAM,EAAE,SAASG,EAAY,IAAKH;AAElC,WAAO,OAAO,KAAKE,CAAkB,EAAE,SAASC,CAAY;AAAA,EAC9D;AAAS,WAAO;AAClB;AAEO,SAASC,EAAcC,GAAK;AACjC,MAAI,OAAOA,KAAQ;AACjB,WAAOC,EAAa,SAASD,CAAG;AAElC,MAAI,OAAOA,KAAQ,UAAU;AAC3B,UAAM,EAAE,SAASF,EAAY,IAAKE;AAElC,WAAOC,EAAa,SAASH,CAAY;AAAA,EAC3C;AACF;"}
+{"version":3,"file":"validators.js","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"names":["directionValidator","direction","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP","alignValidator","align","DT_STACK_ALIGN","justifyValidator","justify","DT_STACK_JUSTIFY"],"mappings":";AAEO,SAASA,EAAoBC,GAAW;AAC7C,MAAI,OAAOA,KAAc;AACvB,WAAO,OAAO,KAAKC,CAAkB,EAAE,SAASD,CAAS;AACpD,MAAI,OAAOA,KAAc,UAAU;AACxC,UAAM,EAAE,SAASE,EAAY,IAAKF;AAElC,WAAO,OAAO,KAAKC,CAAkB,EAAE,SAASC,CAAY;AAAA,EAC9D;AACA,SAAO;AACT;AAEO,SAASC,EAAcC,GAAK;AACjC,MAAI,OAAOA,KAAQ;AACjB,WAAOC,EAAa,SAASD,CAAG;AAElC,MAAI,OAAOA,KAAQ,UAAU;AAC3B,UAAM,EAAE,SAASF,EAAY,IAAKE;AAElC,WAAOC,EAAa,SAASH,CAAY;AAAA,EAC3C;AACA,SAAO;AACT;AAEO,SAASI,EAAgBC,GAAO;AACrC,MAAI,OAAOA,KAAU;AACnB,WAAOC,EAAe,SAASD,CAAK;AAEtC,MAAI,OAAOA,KAAU,UAAU;AAC7B,UAAM,EAAE,SAASL,EAAY,IAAKK;AAElC,WAAOC,EAAe,SAASN,CAAY;AAAA,EAC7C;AACA,SAAO;AACT;AAEO,SAASO,EAAkBC,GAAS;AACzC,MAAI,OAAOA,KAAY;AACrB,WAAOC,EAAiB,SAASD,CAAO;AAE1C,MAAI,OAAOA,KAAY,UAAU;AAC/B,UAAM,EAAE,SAASR,EAAY,IAAKQ;AAElC,WAAOC,EAAiB,SAAST,CAAY;AAAA,EAC/C;AACA,SAAO;AACT;"}