@dcodegroup-au/dsg-vue 0.0.16 → 0.0.17

package/dist/dsg-vue.tailwind.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./_commonjsHelpers-q0radSi0.cjs");var x={},d={},m;function N(){return m||(m=1,function(a){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return g}});function r(n,s){return{handler:n,config:s}}r.withOptions=function(n,s=()=>({})){const i=function(p){return{__options:p,handler:n(p),config:s(p)}};return i.__isOptionsFunction=!0,i.__pluginFunction=n,i.__configFunction=s,i};const g=r}(d)),d}var y;function S(){return y||(y=1,function(a){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return n}});const r=g(N());function g(s){return s&&s.__esModule?s:{default:s}}const n=r.default}(x)),x}var c,b;function B(){if(b)return c;b=1;let a=S();return c=(a.__esModule?a:{default:a}).default,c}var E=B();const l=e.getDefaultExportFromCjs(E),o={"display-2xl":{fontSize:"4.5rem",lineHeight:"5.625rem",letterSpacing:"-0.09rem"},"display-xl":{fontSize:"3.75rem",lineHeight:"4.5rem",letterSpacing:"-0.075rem"},"display-lg":{fontSize:"3rem",lineHeight:"3.75rem",letterSpacing:"-0.06rem"},"display-md":{fontSize:"2.25rem",lineHeight:"2.75rem",letterSpacing:"-0.045rem"},"display-sm":{fontSize:"1.875rem",lineHeight:"2.375rem"},"display-xs":{fontSize:"1.5rem",lineHeight:"2rem"}},t={xl:{fontSize:"1.125rem",lineHeight:"1.75rem"},lg:{fontSize:"1.125rem",lineHeight:"1.75rem"},md:{fontSize:"1rem",lineHeight:"1.5rem"},sm:{fontSize:"0.875rem",lineHeight:"1.25rem"},xs:{fontSize:"0.75rem",lineHeight:"1.125rem"}},P=[{classNames:["display-2xl","h1","heading-1"],styles:{...o["display-2xl"]}},{classNames:["display-xl","h2","heading-2"],styles:{...o["display-xl"]}},{classNames:["display-lg","h3","heading-3"],styles:{...o["display-lg"]}},{classNames:["display-md","h4","heading-4"],styles:{...o["display-md"]}},{classNames:["display-sm","h5","heading-5"],styles:{...o["display-sm"]}},{classNames:["display-xs","h6","heading-6"],styles:{...o["display-xs"]}},{classNames:["body-xl","text-xl","lead-1"],styles:{...t.xl}},{classNames:["body-lg","text-lg","lead-2"],styles:{...t.lg}},{classNames:["body-md","text-md","body","text-base"],styles:{...t.md}},{classNames:["body-sm","text-sm","caption"],styles:{...t.sm}},{classNames:["body-xs","text-xs","legal","text-legal"],styles:{...t.xs}}];let C={};P.forEach(a=>{a.classNames.forEach(r=>{C["."+r]=a.styles})});const v=l(function({addComponents:a}){return a(C)}),w=l(()=>{},{theme:{extend:{borderRadius:{none:"0rem",xxs:"0.125rem",xs:"0.25rem",sm:"0.375rem",md:"0.5rem",lg:"0.625rem",xl:"0.75rem","2xl":"1rem","3xl":"1.25rem","4xl":"1.5rem",full:"9999px"}}}}),k=[{className:"gradient-gray-1",colors:[e.ColoursConfig.gray[600],"#FFFFFF"],angle:"0deg",type:"linear"},{className:"gradient-gray-2",colors:[e.ColoursConfig.gray[600],e.ColoursConfig.gray[500]],angle:"90deg",type:"linear"},{className:"gradient-gray-3",colors:[e.ColoursConfig.gray[700],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-gray-4",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-gray-5",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[600]],angle:"90deg",type:"linear"},{className:"gradient-gray-6",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[700]],angle:"26.5deg",type:"linear"},{className:"gradient-gray-7",colors:[e.ColoursConfig.gray[900],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-1",colors:[e.ColoursConfig.brand[600],"#FFFFFF"],angle:"0deg",type:"linear"},{className:"gradient-brand-2",colors:[e.ColoursConfig.brand[600],e.ColoursConfig.brand[500]],angle:"90deg",type:"linear"},{className:"gradient-brand-3",colors:[e.ColoursConfig.brand[700],e.ColoursConfig.brand[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-4",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-5",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[600]],angle:"90deg",type:"linear"},{className:"gradient-brand-6",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[700]],angle:"26.5deg",type:"linear"},{className:"gradient-brand-7",colors:[e.ColoursConfig.brand[900],e.ColoursConfig.brand[700]],angle:"45deg",type:"linear"},{className:"gradient-gray-neutral-1",colors:["#FFFFFF","#F3F5F7"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-2",colors:["#F9FAFB","#EDF0F3"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-3",colors:["#EDF0F3","#E7EBEF"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-4",colors:["#F3F5F7","#E0E5EB"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-5",colors:["#EDF0F3","#D4DBE2"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-6",colors:["#E7EBEF","#C8D1DA"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-7",colors:["#E7EBEF","#C8D1DA"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-1",colors:["#FFFFFF","#F5F5F5"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-2",colors:["#FAFAFA","#F0F0F0"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-3",colors:["#FAFAFA","#EBEBEB"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-4",colors:["#F5F5F5","#E5E5E5"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-5",colors:["#F0F0F0","#DBDBDB"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-6",colors:["#EBEBEB","#D1D1D1"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-7",colors:["#E5E5E5","#C2C2C2"],angle:"180deg",type:"linear"}];let f={};k.forEach(a=>{const r=a.type==="linear"?"linear-gradient":"radial-gradient",g=a.colors.join(", ");let n=r+"("+a.angle+", "+g+")";f["."+a.className]={backgroundImage:n}});const D=l(({addComponents:a})=>{a(f)}),_=[{className:"backdrop-blur-light-sm",background:"rgba(255, 255, 255, 0.60)",blur:"4px"},{className:"backdrop-blur-light-md",background:"rgba(255, 255, 255, 0.60)",blur:"8px"},{className:"backdrop-blur-light-lg",background:"rgba(255, 255, 255, 0.60)",blur:"12px"},{className:"backdrop-blur-light-xl",background:"rgba(255, 255, 255, 0.60)",blur:"20px"},{className:"backdrop-blur-dark-sm",background:"rgba(0, 0, 0, 0.60)",blur:"4px"},{className:"backdrop-blur-dark-md",background:"rgba(0, 0, 0, 0.60)",blur:"8px"},{className:"backdrop-blur-dark-lg",background:"rgba(0, 0, 0, 0.60)",blur:"12px"},{className:"backdrop-blur-dark-xl",background:"rgba(0, 0, 0, 0.60)",blur:"20px"}];let h={};_.forEach(a=>{h["."+a.className]={backdropFilter:"blur("+a.blur+")",background:a.background}});const R=l(({addComponents:a})=>{a(h)}),T=[{className:"shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05)",textShadowValue:"0px 1px 2px rgba(16, 24, 40, 0.05)"},{className:"shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06)",textShadowValue:"0px 1px 3px rgba(16, 24, 40, 0.10)"},{className:"shadow-md",value:"0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)",textShadowValue:"0px 4px 8px rgba(16, 24, 40, 0.10)"},{className:"shadow-lg",value:"0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",textShadowValue:"0px 12px 16px rgba(16, 24, 40, 0.12)"},{className:"shadow-xl",value:"0px 16px 32px -8px rgba(16, 24, 40, 0.18)",textShadowValue:"0px 16px 32px rgba(16, 24, 40, 0.18)"},{className:"shadow-2xl",value:"0px 24px 48px -12px rgba(16, 24, 40, 0.18)",textShadowValue:"0px 24px 48px rgba(16, 24, 40, 0.18)"},{className:"shadow-3xl",value:"0px 32px 64px -12px rgba(16, 24, 40, 0.14)",textShadowValue:"0px 32px 64px rgba(16, 24, 40, 0.14)"}];let u={};T.forEach(a=>{u["."+a.className]={boxShadow:a.value},u[".text-"+a.className]={textShadow:a.textShadowValue}});const z=l(({addComponents:a})=>{a(u)}),H=[{className:"ring-brand",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-gray",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-gray-secondary",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.2)},{className:"ring-error",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)},{className:"ring-brand-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-brand-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-gray-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-gray-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-error-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)},{className:"ring-error-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)}];let F={};H.forEach(a=>{F["."+a.className]={boxShadow:a.value}});const A=l(({addComponents:a})=>{a(F)}),G=l(({addBase:a,theme:r})=>{},{theme:{extend:{container:{center:!0,padding:{DEFAULT:"2rem",md:"1rem"}}}}}),V=l(({addBase:a,theme:r})=>{},{theme:{extend:{height:{xxs:"0.5rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"}}}}),q=l(({addBase:a,theme:r})=>{},{theme:{extend:{screens:{"max-xl":{max:"1279px"},"max-lg":{max:"1023px"},"max-md":{max:"768px"},"max-sm":{max:"639px"},"max-xs":{max:"413px"},sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1600px"}}}}),O=l(({addBase:a,theme:r})=>{},{theme:{extend:{spacing:{"3xlSpace":"96px","2xlSpace":"64px",xlSpace:"32px",lgSpace:"24px",mdSpace:"16px",smSpace:"12px",xsSpace:"8px","2xsSpace":"4px","3xsSpace":"2px"}}}}),j=l(({addBase:a,theme:r})=>{},{theme:{extend:{width:{"2xs":"0.5rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"}}}}),M=[w,v,D,R,z,A,G,V,q,O,j],$={brand:["Inter","Source Sans Pro","Helvetica Neue","Roboto","Arial","sans-serif"],inter:["Inter","Source Sans Pro","Helvetica Neue","Roboto","Arial","sans-serif"]},L=M,U=e.ColoursConfig,W=e.ColoursConfig,J=$;exports.DsgColorConfig=W;exports.DsgColourConfig=U;exports.DsgFontFamilyConfig=J;exports.DsgTailwindPlugin=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./_commonjsHelpers-DwGv2jUC.cjs"),e=require("./DsgColoursConfig-D7UiFGB5.cjs");var x={},d={},m;function S(){return m||(m=1,function(a){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return g}});function r(n,s){return{handler:n,config:s}}r.withOptions=function(n,s=()=>({})){const i=function(p){return{__options:p,handler:n(p),config:s(p)}};return i.__isOptionsFunction=!0,i.__pluginFunction=n,i.__configFunction=s,i};const g=r}(d)),d}var y;function B(){return y||(y=1,function(a){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return n}});const r=g(S());function g(s){return s&&s.__esModule?s:{default:s}}const n=r.default}(x)),x}var c,b;function E(){if(b)return c;b=1;let a=B();return c=(a.__esModule?a:{default:a}).default,c}var P=E();const l=N.getDefaultExportFromCjs(P),o={"display-2xl":{fontSize:"4.5rem",lineHeight:"5.625rem",letterSpacing:"-0.09rem"},"display-xl":{fontSize:"3.75rem",lineHeight:"4.5rem",letterSpacing:"-0.075rem"},"display-lg":{fontSize:"3rem",lineHeight:"3.75rem",letterSpacing:"-0.06rem"},"display-md":{fontSize:"2.25rem",lineHeight:"2.75rem",letterSpacing:"-0.045rem"},"display-sm":{fontSize:"1.875rem",lineHeight:"2.375rem"},"display-xs":{fontSize:"1.5rem",lineHeight:"2rem"}},t={xl:{fontSize:"1.125rem",lineHeight:"1.75rem"},lg:{fontSize:"1.125rem",lineHeight:"1.75rem"},md:{fontSize:"1rem",lineHeight:"1.5rem"},sm:{fontSize:"0.875rem",lineHeight:"1.25rem"},xs:{fontSize:"0.75rem",lineHeight:"1.125rem"}},v=[{classNames:["display-2xl","h1","heading-1"],styles:{...o["display-2xl"]}},{classNames:["display-xl","h2","heading-2"],styles:{...o["display-xl"]}},{classNames:["display-lg","h3","heading-3"],styles:{...o["display-lg"]}},{classNames:["display-md","h4","heading-4"],styles:{...o["display-md"]}},{classNames:["display-sm","h5","heading-5"],styles:{...o["display-sm"]}},{classNames:["display-xs","h6","heading-6"],styles:{...o["display-xs"]}},{classNames:["body-xl","text-xl","lead-1"],styles:{...t.xl}},{classNames:["body-lg","text-lg","lead-2"],styles:{...t.lg}},{classNames:["body-md","text-md","body","text-base"],styles:{...t.md}},{classNames:["body-sm","text-sm","caption"],styles:{...t.sm}},{classNames:["body-xs","text-xs","legal","text-legal"],styles:{...t.xs}}];let C={};v.forEach(a=>{a.classNames.forEach(r=>{C["."+r]=a.styles})});const w=l(function({addComponents:a}){return a(C)}),k=l(()=>{},{theme:{extend:{borderRadius:{none:"0rem",xxs:"0.125rem",xs:"0.25rem",sm:"0.375rem",md:"0.5rem",lg:"0.625rem",xl:"0.75rem","2xl":"1rem","3xl":"1.25rem","4xl":"1.5rem",full:"9999px"}}}}),D=[{className:"gradient-gray-1",colors:[e.ColoursConfig.gray[600],"#FFFFFF"],angle:"0deg",type:"linear"},{className:"gradient-gray-2",colors:[e.ColoursConfig.gray[600],e.ColoursConfig.gray[500]],angle:"90deg",type:"linear"},{className:"gradient-gray-3",colors:[e.ColoursConfig.gray[700],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-gray-4",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-gray-5",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[600]],angle:"90deg",type:"linear"},{className:"gradient-gray-6",colors:[e.ColoursConfig.gray[800],e.ColoursConfig.gray[700]],angle:"26.5deg",type:"linear"},{className:"gradient-gray-7",colors:[e.ColoursConfig.gray[900],e.ColoursConfig.gray[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-1",colors:[e.ColoursConfig.brand[600],"#FFFFFF"],angle:"0deg",type:"linear"},{className:"gradient-brand-2",colors:[e.ColoursConfig.brand[600],e.ColoursConfig.brand[500]],angle:"90deg",type:"linear"},{className:"gradient-brand-3",colors:[e.ColoursConfig.brand[700],e.ColoursConfig.brand[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-4",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[600]],angle:"45deg",type:"linear"},{className:"gradient-brand-5",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[600]],angle:"90deg",type:"linear"},{className:"gradient-brand-6",colors:[e.ColoursConfig.brand[800],e.ColoursConfig.brand[700]],angle:"26.5deg",type:"linear"},{className:"gradient-brand-7",colors:[e.ColoursConfig.brand[900],e.ColoursConfig.brand[700]],angle:"45deg",type:"linear"},{className:"gradient-gray-neutral-1",colors:["#FFFFFF","#F3F5F7"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-2",colors:["#F9FAFB","#EDF0F3"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-3",colors:["#EDF0F3","#E7EBEF"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-4",colors:["#F3F5F7","#E0E5EB"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-5",colors:["#EDF0F3","#D4DBE2"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-6",colors:["#E7EBEF","#C8D1DA"],angle:"180deg",type:"linear"},{className:"gradient-gray-neutral-7",colors:["#E7EBEF","#C8D1DA"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-1",colors:["#FFFFFF","#F5F5F5"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-2",colors:["#FAFAFA","#F0F0F0"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-3",colors:["#FAFAFA","#EBEBEB"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-4",colors:["#F5F5F5","#E5E5E5"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-5",colors:["#F0F0F0","#DBDBDB"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-6",colors:["#EBEBEB","#D1D1D1"],angle:"180deg",type:"linear"},{className:"gradient-gray-true-7",colors:["#E5E5E5","#C2C2C2"],angle:"180deg",type:"linear"}];let f={};D.forEach(a=>{const r=a.type==="linear"?"linear-gradient":"radial-gradient",g=a.colors.join(", ");let n=r+"("+a.angle+", "+g+")";f["."+a.className]={backgroundImage:n}});const _=l(({addComponents:a})=>{a(f)}),R=[{className:"backdrop-blur-light-sm",background:"rgba(255, 255, 255, 0.60)",blur:"4px"},{className:"backdrop-blur-light-md",background:"rgba(255, 255, 255, 0.60)",blur:"8px"},{className:"backdrop-blur-light-lg",background:"rgba(255, 255, 255, 0.60)",blur:"12px"},{className:"backdrop-blur-light-xl",background:"rgba(255, 255, 255, 0.60)",blur:"20px"},{className:"backdrop-blur-dark-sm",background:"rgba(0, 0, 0, 0.60)",blur:"4px"},{className:"backdrop-blur-dark-md",background:"rgba(0, 0, 0, 0.60)",blur:"8px"},{className:"backdrop-blur-dark-lg",background:"rgba(0, 0, 0, 0.60)",blur:"12px"},{className:"backdrop-blur-dark-xl",background:"rgba(0, 0, 0, 0.60)",blur:"20px"}];let h={};R.forEach(a=>{h["."+a.className]={backdropFilter:"blur("+a.blur+")",background:a.background}});const T=l(({addComponents:a})=>{a(h)}),z=[{className:"shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05)",textShadowValue:"0px 1px 2px rgba(16, 24, 40, 0.05)"},{className:"shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06)",textShadowValue:"0px 1px 3px rgba(16, 24, 40, 0.10)"},{className:"shadow-md",value:"0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)",textShadowValue:"0px 4px 8px rgba(16, 24, 40, 0.10)"},{className:"shadow-lg",value:"0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",textShadowValue:"0px 12px 16px rgba(16, 24, 40, 0.12)"},{className:"shadow-xl",value:"0px 16px 32px -8px rgba(16, 24, 40, 0.18)",textShadowValue:"0px 16px 32px rgba(16, 24, 40, 0.18)"},{className:"shadow-2xl",value:"0px 24px 48px -12px rgba(16, 24, 40, 0.18)",textShadowValue:"0px 24px 48px rgba(16, 24, 40, 0.18)"},{className:"shadow-3xl",value:"0px 32px 64px -12px rgba(16, 24, 40, 0.14)",textShadowValue:"0px 32px 64px rgba(16, 24, 40, 0.14)"}];let u={};z.forEach(a=>{u["."+a.className]={boxShadow:a.value},u[".text-"+a.className]={textShadow:a.textShadowValue}});const H=l(({addComponents:a})=>{a(u)}),A=[{className:"ring-brand",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-gray",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-gray-secondary",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.2)},{className:"ring-error",value:"0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)},{className:"ring-brand-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-brand-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.brand[500],.24)},{className:"ring-gray-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-gray-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.gray[400],.14)},{className:"ring-error-shadow-xs",value:"0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)},{className:"ring-error-shadow-sm",value:"0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 0px 0px 4px "+e.hexToRGB(e.ColoursConfig.error[500],.24)}];let F={};A.forEach(a=>{F["."+a.className]={boxShadow:a.value}});const G=l(({addComponents:a})=>{a(F)}),q=l(({addBase:a,theme:r})=>{},{theme:{extend:{container:{center:!0,padding:{DEFAULT:"2rem",md:"1rem"}}}}}),V=l(({addBase:a,theme:r})=>{},{theme:{extend:{height:{xxs:"0.5rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"}}}}),O=l(({addBase:a,theme:r})=>{},{theme:{extend:{screens:{"max-xl":{max:"1279px"},"max-lg":{max:"1023px"},"max-md":{max:"768px"},"max-sm":{max:"639px"},"max-xs":{max:"413px"},sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1600px"}}}}),j=l(({addBase:a,theme:r})=>{},{theme:{extend:{spacing:{"3xlSpace":"96px","2xlSpace":"64px",xlSpace:"32px",lgSpace:"24px",mdSpace:"16px",smSpace:"12px",xsSpace:"8px","2xsSpace":"4px","3xsSpace":"2px"}}}}),M=l(({addBase:a,theme:r})=>{},{theme:{extend:{width:{"2xs":"0.5rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"}}}}),$=[k,w,_,T,H,G,q,V,O,j,M],L={brand:["Inter","Source Sans Pro","Helvetica Neue","Roboto","Arial","sans-serif"],inter:["Inter","Source Sans Pro","Helvetica Neue","Roboto","Arial","sans-serif"]},U=$,W=e.ColoursConfig,J=e.ColoursConfig,K=L;exports.DsgColorConfig=J;exports.DsgColourConfig=W;exports.DsgFontFamilyConfig=K;exports.DsgTailwindPlugin=U;

package/dist/dsg-vue.tailwind.esm.js

@@ -1,4 +1,5 @@
-import { g as E, C as a, h as s } from "./_commonjsHelpers-CgdWM-5-.js";
+import { g as E } from "./_commonjsHelpers-C6fGbg64.js";
+import { C as a, h as s } from "./DsgColoursConfig-BseFo6-R.js";
 var i = {}, c = {}, y;
 function B() {
   return y || (y = 1, function(e) {
@@ -582,10 +583,10 @@ const T = l(({ addComponents: e }) => {
 ], U = {
   brand: ["Inter", "Source Sans Pro", "Helvetica Neue", "Roboto", "Arial", "sans-serif"],
   inter: ["Inter", "Source Sans Pro", "Helvetica Neue", "Roboto", "Arial", "sans-serif"]
-}, J = L, K = a, Q = a, X = U;
+}, K = L, Q = a, X = a, Y = U;
 export {
-  Q as DsgColorConfig,
-  K as DsgColourConfig,
-  X as DsgFontFamilyConfig,
-  J as DsgTailwindPlugin
+  X as DsgColorConfig,
+  Q as DsgColourConfig,
+  Y as DsgFontFamilyConfig,
+  K as DsgTailwindPlugin
 };

package/dist/editor.d.ts

@@ -0,0 +1,64 @@
+/**
+ * --------------------------------------------------------------------------
+ *  DSG Vue - Components
+ * --------------------------------------------------------------------------
+ */
+/**
+ * --------------------------------------------------------------------------
+ *  Export: Vue Components
+ * --------------------------------------------------------------------------
+ */
+export declare const DsgEditor: import('vue').DefineComponent<{
+    modelValue: string;
+} & import('./editor').DsgEditorProps, {
+    getEditor: () => import('vditor').default | undefined;
+    getEditorValue: () => string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    "update:modelValue": (value: string) => any;
+    "on-before-input": (oldValue: string, value: string) => any;
+    "on-after-input": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: string;
+} & import('./editor').DsgEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onOn-before-input"?: ((oldValue: string, value: string) => any) | undefined;
+    "onOn-after-input"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    vditor: HTMLDivElement;
+}, HTMLDivElement>;
+/**
+ * --------------------------------------------------------------------------
+ *  Export: Vue Component Types
+ * --------------------------------------------------------------------------
+ */
+export type { DsgEditorProps } from './components/Editor/DsgEditor.vue';
+/**
+ * --------------------------------------------------------------------------
+ *  Export: Default
+ * --------------------------------------------------------------------------
+ */
+declare const _default: {
+    DsgEditor: import('vue').DefineComponent<{
+        modelValue: string;
+    } & import('./editor').DsgEditorProps, {
+        getEditor: () => import('vditor').default | undefined;
+        getEditorValue: () => string;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    } & {
+        "update:modelValue": (value: string) => any;
+        "on-before-input": (oldValue: string, value: string) => any;
+        "on-after-input": (value: string) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue: string;
+    } & import('./editor').DsgEditorProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onOn-before-input"?: ((oldValue: string, value: string) => any) | undefined;
+        "onOn-after-input"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        vditor: HTMLDivElement;
+    }, HTMLDivElement>;
+};
+export default _default;

package/dist/table.d.ts

@@ -1412,6 +1412,30 @@ export declare const DsgTableSearch: import('vue').DefineComponent<import('./tab
 }, string, import('vue').PublicProps, Readonly<import('./table').DsgTableSearchProps> & Readonly<{
     "onDsg-table:term-changed"?: ((term: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const DsgTableRowHeader: import('vue').DefineComponent<{
+    sortField?: import('./table').DsgTableSortField;
+    selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+    hasSelected?: boolean;
+} & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sortField": (value: import('./table').DsgTableSortField) => any;
+    "update:selectedRows": (value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any;
+    "update:hasSelected": (value: boolean) => any;
+} & {
+    "dsg-table:sort-field": (field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any;
+    "dsg-table:on-select-all": () => any;
+    "dsg-table:on-deselect-all": () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    sortField?: import('./table').DsgTableSortField;
+    selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+    hasSelected?: boolean;
+} & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps> & Readonly<{
+    "onDsg-table:sort-field"?: ((field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any) | undefined;
+    "onDsg-table:on-select-all"?: (() => any) | undefined;
+    "onDsg-table:on-deselect-all"?: (() => any) | undefined;
+    "onUpdate:sortField"?: ((value: import('./table').DsgTableSortField) => any) | undefined;
+    "onUpdate:selectedRows"?: ((value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any) | undefined;
+    "onUpdate:hasSelected"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 /**
  * --------------------------------------------------------------------------
  *  Export: Vue Component Types
@@ -1419,6 +1443,7 @@ export declare const DsgTableSearch: import('vue').DefineComponent<import('./tab
  */
 export type { DsgTableSearchProps } from './components/Table/DsgTableSearch.vue';
 export type { DsgTableSearchFacet, DsgTableSearchRefine, DsgTableFilterProps } from './components/Table/DsgTableFilter.vue';
+export type { DsgTableSortField } from './components/Table/DsgTableRowHeader.vue';
 /**
  * --------------------------------------------------------------------------
  *  Export: Default
@@ -2829,5 +2854,29 @@ declare const _default: {
     }, string, import('vue').PublicProps, Readonly<import('./table').DsgTableSearchProps> & Readonly<{
         "onDsg-table:term-changed"?: ((term: string | null) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    DsgTableRowHeader: import('vue').DefineComponent<{
+        sortField?: import('./table').DsgTableSortField;
+        selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+        hasSelected?: boolean;
+    } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:sortField": (value: import('./table').DsgTableSortField) => any;
+        "update:selectedRows": (value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any;
+        "update:hasSelected": (value: boolean) => any;
+    } & {
+        "dsg-table:sort-field": (field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any;
+        "dsg-table:on-select-all": () => any;
+        "dsg-table:on-deselect-all": () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        sortField?: import('./table').DsgTableSortField;
+        selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+        hasSelected?: boolean;
+    } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps> & Readonly<{
+        "onDsg-table:sort-field"?: ((field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any) | undefined;
+        "onDsg-table:on-select-all"?: (() => any) | undefined;
+        "onDsg-table:on-deselect-all"?: (() => any) | undefined;
+        "onUpdate:sortField"?: ((value: import('./table').DsgTableSortField) => any) | undefined;
+        "onUpdate:selectedRows"?: ((value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any) | undefined;
+        "onUpdate:hasSelected"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 };
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcodegroup-au/dsg-vue",
   "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -40,6 +40,12 @@
       "require": "./dist/dsg-vue.table.cjs",
       "default": "./dist/dsg-vue.table.esm.js"
     },
+    "./editor": {
+      "types": "./dist/editor.d.ts",
+      "import": "./dist/dsg-vue.editor.esm.js",
+      "require": "./dist/dsg-vue.editor.cjs",
+      "default": "./dist/dsg-vue.editor.esm.js"
+    },
     "./helpers/string": {
       "types": "./dist/helpers-string.d.ts",
       "import": "./dist/dsg-vue.helpers-string.esm.js",
@@ -88,9 +94,10 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.27.0",
+    "@testing-library/vue": "^8.1.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.19",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/eslint-config-typescript": "^14.5.0",
@@ -101,7 +108,7 @@
     "axios": "^1.9.0",
     "card-validator": "^10.0.2",
     "dayjs": "^1.11.13",
-    "eslint": "^9.26.0",
+    "eslint": "^9.27.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-storybook": "^0.12.0",
@@ -111,20 +118,22 @@
     "hotkeys-js": "^3.13.10",
     "jest": "^29.7.0",
     "jiti": "^2.4.2",
+    "jsdom": "^26.1.0",
     "only-allow": "^1.2.1",
     "phone": "^3.1.59",
     "prettier": "^3.5.3",
-    "sass": "^1.88.0",
-    "semantic-release": "^24.2.3",
-    "storybook": "^8.6.12",
+    "sass": "^1.89.0",
+    "semantic-release": "^24.2.4",
+    "storybook": "^8.6.14",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1",
     "ua-parser-js": "^2.0.3",
     "uuid": "^11.1.0",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-dts": "^4.5.4",
     "vite-svg-loader": "^5.1.0",
+    "vitest": "^3.1.4",
     "vue-multiselect": "^3.2.0",
     "vue-tsc": "^2.2.10",
     "vue3-toastify": "^0.2.8"
@@ -136,5 +145,8 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
+  },
+  "dependencies": {
+    "vditor": "^3.11.0"
   }
 }

package/vite.config.ts

@@ -22,6 +22,7 @@ export default defineConfig(({ command, mode }) => {
       lib: {
         entry: {
           "dsg-vue": path.resolve(__dirname, "./src/main.ts"),
+          editor: path.resolve(__dirname, "./src/editor.ts"),
           table: path.resolve(__dirname, "./src/table.ts"),
           tailwind: path.resolve(__dirname, "./src/tailwind.ts"),
           "helpers-string": path.resolve(__dirname, "./src/utilities/Strings.ts"),