@uxuissk/design-system-core 3.1.2 → 3.2.0

package/dist/sellsuki-components.umd.cjs

@@ -37,7 +37,7 @@
  */var nb=Object.prototype.toString,ki=Array.isArray||function(e){return nb.call(e)==="[object Array]"};function jl(r){return typeof r=="function"}function ab(r){return ki(r)?"array":typeof r}function Rl(r){return r.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function Gp(r,e){return r!=null&&typeof r=="object"&&e in r}function rb(r,e){return r!=null&&typeof r!="object"&&r.hasOwnProperty&&r.hasOwnProperty(e)}var ib=RegExp.prototype.test;function ob(r,e){return ib.call(r,e)}var sb=/\S/;function cb(r){return!ob(sb,r)}var lb={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function db(r){return String(r).replace(/[&<>"'`=\/]/g,function(t){return lb[t]})}var pb=/\s*/,ub=/\s+/,Tp=/\s*=/,Ab=/\s*\}/,mb=/#|\^|\/|>|\{|&|=|!/;function gb(r,e){if(!r)return[];var t=!1,n=[],a=[],i=[],s=!1,l=!1,d="",p=0;function m(){if(s&&!l)for(;i.length;)delete a[i.pop()];else i=[];s=!1,l=!1}var A,b,f;function y(ye){if(typeof ye=="string"&&(ye=ye.split(ub,2)),!ki(ye)||ye.length!==2)throw new Error("Invalid tags: "+ye);A=new RegExp(Rl(ye[0])+"\\s*"),b=new RegExp("\\s*"+Rl(ye[1])),f=new RegExp("\\s*"+Rl("}"+ye[1]))}y(e||ca.tags);for(var v=new eo(r),x,I,Q,B,$,j;!v.eos();){if(x=v.pos,Q=v.scanUntil(A),Q)for(var U=0,X=Q.length;U<X;++U)B=Q.charAt(U),cb(B)?(i.push(a.length),d+=B):(l=!0,t=!0,d+=" "),a.push(["text",B,x,x+1]),x+=1,B===`
 `&&(m(),d="",p=0,t=!1);if(!v.scan(A))break;if(s=!0,I=v.scan(mb)||"name",v.scan(pb),I==="="?(Q=v.scanUntil(Tp),v.scan(Tp),v.scanUntil(b)):I==="{"?(Q=v.scanUntil(f),v.scan(Ab),v.scanUntil(b),I="&"):Q=v.scanUntil(b),!v.scan(b))throw new Error("Unclosed tag at "+v.pos);if(I==">"?$=[I,Q,x,v.pos,d,p,t]:$=[I,Q,x,v.pos],p++,a.push($),I==="#"||I==="^")n.push($);else if(I==="/"){if(j=n.pop(),!j)throw new Error('Unopened section "'+Q+'" at '+x);if(j[1]!==Q)throw new Error('Unclosed section "'+j[1]+'" at '+x)}else I==="name"||I==="{"||I==="&"?l=!0:I==="="&&y(Q)}if(m(),j=n.pop(),j)throw new Error('Unclosed section "'+j[1]+'" at '+v.pos);return hb(bb(a))}function bb(r){for(var e=[],t,n,a=0,i=r.length;a<i;++a)t=r[a],t&&(t[0]==="text"&&n&&n[0]==="text"?(n[1]+=t[1],n[3]=t[3]):(e.push(t),n=t));return e}function hb(r){for(var e=[],t=e,n=[],a,i,s=0,l=r.length;s<l;++s)switch(a=r[s],a[0]){case"#":case"^":t.push(a),n.push(a),t=a[4]=[];break;case"/":i=n.pop(),i[5]=a[2],t=n.length>0?n[n.length-1][4]:e;break;default:t.push(a)}return e}function eo(r){this.string=r,this.tail=r,this.pos=0}eo.prototype.eos=function(){return this.tail===""},eo.prototype.scan=function(e){var t=this.tail.match(e);if(!t||t.index!==0)return"";var n=t[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},eo.prototype.scanUntil=function(e){var t=this.tail.search(e),n;switch(t){case-1:n=this.tail,this.tail="";break;case 0:n="";break;default:n=this.tail.substring(0,t),this.tail=this.tail.substring(t)}return this.pos+=n.length,n};function Ci(r,e){this.view=r,this.cache={".":this.view},this.parent=e}Ci.prototype.push=function(e){return new Ci(e,this)},Ci.prototype.lookup=function(e){var t=this.cache,n;if(t.hasOwnProperty(e))n=t[e];else{for(var a=this,i,s,l,d=!1;a;){if(e.indexOf(".")>0)for(i=a.view,s=e.split("."),l=0;i!=null&&l<s.length;)l===s.length-1&&(d=Gp(i,s[l])||rb(i,s[l])),i=i[s[l++]];else i=a.view[e],d=Gp(a.view,e);if(d){n=i;break}a=a.parent}t[e]=n}return jl(n)&&(n=n.call(this.view)),n};function En(){this.templateCache={_cache:{},set:function(e,t){this._cache[e]=t},get:function(e){return this._cache[e]},clear:function(){this._cache={}}}}En.prototype.clearCache=function(){typeof this.templateCache<"u"&&this.templateCache.clear()},En.prototype.parse=function(e,t){var n=this.templateCache,a=e+":"+(t||ca.tags).join(":"),i=typeof n<"u",s=i?n.get(a):void 0;return s==null&&(s=gb(e,t),i&&n.set(a,s)),s},En.prototype.render=function(e,t,n,a){var i=this.getConfigTags(a),s=this.parse(e,i),l=t instanceof Ci?t:new Ci(t,void 0);return this.renderTokens(s,l,n,e,a)},En.prototype.renderTokens=function(e,t,n,a,i){for(var s="",l,d,p,m=0,A=e.length;m<A;++m)p=void 0,l=e[m],d=l[0],d==="#"?p=this.renderSection(l,t,n,a,i):d==="^"?p=this.renderInverted(l,t,n,a,i):d===">"?p=this.renderPartial(l,t,n,i):d==="&"?p=this.unescapedValue(l,t):d==="name"?p=this.escapedValue(l,t,i):d==="text"&&(p=this.rawValue(l)),p!==void 0&&(s+=p);return s},En.prototype.renderSection=function(e,t,n,a,i){var s=this,l="",d=t.lookup(e[1]);function p(b){return s.render(b,t,n,i)}if(d){if(ki(d))for(var m=0,A=d.length;m<A;++m)l+=this.renderTokens(e[4],t.push(d[m]),n,a,i);else if(typeof d=="object"||typeof d=="string"||typeof d=="number")l+=this.renderTokens(e[4],t.push(d),n,a,i);else if(jl(d)){if(typeof a!="string")throw new Error("Cannot use higher-order sections without the original template");d=d.call(t.view,a.slice(e[3],e[5]),p),d!=null&&(l+=d)}else l+=this.renderTokens(e[4],t,n,a,i);return l}},En.prototype.renderInverted=function(e,t,n,a,i){var s=t.lookup(e[1]);if(!s||ki(s)&&s.length===0)return this.renderTokens(e[4],t,n,a,i)},En.prototype.indentPartial=function(e,t,n){for(var a=t.replace(/[^ \t]/g,""),i=e.split(`
 `),s=0;s<i.length;s++)i[s].length&&(s>0||!n)&&(i[s]=a+i[s]);return i.join(`
-`)},En.prototype.renderPartial=function(e,t,n,a){if(n){var i=this.getConfigTags(a),s=jl(n)?n(e[1]):n[e[1]];if(s!=null){var l=e[6],d=e[5],p=e[4],m=s;d==0&&p&&(m=this.indentPartial(s,p,l));var A=this.parse(m,i);return this.renderTokens(A,t,n,m,a)}}},En.prototype.unescapedValue=function(e,t){var n=t.lookup(e[1]);if(n!=null)return n},En.prototype.escapedValue=function(e,t,n){var a=this.getConfigEscape(n)||ca.escape,i=t.lookup(e[1]);if(i!=null)return typeof i=="number"&&a===ca.escape?String(i):a(i)},En.prototype.rawValue=function(e){return e[1]},En.prototype.getConfigTags=function(e){return ki(e)?e:e&&typeof e=="object"?e.tags:void 0},En.prototype.getConfigEscape=function(e){if(e&&typeof e=="object"&&!ki(e))return e.escape};var ca={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(r){to.templateCache=r},get templateCache(){return to.templateCache}},to=new En;ca.clearCache=function(){return to.clearCache()},ca.parse=function(e,t){return to.parse(e,t)},ca.render=function(e,t,n,a){if(typeof e!="string")throw new TypeError('Invalid template! Template should be a "string" but "'+ab(e)+'" was given as the first argument for mustache#render(template, view, partials)');return to.render(e,t,n,a)},ca.escape=db,ca.Scanner=eo,ca.Context=Ci,ca.Writer=En;const Pl="ssk-i18n",Op=1,fb="en";class Up{constructor(e=Pl,t=Op){this.namespace=Pl,this.currentLang=fb,this.namespace=e,this.db=this.initDb(e,t)}async initDb(e=Pl,t=Op){return Xg(e,t,{upgrade:n=>{n.createObjectStore(e)}})}async getVersion(){return(await this.db).version}async setVersion(e){await(await this.db).close(),this.db=this.initDb(this.namespace,e)}async set(e,t,n){await(await this.db).put(this.namespace,{key:e,lang:t,value:n},`${e}-${t}`)}async bulkSet(e){const t=await this.db,n=Object.keys(e);await Promise.all(n.map(a=>{const i=Object.keys(e[a]);return Promise.all(i.map(s=>t.put(this.namespace,{key:a,lang:s,value:e[a][s]},`${a}-${s}`)))}))}async sets(e,t){const n=await this.db,a=Object.keys(t);await Promise.all(a.map(i=>n.put(this.namespace,{key:e,lang:i,value:t[i]},`${e}-${i}`)))}async get(e,t,n){var s;const a=await this.db;t||(t=this.currentLang);const i=await a.get(this.namespace,`${e}-${t}`);return!i&&n?((s=await a.get(this.namespace,`${e}-${n}`))==null?void 0:s.value)??e:(i==null?void 0:i.value)??e}async getAll(){const e=await this.db,t=await e.getAllKeys(this.namespace),n={};return await Promise.all(t.map(async a=>{const i=await e.get(this.namespace,a);i&&(n[i.key]||(n[i.key]={}),n[i.key][i.lang]=i.value)})),n}async render(e,t,n,a){const i=await this.get(e,t,a);return ca.render(i,n)}async clear(){await(await this.db).clear(this.namespace)}}var yb=Object.defineProperty,zl=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&yb(e,t,a),a};const qo="ssk-i18n-context";class no extends o.LitElement{constructor(){super(...arguments),this.store=new Up,this.lang="en",this.lastUpdate=0}render(){return this.store.currentLang=this.lang,o.html`<slot></slot>`}}zl([wi({context:qo}),c.property({attribute:!1})],no.prototype,"store"),zl([c.property({attribute:!0})],no.prototype,"lang"),zl([c.property({attribute:!0,type:Number})],no.prototype,"lastUpdate"),customElements.get("ssk-i18n-provider")||customElements.define("ssk-i18n-provider",no);const wb={"space-0":{rem:"0",px:0},"space-1":{rem:"0.065rem",px:1},"space-2":{rem:"0.125rem",px:2},"space-4":{rem:"0.25rem",px:4},"space-6":{rem:"0.375rem",px:6},"space-8":{rem:"0.5rem",px:8},"space-10":{rem:"0.625rem",px:10},"space-12":{rem:"0.75rem",px:12},"space-16":{rem:"1rem",px:16},"space-20":{rem:"1.25rem",px:20},"space-24":{rem:"1.5rem",px:24},"space-32":{rem:"2rem",px:32},"space-40":{rem:"2.5rem",px:40},"space-44":{rem:"2.75rem",px:44},"space-48":{rem:"3rem",px:48},"space-56":{rem:"3.5rem",px:56},"space-64":{rem:"4rem",px:64},"space-72":{rem:"4.5rem",px:72},"space-80":{rem:"5rem",px:80},"space-96":{rem:"6rem",px:96},"space-128":{rem:"8rem",px:128},"space-9999":{rem:"9999rem",px:null}},kb={"spacing-none":"space-0","spacing-xxs":"space-1","spacing-xs":"space-2","spacing-sm":"space-4","spacing-md":"space-6","spacing-lg":"space-8","spacing-xl":"space-10","spacing-2xl":"space-12","spacing-3xl":"space-16","spacing-4xl":"space-20","spacing-5xl":"space-24","spacing-6xl":"space-32","spacing-7xl":"space-40","spacing-8xl":"space-44","spacing-9xl":"space-48","spacing-10xl":"space-56","spacing-11xl":"space-64","spacing-12xl":"space-72","spacing-13xl":"space-80","spacing-14xl":"space-96","spacing-15xl":"space-128"},Cb={"border-none":"space-0","border-xxs":"space-1","border-xs":"space-2","border-sm":"space-4"},vb={"radius-none":"space-0","radius-xxs":"space-2","radius-xs":"space-4","radius-sm":"space-6","radius-md":"space-8","radius-lg":"space-12","radius-xl":"space-16","radius-2xl":"space-20","radius-3xl":"space-24","radius-4xl":"space-32","radius-full":"space-9999"},Ho={primary:{50:"#e8f5fe",100:"#e8f5fe",200:"#9dd4fc",300:"#6fc1fa",400:"#6fc1fa",500:"#44aef8",600:"#1b9cf7",700:"#1785d2",800:"#136faf",900:"#0f598d",1e3:"#0c466f"},secondary:{50:"#F8FAFC",100:"#fdf0eb",200:"#f6bda8",300:"#f19e80",400:"#f19e80",500:"#ed8159",600:"#e96535",700:"#c6562d",800:"#a54826",900:"#853a1e",1e3:"#692d18"},success:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},warning:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},error:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},danger:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},info:{50:"#F0F9FF",100:"#D9F2FF",200:"#BCE8FF",300:"#8EDCFF",400:"#58C6FF",500:"#32A9FF",600:"#1B8BF5",700:"#1473E1",800:"#175CB6",900:"#194F8F"},white:{50:"#ffffff",100:"#ffffff",200:"#ffffff",300:"#ffffff",400:"#ffffff",500:"#ffffff",600:"#e6e6e6",700:"#bfbfbf",800:"#999999",900:"#737373"},black:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},"vin-rouge":{50:"#FAF5F8",100:"#F7ECF2",200:"#F1D9E7",300:"#E6BBD1",400:"#D591B4",500:"#C56F97",600:"#B0527A",700:"#984063",800:"#7D3752",900:"#6A3147"},"light-orchid":{50:"#FAF5FA",100:"#F7ECF6",200:"#F1D9F0",300:"#E6BBE2",400:"#DCA2D6",500:"#C56FB9",600:"#B151A0",700:"#973F85",800:"#7D376D",900:"#6A315D"},wisteria:{50:"#FAF7FC",100:"#F3EEF9",200:"#E7DDF1",300:"#D6C2E5",400:"#BE9DD5",500:"#A075C0",600:"#8658A5",700:"#6D4586",800:"#5B3A6E",900:"#4E345B"},"matte-violet":{50:"#F4F4FA",100:"#E7E5F4",200:"#D4D1EC",300:"#B5B2DE",400:"#928CCE",500:"#7E71C0",600:"#725EB2",700:"#6953A2",800:"#5F4B8B",900:"#4A3D6B"},"matte-blue":{50:"#F3F6FB",100:"#E4E9F5",200:"#D0DAED",300:"#AFC1E1",400:"#89A1D1",500:"#6C84C5",600:"#596CB7",700:"#4E5BA6",800:"#444C89",900:"#3A426E"},"cobalt-blue":{50:"#E6F1F9",100:"#C0D7EA",200:"#98BBD6",300:"#658BAA",400:"#3C688C",500:"#0B3252",600:"#0A2E4B",700:"#08243A",800:"#061C2D",900:"#051522"},fiord:{50:"#F6F7F9",100:"#EBEDF3",200:"#D3D7E4",300:"#ADB5CC",400:"#818EAF",500:"#617096",600:"#4A5578",700:"#3F4865",800:"#373E55",900:"#313649"},navy:{50:"#E8E9EE",100:"#C7CAD7",200:"#9AA0B7",300:"#6B7495",400:"#3E4A75",500:"#142257",600:"#111D4A",700:"#0E183E",800:"#0B1332",900:"#090F27"},slate:{50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},gray:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},stone:{50:"#FAFAF9",100:"#F5F5F4",200:"#E7E5E4",300:"#D6D3D1",400:"#A8A29E",500:"#78716C",600:"#57534E",700:"#44403C",800:"#292524",900:"#1C1917"},brown:{50:"#F6F3F0",100:"#E9E1D8",200:"#D4C5B4",300:"#BBA289",400:"#A78568",500:"#98745A",600:"#825F4C",700:"#6D4C41",800:"#5A3F39",900:"#4F3834"},cappuccino:{50:"#F7F5EF",100:"#EAE7D7",200:"#D7CEB1",300:"#C0AF84",400:"#AD9662",500:"#9C8253",600:"#876B47",700:"#6D533B",800:"#5D4736",900:"#513E32"},ecru:{50:"#F9F9F1",100:"#EDEED7",200:"#D7DBAC",300:"#C7C980",400:"#C2C171",500:"#B0A650",600:"#9B8A44",700:"#826D3B",800:"#6B5735",900:"#59482E"},olive:{50:"#F6F8ED",100:"#EAEFD8",200:"#D6E0B6",300:"#BCCB8B",400:"#ABBD75",500:"#859A48",600:"#677A36",700:"#4F5E2D",800:"#414C28",900:"#394225"},lime:{50:"#F3FAEB",100:"#E5F3D4",200:"#CDE8AE",300:"#ACD97D",400:"#99CC66",500:"#6FAB37",600:"#548828",700:"#426823",800:"#375420",900:"#30481F"},green:{50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#86EFAC",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D"},emerald:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},teal:{50:"#F0FDFA",100:"#CCFBF1",200:"#99F6E4",300:"#5EEAD4",400:"#2DD4BF",500:"#14B8A6",600:"#0D9488",700:"#0F766E",800:"#115E59",900:"#134E4A"},turquoise:{50:"#EEFDFC",100:"#D3FAF9",200:"#ADF4F2",300:"#75EBE9",400:"#52E0E0",500:"#19BEC1",600:"#1899A2",700:"#1A7B84",800:"#1E636C",900:"#1D535C"},cyan:{50:"#ECFEFF",100:"#CFFAFE",200:"#A5F3FC",300:"#67E8F9",400:"#22D3EE",500:"#06B6D4",600:"#0891B2",700:"#0E7490",800:"#155E75",900:"#164E63"},sky:{50:"#F0F9FF",100:"#D9F2FF",200:"#BCE8FF",300:"#8EDCFF",400:"#58C6FF",500:"#32A9FF",600:"#1B8BF5",700:"#1473E1",800:"#175CB6",900:"#194F8F"},blue:{50:"#EFF6FF",100:"#DBEAFE",200:"#BFDBFE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A"},indigo:{50:"#EEF2FF",100:"#E0E7FF",200:"#C7D2FE",300:"#A5B4FC",400:"#818CF8",500:"#6366F1",600:"#4F46E5",700:"#4338CA",800:"#3730A3",900:"#312E81"},violet:{50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},purple:{50:"#FAF5FF",100:"#F3E8FF",200:"#E9D5FF",300:"#D8B4FE",400:"#C084FC",500:"#A855F7",600:"#9333EA",700:"#7E22CE",800:"#6B21A8",900:"#581C87"},fuchsia:{50:"#FDF4FF",100:"#FAE8FF",200:"#F5D0FE",300:"#F0ABFC",400:"#E879F9",500:"#D946EF",600:"#C026D3",700:"#A21CAF",800:"#86198F",900:"#701A75"},pink:{50:"#FDF2F8",100:"#FCE7F3",200:"#FBCFE8",300:"#F9A8D4",400:"#F472B6",500:"#EC4899",600:"#DB2777",700:"#BE185D",800:"#9D174D",900:"#831843"},rose:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},apricot:{50:"#FEF4F2",100:"#FDE8E3",200:"#FCD5CC",300:"#F8B7A9",400:"#F3927D",500:"#E8674B",600:"#D44C2E",700:"#B23C23",800:"#943520",900:"#7B3121"},orange:{50:"#FFF7ED",100:"#FFEDD5",200:"#FED7AA",300:"#FDBA74",400:"#FB923C",500:"#F97316",600:"#EA580C",700:"#C2410C",800:"#9A3412",900:"#7C2D12"},"aerospace-orange":{50:"#FCEFE7",100:"#F9DDCE",200:"#F4BC9E",300:"#F19B70",400:"#EE7B46",500:"#EC5E2A",600:"#BC4B20",700:"#8D3816",800:"#5E250B",900:"#2F1203"},amber:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},yellow:{50:"#FEFCE8",100:"#FEF9C3",200:"#FEF08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12"},gold:{50:"#FFFFE7",100:"#FDFFC1",200:"#FFFE86",300:"#FFF641",400:"#FFE80D",500:"#FDD700",600:"#D19F00",700:"#A67202",800:"#89590A",900:"#74480F"},text:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},border:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},background:{50:"#ffffff",100:"#F9FAFB",200:"#f3f4f6",300:"#e5e7eb",400:"#d1d5db",500:"#9ca3af",600:"#6b7280",700:"#4b5563",800:"#374151",900:"#1f2937"},"SSK-Primary":{100:"#fdf0eb",200:"#f6bda8",300:"#f19e80",400:"#f19e80",500:"#ed8159",600:"#e96535",700:"#c6562d",800:"#a54826",900:"#853a1e",1e3:"#692d18"},"SSK-Secondary":{100:"#e8f5fe",200:"#9dd4fc",300:"#6fc1fa",400:"#6fc1fa",500:"#44aef8",600:"#1b9cf7",700:"#1785d2",800:"#136faf",900:"#0f598d",1e3:"#0c466f"},"AKT-Primary":{100:"#fcf0eb",200:"#f1bca9",300:"#eb9d80",400:"#eb9d80",500:"#e5805a",600:"#df6436",700:"#be552e",800:"#9e4726",900:"#7f391f",1e3:"#642d18"},"AKT-Secondary":{100:"#e8ebed",200:"#9ba7b3",300:"#6c7e90",400:"#6c7e90",500:"#40576f",600:"#16324f",700:"#132b43",800:"#102438",900:"#0d1d2d",1e3:"#0a1624"},"Beary-Primary":{100:"#f0fbf9",200:"#beece3",300:"#a0e3d6",400:"#a0e3d6",500:"#83dbca",600:"#68d3be",700:"#58b3a2",800:"#4a9687",900:"#3b786c",1e3:"#2f5f55"},"Beary-Secondary":{100:"#e9e9e9",200:"#a09f9f",300:"#747273",400:"#747273",500:"#4a4748",600:"#221f20",700:"#1d1a1b",800:"#181617",900:"#131212",1e3:"#0f0e0e"},"Patona-Primary-Dark":{100:"#e8e9ee",200:"#9aa0b7",300:"#6b7495",400:"#6b7495",500:"#3e4a75",600:"#142257",700:"#111d4a",800:"#0e183e",900:"#0b1332",1e3:"#090f27"},"KK-Primary":{100:"#fefaed",200:"#fcebb1",300:"#fae28c",400:"#fae28c",500:"#f8d96a",600:"#f7d149",700:"#d2b23e",800:"#af9434",900:"#8d772a",1e3:"#6f5e21"},"KK-Secondary":{100:"#f2edea",200:"#c5b2a3",300:"#aa8e79",400:"#aa8e79",500:"#906c50",600:"#784c2a",700:"#664124",800:"#55361e",900:"#442b18",1e3:"#362213"},"Patona-Primary-Orange":{100:"#fff4e6",200:"#ffce91",300:"#ffb75e",400:"#ffb75e",500:"#ffa22e",600:"#ff8d00",700:"#d97800",800:"#b56400",900:"#915000",1e3:"#733f00"},"Patona-Secondary-Red":{100:"#ffe6e6",200:"#ff9194",300:"#ff5e62",400:"#ff5e62",500:"#ff2e33",600:"#ff0006",700:"#d90005",800:"#b50004",900:"#910003",1e3:"#730003"},"Patona-Secondary-Grey":{100:"#fdfdfd",200:"#f4f5f5",300:"#eff0f1",400:"#eff0f1",500:"#ebebec",600:"#e6e7e8",700:"#c4c4c5",800:"#a3a4a5",900:"#838484",1e3:"#676868"},"OC2/New-primary":{100:"#e8f0fc",200:"#9bbff3",300:"#6da1ed",400:"#6da1ed",500:"#4184e7",600:"#1769e2",700:"#104ba0",800:"#0a2f66",900:"#0d3c81",1e3:"#0d3c81"},"OC2/New-Secondary/1":{100:"#e6f9fe",200:"#94e6fc",300:"#62dafb",400:"#62dafb",500:"#33cff9",600:"#06c4f8",700:"#05a7d3",800:"#048bb0",900:"#03708d",1e3:"#035870"},"Fuse-Primary-Blue":{100:"#edf6fd",200:"#b2d6f6",300:"#8ec3f2",400:"#8ec3f2",500:"#6bb1ef",600:"#4ba0eb",700:"#4088c8",800:"#3572a7",900:"#2b5b86",1e3:"#22486a"},"OC2/New-Secondary/2":{100:"#eff9f3",200:"#b9e7c9",300:"#98dcb0",400:"#98dcb0",500:"#79d199",600:"#5cc782",700:"#4ea96f",800:"#418d5c",900:"#34714a",1e3:"#295a3a"},"Fuse-Secondary-purple":{100:"#e8eaf4",200:"#9da3d1",300:"#6f78bc",400:"#6f78bc",500:"#444fa7",600:"#1b2894",700:"#17227e",800:"#131c69",900:"#0f1754",1e3:"#0c1243"},"Fuse-Secondary-Sky":{100:"#effafc",200:"#bbeaf4",300:"#9be0ef",400:"#9be0ef",500:"#7dd6ea",600:"#61cde5",700:"#52aec3",800:"#4592a3",900:"#4088c8",1e3:"#2c5c67"},"Fuse-Primary-Violet":{100:"#f2f2fe",200:"#c6c5f9",300:"#abaaf6",400:"#abaaf6",500:"#9290f4",600:"#7a78f1",700:"#6866cd",800:"#5755ab",900:"#464489",1e3:"#37366c"},"LINE-Primary":{100:"#e6f8e6",200:"#91e391",300:"#91e391",400:"#91e391",500:"#91e391",600:"#91e391",700:"#91e391",800:"#91e391",900:"#91e391",1e3:"#91e391"},"LINE-Secondary-Dark":{100:"#ececec",200:"#afafaf",300:"#afafaf",400:"#afafaf",500:"#afafaf",600:"#afafaf",700:"#afafaf",800:"#afafaf",900:"#afafaf",1e3:"#afafaf"},"SHP-Primary/1":{100:"#e7e8ef",200:"#969cba",300:"#c4c8d8",400:"#c4c8d8",500:"#c4c8d8",600:"#c4c8d8",700:"#c4c8d8",800:"#c4c8d8",900:"#c4c8d8",1e3:"#c4c8d8"},"SHP-Primary/2":{100:"#faeae9",200:"#e8a6a2",300:"#e8a6a2",400:"#e8a6a2",500:"#e8a6a2",600:"#e8a6a2",700:"#e8a6a2",800:"#e8a6a2",900:"#e8a6a2",1e3:"#e8a6a2"},"SHP-Secondary/1":{100:"#ecf4fa",200:"#add1eb",300:"#add1eb",400:"#add1eb",500:"#add1eb",600:"#add1eb",700:"#add1eb",800:"#add1eb",900:"#add1eb",1e3:"#add1eb"},"SHP-Secondary/2":{100:"#f7fbfd",200:"#dbedf8",300:"#dbedf8",400:"#dbedf8",500:"#dbedf8",600:"#dbedf8",700:"#dbedf8",800:"#dbedf8",900:"#dbedf8",1e3:"#dbedf8"},"SHP-Secondary/3":{100:"#ecf7f5",200:"#acded5",300:"#acded5",400:"#acded5",500:"#acded5",600:"#acded5",700:"#acded5",800:"#acded5",900:"#acded5",1e3:"#acded5"}},Go={0:"0px",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",20:"5rem",24:"6rem",32:"8rem",40:"10rem",48:"12rem",56:"14rem",64:"16rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"2rem","2xl":"3rem","3xl":"4rem","4xl":"6rem","5xl":"8rem"},ql={colors:{...Ho},fontSize:{xs:"16px",sm:"18px",md:"20px",lg:"24px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"},fontFamily:{sans:["DB HeaventRounded","Roboto","sans-serif"],serif:["DB HeaventRounded","Merriweather","serif"],mono:["DB HeaventRounded","Roboto Mono","monospace"]},fontWeight:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},borderColor:{...Ho},borderWidth:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"48px","5xl":"64px"},rounded:{none:"0px",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px","2xl":"32px","3xl":"48px","4xl":"64px","5xl":"80px"},boxShadow:{xs:"0px 1px 4px rgba(0, 0, 0, 0.2)",sm:"0px 2px 10px rgba(0, 0, 0, 0.2)",md:"0px 3px 16px rgba(0, 0, 0, 0.2)",lg:"0px 6px 24px rgba(0, 0, 0, 0.2)",xl:"0px 8px 32px rgba(0, 0, 0, 0.2)","2xl":"0px 12px 40px rgba(0, 0, 0, 0.2)","3xl":"0px 16px 48px rgba(0, 0, 0, 0.2)","4xl":"0px 24px 56px rgba(0, 0, 0, 0.2)","5xl":"0px 32px 64px rgba(0, 0, 0, 0.2)"},width:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},height:{full:"100%",screen:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"},minWidth:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},minHeight:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},maxWidth:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},maxHeight:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},padding:{...Go},margin:{...Go},spacing:{...Go},"@keyframes":{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},animation:{none:"none",spin:"spin 1s linear infinite",loading:"spin 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},components:{button:{padding:{xs:"3px 6px",sm:"4px 8px",md:"8px 16px",lg:"8px 16px",xl:"10px 18px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},spacing:{xs:"3px",sm:"4px",md:"8px",lg:"8px",xl:"10px"},boxShadow:{},borderWidth:{},rounded:{xs:"3px",sm:"4px",md:"6px",lg:"8px",xl:"10px"}},input:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},margin:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},icon:{width:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},height:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"}},text:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},fontSize:{xs:"18px",sm:"20px",md:"24px",lg:"26px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"}},heading:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},fontSize:{xs:"18px",sm:"20px",md:"24px",lg:"26px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"}},divider:{padding:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},margin:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},rounded:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"}},checkbox:{width:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},height:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"}},image:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"}},menu:{padding:{xs:"4px 16px",sm:"8px 16px",md:"12px 16px",lg:"16px 16px",xl:"20px 16px"}},sidebar:{padding:{xs:"4px 16px",sm:"8px 16px",md:"12px 16px",lg:"16px 16px",xl:"20px 16px"}},badge:{fontSize:{sm:"16px",md:"18px",lg:"20px"}},tag:{fontSize:{sm:"16px",md:"18px",lg:"20px"}},textarea:{rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},tooltip:{padding:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"40px"},margin:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"40px"},rounded:{xs:"2px",sm:"3px",md:"4px",lg:"6px",xl:"8px","2xl":"10px","3xl":"10px","4xl":"10px"}},dropdown:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},margin:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},avatar:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},width:{xs:"20px",sm:"24px",md:"40px",lg:"56px",xl:"72px"},fontSize:{xs:"10px",sm:"12px",md:"20px",lg:"28px",xl:"36px"}},pinCode:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"},width:{xs:"56px",sm:"56px",md:"64px",lg:"64px",xl:"64px","2xl":"64px","3xl":"64px","4xl":"64px"},height:{xs:"56px",sm:"56px",md:"64px",lg:"64px",xl:"64px","2xl":"64px","3xl":"64px","4xl":"64px"}},calendar:{padding:{xs:"0.75rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem","2xl":"1.75rem","3xl":"2rem","4xl":"2.25rem"},rounded:{xs:"2px",sm:"2px",md:"4px",lg:"4px",xl:"8px","2xl":"8px","3xl":"10px","4xl":"10px"}},time:{padding:{xs:"0.75rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem","2xl":"1.75rem","3xl":"2rem","4xl":"2.25rem"},rounded:{xs:"2px",sm:"2px",md:"4px",lg:"4px",xl:"8px","2xl":"8px","3xl":"10px","4xl":"10px"}},progressBar:{fontSize:{sm:"20px",md:"24px"},lineHeight:{sm:"20px",md:"24px"},height:{sm:"4px",md:"8px"}},table:{fontSize:{sm:"18px",md:"20px",lg:"24px"}},miscIcon:{fontSize:{xs:"14px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"48px","3xl":"64px","4xl":"96px"},padding:{xs:"7px",sm:"8px",md:"10px",lg:"12px",xl:"12px","2xl":"25px","3xl":"32px","4xl":"48px"}},spinner:{width:{sm:"44px",md:"80px",lg:"120px"}},accordion:{padding:{xs:"0px",sm:"2px",md:"4px",lg:"6px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},rounded:{xs:"0px",sm:"2px",md:"3px",lg:"4px",xl:"8px","2xl":"10px","3xl":"10px","4xl":"10px"}}}},Zp=(r,e)=>Array.isArray(r)&&Array.isArray(e)?[...r,...e]:typeof r=="object"&&typeof e=="object"?{...r,...Object.keys(e).reduce((t,n)=>({...t,[n]:n in r?Zp(r[n],e[n]):e[n]}),{})}:r,Bb=r=>Zp(r,ql),_b={patona:"patona",ccs3:"ccs3",oc2plus:"oc2plus"};function Ur(r){const e=Ho[r];if(typeof e!="object"||e===null)throw new Error(`Color palette "${r}" is not a scale`);return e}const J=Ur("gray"),Ae=Ur("sky"),Jt=Ur("emerald"),Xt=Ur("amber"),Ie=Ur("rose"),la=Ur("white"),dt=Ur("aerospace-orange"),Qr='"DB HeaventRounded", sans-serif',xb={"--radius-none":"0px","--radius-xxs":"2px","--radius-xs":"4px","--radius-sm":"6px","--radius-md":"8px","--radius-lg":"12px","--radius-xl":"16px","--radius-2xl":"20px","--radius-3xl":"24px","--radius-4xl":"32px","--radius-full":"9999px","--font-h1":Qr,"--font-h2":Qr,"--font-h3":Qr,"--font-h4":Qr,"--font-p":Qr,"--font-label":Qr,"--font-caption":Qr,"--font-button":Qr,"--font-weight-normal":"400","--font-weight-medium":"500","--font-weight-semibold":"600","--font-weight-bold":"700","--font-size-p":"20px","--font-size-label":"20px","--font-size-caption":"18px","--font-size-button":"18px","--elevation-sm":"0px 1px 2px 0px #0000000d"},Eb={"--text-primary":J[800],"--text-primary-hover":J[900],"--text-secondary":J[500],"--text-secondary-hover":J[600],"--text-white":la[50],"--text-disabled":J[400],"--text-placeholder":J[400],"--text-brand-primary":dt[500],"--text-brand-hover":dt[600],"--link":Ae[600],"--text-danger-primary":Ie[600],"--text-warning-primary":Xt[600],"--text-success-primary":Jt[600],"--text-info":Ae[500],"--stroke-primary":J[200],"--stroke-primary-solid":J[900],"--stroke-secondary":J[300],"--stroke-disabled":J[300],"--stroke-brand":dt[300],"--stroke-brand-solid":dt[500],"--stroke-brand-lighter":dt[100],"--stroke-danger":Ie[400],"--stroke-danger-solid":Ie[600],"--stroke-danger-lighter":Ie[100],"--stroke-warning":Xt[400],"--stroke-warning-solid":Xt[600],"--stroke-warning-lighter":Xt[100],"--stroke-success":Jt[400],"--stroke-success-solid":Jt[600],"--stroke-success-lighter":Jt[100],"--stroke-info":Ae[300],"--stroke-info-solid":Ae[500],"--stroke-info-lighter":Ae[100],"--stroke-gray-lighter":J[100],"--icon-primary":J[500],"--icon-disabled":J[400],"--icon-info":Ae[500],"--icon-danger":Ie[600],"--icon-success":Jt[600],"--icon-warning":Xt[600],"--icon-white":la[50],"--icon-dark":J[900],"--icon-brand":dt[500],"--icon-brand-hover":dt[600],"--icon-link":Ae[600],"--bg-primary":la[50],"--bg-primary-hover":J[100],"--bg-secondary":J[100],"--bg-tertiary":J[500],"--bg-quaternary":J[50],"--bg-primary-solid":J[900],"--bg-active":J[100],"--bg-disabled":J[200],"--bg-disabled-soft":J[50],"--bg-brand-primary":dt[50],"--bg-brand-secondary":dt[100],"--bg-brand-solid":dt[500],"--bg-brand-solid-hover":dt[600],"--bg-danger-primary":Ie[50],"--bg-danger-solid":Ie[600],"--bg-warning-primary":Xt[50],"--bg-warning-solid":Xt[600],"--bg-success-primary":Jt[50],"--bg-success-solid":Jt[600],"--bg-info-primary":Ae[50],"--bg-info-solid":Ae[500],"--fg-primary":J[800],"--fg-secondary":J[500],"--fg-secondary-hover":J[600],"--fg-white":la[50],"--fg-placeholder":J[400],"--fg-disabled":J[400],"--fg-brand-primary":dt[500],"--fg-brand-secondary":dt[400],"--fg-danger-primary":Ie[600],"--fg-danger-secondary":Ie[500],"--fg-warning-primary":Xt[600],"--fg-warning-secondary":Xt[500],"--fg-success-primary":Jt[600],"--fg-success-secondary":Jt[500],"--button-solid-bg":dt[500],"--button-solid-bg-hover":dt[600],"--button-solid-fg":la[50],"--button-solid-fg-hover":la[50],"--button-solid-border":dt[500],"--button-solid-border-hover":dt[600],"--button-outline-fg":dt[500],"--button-outline-fg-hover":dt[600],"--button-outline-border":dt[500],"--button-outline-border-hover":dt[600],"--button-ghost-fg":dt[500],"--button-ghost-fg-hover":dt[600],"--icon-error":Ie[600],"--bg-error-primary":Ie[50],"--bg-error-solid":Ie[600],"--text-error-primary":Ie[600],"--stroke-error":Ie[400],"--stroke-error-solid":Ie[600],"--fg-error-primary":Ie[600]},Yp={"--text-primary":J[800],"--text-primary-hover":J[900],"--text-secondary":J[500],"--text-secondary-hover":J[600],"--text-white":la[50],"--text-disabled":J[400],"--text-placeholder":J[400],"--text-brand-primary":Ae[500],"--text-brand-hover":Ae[600],"--link":Ae[600],"--text-danger-primary":Ie[600],"--text-warning-primary":Xt[600],"--text-success-primary":Jt[600],"--text-info":Ae[500],"--stroke-primary":J[200],"--stroke-primary-solid":J[900],"--stroke-secondary":J[300],"--stroke-disabled":J[300],"--stroke-brand":Ae[300],"--stroke-brand-solid":Ae[500],"--stroke-brand-lighter":Ae[100],"--stroke-danger":Ie[400],"--stroke-danger-solid":Ie[600],"--stroke-danger-lighter":Ie[100],"--stroke-warning":Xt[400],"--stroke-warning-solid":Xt[600],"--stroke-warning-lighter":Xt[100],"--stroke-success":Jt[400],"--stroke-success-solid":Jt[600],"--stroke-success-lighter":Jt[100],"--stroke-info":Ae[300],"--stroke-info-solid":Ae[500],"--stroke-info-lighter":Ae[100],"--stroke-gray-lighter":J[100],"--icon-primary":J[500],"--icon-disabled":J[400],"--icon-info":Ae[500],"--icon-danger":Ie[600],"--icon-success":Jt[600],"--icon-warning":Xt[600],"--icon-white":la[50],"--icon-dark":J[900],"--icon-brand":Ae[500],"--icon-brand-hover":Ae[600],"--icon-link":Ae[600],"--bg-primary":la[50],"--bg-primary-hover":J[50],"--bg-secondary":J[100],"--bg-tertiary":J[500],"--bg-quaternary":J[50],"--bg-primary-solid":J[900],"--bg-active":J[100],"--bg-disabled":J[200],"--bg-disabled-soft":J[50],"--bg-brand-primary":Ae[50],"--bg-brand-secondary":Ae[100],"--bg-brand-solid":Ae[500],"--bg-brand-solid-hover":Ae[600],"--bg-danger-primary":Ie[50],"--bg-danger-solid":Ie[600],"--bg-warning-primary":Xt[50],"--bg-warning-solid":Xt[600],"--bg-success-primary":Jt[50],"--bg-success-solid":Jt[600],"--bg-info-primary":Ae[50],"--bg-info-solid":Ae[500],"--fg-primary":J[800],"--fg-secondary":J[500],"--fg-secondary-hover":J[600],"--fg-white":la[50],"--fg-placeholder":J[400],"--fg-disabled":J[400],"--fg-brand-primary":Ae[500],"--fg-brand-secondary":Ae[400],"--fg-danger-primary":Ie[600],"--fg-danger-secondary":Ie[500],"--fg-warning-primary":Xt[600],"--fg-warning-secondary":Xt[500],"--fg-success-primary":Jt[600],"--fg-success-secondary":Jt[500],"--button-solid-bg":Ae[500],"--button-solid-bg-hover":Ae[600],"--button-solid-fg":la[50],"--button-solid-fg-hover":la[50],"--button-solid-border":Ae[500],"--button-solid-border-hover":Ae[600],"--button-outline-fg":Ae[500],"--button-outline-fg-hover":Ae[600],"--button-outline-border":Ae[500],"--button-outline-border-hover":Ae[600],"--button-ghost-fg":Ae[500],"--button-ghost-fg-hover":Ae[600],"--icon-error":Ie[600],"--bg-error-primary":Ie[50],"--bg-error-solid":Ie[600],"--text-error-primary":Ie[600],"--stroke-error":Ie[400],"--stroke-error-solid":Ie[600],"--fg-error-primary":Ie[600]},Vp={patona:Eb,ccs3:Yp,oc2plus:Yp};function Hl(r,e=document.documentElement){Object.entries(xb).forEach(([t,n])=>e.style.setProperty(t,n)),Object.entries(Vp[r]).forEach(([t,n])=>e.style.setProperty(t,n))}var Qb=Object.defineProperty,Kp=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Qb(e,t,a),a};const G="ssk-theme-context",fp=class fp extends o.LitElement{constructor(){super(...arguments),this.theme=ql}updated(e){e.has("brand")&&this.brand&&Hl(this.brand)}render(){return o.html`${O(this.theme,":host")} <slot></slot>`}};fp.styles=o.css`
+`)},En.prototype.renderPartial=function(e,t,n,a){if(n){var i=this.getConfigTags(a),s=jl(n)?n(e[1]):n[e[1]];if(s!=null){var l=e[6],d=e[5],p=e[4],m=s;d==0&&p&&(m=this.indentPartial(s,p,l));var A=this.parse(m,i);return this.renderTokens(A,t,n,m,a)}}},En.prototype.unescapedValue=function(e,t){var n=t.lookup(e[1]);if(n!=null)return n},En.prototype.escapedValue=function(e,t,n){var a=this.getConfigEscape(n)||ca.escape,i=t.lookup(e[1]);if(i!=null)return typeof i=="number"&&a===ca.escape?String(i):a(i)},En.prototype.rawValue=function(e){return e[1]},En.prototype.getConfigTags=function(e){return ki(e)?e:e&&typeof e=="object"?e.tags:void 0},En.prototype.getConfigEscape=function(e){if(e&&typeof e=="object"&&!ki(e))return e.escape};var ca={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(r){to.templateCache=r},get templateCache(){return to.templateCache}},to=new En;ca.clearCache=function(){return to.clearCache()},ca.parse=function(e,t){return to.parse(e,t)},ca.render=function(e,t,n,a){if(typeof e!="string")throw new TypeError('Invalid template! Template should be a "string" but "'+ab(e)+'" was given as the first argument for mustache#render(template, view, partials)');return to.render(e,t,n,a)},ca.escape=db,ca.Scanner=eo,ca.Context=Ci,ca.Writer=En;const Pl="ssk-i18n",Op=1,fb="en";class Up{constructor(e=Pl,t=Op){this.namespace=Pl,this.currentLang=fb,this.namespace=e,this.db=this.initDb(e,t)}async initDb(e=Pl,t=Op){return Xg(e,t,{upgrade:n=>{n.createObjectStore(e)}})}async getVersion(){return(await this.db).version}async setVersion(e){await(await this.db).close(),this.db=this.initDb(this.namespace,e)}async set(e,t,n){await(await this.db).put(this.namespace,{key:e,lang:t,value:n},`${e}-${t}`)}async bulkSet(e){const t=await this.db,n=Object.keys(e);await Promise.all(n.map(a=>{const i=Object.keys(e[a]);return Promise.all(i.map(s=>t.put(this.namespace,{key:a,lang:s,value:e[a][s]},`${a}-${s}`)))}))}async sets(e,t){const n=await this.db,a=Object.keys(t);await Promise.all(a.map(i=>n.put(this.namespace,{key:e,lang:i,value:t[i]},`${e}-${i}`)))}async get(e,t,n){var s;const a=await this.db;t||(t=this.currentLang);const i=await a.get(this.namespace,`${e}-${t}`);return!i&&n?((s=await a.get(this.namespace,`${e}-${n}`))==null?void 0:s.value)??e:(i==null?void 0:i.value)??e}async getAll(){const e=await this.db,t=await e.getAllKeys(this.namespace),n={};return await Promise.all(t.map(async a=>{const i=await e.get(this.namespace,a);i&&(n[i.key]||(n[i.key]={}),n[i.key][i.lang]=i.value)})),n}async render(e,t,n,a){const i=await this.get(e,t,a);return ca.render(i,n)}async clear(){await(await this.db).clear(this.namespace)}}var yb=Object.defineProperty,zl=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&yb(e,t,a),a};const qo="ssk-i18n-context";class no extends o.LitElement{constructor(){super(...arguments),this.store=new Up,this.lang="en",this.lastUpdate=0}render(){return this.store.currentLang=this.lang,o.html`<slot></slot>`}}zl([wi({context:qo}),c.property({attribute:!1})],no.prototype,"store"),zl([c.property({attribute:!0})],no.prototype,"lang"),zl([c.property({attribute:!0,type:Number})],no.prototype,"lastUpdate"),customElements.get("ssk-i18n-provider")||customElements.define("ssk-i18n-provider",no);const wb={"space-0":{rem:"0",px:0},"space-1":{rem:"0.065rem",px:1},"space-2":{rem:"0.125rem",px:2},"space-4":{rem:"0.25rem",px:4},"space-6":{rem:"0.375rem",px:6},"space-8":{rem:"0.5rem",px:8},"space-10":{rem:"0.625rem",px:10},"space-12":{rem:"0.75rem",px:12},"space-16":{rem:"1rem",px:16},"space-20":{rem:"1.25rem",px:20},"space-24":{rem:"1.5rem",px:24},"space-32":{rem:"2rem",px:32},"space-40":{rem:"2.5rem",px:40},"space-44":{rem:"2.75rem",px:44},"space-48":{rem:"3rem",px:48},"space-56":{rem:"3.5rem",px:56},"space-64":{rem:"4rem",px:64},"space-72":{rem:"4.5rem",px:72},"space-80":{rem:"5rem",px:80},"space-96":{rem:"6rem",px:96},"space-128":{rem:"8rem",px:128},"space-9999":{rem:"9999rem",px:null}},kb={"spacing-none":"space-0","spacing-xxs":"space-1","spacing-xs":"space-2","spacing-sm":"space-4","spacing-md":"space-6","spacing-lg":"space-8","spacing-xl":"space-10","spacing-2xl":"space-12","spacing-3xl":"space-16","spacing-4xl":"space-20","spacing-5xl":"space-24","spacing-6xl":"space-32","spacing-7xl":"space-40","spacing-8xl":"space-44","spacing-9xl":"space-48","spacing-10xl":"space-56","spacing-11xl":"space-64","spacing-12xl":"space-72","spacing-13xl":"space-80","spacing-14xl":"space-96","spacing-15xl":"space-128"},Cb={"border-none":"space-0","border-xxs":"space-1","border-xs":"space-2","border-sm":"space-4"},vb={"radius-none":"space-0","radius-xxs":"space-2","radius-xs":"space-4","radius-sm":"space-6","radius-md":"space-8","radius-lg":"space-12","radius-xl":"space-16","radius-2xl":"space-20","radius-3xl":"space-24","radius-4xl":"space-32","radius-full":"space-9999"},Ho={primary:{50:"#e8f5fe",100:"#e8f5fe",200:"#9dd4fc",300:"#6fc1fa",400:"#6fc1fa",500:"#44aef8",600:"#1b9cf7",700:"#1785d2",800:"#136faf",900:"#0f598d",1e3:"#0c466f"},secondary:{50:"#F8FAFC",100:"#fdf0eb",200:"#f6bda8",300:"#f19e80",400:"#f19e80",500:"#ed8159",600:"#e96535",700:"#c6562d",800:"#a54826",900:"#853a1e",1e3:"#692d18"},success:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},warning:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},error:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},danger:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},info:{50:"#F0F9FF",100:"#D9F2FF",200:"#BCE8FF",300:"#8EDCFF",400:"#58C6FF",500:"#32A9FF",600:"#1B8BF5",700:"#1473E1",800:"#175CB6",900:"#194F8F"},white:{50:"#ffffff",100:"#ffffff",200:"#ffffff",300:"#ffffff",400:"#ffffff",500:"#ffffff",600:"#e6e6e6",700:"#bfbfbf",800:"#999999",900:"#737373"},black:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},"vin-rouge":{50:"#FAF5F8",100:"#F7ECF2",200:"#F1D9E7",300:"#E6BBD1",400:"#D591B4",500:"#C56F97",600:"#B0527A",700:"#984063",800:"#7D3752",900:"#6A3147"},"light-orchid":{50:"#FAF5FA",100:"#F7ECF6",200:"#F1D9F0",300:"#E6BBE2",400:"#DCA2D6",500:"#C56FB9",600:"#B151A0",700:"#973F85",800:"#7D376D",900:"#6A315D"},wisteria:{50:"#FAF7FC",100:"#F3EEF9",200:"#E7DDF1",300:"#D6C2E5",400:"#BE9DD5",500:"#A075C0",600:"#8658A5",700:"#6D4586",800:"#5B3A6E",900:"#4E345B"},"matte-violet":{50:"#F4F4FA",100:"#E7E5F4",200:"#D4D1EC",300:"#B5B2DE",400:"#928CCE",500:"#7E71C0",600:"#725EB2",700:"#6953A2",800:"#5F4B8B",900:"#4A3D6B"},"matte-blue":{50:"#F3F6FB",100:"#E4E9F5",200:"#D0DAED",300:"#AFC1E1",400:"#89A1D1",500:"#6C84C5",600:"#596CB7",700:"#4E5BA6",800:"#444C89",900:"#3A426E"},"cobalt-blue":{50:"#E6F1F9",100:"#C0D7EA",200:"#98BBD6",300:"#658BAA",400:"#3C688C",500:"#0B3252",600:"#0A2E4B",700:"#08243A",800:"#061C2D",900:"#051522"},fiord:{50:"#F6F7F9",100:"#EBEDF3",200:"#D3D7E4",300:"#ADB5CC",400:"#818EAF",500:"#617096",600:"#4A5578",700:"#3F4865",800:"#373E55",900:"#313649"},navy:{50:"#E8E9EE",100:"#C7CAD7",200:"#9AA0B7",300:"#6B7495",400:"#3E4A75",500:"#142257",600:"#111D4A",700:"#0E183E",800:"#0B1332",900:"#090F27"},slate:{50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},gray:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},stone:{50:"#FAFAF9",100:"#F5F5F4",200:"#E7E5E4",300:"#D6D3D1",400:"#A8A29E",500:"#78716C",600:"#57534E",700:"#44403C",800:"#292524",900:"#1C1917"},brown:{50:"#F6F3F0",100:"#E9E1D8",200:"#D4C5B4",300:"#BBA289",400:"#A78568",500:"#98745A",600:"#825F4C",700:"#6D4C41",800:"#5A3F39",900:"#4F3834"},cappuccino:{50:"#F7F5EF",100:"#EAE7D7",200:"#D7CEB1",300:"#C0AF84",400:"#AD9662",500:"#9C8253",600:"#876B47",700:"#6D533B",800:"#5D4736",900:"#513E32"},ecru:{50:"#F9F9F1",100:"#EDEED7",200:"#D7DBAC",300:"#C7C980",400:"#C2C171",500:"#B0A650",600:"#9B8A44",700:"#826D3B",800:"#6B5735",900:"#59482E"},olive:{50:"#F6F8ED",100:"#EAEFD8",200:"#D6E0B6",300:"#BCCB8B",400:"#ABBD75",500:"#859A48",600:"#677A36",700:"#4F5E2D",800:"#414C28",900:"#394225"},lime:{50:"#F3FAEB",100:"#E5F3D4",200:"#CDE8AE",300:"#ACD97D",400:"#99CC66",500:"#6FAB37",600:"#548828",700:"#426823",800:"#375420",900:"#30481F"},green:{50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#86EFAC",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D"},emerald:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},teal:{50:"#F0FDFA",100:"#CCFBF1",200:"#99F6E4",300:"#5EEAD4",400:"#2DD4BF",500:"#14B8A6",600:"#0D9488",700:"#0F766E",800:"#115E59",900:"#134E4A"},turquoise:{50:"#EEFDFC",100:"#D3FAF9",200:"#ADF4F2",300:"#75EBE9",400:"#52E0E0",500:"#19BEC1",600:"#1899A2",700:"#1A7B84",800:"#1E636C",900:"#1D535C"},cyan:{50:"#ECFEFF",100:"#CFFAFE",200:"#A5F3FC",300:"#67E8F9",400:"#22D3EE",500:"#06B6D4",600:"#0891B2",700:"#0E7490",800:"#155E75",900:"#164E63"},sky:{50:"#F0F9FF",100:"#D9F2FF",200:"#BCE8FF",300:"#8EDCFF",400:"#58C6FF",500:"#32A9FF",600:"#1B8BF5",700:"#1473E1",800:"#175CB6",900:"#194F8F"},blue:{50:"#EFF6FF",100:"#DBEAFE",200:"#BFDBFE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A"},indigo:{50:"#EEF2FF",100:"#E0E7FF",200:"#C7D2FE",300:"#A5B4FC",400:"#818CF8",500:"#6366F1",600:"#4F46E5",700:"#4338CA",800:"#3730A3",900:"#312E81"},violet:{50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},purple:{50:"#FAF5FF",100:"#F3E8FF",200:"#E9D5FF",300:"#D8B4FE",400:"#C084FC",500:"#A855F7",600:"#9333EA",700:"#7E22CE",800:"#6B21A8",900:"#581C87"},fuchsia:{50:"#FDF4FF",100:"#FAE8FF",200:"#F5D0FE",300:"#F0ABFC",400:"#E879F9",500:"#D946EF",600:"#C026D3",700:"#A21CAF",800:"#86198F",900:"#701A75"},pink:{50:"#FDF2F8",100:"#FCE7F3",200:"#FBCFE8",300:"#F9A8D4",400:"#F472B6",500:"#EC4899",600:"#DB2777",700:"#BE185D",800:"#9D174D",900:"#831843"},rose:{50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},apricot:{50:"#FEF4F2",100:"#FDE8E3",200:"#FCD5CC",300:"#F8B7A9",400:"#F3927D",500:"#E8674B",600:"#D44C2E",700:"#B23C23",800:"#943520",900:"#7B3121"},orange:{50:"#FFF7ED",100:"#FFEDD5",200:"#FED7AA",300:"#FDBA74",400:"#FB923C",500:"#F97316",600:"#EA580C",700:"#C2410C",800:"#9A3412",900:"#7C2D12"},"aerospace-orange":{50:"#FCEFE7",100:"#F9DDCE",200:"#F4BC9E",300:"#F19B70",400:"#EE7B46",500:"#EC5E2A",600:"#BC4B20",700:"#8D3816",800:"#5E250B",900:"#2F1203"},amber:{50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},yellow:{50:"#FEFCE8",100:"#FEF9C3",200:"#FEF08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12"},gold:{50:"#FFFFE7",100:"#FDFFC1",200:"#FFFE86",300:"#FFF641",400:"#FFE80D",500:"#FDD700",600:"#D19F00",700:"#A67202",800:"#89590A",900:"#74480F"},text:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},border:{50:"#e6e6e6",100:"#bfbfbf",200:"#999999",300:"#737373",400:"#4d4d4d",500:"#262626",600:"#1a1a1a",700:"#0d0d0d",800:"#000000",900:"#000000"},background:{50:"#ffffff",100:"#F9FAFB",200:"#f3f4f6",300:"#e5e7eb",400:"#d1d5db",500:"#9ca3af",600:"#6b7280",700:"#4b5563",800:"#374151",900:"#1f2937"},"SSK-Primary":{100:"#fdf0eb",200:"#f6bda8",300:"#f19e80",400:"#f19e80",500:"#ed8159",600:"#e96535",700:"#c6562d",800:"#a54826",900:"#853a1e",1e3:"#692d18"},"SSK-Secondary":{100:"#e8f5fe",200:"#9dd4fc",300:"#6fc1fa",400:"#6fc1fa",500:"#44aef8",600:"#1b9cf7",700:"#1785d2",800:"#136faf",900:"#0f598d",1e3:"#0c466f"},"AKT-Primary":{100:"#fcf0eb",200:"#f1bca9",300:"#eb9d80",400:"#eb9d80",500:"#e5805a",600:"#df6436",700:"#be552e",800:"#9e4726",900:"#7f391f",1e3:"#642d18"},"AKT-Secondary":{100:"#e8ebed",200:"#9ba7b3",300:"#6c7e90",400:"#6c7e90",500:"#40576f",600:"#16324f",700:"#132b43",800:"#102438",900:"#0d1d2d",1e3:"#0a1624"},"Beary-Primary":{100:"#f0fbf9",200:"#beece3",300:"#a0e3d6",400:"#a0e3d6",500:"#83dbca",600:"#68d3be",700:"#58b3a2",800:"#4a9687",900:"#3b786c",1e3:"#2f5f55"},"Beary-Secondary":{100:"#e9e9e9",200:"#a09f9f",300:"#747273",400:"#747273",500:"#4a4748",600:"#221f20",700:"#1d1a1b",800:"#181617",900:"#131212",1e3:"#0f0e0e"},"Patona-Primary-Dark":{100:"#e8e9ee",200:"#9aa0b7",300:"#6b7495",400:"#6b7495",500:"#3e4a75",600:"#142257",700:"#111d4a",800:"#0e183e",900:"#0b1332",1e3:"#090f27"},"KK-Primary":{100:"#fefaed",200:"#fcebb1",300:"#fae28c",400:"#fae28c",500:"#f8d96a",600:"#f7d149",700:"#d2b23e",800:"#af9434",900:"#8d772a",1e3:"#6f5e21"},"KK-Secondary":{100:"#f2edea",200:"#c5b2a3",300:"#aa8e79",400:"#aa8e79",500:"#906c50",600:"#784c2a",700:"#664124",800:"#55361e",900:"#442b18",1e3:"#362213"},"Patona-Primary-Orange":{100:"#fff4e6",200:"#ffce91",300:"#ffb75e",400:"#ffb75e",500:"#ffa22e",600:"#ff8d00",700:"#d97800",800:"#b56400",900:"#915000",1e3:"#733f00"},"Patona-Secondary-Red":{100:"#ffe6e6",200:"#ff9194",300:"#ff5e62",400:"#ff5e62",500:"#ff2e33",600:"#ff0006",700:"#d90005",800:"#b50004",900:"#910003",1e3:"#730003"},"Patona-Secondary-Grey":{100:"#fdfdfd",200:"#f4f5f5",300:"#eff0f1",400:"#eff0f1",500:"#ebebec",600:"#e6e7e8",700:"#c4c4c5",800:"#a3a4a5",900:"#838484",1e3:"#676868"},"OC2/New-primary":{100:"#e8f0fc",200:"#9bbff3",300:"#6da1ed",400:"#6da1ed",500:"#4184e7",600:"#1769e2",700:"#104ba0",800:"#0a2f66",900:"#0d3c81",1e3:"#0d3c81"},"OC2/New-Secondary/1":{100:"#e6f9fe",200:"#94e6fc",300:"#62dafb",400:"#62dafb",500:"#33cff9",600:"#06c4f8",700:"#05a7d3",800:"#048bb0",900:"#03708d",1e3:"#035870"},"Fuse-Primary-Blue":{100:"#edf6fd",200:"#b2d6f6",300:"#8ec3f2",400:"#8ec3f2",500:"#6bb1ef",600:"#4ba0eb",700:"#4088c8",800:"#3572a7",900:"#2b5b86",1e3:"#22486a"},"OC2/New-Secondary/2":{100:"#eff9f3",200:"#b9e7c9",300:"#98dcb0",400:"#98dcb0",500:"#79d199",600:"#5cc782",700:"#4ea96f",800:"#418d5c",900:"#34714a",1e3:"#295a3a"},"Fuse-Secondary-purple":{100:"#e8eaf4",200:"#9da3d1",300:"#6f78bc",400:"#6f78bc",500:"#444fa7",600:"#1b2894",700:"#17227e",800:"#131c69",900:"#0f1754",1e3:"#0c1243"},"Fuse-Secondary-Sky":{100:"#effafc",200:"#bbeaf4",300:"#9be0ef",400:"#9be0ef",500:"#7dd6ea",600:"#61cde5",700:"#52aec3",800:"#4592a3",900:"#4088c8",1e3:"#2c5c67"},"Fuse-Primary-Violet":{100:"#f2f2fe",200:"#c6c5f9",300:"#abaaf6",400:"#abaaf6",500:"#9290f4",600:"#7a78f1",700:"#6866cd",800:"#5755ab",900:"#464489",1e3:"#37366c"},"LINE-Primary":{100:"#e6f8e6",200:"#91e391",300:"#91e391",400:"#91e391",500:"#91e391",600:"#91e391",700:"#91e391",800:"#91e391",900:"#91e391",1e3:"#91e391"},"LINE-Secondary-Dark":{100:"#ececec",200:"#afafaf",300:"#afafaf",400:"#afafaf",500:"#afafaf",600:"#afafaf",700:"#afafaf",800:"#afafaf",900:"#afafaf",1e3:"#afafaf"},"SHP-Primary/1":{100:"#e7e8ef",200:"#969cba",300:"#c4c8d8",400:"#c4c8d8",500:"#c4c8d8",600:"#c4c8d8",700:"#c4c8d8",800:"#c4c8d8",900:"#c4c8d8",1e3:"#c4c8d8"},"SHP-Primary/2":{100:"#faeae9",200:"#e8a6a2",300:"#e8a6a2",400:"#e8a6a2",500:"#e8a6a2",600:"#e8a6a2",700:"#e8a6a2",800:"#e8a6a2",900:"#e8a6a2",1e3:"#e8a6a2"},"SHP-Secondary/1":{100:"#ecf4fa",200:"#add1eb",300:"#add1eb",400:"#add1eb",500:"#add1eb",600:"#add1eb",700:"#add1eb",800:"#add1eb",900:"#add1eb",1e3:"#add1eb"},"SHP-Secondary/2":{100:"#f7fbfd",200:"#dbedf8",300:"#dbedf8",400:"#dbedf8",500:"#dbedf8",600:"#dbedf8",700:"#dbedf8",800:"#dbedf8",900:"#dbedf8",1e3:"#dbedf8"},"SHP-Secondary/3":{100:"#ecf7f5",200:"#acded5",300:"#acded5",400:"#acded5",500:"#acded5",600:"#acded5",700:"#acded5",800:"#acded5",900:"#acded5",1e3:"#acded5"}},Go={0:"0px",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",20:"5rem",24:"6rem",32:"8rem",40:"10rem",48:"12rem",56:"14rem",64:"16rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"2rem","2xl":"3rem","3xl":"4rem","4xl":"6rem","5xl":"8rem"},ql={colors:{...Ho},fontSize:{xs:"16px",sm:"18px",md:"20px",lg:"24px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"},fontFamily:{sans:["DB HeaventRounded","Roboto","sans-serif"],serif:["DB HeaventRounded","Merriweather","serif"],mono:["DB HeaventRounded","Roboto Mono","monospace"]},fontWeight:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},borderColor:{...Ho},borderWidth:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"48px","5xl":"64px"},rounded:{none:"0px",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px","2xl":"32px","3xl":"48px","4xl":"64px","5xl":"80px"},boxShadow:{xs:"0px 1px 4px rgba(0, 0, 0, 0.2)",sm:"0px 2px 10px rgba(0, 0, 0, 0.2)",md:"0px 3px 16px rgba(0, 0, 0, 0.2)",lg:"0px 6px 24px rgba(0, 0, 0, 0.2)",xl:"0px 8px 32px rgba(0, 0, 0, 0.2)","2xl":"0px 12px 40px rgba(0, 0, 0, 0.2)","3xl":"0px 16px 48px rgba(0, 0, 0, 0.2)","4xl":"0px 24px 56px rgba(0, 0, 0, 0.2)","5xl":"0px 32px 64px rgba(0, 0, 0, 0.2)"},width:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},height:{full:"100%",screen:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"},minWidth:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},minHeight:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},maxWidth:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},maxHeight:{full:"100%",screen:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"},padding:{...Go},margin:{...Go},spacing:{...Go},"@keyframes":{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},animation:{none:"none",spin:"spin 1s linear infinite",loading:"spin 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},components:{button:{padding:{xs:"3px 6px",sm:"4px 8px",md:"8px 16px",lg:"8px 16px",xl:"10px 18px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},spacing:{xs:"3px",sm:"4px",md:"8px",lg:"8px",xl:"10px"},boxShadow:{},borderWidth:{},rounded:{xs:"3px",sm:"4px",md:"6px",lg:"8px",xl:"10px"}},input:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},margin:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},icon:{width:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},height:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"}},text:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},fontSize:{xs:"18px",sm:"20px",md:"24px",lg:"26px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"}},heading:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px","5xl":"0px"},fontSize:{xs:"18px",sm:"20px",md:"24px",lg:"26px",xl:"28px","2xl":"36px","3xl":"44px","4xl":"52px","5xl":"60px"},lineHeight:{xs:"1em",sm:"1em",md:"1em",lg:"1em",xl:"1em","2xl":"1em","3xl":"1em","4xl":"1em","5xl":"1.2em"}},divider:{padding:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},margin:{xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},rounded:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px","2xl":"0px","3xl":"0px","4xl":"0px"}},checkbox:{width:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"},height:{xs:"16px",sm:"20px",md:"24px",lg:"32px",xl:"48px","2xl":"64px","3xl":"96px","4xl":"128px"}},image:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},margin:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"}},menu:{padding:{xs:"4px 16px",sm:"8px 16px",md:"12px 16px",lg:"16px 16px",xl:"20px 16px"}},sidebar:{padding:{xs:"4px 16px",sm:"8px 16px",md:"12px 16px",lg:"16px 16px",xl:"20px 16px"}},badge:{fontSize:{sm:"18px",md:"18px",lg:"20px"}},tag:{fontSize:{sm:"18px",md:"18px",lg:"20px"}},textarea:{rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},tooltip:{padding:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"40px"},margin:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"32px","4xl":"40px"},rounded:{xs:"2px",sm:"3px",md:"4px",lg:"6px",xl:"8px","2xl":"10px","3xl":"10px","4xl":"10px"}},dropdown:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},margin:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"}},avatar:{padding:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},width:{xs:"20px",sm:"24px",md:"40px",lg:"56px",xl:"72px"},fontSize:{xs:"10px",sm:"12px",md:"20px",lg:"28px",xl:"36px"}},pinCode:{padding:{xs:"1px 0px",sm:"2px 0px",md:"4px 0px",lg:"8px 0px",xl:"12px 0px","2xl":"16px 0px","3xl":"24px 0px","4xl":"32px 0px"},rounded:{xs:"6px",sm:"7px",md:"8px",lg:"8px",xl:"9px","2xl":"10px","3xl":"10px","4xl":"10px"},width:{xs:"56px",sm:"56px",md:"64px",lg:"64px",xl:"64px","2xl":"64px","3xl":"64px","4xl":"64px"},height:{xs:"56px",sm:"56px",md:"64px",lg:"64px",xl:"64px","2xl":"64px","3xl":"64px","4xl":"64px"}},calendar:{padding:{xs:"0.75rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem","2xl":"1.75rem","3xl":"2rem","4xl":"2.25rem"},rounded:{xs:"2px",sm:"2px",md:"4px",lg:"4px",xl:"8px","2xl":"8px","3xl":"10px","4xl":"10px"}},time:{padding:{xs:"0.75rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"1.5rem","2xl":"1.75rem","3xl":"2rem","4xl":"2.25rem"},rounded:{xs:"2px",sm:"2px",md:"4px",lg:"4px",xl:"8px","2xl":"8px","3xl":"10px","4xl":"10px"}},progressBar:{fontSize:{sm:"20px",md:"24px"},lineHeight:{sm:"20px",md:"24px"},height:{sm:"4px",md:"8px"}},table:{fontSize:{sm:"18px",md:"20px",lg:"24px"}},miscIcon:{fontSize:{xs:"16px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"48px","3xl":"64px","4xl":"96px"},padding:{xs:"7px",sm:"8px",md:"10px",lg:"12px",xl:"12px","2xl":"25px","3xl":"32px","4xl":"48px"}},spinner:{width:{sm:"44px",md:"80px",lg:"120px"}},accordion:{padding:{xs:"0px",sm:"2px",md:"4px",lg:"6px",xl:"12px","2xl":"16px","3xl":"24px","4xl":"32px"},rounded:{xs:"0px",sm:"2px",md:"3px",lg:"4px",xl:"8px","2xl":"10px","3xl":"10px","4xl":"10px"}}}},Zp=(r,e)=>Array.isArray(r)&&Array.isArray(e)?[...r,...e]:typeof r=="object"&&typeof e=="object"?{...r,...Object.keys(e).reduce((t,n)=>({...t,[n]:n in r?Zp(r[n],e[n]):e[n]}),{})}:r,Bb=r=>Zp(r,ql),_b={patona:"patona",ccs3:"ccs3",oc2plus:"oc2plus"};function Ur(r){const e=Ho[r];if(typeof e!="object"||e===null)throw new Error(`Color palette "${r}" is not a scale`);return e}const J=Ur("gray"),Ae=Ur("sky"),Jt=Ur("emerald"),Xt=Ur("amber"),Ie=Ur("rose"),la=Ur("white"),dt=Ur("aerospace-orange"),Qr='"DB HeaventRounded", sans-serif',xb={"--radius-none":"0px","--radius-xxs":"2px","--radius-xs":"4px","--radius-sm":"6px","--radius-md":"8px","--radius-lg":"12px","--radius-xl":"16px","--radius-2xl":"20px","--radius-3xl":"24px","--radius-4xl":"32px","--radius-full":"9999px","--font-h1":Qr,"--font-h2":Qr,"--font-h3":Qr,"--font-h4":Qr,"--font-p":Qr,"--font-label":Qr,"--font-caption":Qr,"--font-button":Qr,"--font-weight-normal":"400","--font-weight-medium":"500","--font-weight-semibold":"600","--font-weight-bold":"700","--font-size-h1":"44px","--font-size-h2":"36px","--font-size-h3":"28px","--font-size-h4":"24px","--font-size-p":"20px","--font-size-label":"20px","--font-size-caption":"18px","--font-size-button":"18px","--weight-h1":"400","--weight-h2":"400","--weight-h3":"700","--weight-h4":"500","--weight-p":"400","--weight-label":"400","--weight-caption":"400","--weight-button":"600","--elevation-sm":"0px 1px 2px 0px rgba(0,0,0,0.05)","--elevation-md":"0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -1px rgba(0,0,0,0.06)","--elevation-lg":"0px 10px 15px -3px rgba(0,0,0,0.1), 0px 4px 6px -2px rgba(0,0,0,0.05)","--elevation-xl":"0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"},Eb={"--text-primary":J[800],"--text-primary-hover":J[900],"--text-secondary":J[500],"--text-secondary-hover":J[600],"--text-white":la[50],"--text-disabled":J[400],"--text-placeholder":J[400],"--text-brand-primary":dt[500],"--text-brand-hover":dt[600],"--link":Ae[600],"--text-danger-primary":Ie[600],"--text-warning-primary":Xt[600],"--text-success-primary":Jt[600],"--text-info":Ae[500],"--stroke-primary":J[200],"--stroke-primary-solid":J[900],"--stroke-secondary":J[300],"--stroke-disabled":J[300],"--stroke-brand":dt[300],"--stroke-brand-solid":dt[500],"--stroke-brand-lighter":dt[100],"--stroke-danger":Ie[400],"--stroke-danger-solid":Ie[600],"--stroke-danger-lighter":Ie[100],"--stroke-warning":Xt[400],"--stroke-warning-solid":Xt[600],"--stroke-warning-lighter":Xt[100],"--stroke-success":Jt[400],"--stroke-success-solid":Jt[600],"--stroke-success-lighter":Jt[100],"--stroke-info":Ae[300],"--stroke-info-solid":Ae[500],"--stroke-info-lighter":Ae[100],"--stroke-gray-lighter":J[100],"--icon-primary":J[500],"--icon-disabled":J[400],"--icon-info":Ae[500],"--icon-danger":Ie[600],"--icon-success":Jt[600],"--icon-warning":Xt[600],"--icon-white":la[50],"--icon-dark":J[900],"--icon-brand":dt[500],"--icon-brand-hover":dt[600],"--icon-link":Ae[600],"--bg-primary":la[50],"--bg-primary-hover":J[100],"--bg-secondary":J[100],"--bg-tertiary":J[500],"--bg-quaternary":J[50],"--bg-primary-solid":J[900],"--bg-active":J[100],"--bg-disabled":J[200],"--bg-disabled-soft":J[50],"--bg-brand-primary":dt[50],"--bg-brand-secondary":dt[100],"--bg-brand-solid":dt[500],"--bg-brand-solid-hover":dt[600],"--bg-danger-primary":Ie[50],"--bg-danger-solid":Ie[600],"--bg-warning-primary":Xt[50],"--bg-warning-solid":Xt[600],"--bg-success-primary":Jt[50],"--bg-success-solid":Jt[600],"--bg-info-primary":Ae[50],"--bg-info-solid":Ae[500],"--fg-primary":J[800],"--fg-secondary":J[500],"--fg-secondary-hover":J[600],"--fg-white":la[50],"--fg-placeholder":J[400],"--fg-disabled":J[400],"--fg-brand-primary":dt[500],"--fg-brand-secondary":dt[400],"--fg-danger-primary":Ie[600],"--fg-danger-secondary":Ie[500],"--fg-warning-primary":Xt[600],"--fg-warning-secondary":Xt[500],"--fg-success-primary":Jt[600],"--fg-success-secondary":Jt[500],"--button-solid-bg":dt[500],"--button-solid-bg-hover":dt[600],"--button-solid-fg":la[50],"--button-solid-fg-hover":la[50],"--button-solid-border":dt[500],"--button-solid-border-hover":dt[600],"--button-outline-fg":dt[500],"--button-outline-fg-hover":dt[600],"--button-outline-border":dt[500],"--button-outline-border-hover":dt[600],"--button-ghost-fg":dt[500],"--button-ghost-fg-hover":dt[600],"--icon-error":Ie[600],"--bg-error-primary":Ie[50],"--bg-error-solid":Ie[600],"--text-error-primary":Ie[600],"--stroke-error":Ie[400],"--stroke-error-solid":Ie[600],"--fg-error-primary":Ie[600]},Yp={"--text-primary":J[800],"--text-primary-hover":J[900],"--text-secondary":J[500],"--text-secondary-hover":J[600],"--text-white":la[50],"--text-disabled":J[400],"--text-placeholder":J[400],"--text-brand-primary":Ae[500],"--text-brand-hover":Ae[600],"--link":Ae[600],"--text-danger-primary":Ie[600],"--text-warning-primary":Xt[600],"--text-success-primary":Jt[600],"--text-info":Ae[500],"--stroke-primary":J[200],"--stroke-primary-solid":J[900],"--stroke-secondary":J[300],"--stroke-disabled":J[300],"--stroke-brand":Ae[300],"--stroke-brand-solid":Ae[500],"--stroke-brand-lighter":Ae[100],"--stroke-danger":Ie[400],"--stroke-danger-solid":Ie[600],"--stroke-danger-lighter":Ie[100],"--stroke-warning":Xt[400],"--stroke-warning-solid":Xt[600],"--stroke-warning-lighter":Xt[100],"--stroke-success":Jt[400],"--stroke-success-solid":Jt[600],"--stroke-success-lighter":Jt[100],"--stroke-info":Ae[300],"--stroke-info-solid":Ae[500],"--stroke-info-lighter":Ae[100],"--stroke-gray-lighter":J[100],"--icon-primary":J[500],"--icon-disabled":J[400],"--icon-info":Ae[500],"--icon-danger":Ie[600],"--icon-success":Jt[600],"--icon-warning":Xt[600],"--icon-white":la[50],"--icon-dark":J[900],"--icon-brand":Ae[500],"--icon-brand-hover":Ae[600],"--icon-link":Ae[600],"--bg-primary":la[50],"--bg-primary-hover":J[50],"--bg-secondary":J[100],"--bg-tertiary":J[500],"--bg-quaternary":J[50],"--bg-primary-solid":J[900],"--bg-active":J[100],"--bg-disabled":J[200],"--bg-disabled-soft":J[50],"--bg-brand-primary":Ae[50],"--bg-brand-secondary":Ae[100],"--bg-brand-solid":Ae[500],"--bg-brand-solid-hover":Ae[600],"--bg-danger-primary":Ie[50],"--bg-danger-solid":Ie[600],"--bg-warning-primary":Xt[50],"--bg-warning-solid":Xt[600],"--bg-success-primary":Jt[50],"--bg-success-solid":Jt[600],"--bg-info-primary":Ae[50],"--bg-info-solid":Ae[500],"--fg-primary":J[800],"--fg-secondary":J[500],"--fg-secondary-hover":J[600],"--fg-white":la[50],"--fg-placeholder":J[400],"--fg-disabled":J[400],"--fg-brand-primary":Ae[500],"--fg-brand-secondary":Ae[400],"--fg-danger-primary":Ie[600],"--fg-danger-secondary":Ie[500],"--fg-warning-primary":Xt[600],"--fg-warning-secondary":Xt[500],"--fg-success-primary":Jt[600],"--fg-success-secondary":Jt[500],"--button-solid-bg":Ae[500],"--button-solid-bg-hover":Ae[600],"--button-solid-fg":la[50],"--button-solid-fg-hover":la[50],"--button-solid-border":Ae[500],"--button-solid-border-hover":Ae[600],"--button-outline-fg":Ae[500],"--button-outline-fg-hover":Ae[600],"--button-outline-border":Ae[500],"--button-outline-border-hover":Ae[600],"--button-ghost-fg":Ae[500],"--button-ghost-fg-hover":Ae[600],"--icon-error":Ie[600],"--bg-error-primary":Ie[50],"--bg-error-solid":Ie[600],"--text-error-primary":Ie[600],"--stroke-error":Ie[400],"--stroke-error-solid":Ie[600],"--fg-error-primary":Ie[600]},Vp={patona:Eb,ccs3:Yp,oc2plus:Yp};function Hl(r,e=document.documentElement){Object.entries(xb).forEach(([t,n])=>e.style.setProperty(t,n)),Object.entries(Vp[r]).forEach(([t,n])=>e.style.setProperty(t,n))}var Qb=Object.defineProperty,Kp=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Qb(e,t,a),a};const G="ssk-theme-context",fp=class fp extends o.LitElement{constructor(){super(...arguments),this.theme=ql}updated(e){e.has("brand")&&this.brand&&Hl(this.brand)}render(){return o.html`${O(this.theme,":host")} <slot></slot>`}};fp.styles=o.css`
     :host {
       --scrollbar-size: 6px;
       --scrollbar-color-trumb: var(--ssk-colors-gray-500);
@@ -4595,14 +4595,14 @@
     }
 
     .title {
-      font-size: 24px;
-      font-weight: 500;
+      font-size: var(--font-size-h4, 24px);
+      font-weight: var(--font-weight-medium, 500);
       color: var(--color-title);
     }
 
     .content {
-      font-size: 24px;
-      font-weight: 400;
+      font-size: var(--font-size-h4, 24px);
+      font-weight: var(--font-weight-normal, 400);
       color: var(--color-content);
     }
   `,kr);tr([P({context:G,subscribe:!0}),c.property({attribute:!1})],Ra.prototype,"theme",2),tr([c.property({type:String})],Ra.prototype,"testId",2),tr([c.property({type:String})],Ra.prototype,"width",2),tr([c.property({type:Boolean})],Ra.prototype,"hidden",2),tr([c.property({type:Boolean})],Ra.prototype,"hideCloseButton",2),tr([c.property({type:String})],Ra.prototype,"heading",2),tr([c.property({type:String})],Ra.prototype,"content",2),tr([c.property({type:String})],Ra.prototype,"type",2),tr([c.eventOptions({capture:!1,once:!1,passive:!0})],Ra.prototype,"close",1);let $b=Ra;customElements.get("ssk-toast")||customElements.define("ssk-toast",$b);var Mb=Object.defineProperty,Lb=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Mb(e,t,a),a};const Xp="ssk-toast-context",yp=class yp extends o.LitElement{constructor(){super(...arguments),this.toast={toasts:[],addToast:()=>"",removeToast:()=>{},clearToasts:()=>{}}}connectedCallback(){super.connectedCallback(),this.poller=setInterval(()=>{this.requestUpdate()},100)}disconnectedCallback(){super.disconnectedCallback(),this.poller&&clearInterval(this.poller)}render(){return o.html`
@@ -4690,7 +4690,7 @@
       }
 
       .alert-title {
-        font-weight: 500;
+        font-weight: var(--font-weight-medium, 500);
       }
     }
 
@@ -5197,8 +5197,8 @@
     `}_updateCheckboxState(){var s;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("input"),t=this._groupOptions.every(l=>l.checked),n=this._groupOptions.every(l=>!l.checked);let a=this._isGroupCheckbox?t:this.checked,i=this._isGroupCheckbox?!t&&!n:this.indeterminate;e&&(this._isGroupCheckbox&&(this._checked=a),e.indeterminate=i)}_setGroupChecked(e){var t;this.group&&(this._groupOptions=(t=this.group)==null?void 0:t.options.map(n=>{const a=!!e.includes(n.value);return{...n,checked:a}}))}_onChangeGroup(e){const t=this._filterCheckedList(e.target.value,e.target.checked);this._setGroupChecked(t)}_onChange(e){this._checked=e.target.checked,this.checked=this._checked;const t=this._groupOptions.map(n=>n.value);this._setGroupChecked(this._checked?t:[]),pt(e,this)}_filterCheckedList(e,t){return this._groupOptions.map(a=>a.value===e?{...a,checked:t}:a).filter(a=>a.checked).map(a=>a.value)}};cc.registeredName="ssk-checkbox",cc.styles=o.css`
     @supports (-webkit-appearance: none) or (-moz-appearance: none) {
       .checkbox-wrapper input[type="checkbox"] {
-        --background-color: #fff;
-        --checked-color: #fff;
+        --background-color: var(--bg-primary, #fff);
+        --checked-color: var(--fg-white, #fff);
 
         --border-color: var(--disabled-200);
         -moz-appearance: none;
@@ -5912,7 +5912,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     label.helper {
       font-size: 0.75em;
       line-height: 0.75em;
-      font-weight: 200;
+      font-weight: var(--font-weight-normal, 400);
       color: var(--color-helper);
     }
 
@@ -6054,7 +6054,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     label.helper {
       font-size: 0.75em;
       line-height: 0.75em;
-      font-weight: 200;
+      font-weight: var(--font-weight-normal, 400);
       color: var(--color-helper);
     }
 
@@ -6279,7 +6279,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     label.helper {
         font-size: 0.75em;
         line-height: 0.75em;
-        font-weight: 200;
+        font-weight: var(--font-weight-normal, 400);
         color: var(--color-helper);
     }
     
@@ -6322,7 +6322,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         color: var(--color-tag);
         margin: 0;
         padding: 0 8px;
-        border-radius: 8px;
+        border-radius: var(--radius-md, 8px);
         background: var(--background-color-tag);
         border: 1px solid var(--border-color-tag);
         display: flex;
@@ -6697,8 +6697,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     `}_onChange(e){this.checked=e.target.checked,pt(e,this)}};kc.registeredName="ssk-radio",kc.styles=o.css`
     @supports (-webkit-appearance: none) or (-moz-appearance: none) {
       .radio-wrapper input[type="radio"] {
-        --background-color: #fff;
-        --checked-color: #fff;
+        --background-color: var(--bg-primary, #fff);
+        --checked-color: var(--fg-white, #fff);
 
         --border-color: var(--disabled-200);
         -moz-appearance: none;
@@ -6809,8 +6809,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     `}_onChangeGroup(e){const t=e.srcElement.value;this._groupOptions=this._groupOptions.map(n=>({...n,checked:n.value===t})),pt(e,this)}_updateRadioState(){var s;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("input"),t=this._groupOptions.every(l=>l.checked),n=this._groupOptions.every(l=>!l.checked);let a=this._isGroupRadio?t:this.checked,i=this._isGroupRadio?!t&&!n:this.indeterminate;e&&(this._isGroupRadio&&(this._checked=a),e.indeterminate=i)}_setGroupChecked(e){var t;this.group&&(this._groupOptions=(t=this.group)==null?void 0:t.options.map(n=>{const a=!!e.includes(n.value);return{...n,checked:a}}))}};Cc.registeredName="ssk-radio-group",Cc.styles=o.css`
     @supports (-webkit-appearance: none) or (-moz-appearance: none) {
     .radio-wrapper input[type="radio"] {
-        --background-color: #fff;
-        --checked-color: #fff;
+        --background-color: var(--bg-primary, #fff);
+        --checked-color: var(--fg-white, #fff);
 
         --border-color: var(--disabled-200);
         -moz-appearance: none;
@@ -6970,14 +6970,14 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .size-sm {
-      --font-size: 20px;
+      --font-size: var(--font-size-p, 20px);
       --gap: 8px;
       --padding: 8px 16px;
       --rounded: 8px;
     }
 
     .size-md {
-      --font-size: 24px;
+      --font-size: var(--font-size-h4, 24px);
       --gap: 8px;
       --padding: 8px 16px;
       --rounded: 8px;
@@ -7000,7 +7000,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .active {
-      font-weight: 500;
+      font-weight: var(--font-weight-medium, 500);
     }
 
     .tab-button.variant-button.active {
@@ -7026,11 +7026,11 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};_c.registeredName="ssk-tab-header",_c.styles=o.css`
     .size-sm {
-      --font-size: 20px;
+      --font-size: var(--font-size-p, 20px);
     }
 
     .size-md {
-      --font-size: 24px;
+      --font-size: var(--font-size-h4, 24px);
     }
 
     .align-left {
@@ -7058,7 +7058,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       padding: 4px;
       background-color: var(--bg-secondary, #f3f4f6);
       gap: 4px;
-      border-radius: 12px;
+      border-radius: var(--radius-lg, 12px);
       box-shadow: 0px 3px 2px rgba(17, 24, 39, 0.04),
         0px 1px 1px rgba(17, 24, 39, 0.08), 0px 0px 1px rgba(17, 24, 39, 0.09),
         0px 0px 0px rgba(17, 24, 39, 0.09);
@@ -7285,7 +7285,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     label.helper {
       font-size: 0.75em;
       line-height: 0.75em;
-      font-weight: 200;
+      font-weight: var(--font-weight-normal, 400);
       color: var(--color-helper);
     }
 
@@ -7513,7 +7513,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     `}};Sc.registeredName="ssk-accordion-item",Sc.styles=o.css`
     :host {
       display: block;
-      border-radius: 6px;
+      border-radius: var(--radius-sm, 6px);
       border: 1px solid var(--border-color, #ccc);
       margin-bottom: 0.5rem;
       overflow: hidden;
@@ -7539,7 +7539,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .header-text {
       flex-grow: 1;
       text-align: left;
-      font-weight: 500;
+      font-weight: var(--font-weight-medium, 500);
     }
 
     :host([align="center"]) .header-text {
@@ -7569,15 +7569,15 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};$c.registeredName="ssk-widget-example",$c.styles=o.css`
     .container {
-      background: #ffff;
+      background: var(--bg-primary, #ffffff);
       padding: 8px;
-      border: 1px solid #e5e7eb;
-      border-radius: 8px;
+      border: 1px solid var(--stroke-primary, #e5e7eb);
+      border-radius: var(--radius-md, 8px);
       height: -webkit-fill-available;
     }
     .text-style {
-      color: #1f2937;
-      font-size: 24px;
+      color: var(--text-primary, #1f2937);
+      font-size: var(--font-size-h4, 24px);
       text-align: center;
     }
   `;let wn=$c;ma([P({context:G,subscribe:!0}),c.property({attribute:!1})],wn.prototype,"theme"),ma([c.property({type:String})],wn.prototype,"size"),ma([c.property({type:String})],wn.prototype,"color"),ma([c.property({type:String})],wn.prototype,"margin"),ma([c.property({type:String})],wn.prototype,"padding"),ma([c.property({type:String})],wn.prototype,"gap"),ma([c.property({type:String})],wn.prototype,"testId"),ma([c.property({type:String})],wn.prototype,"fontFamilyGroup"),ma([c.property({type:String})],wn.prototype,"fontWeight"),ma([c.property({type:String})],wn.prototype,"fontSize"),ma([c.property({type:String})],wn.prototype,"widgetWidth"),ma([c.property({type:String})],wn.prototype,"widgetHeight"),customElements.get("ssk-widget-example")||customElements.define("ssk-widget-example",wn);var Pw=Object.defineProperty,Ce=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Pw(e,t,a),a};const Mc=class Mc extends o.LitElement{constructor(){super(...arguments),this.size="md",this.gap="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.widgetWidth="4",this.widgetHeight="2",this._defaultWidth="3",this._defaultHeight="2",this.label="Label",this.subText="subText",this.badgeText="3.25%",this.badgeColor="success",this.badgeIcon="solid-arrow-up-right",this.iconLeftColor="gray",this.iconLeft="outline-ellipsis-horizontal-circle",this.imgUrl="https://fastly.picsum.photos/id/216/200/300.jpg?hmac=c3OXbiUxWPMgwnaFpX8ZAfBL5TZzWjnof6mb4OwuSPs",this.buttonColor="primary",this.buttonVariant="outline",this.buttonIcon="solid-arrow-right-circle",this.iconRightColor="gray",this.iconRight="outline-ellipsis-horizontal-circle",this.showSubtext=!0,this.showImage=!1,this.showIconLeft=!1,this.showButtonIcon=!1,this.showBadge=!1,this.showIconRight=!1,this.isLabelClamped=!1,this.isSubtextClamped=!1,this.boundCheckLabelEllipsis=this.checkLabelEllipsis.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.boundCheckLabelEllipsis)}disconnectedCallback(){window.removeEventListener("resize",this.boundCheckLabelEllipsis),super.disconnectedCallback()}firstUpdated(){this.checkLabelEllipsis()}updated(e){(e.has("label")||e.has("subText")||e.has("widgetWidth"))&&this.checkAllEllipsis()}checkAllEllipsis(){this.checkLabelEllipsis(),this.checkSubtextEllipsis()}checkLabelEllipsis(){requestAnimationFrame(()=>{if(this.labelWrapperEl){const e=this.labelWrapperEl.scrollHeight>this.labelWrapperEl.offsetHeight;e!==this.isLabelClamped&&(this.isLabelClamped=e)}})}checkSubtextEllipsis(){requestAnimationFrame(()=>{if(this.subtextWrapperEl){const e=this.subtextWrapperEl.scrollHeight>this.subtextWrapperEl.offsetHeight;e!==this.isSubtextClamped&&(this.isSubtextClamped=e)}})}isValidSize(){return this.widgetWidth=="3"&&this.widgetHeight=="2"||this.widgetWidth=="4"&&this.widgetHeight=="2"||this.widgetWidth=="6"&&this.widgetHeight=="2"}getWidth(){return this.isValidSize()?this.widgetWidth:this._defaultWidth}getHeight(){return this.isValidSize()?this.widgetHeight:this._defaultHeight}getSize(){return[this.getWidth(),this.getHeight()]}getContainerStyles(){return{width:`${parseInt(this.getWidth(),10)*88-32}px`}}handleButtonClick(e){e.stopPropagation();const t=new CustomEvent("click",{bubbles:!0,composed:!0});this.dispatchEvent(t)}renderLabel(){const e=o.html`
@@ -7700,17 +7700,17 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};Mc.registeredName="ssk-widget-matric",Mc.styles=o.css`
     .container {
-        background: #ffff;
+        background: var(--bg-primary, #ffffff);
         padding: 16px;
-        border: 1px solid #e5e7eb;
-        border-radius: 8px;
+        border: 1px solid var(--stroke-primary, #e5e7eb);
+        border-radius: var(--radius-md, 8px);
         height: 144px;
         display: grid;
         box-sizing: border-box;
     }
     .text-style {
-        color: #1f2937;
-        font-size: 24px;
+        color: var(--text-primary, #1f2937);
+        font-size: var(--font-size-h4, 24px);
         text-align: center;
     }
     .matric-style {
@@ -7812,10 +7812,10 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};Lc.registeredName="ssk-widget-user-detail",Lc.styles=o.css`
     .container {
-        background: #fff;
+        background: var(--bg-primary, #ffffff);
         padding: 24px;
-        border: 1px solid #e5e7eb;
-        border-radius: 8px;
+        border: 1px solid var(--stroke-primary, #e5e7eb);
+        border-radius: var(--radius-md, 8px);
         width: 320px;
         display: flex;
         flex-direction: column;
@@ -7971,7 +7971,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};Nc.registeredName="ssk-widget-title",Nc.styles=o.css`
         .container {
-            background: #ffffffff;
+            background: var(--bg-primary, #ffffff);
             height: 144px;
             display: grid;
             box-sizing: border-box;
@@ -8036,9 +8036,9 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
             gap: 0.125em;
             max-height: 180px;
         }
-    `;let Se=Nc;Ge([P({context:G,subscribe:!0}),c.property({attribute:!1})],Se.prototype,"theme",2),Ge([c.property({type:String})],Se.prototype,"size",2),Ge([c.property({type:String})],Se.prototype,"color",2),Ge([c.property({type:String})],Se.prototype,"margin",2),Ge([c.property({type:String})],Se.prototype,"padding",2),Ge([c.property({type:String})],Se.prototype,"gap",2),Ge([c.property({type:String})],Se.prototype,"testId",2),Ge([c.property({type:String})],Se.prototype,"fontFamilyGroup",2),Ge([c.property({type:String})],Se.prototype,"fontWeight",2),Ge([c.property({type:String})],Se.prototype,"fontSize",2),Ge([c.property({type:String})],Se.prototype,"widgetWidth",2),Ge([c.property({type:String})],Se.prototype,"widgetHeight",2),Ge([c.property({type:String})],Se.prototype,"titleText",2),Ge([c.property({type:String})],Se.prototype,"subText",2),Ge([c.property({type:String})],Se.prototype,"buttonText",1),Ge([c.property({type:String})],Se.prototype,"buttonColor",2),Ge([c.property({type:String})],Se.prototype,"buttonVariant",2),Ge([c.property({type:String})],Se.prototype,"buttonIcon",2),Ge([c.property({type:Array})],Se.prototype,"dropdownOptions",2),Ge([c.property({type:Boolean})],Se.prototype,"showSubtext",2),Ge([c.property({type:Boolean})],Se.prototype,"showButtonText",2),Ge([c.property({type:Boolean})],Se.prototype,"showButtonIcon",2),Ge([c.property({type:String})],Se.prototype,"actionType",2),Ge([c.property({type:Boolean})],Se.prototype,"disabledButton",2),Ge([c.state()],Se.prototype,"isTitleClamped",2),Ge([c.query(".title-wrapper")],Se.prototype,"titleWrapperEl",2),Ge([c.state()],Se.prototype,"isSubtextClamped",2),Ge([c.query(".subtext-wrapper")],Se.prototype,"subtextWrapperEl",2),customElements.get("ssk-widget-title")||customElements.define("ssk-widget-title",Se);var Gw=Object.defineProperty,be=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Gw(e,t,a),a};const jc=class jc extends o.LitElement{constructor(){super(),this.size="md",this.gap="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.widgetWidth="8",this.widgetHeight="8",this.defaultWidth="8",this.defaultHeight="8",this.label="",this.description="",this.badgeText="",this.badgeColor="success",this.badgeIcon="",this.showBadge=!1,this.showDescription=!1,this.buttonColor="primary",this.buttonVariant="outline",this.buttonIcon="",this.buttonText="",this.disabledButton=!1,this.showButtonIcon=!1,this.tableColumns=[],this.tableData=[],this.totalItems=0,this.currentPage=1,this.rowsPerPage=10,this.emptyImage="",this.maxVisiblePageButtons=0,this.internalTableData=[],this.activeSortColumn=null,this.activeSortDirection="asc",this.isLabelClamped=!1,this.isSubtextClamped=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>this.checkAllEllipsis())}disconnectedCallback(){window.removeEventListener("resize",()=>this.checkAllEllipsis()),super.disconnectedCallback()}firstUpdated(){this.checkAllEllipsis()}willUpdate(e){var t;if(e.has("tableData")){this.internalTableData=this.tableData;const n=(t=this.tableColumns)==null?void 0:t.find(a=>a.sortDirection==="asc"||a.sortDirection==="desc");n&&this.activeSortColumn===null&&(this.activeSortColumn=n.dataIndex,this.activeSortDirection=n.sortDirection)}}updated(e){(e.has("label")||e.has("description"))&&this.checkAllEllipsis()}checkAllEllipsis(){requestAnimationFrame(()=>{if(this.labelWrapperEl){const e=this.labelWrapperEl.scrollWidth>this.labelWrapperEl.clientWidth;e!==this.isLabelClamped&&(this.isLabelClamped=e)}if(this.subtextWrapperEl){const e=this.subtextWrapperEl.scrollWidth>this.subtextWrapperEl.clientWidth;e!==this.isSubtextClamped&&(this.isSubtextClamped=e)}})}isValidSize(){return this.widgetWidth=="8"&&this.widgetHeight=="8"||this.widgetWidth=="12"&&this.widgetHeight=="8"}getWidth(){return this.isValidSize()?this.widgetWidth:this.defaultWidth}getHeight(){return this.isValidSize()?this.widgetHeight:this.defaultHeight}getSize(){return[this.getWidth(),this.getHeight()]}getContainerStyles(){return{width:`${parseInt(this.getWidth(),10)*88-32}px`}}handleButtonClick(e){e.stopPropagation();const t=new CustomEvent("button-click",{bubbles:!0,composed:!0});this.dispatchEvent(t)}handleActionIconClick(e,t){this.dispatchEvent(new CustomEvent("action-click",{detail:{record:e,rowIndex:t},bubbles:!0,composed:!0}))}renderTextWithTooltip(e,t,n,a="md",i,s){const l=o.html`<ssk-text size=${a} .color=${i} .fontWeight=${s}><div class=${t}>${e}</div></ssk-text>`;return n?o.html`<ssk-tooltip size="sm" hideclosebutton themecolor="black" color="white">${l}<div slot="content"><ssk-text color="white" size="sx">${e}</ssk-text></div></ssk-tooltip>`:l}renderBadgeText(){let e;return e=15,this.badgeText&&this.badgeText.length>e?this.badgeText.slice(0,e):this.badgeText}renderLabelText(){let e;return e=120,this.label&&this.label.length>e?this.label.slice(0,e):this.label}renderSubText(){let e;return e=120,this.description&&this.description.length>e?this.description.slice(0,e):this.description}get truncatedButtonText(){return this.buttonText.slice(0,15)}handleSort(e,t){this.activeSortColumn=e,this.activeSortDirection=t,this.dispatchEvent(new CustomEvent("table-sort",{detail:{dataIndex:e,direction:t},bubbles:!0,composed:!0}))}handleLoadDataTable(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("load-data",{detail:e.detail,bubbles:!0,composed:!0}))}get processedColumns(){return this.tableColumns?this.tableColumns.map(e=>{const t={...e};return t.sortable&&t.dataIndex&&(t.onSort=n=>this.handleSort(t.dataIndex,n),t.dataIndex===this.activeSortColumn?t.sortDirection=this.activeSortDirection:delete t.sortDirection),t}):[]}getColorValue(e){if(!this.theme||!e)return"inherit";const t=e.split(".");let n=this.theme.colors;try{for(const a of t){if(n===void 0)return"inherit";n=n[a]}if(typeof n=="object"&&n!==null){if(n.DEFAULT)return n.DEFAULT;if(n[500])return n[500];const a=Object.keys(n)[0];return a?n[a]:"inherit"}return typeof n=="string"?n:"inherit"}catch{return"inherit"}}get customCellConfig(){const e={};return this.tableColumns&&this.tableColumns.forEach(t=>{var a,i;if(!t.dataIndex||!t.type)return;let n;switch(t.type){case"image":n=p=>`<ssk-image src="${p}" width="48px" height="48px"></ssk-image>`;break;case"text":const s=t.color||"gray.800";n=p=>{let m="",A=s;return typeof p=="object"&&p!==null&&"text"in p?(m=p.text,A=p.color||s):m=String(p??""),`<div style="color: ${this.getColorValue(A)}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px;">${m}</div>`};break;case"textsubtext":const l=((a=t.colors)==null?void 0:a.text)||"gray.800",d=((i=t.colors)==null?void 0:i.subtext)||"gray.500";n=p=>{var x,I;const m=(p==null?void 0:p.text)||"",A=(p==null?void 0:p.subtext)||"",b=((x=p==null?void 0:p.colors)==null?void 0:x.text)||l,f=((I=p==null?void 0:p.colors)==null?void 0:I.subtext)||d,y=this.getColorValue(b),v=this.getColorValue(f);return`
+    `;let Se=Nc;Ge([P({context:G,subscribe:!0}),c.property({attribute:!1})],Se.prototype,"theme",2),Ge([c.property({type:String})],Se.prototype,"size",2),Ge([c.property({type:String})],Se.prototype,"color",2),Ge([c.property({type:String})],Se.prototype,"margin",2),Ge([c.property({type:String})],Se.prototype,"padding",2),Ge([c.property({type:String})],Se.prototype,"gap",2),Ge([c.property({type:String})],Se.prototype,"testId",2),Ge([c.property({type:String})],Se.prototype,"fontFamilyGroup",2),Ge([c.property({type:String})],Se.prototype,"fontWeight",2),Ge([c.property({type:String})],Se.prototype,"fontSize",2),Ge([c.property({type:String})],Se.prototype,"widgetWidth",2),Ge([c.property({type:String})],Se.prototype,"widgetHeight",2),Ge([c.property({type:String})],Se.prototype,"titleText",2),Ge([c.property({type:String})],Se.prototype,"subText",2),Ge([c.property({type:String})],Se.prototype,"buttonText",1),Ge([c.property({type:String})],Se.prototype,"buttonColor",2),Ge([c.property({type:String})],Se.prototype,"buttonVariant",2),Ge([c.property({type:String})],Se.prototype,"buttonIcon",2),Ge([c.property({type:Array})],Se.prototype,"dropdownOptions",2),Ge([c.property({type:Boolean})],Se.prototype,"showSubtext",2),Ge([c.property({type:Boolean})],Se.prototype,"showButtonText",2),Ge([c.property({type:Boolean})],Se.prototype,"showButtonIcon",2),Ge([c.property({type:String})],Se.prototype,"actionType",2),Ge([c.property({type:Boolean})],Se.prototype,"disabledButton",2),Ge([c.state()],Se.prototype,"isTitleClamped",2),Ge([c.query(".title-wrapper")],Se.prototype,"titleWrapperEl",2),Ge([c.state()],Se.prototype,"isSubtextClamped",2),Ge([c.query(".subtext-wrapper")],Se.prototype,"subtextWrapperEl",2),customElements.get("ssk-widget-title")||customElements.define("ssk-widget-title",Se);var Gw=Object.defineProperty,be=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&Gw(e,t,a),a};const jc=class jc extends o.LitElement{constructor(){super(),this.size="md",this.gap="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.widgetWidth="8",this.widgetHeight="8",this.defaultWidth="8",this.defaultHeight="8",this.label="",this.description="",this.badgeText="",this.badgeColor="success",this.badgeIcon="",this.showBadge=!1,this.showDescription=!1,this.buttonColor="primary",this.buttonVariant="outline",this.buttonIcon="",this.buttonText="",this.disabledButton=!1,this.showButtonIcon=!1,this.tableColumns=[],this.tableData=[],this.totalItems=0,this.currentPage=1,this.rowsPerPage=10,this.emptyImage="",this.maxVisiblePageButtons=0,this.internalTableData=[],this.activeSortColumn=null,this.activeSortDirection="asc",this.isLabelClamped=!1,this.isSubtextClamped=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>this.checkAllEllipsis())}disconnectedCallback(){window.removeEventListener("resize",()=>this.checkAllEllipsis()),super.disconnectedCallback()}firstUpdated(){this.checkAllEllipsis()}willUpdate(e){var t;if(e.has("tableData")){this.internalTableData=this.tableData;const n=(t=this.tableColumns)==null?void 0:t.find(a=>a.sortDirection==="asc"||a.sortDirection==="desc");n&&this.activeSortColumn===null&&(this.activeSortColumn=n.dataIndex,this.activeSortDirection=n.sortDirection)}}updated(e){(e.has("label")||e.has("description"))&&this.checkAllEllipsis()}checkAllEllipsis(){requestAnimationFrame(()=>{if(this.labelWrapperEl){const e=this.labelWrapperEl.scrollWidth>this.labelWrapperEl.clientWidth;e!==this.isLabelClamped&&(this.isLabelClamped=e)}if(this.subtextWrapperEl){const e=this.subtextWrapperEl.scrollWidth>this.subtextWrapperEl.clientWidth;e!==this.isSubtextClamped&&(this.isSubtextClamped=e)}})}isValidSize(){return this.widgetWidth=="8"&&this.widgetHeight=="8"||this.widgetWidth=="12"&&this.widgetHeight=="8"}getWidth(){return this.isValidSize()?this.widgetWidth:this.defaultWidth}getHeight(){return this.isValidSize()?this.widgetHeight:this.defaultHeight}getSize(){return[this.getWidth(),this.getHeight()]}getContainerStyles(){return{width:`${parseInt(this.getWidth(),10)*88-32}px`}}handleButtonClick(e){e.stopPropagation();const t=new CustomEvent("button-click",{bubbles:!0,composed:!0});this.dispatchEvent(t)}handleActionIconClick(e,t){this.dispatchEvent(new CustomEvent("action-click",{detail:{record:e,rowIndex:t},bubbles:!0,composed:!0}))}renderTextWithTooltip(e,t,n,a="md",i,s){const l=o.html`<ssk-text size=${a} .color=${i} .fontWeight=${s}><div class=${t}>${e}</div></ssk-text>`;return n?o.html`<ssk-tooltip size="sm" hideclosebutton themecolor="black" color="white">${l}<div slot="content"><ssk-text color="white" size="sx">${e}</ssk-text></div></ssk-tooltip>`:l}renderBadgeText(){let e;return e=15,this.badgeText&&this.badgeText.length>e?this.badgeText.slice(0,e):this.badgeText}renderLabelText(){let e;return e=120,this.label&&this.label.length>e?this.label.slice(0,e):this.label}renderSubText(){let e;return e=120,this.description&&this.description.length>e?this.description.slice(0,e):this.description}get truncatedButtonText(){return this.buttonText.slice(0,15)}handleSort(e,t){this.activeSortColumn=e,this.activeSortDirection=t,this.dispatchEvent(new CustomEvent("table-sort",{detail:{dataIndex:e,direction:t},bubbles:!0,composed:!0}))}handleLoadDataTable(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("load-data",{detail:e.detail,bubbles:!0,composed:!0}))}get processedColumns(){return this.tableColumns?this.tableColumns.map(e=>{const t={...e};return t.sortable&&t.dataIndex&&(t.onSort=n=>this.handleSort(t.dataIndex,n),t.dataIndex===this.activeSortColumn?t.sortDirection=this.activeSortDirection:delete t.sortDirection),t}):[]}getColorValue(e){if(!this.theme||!e)return"inherit";const t=e.split(".");let n=this.theme.colors;try{for(const a of t){if(n===void 0)return"inherit";n=n[a]}if(typeof n=="object"&&n!==null){if(n.DEFAULT)return n.DEFAULT;if(n[500])return n[500];const a=Object.keys(n)[0];return a?n[a]:"inherit"}return typeof n=="string"?n:"inherit"}catch{return"inherit"}}get customCellConfig(){const e={};return this.tableColumns&&this.tableColumns.forEach(t=>{var a,i;if(!t.dataIndex||!t.type)return;let n;switch(t.type){case"image":n=p=>`<ssk-image src="${p}" width="48px" height="48px"></ssk-image>`;break;case"text":const s=t.color||"gray.800";n=p=>{let m="",A=s;return typeof p=="object"&&p!==null&&"text"in p?(m=p.text,A=p.color||s):m=String(p??""),`<div style="color: ${this.getColorValue(A)}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--font-size-h4, 24px);">${m}</div>`};break;case"textsubtext":const l=((a=t.colors)==null?void 0:a.text)||"gray.800",d=((i=t.colors)==null?void 0:i.subtext)||"gray.500";n=p=>{var x,I;const m=(p==null?void 0:p.text)||"",A=(p==null?void 0:p.subtext)||"",b=((x=p==null?void 0:p.colors)==null?void 0:x.text)||l,f=((I=p==null?void 0:p.colors)==null?void 0:I.subtext)||d,y=this.getColorValue(b),v=this.getColorValue(f);return`
               <div>
-                <div style="color: ${y}; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${m}</div>
+                <div style="color: ${y}; font-size: var(--font-size-h4, 24px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${m}</div>
                 <div style="color: ${v}; font-size: var(--font-size-caption,18px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${A}</div>
               </div>
             `};break;case"badge":n=p=>{let m="",A="",b="";typeof p=="object"&&p!==null&&"text"in p?(m=p.text,A=p.themeColor||"",b=p.icon||""):m=String(p??"");const f=b?`<ssk-icon name="${b}" size="sm"></ssk-icon>`:"";return`<ssk-badge variant="subtle" size="sm" themeColor="${A}">${f}${m}</ssk-badge>`};break;case"action-icon":n=(p,m,A)=>{const b=t.icon,f=typeof p=="object"&&p!==null?p:null,y=(f==null?void 0:f.name)||(b==null?void 0:b.name)||"",v=(f==null?void 0:f.color)||(b==null?void 0:b.color);return`<ssk-icon name="${y}" size="lg" themeColor="${v}" style="cursor: pointer;"></ssk-icon>`},e[t.dataIndex]={render:n,onClick:(p,m,A)=>this.handleActionIconClick(m,A)};return}n&&(e[t.dataIndex]={render:n})}),e}render(){const e=this.emptyImage||"/Blank.svg",t=o.html`
@@ -8132,9 +8132,9 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       </div>
     `}};jc.registeredName="ssk-widget-table",jc.styles=o.css`
     .container {
-      background: #fff;
-      border: 1px solid #e5e7eb;
-      border-radius: 8px;
+      background: var(--bg-primary, #ffffff);
+      border: 1px solid var(--stroke-primary, #e5e7eb);
+      border-radius: var(--radius-md, 8px);
       height: 672px;
       display: flex;
       flex-direction: column;
@@ -8198,7 +8198,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       align-items: center;
       justify-content: center;
       height: 500px;
-      background-color: #ffffff;
+      background-color: var(--bg-primary, #ffffff);
     }
   .truncate-cell-text {
       white-space: nowrap;
@@ -8725,7 +8725,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     label.helper {
       font-size: 0.75em;
       line-height: 0.75em;
-      font-weight: 200;
+      font-weight: var(--font-weight-normal, 400);
       color: var(--color-helper);
     }
 
@@ -9366,7 +9366,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
         *:hover::-webkit-scrollbar-thumb {
           background: var(--text-secondary, #6b7280);
-          border-radius: 8px;
+          border-radius: var(--radius-md, 8px);
         }
       </style>
     `;const t=Array.from({length:24},(p,m)=>({label:String(m).padStart(2,"0"),value:m})),n=Array.from({length:60},(p,m)=>({label:String(m).padStart(2,"0"),value:m})),a=p=>this.handleTimeClick("hour",p),i=p=>this.handleTimeClick("minute",p),s=p=>this.handleTimeClick("second",p);return o.html`
@@ -9419,7 +9419,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
     .item:hover {
       background-color: var(--500-colors);
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
     }
 
     .item:not(.hovered):hover span {
@@ -9429,7 +9429,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .item.selected {
       background-color: var(--500-colors);
       color: white;
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
     }
   `;let nt=Vc;Dt([P({context:G,subscribe:!0}),c.property({attribute:!1})],nt.prototype,"theme"),Dt([c.property({type:String})],nt.prototype,"testId"),Dt([c.property({type:String})],nt.prototype,"themeColor"),Dt([c.property({type:String})],nt.prototype,"color"),Dt([c.property({type:String})],nt.prototype,"backgroundColor"),Dt([c.property({type:String})],nt.prototype,"size"),Dt([c.property({type:String})],nt.prototype,"padding"),Dt([c.property({type:String})],nt.prototype,"rounded"),Dt([c.property({type:String})],nt.prototype,"locale"),Dt([c.property({type:String})],nt.prototype,"nowText"),Dt([c.property({type:String})],nt.prototype,"okText"),Dt([c.property({type:String})],nt.prototype,"footerStyle"),Dt([c.property({type:Boolean})],nt.prototype,"displayGoNow"),Dt([c.property({type:Boolean})],nt.prototype,"displayOk"),Dt([c.property({type:Number})],nt.prototype,"value"),Dt([c.state()],nt.prototype,"_selectedHour"),Dt([c.state()],nt.prototype,"_selectedMinute"),Dt([c.state()],nt.prototype,"_selectedSecond"),Dt([c.property({type:Boolean})],nt.prototype,"hidden"),Dt([c.property({type:String})],nt.prototype,"maxHeight"),Dt([c.property({type:String})],nt.prototype,"format"),customElements.get("ssk-time")||customElements.define("ssk-time",nt);var M2=Object.defineProperty,ie=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&M2(e,t,a),a};const Oa={en:Rs,fr:Lm,th:Nm},Kc=class Kc extends o.LitElement{constructor(){super(...arguments),this.themeColor="primary",this.color="white",this.size="md",this.month="",this.year="",this.locale="th",this.todayText="ตอนนี้",this.okText="ตกลง",this.footerStyle="between",this.rangeDate=!1,this.disableYearChange=!1,this.disableMonthChange=!1,this.displayGoToday=!1,this.displayOk=!1,this.disabledPrev=!1,this.disabledNext=!1,this.maxRange=0,this.dayNamesOfTheWeek=[],this.yearsList=[],this.daysOfMonth=[],this.monthsList=[],this.hidden=!1,this.showTime=!1,this.timeFormat="hms",this.currentTimeTarget="dateFrom",this._currentDate=dr(Date.now()),this._monthChangeDropdown=!1,this._yearChangeDropdown=!1,this._yearIndex=0,this._chunkYearList=[],this._selectedFrom=this.dateFrom,this._selectedTo=this.dateTo}updated(e){e.has("locale")&&this.localeChanged(),(e.has("year")||e.has("month"))&&this.yearAndMonthChanged(this.year,this.month)}async firstUpdated(){document.addEventListener("click",this.handleClickOutside.bind(this)),this.setYears(1930,2100),this.setMonths(),await this.updateComplete,this.dateFrom!==void 0&&(this._selectedFrom=this.dateFrom),this.dateTo!==void 0&&(this._selectedTo=this.dateTo),this.disableYearChange||(this._chunkYearList=this.chunkedYearsList(this.yearsList),this._yearIndex=this.calcCurrentYearIndex(+this.year,this._chunkYearList))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}handleClickOutside(e){var i,s,l;var t=(i=this.shadowRoot)==null?void 0:i.querySelector("div.popup-change.month"),n=(s=this.shadowRoot)==null?void 0:s.querySelector("div.popup-change.year"),a=(l=this.shadowRoot)==null?void 0:l.querySelector("div.dropdown");!e.composedPath().includes(t)&&!e.composedPath().includes(n)&&(this._monthChangeDropdown||this._yearChangeDropdown)&&(this._monthChangeDropdown=!1,this._yearChangeDropdown=!1),e.composedPath().includes(a)&&(this._yearChangeDropdown=!0)}isCurrentDate(e){return e.date===this._currentDate.getTime()}isMonthDisabled(e){const t=parseInt(this.year,10),n=new Date(t,parseInt(e)-1,1);return this.checkDisabled(n.getTime())}isCurrentMonth(e){const t=(Yd(this._currentDate)+1).toString().padStart(2,"0");return e===t}isCurrentYear(e){const t=Co(this._currentDate);return e===t}localeChanged(){var e;if(Oa[this.locale]){const t=[];let n=0;for(n;n<7;n+=1){const l=n;t.push(Oa[this.locale].localize.day(l,{width:"short"}))}const a=((e=Oa[this.locale].options)==null?void 0:e.weekStartsOn)??0,i=t.slice().splice(0,a),s=t.slice().splice(a,t.length).concat(i);this.dayNamesOfTheWeek=s}}yearAndMonthChanged(e,t){var b;let n=t;n=n.substring(n.length-2);let a=`01/${n}/${e}`,i=kt(a,"dd/MM/yyyy",new Date);const s=dk(i),l=qt(s,"dd/MM/yyyy"),d=((b=Oa[this.locale].options)==null?void 0:b.weekStartsOn)??0,p=[];let m=[];const A=6;for(;a!==l;){let f=eC(i)-d;f<0&&(f=6);const y={hover:!1,isCurrentMonth:!0,date:i.getTime(),title:i.getDate()};if(m.push(y),f===A){for(let v=m.length;v<A+1;v+=1){const x=m[0].title.toString().padStart(2,"0"),I=`${n+"/"+x+"/"+e}`,Q=WC(I),B={hover:!1,isCurrentMonth:!1,date:Q.getTime(),title:Q.getDate()};m.unshift(B)}p.push(m.slice()),m=[]}if(i=ko(i,1),a=qt(i,"dd/MM/yyyy"),a===l){const v={hover:!1,isCurrentMonth:!0,date:i.getTime(),title:i.getDate()};m.push(v);for(let x=m.length;x<=A;x+=1){const I=m[m.length-1].title,Q=`${n+"/"+I+"/"+e}`,B=ko(Q,1),$={hover:!1,isCurrentMonth:!1,date:B.getTime(),title:B.getDate()};m.push($)}p.push(m.slice()),m=[]}}this.daysOfMonth=p}computeMonthName(e,t){if(e){const n=kt(`${e}`,"MM",new Date);return qt(n,t,{locale:Oa[this.locale]})}return""}computeYearName(e,t){if(e){let n=kt(`${e}`,"yyyy",new Date);return this.locale==="th"&&(n=new Date(n.setFullYear(n.getFullYear()+543))),qt(n,t,{locale:Oa[this.locale]})}return""}updateDateWithTime(e,t){if(e===void 0||t===void 0)return e;const n=new Date(e),a=new Date(t);return n.setHours(a.getHours()),n.setMinutes(a.getMinutes()),n.setSeconds(a.getSeconds()),n.getTime()}dispatchDateEvents(){this.displayOk||this.dispatchEvent(new CustomEvent("date-changed",{detail:{dateFrom:this.dateFrom,dateTo:this.dateTo}}))}handleDateSelected({detail:e}){const{date:t}=e;this.rangeDate?this.dateFrom&&this.dateTo?(this.dateFrom=t,this.dateTo=void 0,this._selectedFrom=t,this._selectedTo=void 0,this.hoveredDate=void 0,this.timeFrom=t,this.timeTo=void 0,this.currentTimeTarget="dateFrom",this.dispatchEvent(new CustomEvent("hovered-date-changed",{detail:{value:this.hoveredDate}}))):!this.dateFrom||this.dateFrom&&t<this.dateFrom?(this.dateFrom=t,this._selectedFrom=t):(!this.dateTo||this.dateTo&&t>this.dateTo)&&(this.dateTo=t,this._selectedTo=t,this.timeTo=t,this.currentTimeTarget="dateTo"):(this.dateFrom=t,this._selectedFrom=t),this.dateFrom=this.updateDateWithTime(this.dateFrom,this.timeFrom),this.dateTo=this.updateDateWithTime(this.dateTo,this.timeTo),this.dispatchDateEvents()}handleTimeUpdate(e){const t=e.detail.value;this.currentTimeTarget==="dateFrom"?(this.timeFrom=t,this.dateFrom=this.updateDateWithTime(this.dateFrom,t)):this.currentTimeTarget==="dateTo"&&(this.timeTo=t,this.dateTo=this.updateDateWithTime(this.dateTo,t)),this.dispatchEvent(new CustomEvent("time-updated",{detail:{timeFrom:this.timeFrom,timeTo:this.timeTo,dateFrom:this.dateFrom,dateTo:this.dateTo}})),this.dispatchDateEvents()}toggleMonthChangeDropdown(){this._monthChangeDropdown=!this._monthChangeDropdown,this._yearChangeDropdown&&(this._yearChangeDropdown=!1)}toggleYearChangeDropdown(){this._yearChangeDropdown=!this._yearChangeDropdown,this._monthChangeDropdown&&(this._monthChangeDropdown=!1)}handleNextMonth(){const e=kt(this.month,"MM",new Date),t=Ri(e,1);if(this.month=qt(t,"MM"),this.month==="01"){const n=kt(this.year,"yyyy",new Date),a=js(n,1),i=qt(a,"yyyy",{locale:Oa[this.locale]});this.year=i,this.dispatchEvent(new CustomEvent("next-year",{detail:{value:this.year}}))}this.dispatchEvent(new CustomEvent("next-month",{detail:{value:this.month}}))}handlePrevMonth(){const e=kt(this.month,"MM",new Date),t=Mm(e);if(this.month=qt(t,"MM"),this.month==="12"){const n=kt(this.year,"yyyy",new Date),a=Wd(n),i=qt(a,"yyyy",{locale:Oa[this.locale]});this.year=i,this.dispatchEvent(new CustomEvent("prev-year",{detail:{value:this.year}}))}this.dispatchEvent(new CustomEvent("prev-month",{detail:{value:this.month}}))}handlePrevYear(){const e=kt(this.year,"yyyy",new Date),t=Wd(e),n=qt(t,"yyyy",{locale:Oa[this.locale]});this.year=n,this.dispatchEvent(new CustomEvent("prev-year",{detail:{value:this.year}}))}handleNextYear(){const e=kt(this.year,"yyyy",new Date),t=js(e,1),n=qt(t,"yyyy",{locale:Oa[this.locale]});this.year=n,this.dispatchEvent(new CustomEvent("next-year",{detail:{value:this.year}}))}handlePrevScopeYearIndex(){this._yearIndex>0&&(this._yearIndex=this._yearIndex-1)}handleNextScopeYearIndex(){this._yearIndex<this._chunkYearList.length-1&&(this._yearIndex=this._yearIndex+1)}setYears(e,t){if(this.yearsList.length===0){const n=[];for(let a=e;a<=t;a+=1)n.push(a);this.yearsList=n,this.year||(this.year=Co(new Date).toString());return}this.year||(this.year=this.yearsList[0].toString())}setMonths(){this.monthsList.length===0&&(this.monthsList=["01","02","03","04","05","06","07","08","09","10","11","12"]),this.month||(this.month=this.monthsList[0])}handleYearChanged(e){this.year=`${e}`,this.toggleYearChangeDropdown()}handleMonthChanged(e){this.month=e,this.toggleMonthChangeDropdown()}goToday(){this.month=`${Yd(new Date)+1}`.padStart(2,"0").slice(-2),this.year=Co(new Date).toString()}handleOk(){this.showTime!==void 0&&(this._selectedFrom=this.updateDateWithTime(this._selectedFrom,this.timeFrom),this._selectedTo=this.updateDateWithTime(this._selectedTo,this.timeTo)),this.dispatchEvent(new CustomEvent("date-changed",{detail:{dateFrom:this._selectedFrom,dateTo:this._selectedTo}}))}chunkedYearsList(e){const t=[];let n=0;for(;n<e.length;){const a=e.slice(n,n+12);t.push(a),n+=12}return t}checkDisabled(e){const t=this.disabledDate&&this.disabledDate(e),n=Co(e),a=Array.isArray(this.disabledYears)?this.disabledYears.includes(n):this.disabledYears===n,i=this.minYear!==void 0&&n<this.minYear||this.maxYear!==void 0&&n>this.maxYear;return t||a||i}calcCurrentYearIndex(e,t){return t.findIndex(a=>a.includes(e))}calcYearString(e){const t=this.computeYearName(e[0].toString(),"yyyy"),n=this.computeYearName(e[e.length-1].toString(),"yyyy");return`${t} - ${n}`}render(){var i,s;const e=this.querySelector('[slot="footer"]');let t=`
     --padding: ${g(u("padding",this.size),this.padding)};
@@ -9761,7 +9761,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       pointer-events: none;
     }
     .disabled span {
-      color: #b3b3b3;
+      color: var(--text-disabled, #9ca3af);
     }
     .selected.disabled {
       background-color: white;
@@ -9780,7 +9780,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .skeleton-item {
       position: relative;
       overflow: hidden;
-      background-color: #e0e0e0;
+      background-color: var(--bg-disabled, #e5e7eb);
     }
 
     .skeleton-item::before {
@@ -9813,11 +9813,11 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .square {
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
     }
 
     .capsule {
-      border-radius: 999px;
+      border-radius: var(--radius-full, 9999px);
     }
 
     .circle-content,
@@ -9938,7 +9938,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       transition: box-shadow .2s ease, border-color .2s ease;
       overflow: hidden;
     }
-    .card.outlined { border: 1px solid #e5e7eb; } /* gray-200 */
+    .card.outlined { border: 1px solid var(--stroke-primary, #e5e7eb); } /* gray-200 */
     .card.elevated { 
       border: 1px solid transparent;
       box-shadow: 
@@ -10323,7 +10323,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     `}};tl.registeredName="ssk-download-file",tl.styles=o.css`
     .container-bar {
       width: 418px;
-      background-color: #ffffff;
+      background-color: var(--bg-primary, #ffffff);
       border: 1px solid var(--border-color);
       border-radius: var(--rounded)
     }
@@ -10422,7 +10422,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       top: 0;
       bottom: 0;
       width: var(--drawer-width);
-      background-color: #fff;
+      background-color: var(--bg-primary, #ffffff);
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       overflow-y: auto;
       transition: transform 0.3s ease-in-out;
@@ -10867,8 +10867,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
     .container {
       position: relative;
-      background-color: #fff;
-      border-radius: 8px;
+      background-color: var(--bg-primary, #ffffff);
+      border-radius: var(--radius-md, 8px);
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       overflow: hidden;
       width: var(--width);
@@ -10893,8 +10893,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .title {
-      font-size: 28px;
-      font-weight: 500;
+      font-size: var(--font-size-h3, 28px);
+      font-weight: var(--font-weight-medium, 500);
       width: 100%;
     }
 
@@ -10905,8 +10905,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
     .body-slot {
       padding: var(--padding-body);
-      font-size: 24px;
-      font-weight: 400;
+      font-size: var(--font-size-h4, 24px);
+      font-weight: var(--font-weight-normal, 400);
       display: var(--body-display);
       justify-content: var(--body-justify-content);
       overflow: auto;
@@ -11158,7 +11158,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
     .sort-icon {
       margin-left: 4px;
-      font-size: 14px;
+      font-size: var(--font-size-caption, 18px);
       vertical-align: middle;
     }
 
@@ -11214,7 +11214,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       padding: 4px;
       color: var(--icon-primary, #6b7280);
       border-radius: var(--radius-sm, 6px);
-      font-size: 12px;
+      font-size: var(--font-size-caption, 18px);
       transition: transform 0.15s ease, color 0.15s ease;
     }
 
@@ -11323,7 +11323,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       background: var(--bg-primary, #f9fafb);
       color: var(--text-primary, #1f2937);
       cursor: pointer;
-      font-size: 14px;
+      font-size: var(--font-size-caption, 18px);
       transition: background 0.15s ease;
     }
 
@@ -11601,7 +11601,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .title {
       margin: 0;
       font-family: var(--font-h1, "DB HeaventRounded", sans-serif);
-      font-size: 24px;
+      font-size: var(--font-size-h4, 24px);
       font-weight: var(--font-weight-bold, 700);
       color: var(--text-primary, #1f2937);
       white-space: nowrap;
@@ -11761,7 +11761,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
     .container {
       padding: 0 16px;
-      border-radius: 1px;
+      border-radius: var(--radius-none, 0px);
       column-gap: 5px;
       background-color: #fff;
       width: 100%;
@@ -11773,7 +11773,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
     .button:disabled,
     .button-page:disabled {
-      color: #b3b3b3;
+      color: var(--text-disabled, #9ca3af);
       pointer-events: none;
     }
     .button,
@@ -11783,9 +11783,9 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       width: 40px;
       font-size: var(--font-size-p,20px);
       color: var(--color-btn);
-      background-color: #ffffff;
+      background-color: var(--bg-primary, #ffffff);
       border: 1px solid var(--color-border);
-      border-radius: 6px;
+      border-radius: var(--radius-sm, 6px);
       cursor: pointer;
       margin-left: 3px;
       margin-right: 3px;
@@ -11794,7 +11794,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       column-gap: 12px;
     }
     .link {
-      font-weight: 500;
+      font-weight: var(--font-weight-medium, 500);
       text-decoration: none;
     }
     .button:hover,
@@ -11811,7 +11811,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       margin-left: 6px;
       height: 40px;
       width: 90px;
-      border-radius: 6px;
+      border-radius: var(--radius-sm, 6px);
       font-size: var(--font-size-caption,18px);
       padding-left: 5px;
       padding-right: 5px;
@@ -11832,7 +11832,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       text-decoration: none;
       color: var(--color-btn);
       border: 1px solid var(--color-border);
-      border-radius: 6px;
+      border-radius: var(--radius-sm, 6px);
       height: 40px;
       width: 40px;
       display: flex;
@@ -11889,7 +11889,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
       border-top-right-radius: 5px;
       border-bottom-right-radius: 5px;
       box-sizing: border-box;
-      background-color: #ffffff;
+      background-color: var(--bg-primary, #ffffff);
       cursor: pointer;
       display: flex;
       align-items: center;
@@ -11936,13 +11936,13 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         </div>
         ${this.labelPosition==="right"||this.labelPosition==="bottom"?this.renderLabel():""}
       </div>
-    `}renderLabel(){let e="";switch(!0){case this.status==="error":e="color: #E11D48;";break;case(this.status==="success"&&this.value===100):case this.value===100:e="color: #1F2937;";break;default:e="";break}return o.html`
+    `}renderLabel(){let e="";switch(!0){case this.status==="error":e="color: var(--fg-danger-primary, #E11D48);";break;case(this.status==="success"&&this.value===100):case this.value===100:e="color: var(--text-primary, #1F2937);";break;default:e="";break}return o.html`
       <div class="text">
         <div class="label">
             ${this.label}
         </div>
         <div class="percentage" style="${e}">
-        ${this.value===100&&this.status==="success"?this.styleOfProgress==="icon"?o.html`<ssk-icon name="solid-check-circle" color="#059669"></ssk-icon>`:"DONE":this.status==="error"?this.styleOfProgress==="icon"?o.html`<ssk-icon name="solid-x-circle" color="#E11D48"></ssk-icon>`:"ERROR":`${this.value}%`}
+        ${this.value===100&&this.status==="success"?this.styleOfProgress==="icon"?o.html`<ssk-icon name="solid-check-circle" color="#059669"></ssk-icon>`:"DONE":this.status==="error"?this.styleOfProgress==="icon"?o.html`<ssk-icon name="solid-x-circle" style="color: var(--fg-danger-primary, #E11D48)"></ssk-icon>`:"ERROR":`${this.value}%`}
       </div>
       </div>
     `}};ml.registeredName="ssk-progress-bar",ml.styles=o.css`
@@ -11959,12 +11959,12 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .text {
-      font-family: 'DB HeaventRounded';
+      font-family: var(--font-p);
       font-size: var(--font-size, 24px);
-      font-weight: 400;
+      font-weight: var(--font-weight-normal, 400);
       line-height: var(--line-height, 24px);
       text-align: left;
-      color: #6B7280;
+      color: var(--text-secondary, #6B7280);
     }
     
     .label {
@@ -12013,13 +12013,13 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     // .progress-bar {
     //   width: var(--width, 370px);
     //   background-color: #e5e7eb;
-    //   border-radius: 4px;
+    //   border-radius: var(--radius-xs, 4px);
     //   overflow: hidden;
     //   height: var(--height, 8px);
     // }
 
     // .progress-bar__fill {
-    //   border-radius: 8px;
+    //   border-radius: var(--radius-md, 8px);
     //   text-align: center;
     //   line-height: 24px;
     //   color: white;
@@ -12039,13 +12039,13 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .progress-bar {
       width: var(--width, 370px);
       background-color: var(--progress-bar-background-color, #e5e7eb);
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
       overflow: hidden;
       height: var(--height, 8px);
     }
 
     .progress-bar__fill {
-      border-radius: 8px;
+      border-radius: var(--radius-md, 8px);
       text-align: center;
       line-height: 24px;
       color: white;
@@ -12324,7 +12324,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
       padding: 0;
       gap: 8px;
-      border-radius: 8px;
+      border-radius: var(--radius-md, 8px);
       border-color: var(--border-color);
       border-width: var(--border-width);
     }
@@ -12364,8 +12364,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
       padding: 12px 16px;
       cursor: pointer;
-      border-radius: 8px;
-      font-size: 24px;
+      border-radius: var(--radius-md, 8px);
+      font-size: var(--font-size-h4, 24px);
     }
 
     .sidebar-item-container.expanded {
@@ -12469,7 +12469,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         width: 100%;
         display: flex; 
         flex-direction: column;
-        font-weight: 400;
+        font-weight: var(--font-weight-normal, 400);
         padding-left: 8px;
         padding-right: 8px;
     }
@@ -12479,20 +12479,20 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .description.error .text-title{
-        color: #E11D48;
+        color: var(--fg-danger-primary, #E11D48);
     }
 
     .description.error .text-description{
-        color: #E11D48;
+        color: var(--fg-danger-primary, #E11D48);
     }
 
     .text-title {
         width: 100%;
-        display: flex; 
+        display: flex;
         align-items: center;
-        font-size: 24px;
+        font-size: var(--font-size-h4, 24px);
         height: 10px;
-        color: #1F2937;
+        color: var(--text-primary, #1F2937);
         padding-top: 4px;
         padding-bottom: 4px;
         padding-letf: 8px;
@@ -12500,10 +12500,10 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     }
 
     .title {
-        font-size: 24px;
+        font-size: var(--font-size-h4, 24px);
     }
-    
-    
+
+
     .title-step {
         min-width: max-content;
         max-width: 200px;
@@ -12513,67 +12513,67 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .text-description {
         width: 100%;
         height: 10px;
-        font-size: 20px;
-        color: #6B7280;
+        font-size: var(--font-size-p, 20px);
+        color: var(--text-secondary, #6B7280);
     }
 
     .divider {
-        width: 100%; 
+        width: 100%;
         height: 2px;
-        background-color: #E5E7EB; 
+        background-color: var(--stroke-primary, #E5E7EB);
     }
 
     .progress-circle {
         width: 40px;
         height: 60px;
         border-radius: 50%;
-        background: transparent;    
-        display: flex; 
-        justify-content: center; 
+        background: transparent;
+        display: flex;
+        justify-content: center;
         align-items: center;
     }
 
     .circle-content{
-        display: flex; 
-        justify-content: center; 
+        display: flex;
+        justify-content: center;
         align-items: center;
-        border: 1px solid #6B7280;
+        border: 1px solid var(--text-secondary, #6B7280);
         border-radius: 50%;
-        color: #9CA3AF;
+        color: var(--text-disabled, #9CA3AF);
         width: 30px;
         height: 30px;
-        font-size: 24px;
-        font-weight: 500;
+        font-size: var(--font-size-h4, 24px);
+        font-weight: var(--font-weight-medium, 500);
     }
 
     .step.active .circle-content{
-        display: flex; 
-        justify-content: center; 
+        display: flex;
+        justify-content: center;
         align-items: center;
         border: 1px solid transparent;
         border-radius: 50%;
-        background-color: #32A9FF;
-        color: white;
+        background-color: var(--bg-brand-solid, #32A9FF);
+        color: var(--fg-white, #ffffff);
         width: 30px;
         height: 30px;
     }
 
     .step.finished .circle-content{
-        display: flex; 
-        justify-content: center; 
+        display: flex;
+        justify-content: center;
         align-items: center;
         border: 1px solid transparent;
         border-radius: 50%;
-        background-color:  #F97316; 
+        background-color: var(--bg-brand-solid-hover, #F97316);
         width: 30px;
         height: 30px;
     }
 
     .step.error .circle-content{
-        display: flex; 
-        justify-content: center; 
+        display: flex;
+        justify-content: center;
         align-items: center;
-        border: 1px solid #E11D48;
+        border: 1px solid var(--stroke-danger, #E11D48);
         border-radius: 50%;
         width: 30px;
         height: 30px;
@@ -12582,7 +12582,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .step.active .progress-circle .bar {
         position: absolute;
         fill: none;
-        stroke: #32A9FF;
+        stroke: var(--fg-brand-primary, #32A9FF);
         stroke-width: 2;
         background: transparent;
         width: 32px;
@@ -12596,25 +12596,25 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .progress-circle .circle {
         width: 30px;
         height: 30px;
-        fill: white;
-        border: 1px solid #6B7280;
+        fill: var(--bg-primary, #ffffff);
+        border: 1px solid var(--text-secondary, #6B7280);
         border-radius: 50%;
-        background-color: white;
+        background-color: var(--bg-primary, #ffffff);
     }
 
     .step.active .circle {
         border: 0px;
-        background-color: #32A9FF;
-        color: white;
+        background-color: var(--bg-brand-solid, #32A9FF);
+        color: var(--fg-white, #ffffff);
     }
-    
+
     .progress-circle .bar {
         fill: none;
         background: transparent;
     }
 
     .text .error {
-        color: #E11D48;
+        color: var(--fg-danger-primary, #E11D48);
     }
     `;let bt=kl;Wt([P({context:G,subscribe:!0}),c.property({attribute:!1})],bt.prototype,"theme"),Wt([c.property({type:String})],bt.prototype,"testId"),Wt([c.property({type:String})],bt.prototype,"themeColor"),Wt([c.property({type:String})],bt.prototype,"color"),Wt([c.property({type:String})],bt.prototype,"backgroundColor"),Wt([c.property({type:String})],bt.prototype,"size"),Wt([c.property({type:String})],bt.prototype,"padding"),Wt([c.property({type:String})],bt.prototype,"fontSize"),Wt([c.property({type:String})],bt.prototype,"gap"),Wt([c.property({type:String})],bt.prototype,"rounded"),Wt([c.property({type:String})],bt.prototype,"margin"),Wt([c.property({type:String})],bt.prototype,"fontFamilyGroup"),Wt([c.property({type:String})],bt.prototype,"fontWeight"),Wt([c.property({type:Array})],bt.prototype,"steps"),Wt([c.property({type:Number})],bt.prototype,"currentStep"),Wt([c.property({type:Number})],bt.prototype,"activeIndex"),Wt([c.property({type:String})],bt.prototype,"errorStep"),Wt([c.property({type:Boolean})],bt.prototype,"hidden"),Wt([c.property({type:Number})],bt.prototype,"percent"),customElements.get("ssk-stepper")||customElements.define("ssk-stepper",bt);var mB=Object.defineProperty,Ne=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&mB(e,t,a),a};const Cl=class Cl extends o.LitElement{constructor(){super(...arguments),this.themeColor="primary",this.size="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.columns=[],this.data=[],this.showPaginationFooter=!1,this.selectedRows=[],this.showCheckbox=!1,this.selectAll=!1,this.rowsPerPage=10,this.currentPage=1,this.showPageNavigation=!1,this.showRowsPerPageSelector=!1,this.showPageButtons=!1,this.showGoToPageInput=!1,this.totalPaginationPages=0,this.maxVisiblePageButtons=0,this.min=!1,this.customCell={}}get restrictedTotalPages(){const e=this.totalPaginationPages>0?Math.ceil(this.totalPaginationPages/this.rowsPerPage):Math.ceil(this.data.length/this.rowsPerPage);return this.maxVisiblePageButtons>0&&this.maxVisiblePageButtons<e?this.maxVisiblePageButtons:e}toggleSelectAll(){this.selectAll=!this.selectAll,this.selectAll?this.selectedRows=Array.from({length:this.data.length},(e,t)=>t):this.selectedRows=[]}toggleSelect(e){this.showCheckbox&&(this.selectedRows.indexOf(e)===-1?this.selectedRows=[...this.selectedRows,e]:this.selectedRows=this.selectedRows.filter(n=>n!==e))}updatedPage(e){const t=e.detail.rowsPerPage,n=this.totalPaginationPages>0?Math.ceil(this.totalPaginationPages/this.rowsPerPage):Math.ceil(this.data.length/t),a=(this.currentPage-1)*this.rowsPerPage+1;this.currentPage=Math.ceil(a/t),this.currentPage>n&&(this.currentPage=n),this.rowsPerPage=t,this.dispatchEvent(new CustomEvent("load-data",{detail:{page:this.currentPage,rowsPerPage:this.rowsPerPage}}))}handlePageChanged(e){const t=e.detail.page;this.currentPage=t,this.dispatchEvent(new CustomEvent("load-data",{detail:{page:this.currentPage,rowsPerPage:this.rowsPerPage}}))}handleSort(e){if(e.sortable&&e.onSort){const t=e.sortDirection==="asc"?"desc":"asc";e.onSort(t),this.data=[...this.data].sort((n,a)=>{const i=n[e.dataIndex||""],s=a[e.dataIndex||""];return i<s?t==="asc"?-1:1:i>s?t==="asc"?1:-1:0}),e.sortDirection=t}}renderHeader(e){let t,n="";return e.sortIcons?e.sortDirection==="asc"?(t=e.sortIcons.asc,n=e.sortIcons.color||""):e.sortDirection==="desc"?(t=e.sortIcons.desc,n=e.sortIcons.color||""):t=e.sortIcons.neutral:t="solid-bars-arrow-down",o.html`
       <th
@@ -12754,7 +12754,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
 
     th,
     td {
-      background-color: #ffffff;
+      background-color: var(--bg-primary, #ffffff);
       border-top: 1px solid var(--border-color);
       border-left: none;
       border-right: none;
@@ -12831,7 +12831,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
                    --border-bottom-active: ${g(`4px solid ${t}`)};
                     --border-bottom-color-hover:  ${g(u("colors","gray",200))};
 
-                    --font-weight: 400;
+                    --font-weight: var(--font-weight-normal, 400);
                     --font-weight-active: 500;
                     --font-weight-hover: 400;
                     `;break;case"button":this.tabSize=="sm"?e=`
@@ -12860,7 +12860,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
                     
                     --box-shadow: ${g("0px 2px 3px #ccc")};
                     
-                    --font-weight: 400;
+                    --font-weight: var(--font-weight-normal, 400);
                     --font-weight-active: 500;
                     --font-weight-hover: 400;
                 `;break}return o.html`
@@ -12946,23 +12946,20 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
     .tab-content {
       padding: 1rem 0;
     }
-  `;let et=vl;vt([c.property({type:Number})],et.prototype,"activeIndex"),vt([P({context:G,subscribe:!0}),c.property({attribute:!1})],et.prototype,"theme"),vt([c.property({type:String})],et.prototype,"testId"),vt([c.property({type:String})],et.prototype,"themeColor"),vt([c.property({type:String})],et.prototype,"color"),vt([c.property({type:String})],et.prototype,"backgroundColor"),vt([c.property({type:String})],et.prototype,"size"),vt([c.property({type:String})],et.prototype,"padding"),vt([c.property({type:String})],et.prototype,"fontSize"),vt([c.property({type:String})],et.prototype,"gap"),vt([c.property({type:String})],et.prototype,"rounded"),vt([c.property({type:String})],et.prototype,"margin"),vt([c.property({type:String})],et.prototype,"fontFamilyGroup"),vt([c.property({type:String})],et.prototype,"fontWeight"),vt([c.property({type:String})],et.prototype,"borderWidth"),vt([c.property({type:String})],et.prototype,"height"),vt([c.property({type:Array})],et.prototype,"labels"),vt([c.property({type:String})],et.prototype,"variant"),vt([c.property({type:String})],et.prototype,"widthTab"),vt([c.property({type:String})],et.prototype,"tabSize"),vt([c.property({type:Boolean})],et.prototype,"min"),vt([c.property({type:Boolean})],et.prototype,"fullWidth"),customElements.get("ssk-tabs")||customElements.define("ssk-tabs",et);var bB=Object.defineProperty,Cn=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&bB(e,t,a),a};const Bl=class Bl extends o.LitElement{constructor(){super(...arguments),this.themeColor="primary",this.size="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.Items=[],this.hidden=!1,this.display="vertical"}render(){var n,a;if(this.hidden)return o.nothing;const e=i=>{switch(i){case"completed":return"#059669";case"in-progress":return"#32a9ff";case"pending":return"#9ca3af";default:return"#9ca3af"}},t=i=>i==="in-progress"||i==="pending"?i:"completed";return o.html`
-      ${O((a=(n=this.theme)==null?void 0:n.components)==null?void 0:a.timeline,":host")}
+  `;let et=vl;vt([c.property({type:Number})],et.prototype,"activeIndex"),vt([P({context:G,subscribe:!0}),c.property({attribute:!1})],et.prototype,"theme"),vt([c.property({type:String})],et.prototype,"testId"),vt([c.property({type:String})],et.prototype,"themeColor"),vt([c.property({type:String})],et.prototype,"color"),vt([c.property({type:String})],et.prototype,"backgroundColor"),vt([c.property({type:String})],et.prototype,"size"),vt([c.property({type:String})],et.prototype,"padding"),vt([c.property({type:String})],et.prototype,"fontSize"),vt([c.property({type:String})],et.prototype,"gap"),vt([c.property({type:String})],et.prototype,"rounded"),vt([c.property({type:String})],et.prototype,"margin"),vt([c.property({type:String})],et.prototype,"fontFamilyGroup"),vt([c.property({type:String})],et.prototype,"fontWeight"),vt([c.property({type:String})],et.prototype,"borderWidth"),vt([c.property({type:String})],et.prototype,"height"),vt([c.property({type:Array})],et.prototype,"labels"),vt([c.property({type:String})],et.prototype,"variant"),vt([c.property({type:String})],et.prototype,"widthTab"),vt([c.property({type:String})],et.prototype,"tabSize"),vt([c.property({type:Boolean})],et.prototype,"min"),vt([c.property({type:Boolean})],et.prototype,"fullWidth"),customElements.get("ssk-tabs")||customElements.define("ssk-tabs",et);var bB=Object.defineProperty,Cn=(r,e,t,n)=>{for(var a=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(a=s(e,t,a)||a);return a&&bB(e,t,a),a};const Bl=class Bl extends o.LitElement{constructor(){super(...arguments),this.themeColor="primary",this.size="md",this.fontFamilyGroup="sans",this.fontWeight="normal",this.Items=[],this.hidden=!1,this.display="vertical"}render(){var t,n;if(this.hidden)return o.nothing;const e=a=>a==="in-progress"||a==="pending"?a:"completed";return o.html`
+      ${O((n=(t=this.theme)==null?void 0:t.components)==null?void 0:n.timeline,":host")}
 
       <div
         class="timeline ${this.display}"
         data-testid=${this.testId||o.nothing}
       >
         <ul>
-          ${this.Items.map(i=>o.html`
-              <li
-                class="${t(i.status)}"
-                style="--timeline-dot-color: ${e(i.status)};"
-              >
+          ${this.Items.map(a=>o.html`
+              <li class="${e(a.status)}">
                 <div class="timeline-content ${this.display}">
-                  <p class="timeline-title">${i.title}</p>
-                  <span class="date">${i.subTitle}</span>
-                  <p class="timeline-description">${i.description}</p>
+                  <p class="timeline-title">${a.title}</p>
+                  <span class="date">${a.subTitle}</span>
+                  <p class="timeline-description">${a.description}</p>
                 </div>
               </li>
             `)}
@@ -12984,6 +12981,20 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         flex-direction: column;
         gap: 10px;
     }
+    /* ── Status color tokens — defined per class, consumed by ::before/::after */
+    .timeline li.completed {
+        --timeline-dot-color:  var(--fg-success-primary, #059669);
+        --timeline-line-color: var(--fg-success-primary, #059669);
+    }
+    .timeline li.in-progress {
+        --timeline-dot-color:  var(--fg-brand-primary, #32a9ff);
+        --timeline-line-color: var(--stroke-primary, #e5e7eb);
+    }
+    .timeline li.pending {
+        --timeline-dot-color:  var(--text-disabled, #9ca3af);
+        --timeline-line-color: var(--stroke-primary, #e5e7eb);
+    }
+
     .timeline li {
         position: relative;
         padding-left: 30px;
@@ -12995,7 +13006,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         top: 0;
         width: 6px;
         height: 6px;
-        background-color: var(--timeline-dot-color, #3498db);
+        background-color: var(--timeline-dot-color);
         border-radius: 50%;
         z-index: 1;
         margin-top: 10px;
@@ -13008,10 +13019,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         width: 2px;
         max-height: 120px;
         height: calc(100% - 14px);
-        background-color: var(
-            --timeline-line-color,
-            #059669
-        );
+        background-color: var(--timeline-line-color);
         z-index: 0;
     }
     .timeline li.in-progress::after,
@@ -13020,7 +13028,7 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         background-image: linear-gradient(
             to bottom,
             transparent 50%,
-            var(--timeline-line-color, #e5e7eb) 50%
+            var(--timeline-line-color) 50%
         );
         background-size: 100% 10px;
         background-repeat: repeat;
@@ -13068,19 +13076,19 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         width: calc(100% - 20px);
         height: 2px;
         transform: translateX(50%);
-        background-color: var(--timeline-line-color, #059669);
+        background-color: var(--timeline-line-color);
         left: 20px;
     }
     .timeline.horizontal li.in-progress::after,
     .timeline.horizontal li.pending::after {
-        border-top: 2px dashed var(--timeline-line-color, #e5e7eb);
+        border-top: 2px dashed var(--timeline-line-color);
         background: none;
     }
     .timeline.horizontal li.in-progress::after,
     .timeline.horizontal li.pending::after {
         border-top-style: dashed;
         border-top-width: 2px;
-        border-top-color: var(--timeline-line-color, #e5e7eb);
+        border-top-color: var(--timeline-line-color);
         background: none;
     }
     .timeline.horizontal li::after {
@@ -13108,8 +13116,8 @@ XID_Start XIDS`.split(/\s/).map(r=>[bs(r),r])),d1=new Map([["s",Yt(383)],[Yt(383
         position: relative;
         left: 0px;
         top: -6px;
-        font-size: 24px;
-        font-weight: 400;
+        font-size: var(--font-size-h4, 24px);
+        font-weight: var(--font-weight-normal, 400);
         color: var(--text-primary, #111827);
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -13632,8 +13640,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     }
 
     .card {
-      background-color: #FFFFFF;
-      border-radius: 8px;
+      background-color: var(--bg-primary, #ffffff);
+      border-radius: var(--radius-md, 8px);
       width: var(--card-width);
     }
 
@@ -13688,7 +13696,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       height: auto;
       object-fit: cover;
       display: block;   
-      border-radius: 8px 8px 0 0;
+      border-radius: var(--radius-md, 8px) var(--radius-md, 8px) 0 0;
     }
 
     .card-image-placeholder.stacked {
@@ -13699,7 +13707,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       display: flex;
       align-items: center;
       justify-content: center;
-      border-radius: 8px 8px 0 0;
+      border-radius: var(--radius-md, 8px) var(--radius-md, 8px) 0 0;
     }
 
 
@@ -13768,7 +13776,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       width: 100%;
       height: 100%;
       object-fit: cover;
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
       box-sizing: border-box;
       border: 1px solid var(--stroke-primary, #e5e7eb);
     }
@@ -13780,7 +13788,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       display: flex;
       align-items: center;
       justify-content: center;
-      border-radius: 4px;
+      border-radius: var(--radius-xs, 4px);
       box-sizing: border-box;
       border: 1px solid var(--stroke-primary, #e5e7eb);
     }