@rafael_dias/akoma 0.7.6 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/content/colors.md +29 -2
- package/dist/akoma.cjs +1 -1
- package/dist/akoma.css +1 -1
- package/dist/akoma.js +40 -8
- package/dist/index.d.ts +43 -8
- package/package.json +1 -1
- package/src/styles/accent-palettes.css +127 -40
- package/src/styles/tokens.css +29 -29
package/README.md
CHANGED
|
@@ -60,9 +60,10 @@ document.documentElement.dataset.mood = 'site'
|
|
|
60
60
|
document.documentElement.dataset.accent = 'teal' // optional brand color
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
-
### Accent palettes (v0.
|
|
63
|
+
### Accent palettes (v0.8)
|
|
64
64
|
|
|
65
65
|
Eight named palettes — apps are not locked to purple. Mood controls shape; accent controls brand color.
|
|
66
|
+
Each palette exposes five chromatic shades: `--accent-lighter`, `--accent-light`, `--accent`, `--accent-dark`, `--accent-darker`.
|
|
66
67
|
|
|
67
68
|
| Palette | Use for |
|
|
68
69
|
|---------|---------|
|
package/content/colors.md
CHANGED
|
@@ -18,6 +18,29 @@ document.documentElement.dataset.accent = 'teal'
|
|
|
18
18
|
applyAccentPalette(document.documentElement, 'ocean')
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
+
## Shades
|
|
22
|
+
|
|
23
|
+
Every palette exposes five chromatic steps:
|
|
24
|
+
|
|
25
|
+
| Token | Role |
|
|
26
|
+
|-------|------|
|
|
27
|
+
| `--accent-lighter` | Lightest step |
|
|
28
|
+
| `--accent-light` | Lighter step — chips, secondary emphasis |
|
|
29
|
+
| `--accent` | Base brand color |
|
|
30
|
+
| `--accent-dark` | Darker step — hover / pressed depth |
|
|
31
|
+
| `--accent-darker` | Darkest step — strong emphasis |
|
|
32
|
+
|
|
33
|
+
`--accent-hover` aliases `--accent-dark` in light mode and `--accent-light` in dark mode. `--accent-soft` remains the tinted wash for backgrounds (not a chromatic shade).
|
|
34
|
+
|
|
35
|
+
```css
|
|
36
|
+
.badge {
|
|
37
|
+
background: var(--accent-light);
|
|
38
|
+
}
|
|
39
|
+
.cta:active {
|
|
40
|
+
background: var(--accent-darker);
|
|
41
|
+
}
|
|
42
|
+
```
|
|
43
|
+
|
|
21
44
|
## Defaults (no `data-accent`)
|
|
22
45
|
|
|
23
46
|
| Mood | Default accent |
|
|
@@ -38,7 +61,7 @@ applyAccentPalette(document.documentElement, 'ocean')
|
|
|
38
61
|
| `coral` | Terracotta | Human, warm interfaces |
|
|
39
62
|
| `slate` | Blue-gray | Neutral enterprise UI |
|
|
40
63
|
|
|
41
|
-
All palettes include light and dark variants for
|
|
64
|
+
All palettes include light and dark theme variants for the shade tokens, plus `--accent-soft`, `--accent-contrast`, `--bg-tinted`, and ambient orbs.
|
|
42
65
|
|
|
43
66
|
## Custom accent
|
|
44
67
|
|
|
@@ -46,8 +69,12 @@ Override tokens in your app — no fork required:
|
|
|
46
69
|
|
|
47
70
|
```css
|
|
48
71
|
:root {
|
|
72
|
+
--accent-lighter: #5aa8b0;
|
|
73
|
+
--accent-light: #3d8f99;
|
|
49
74
|
--accent: #006d77;
|
|
50
|
-
--accent-
|
|
75
|
+
--accent-dark: #005a62;
|
|
76
|
+
--accent-darker: #00464c;
|
|
77
|
+
--accent-hover: var(--accent-dark);
|
|
51
78
|
--accent-soft: #e0f2f3;
|
|
52
79
|
--accent-contrast: #ffffff;
|
|
53
80
|
}
|
package/dist/akoma.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};let n=require("vue"),r=require("@sysvale/cuida-icons");var i=[`type`,`disabled`,`aria-busy`],a={key:0,class:`ak-button__spinner`,"aria-hidden":`true`},o={key:1,class:`ak-button__icon`},s={class:`ak-button__label`},c=(0,n.defineComponent)({__name:`AkButton`,props:{variant:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`button`},block:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)([`ak-button tap-scale`,[`ak-button--${e.variant}`,`ak-button--${e.size}`,{"ak-button--block":e.block,"ak-button--loading":e.loading}]]),type:e.type,disabled:e.disabled||e.loading,"aria-busy":e.loading||void 0},[e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a)):(0,n.createCommentVNode)(``,!0),t.$slots.icon&&!e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.renderSlot)(t.$slots,`icon`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)])],10,i))}}),l=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},u=l(c,[[`__scopeId`,`data-v-7786dae9`]]),d=l((0,n.defineComponent)({__name:`AkBadge`,props:{variant:{default:`neutral`},label:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`ak-badge`,`ak-badge--${e.variant}`])},[(0,n.renderSlot)(t.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)],!0)],2))}}),[[`__scopeId`,`data-v-02933f09`]]),f=[`disabled`,`aria-pressed`],p=l((0,n.defineComponent)({__name:`AkChip`,props:{active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},emits:[`click`],setup(e,{emit:t}){let r=t;return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{type:`button`,class:(0,n.normalizeClass)([`ak-chip tap-scale`,{"ak-chip--active":e.active}]),style:(0,n.normalizeStyle)(e.active&&e.color?{"--ak-chip-active-bg":e.color}:void 0),disabled:e.disabled,"aria-pressed":e.active,onClick:i[0]||=e=>r(`click`,e)},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],14,f))}}),[[`__scopeId`,`data-v-c782362c`]]),m={key:0,class:`ak-card__media`},ee={key:1,class:`ak-card__header`},te={key:2,class:`ak-card__body`},ne={key:3,class:`ak-card__footer`},h=l((0,n.defineComponent)({__name:`AkCard`,props:{interactive:{type:Boolean,default:!1},padding:{default:`md`}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`article`,{class:(0,n.normalizeClass)([`ak-card`,[`ak-card--pad-${e.padding}`,{"ak-card--interactive":e.interactive}]])},[t.$slots.media?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.renderSlot)(t.$slots,`media`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee,[(0,n.renderSlot)(t.$slots,`header`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.default?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,te,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.footer?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ne,[(0,n.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-73ac6197`]]),g={key:0,class:`ak-field__label`},_={key:0,class:`ak-field__required`,"aria-hidden":`true`},v=[`id`,`type`,`value`,`placeholder`,`disabled`,`required`,`name`,`autocomplete`,`aria-invalid`,`aria-describedby`],y=[`id`],b=l((0,n.defineComponent)({__name:`AkInput`,props:{modelValue:{default:``},label:{},placeholder:{},hint:{},error:{},type:{default:`text`},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},size:{default:`md`},autocomplete:{},name:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.useId)(),o=(0,n.computed)(()=>`ak-input-${a}`),s=(0,n.computed)(()=>r.hint||r.error?`ak-input-hint-${a}`:void 0);function c(e){let t=e.target;i(`update:modelValue`,t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-field`,{"ak-field--disabled":e.disabled,"ak-field--error":!!e.error}])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,g,[(0,n.createTextVNode)((0,n.toDisplayString)(e.label)+` `,1),e.required?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_,`*`)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`input`,{id:o.value,class:(0,n.normalizeClass)([`ak-field__control`,`ak-field__control--${e.size}`]),type:e.type,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,required:e.required,name:e.name,autocomplete:e.autocomplete,"aria-invalid":!!e.error||void 0,"aria-describedby":s.value,onInput:c},null,42,v),e.error||e.hint?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,id:s.value,class:`ak-field__hint`},(0,n.toDisplayString)(e.error||e.hint),9,y)):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-60d7d2d0`]]),x={key:0,class:`ak-field__label`},re={key:0,class:`ak-field__required`,"aria-hidden":`true`},ie=[`id`,`value`,`placeholder`,`disabled`,`required`,`name`,`rows`,`aria-invalid`,`aria-describedby`],ae=[`id`],S=l((0,n.defineComponent)({__name:`AkTextarea`,props:{modelValue:{default:``},label:{},placeholder:{},hint:{},error:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},rows:{default:4},name:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.useId)(),o=(0,n.computed)(()=>`ak-textarea-${a}`),s=(0,n.computed)(()=>r.hint||r.error?`ak-textarea-hint-${a}`:void 0);function c(e){let t=e.target;i(`update:modelValue`,t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-field`,{"ak-field--disabled":e.disabled,"ak-field--error":!!e.error}])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,x,[(0,n.createTextVNode)((0,n.toDisplayString)(e.label)+` `,1),e.required?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,re,`*`)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`textarea`,{id:o.value,class:`ak-field__control`,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,required:e.required,name:e.name,rows:e.rows,"aria-invalid":!!e.error||void 0,"aria-describedby":s.value,onInput:c},null,40,ie),e.error||e.hint?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,id:s.value,class:`ak-field__hint`},(0,n.toDisplayString)(e.error||e.hint),9,ae)):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-d34da198`]]),oe={class:`ak-empty`},se={class:`ak-empty__icon`,"aria-hidden":`true`},ce={key:0,class:`ak-empty__glyph`},le={class:`ak-empty__title`},ue={key:0,class:`ak-empty__description`},de={key:1,class:`ak-empty__action`},C=l((0,n.defineComponent)({__name:`AkEmptyState`,props:{title:{},description:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,oe,[(0,n.createElementVNode)(`div`,se,[r[0]||=(0,n.createElementVNode)(`span`,{class:`ak-empty__ring ak-empty__ring--outer`},null,-1),r[1]||=(0,n.createElementVNode)(`span`,{class:`ak-empty__ring ak-empty__ring--inner`},null,-1),t.$slots.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ce,[(0,n.renderSlot)(t.$slots,`icon`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),(0,n.createElementVNode)(`h3`,le,(0,n.toDisplayString)(e.title),1),e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,ue,(0,n.toDisplayString)(e.description),1)):(0,n.createCommentVNode)(``,!0),t.$slots.action?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,de,[(0,n.renderSlot)(t.$slots,`action`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-ab81ece0`]]),w=l((0,n.defineComponent)({__name:`AkShimmer`,props:{width:{default:`100%`},height:{default:`16px`},radius:{default:`md`}},setup(e){function t(e){return e===`sm`||e===`md`||e===`lg`||e===`full`?`var(--radius-${e})`:e}return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`ak-shimmer`,style:(0,n.normalizeStyle)({width:e.width,height:e.height,borderRadius:t(e.radius)}),"aria-hidden":`true`},null,4))}}),[[`__scopeId`,`data-v-de7bd16d`]]),T=l((0,n.defineComponent)({__name:`AkAmbientBg`,props:{contained:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ambient`,{"ambient--contained":e.contained}]),"aria-hidden":`true`},[...r[0]||=[(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--1`},null,-1),(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--2`},null,-1),(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--3`},null,-1)]],2))}}),[[`__scopeId`,`data-v-b34dece3`]]),E=new Map(r.completeIconSet.map(e=>[e.name,D(e.data)]));function D(e){let t=e.match(/<path\b[^>]*\/>/g);return t?.length?`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">${t.map(e=>e.replace(/\sfill="[^"]*"/g,``).replace(/\s(fill-rule|clip-rule)="[^"]*"/g,``)).join(``)}</svg>`:e}function O(e){return E.get(e)??``}var k=[`role`,`aria-label`,`aria-hidden`,`innerHTML`],A=l((0,n.defineComponent)({__name:`AkIcon`,props:{name:{},size:{default:20},label:{}},setup(e){let t=e,r=(0,n.computed)(()=>typeof t.size==`number`?`${t.size}px`:t.size),i=(0,n.computed)(()=>O(t.name));return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`ak-icon`,{"ak-icon--missing":!i.value}]),style:(0,n.normalizeStyle)({width:r.value,height:r.value}),role:e.label?`img`:void 0,"aria-label":e.label,"aria-hidden":!e.label||void 0,innerHTML:i.value},null,14,k))}}),[[`__scopeId`,`data-v-083f6c55`]]),j=[`aria-orientation`],M={key:0,class:`ak-divider__label`},N=l((0,n.defineComponent)({__name:`AkDivider`,props:{spacing:{default:`md`},label:{},vertical:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ak-divider`,[e.vertical?`ak-divider--vertical`:`ak-divider--horizontal`,`ak-divider--spacing-${e.spacing}`]]),role:`separator`,"aria-orientation":e.vertical?`vertical`:`horizontal`},[e.label&&!e.vertical?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,M,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0)],10,j))}}),[[`__scopeId`,`data-v-17bc7513`]]),P={key:0,class:`ak-progress__meta`},F={key:0,class:`ak-progress__label`},I={key:1,class:`ak-progress__value numeric`},L=[`aria-valuenow`,`aria-valuemax`,`aria-label`],R=l((0,n.defineComponent)({__name:`AkProgress`,props:{value:{default:0},max:{default:100},size:{default:`md`},color:{},label:{},showValue:{type:Boolean,default:!1}},setup(e){let t=e,r=(0,n.computed)(()=>t.max<=0?0:Math.min(100,Math.max(0,t.value/t.max*100))),i=(0,n.computed)(()=>({width:`${r.value}%`,...t.color?{background:t.color}:{}}));return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ak-progress`,`ak-progress--${e.size}`])},[e.label||e.showValue?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,P,[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,F,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0),e.showValue?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(Math.round(r.value))+`%`,1)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:`ak-progress__track`,role:`progressbar`,"aria-valuenow":e.value,"aria-valuemin":0,"aria-valuemax":e.max,"aria-label":e.label},[(0,n.createElementVNode)(`span`,{class:`ak-progress__fill`,style:(0,n.normalizeStyle)(i.value)},null,4)],8,L)],2))}}),[[`__scopeId`,`data-v-ed0a6fcd`]]),z={class:`ak-section-header`},B={class:`ak-section-header__title`},V={key:0,class:`ak-section-header__action`},H=l((0,n.defineComponent)({__name:`AkSectionHeader`,props:{title:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`header`,z,[(0,n.createElementVNode)(`h2`,B,[(0,n.renderSlot)(t.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.title),1)],!0)]),t.$slots.action?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,V,[(0,n.renderSlot)(t.$slots,`action`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-65fca8d1`]]),fe={class:`ak-list`},U=l((0,n.defineComponent)({__name:`AkList`,setup(e){return(0,n.provide)(`ak-list`,!0),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,fe,[(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-708bdd68`]]),pe=[`disabled`],me={key:0,class:`ak-list-row__leading`},he={class:`ak-list-row__content`},ge={class:`ak-list-row__title`},_e={key:0,class:`ak-list-row__subtitle`},ve={key:1,class:`ak-list-row__trailing`},ye={key:0,class:`ak-list-row__leading`},be={class:`ak-list-row__content`},xe={class:`ak-list-row__title`},Se={key:0,class:`ak-list-row__subtitle`},Ce={key:1,class:`ak-list-row__trailing`},we=[`disabled`],Te={key:0,class:`ak-list-row__leading`},Ee={class:`ak-list-row__content`},De={class:`ak-list-row__title`},Oe={key:0,class:`ak-list-row__subtitle`},ke={key:1,class:`ak-list-row__trailing`},Ae={key:0,class:`ak-list-row__leading`},je={class:`ak-list-row__content`},Me={class:`ak-list-row__title`},Ne={key:0,class:`ak-list-row__subtitle`},Pe={key:1,class:`ak-list-row__trailing`},W=l((0,n.defineComponent)({__name:`AkListRow`,props:{interactive:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},padding:{default:`md`},divider:{type:Boolean,default:!0}},setup(e){let t=e,r=(0,n.inject)(`ak-list`,!1),i=(0,n.computed)(()=>[`ak-list-row`,`ak-list-row--pad-${t.padding}`,{"ak-list-row--interactive":t.interactive,"ak-list-row--disabled":t.disabled}]);return(t,a)=>(0,n.unref)(r)?((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:0,class:(0,n.normalizeClass)([`ak-list-row-item`,{"ak-list-row-item--divider":e.divider}])},[e.interactive?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,type:`button`,class:(0,n.normalizeClass)(i.value),disabled:e.disabled},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,me,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,he,[(0,n.createElementVNode)(`span`,ge,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_e,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ve,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],10,pe)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)(i.value)},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ye,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,be,[(0,n.createElementVNode)(`span`,xe,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Se,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ce,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))],2)):e.interactive?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:(0,n.normalizeClass)(i.value),disabled:e.disabled},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Te,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,Ee,[(0,n.createElementVNode)(`span`,De,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Oe,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ke,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],10,we)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:(0,n.normalizeClass)(i.value)},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ae,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,je,[(0,n.createElementVNode)(`span`,Me,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ne,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Pe,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-9f8ea96f`]]),Fe=[`type`,`disabled`,`aria-label`,`aria-busy`],Ie={key:0,class:`ak-icon-button__spinner`,"aria-hidden":`true`},Le={key:1,class:`ak-icon-button__icon`},G=l((0,n.defineComponent)({__name:`AkIconButton`,props:{variant:{default:`ghost`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`button`},label:{},icon:{}},setup(e){let t=e,r=(0,n.computed)(()=>({sm:18,md:20,lg:22})[t.size]);return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)([`ak-icon-button tap-scale`,[`ak-icon-button--${e.variant}`,`ak-icon-button--${e.size}`,{"ak-icon-button--loading":e.loading}]]),type:e.type,disabled:e.disabled||e.loading,"aria-label":e.label,"aria-busy":e.loading||void 0},[e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ie)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Le,[e.icon?((0,n.openBlock)(),(0,n.createBlock)(A,{key:0,name:e.icon,size:r.value},null,8,[`name`,`size`])):(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0,1)]))],10,Fe))}}),[[`__scopeId`,`data-v-b4833b10`]]),Re={key:0,class:`ak-switch__copy`},ze={key:0,class:`ak-switch__label`},Be={key:1,class:`ak-switch__description`},Ve={class:`ak-switch__control`},He=[`id`,`checked`,`disabled`],K=l((0,n.defineComponent)({__name:`AkSwitch`,props:{modelValue:{type:Boolean,default:!1},label:{},description:{},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=t,i=(0,n.useId)(),a=(0,n.computed)(()=>`ak-switch-${i}`);function o(e){let t=e.target;r(`update:modelValue`,t.checked)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-switch`,{"ak-switch--disabled":e.disabled,"ak-switch--on":e.modelValue}])},[e.label||e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Re,[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ze,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0),e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Be,(0,n.toDisplayString)(e.description),1)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,Ve,[(0,n.createElementVNode)(`input`,{id:a.value,class:`ak-switch__input`,type:`checkbox`,role:`switch`,checked:e.modelValue,disabled:e.disabled,onChange:o},null,40,He),r[0]||=(0,n.createElementVNode)(`span`,{class:`ak-switch__track`,"aria-hidden":`true`},[(0,n.createElementVNode)(`span`,{class:`ak-switch__thumb`})],-1)])],2))}}),[[`__scopeId`,`data-v-d49f3b2e`]]),q=Symbol(`ak-tab-bar`),Ue={class:`ak-tab-bar`,"aria-label":`Primary`},J=l((0,n.defineComponent)({__name:`AkTabBar`,props:{modelValue:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.ref)(null),o=(0,n.reactive)(new Map),s=(0,n.ref)({x:0,y:0,w:0,h:0,ready:!1});function c(){let e=a.value,t=o.get(r.modelValue);if(!e||!t){s.value.ready=!1;return}let n=e.getBoundingClientRect(),i=(t.querySelector(`.ak-tab-bar__icon`)??t).getBoundingClientRect();s.value={x:i.left-n.left,y:i.top-n.top,w:i.width,h:i.height,ready:!0}}function l(e,t){o.set(e,t),(0,n.nextTick)(c)}function u(e){o.delete(e),(0,n.nextTick)(c)}let d;return(0,n.onMounted)(()=>{(0,n.nextTick)(c),d=new ResizeObserver(()=>c()),a.value&&d.observe(a.value)}),(0,n.onUnmounted)(()=>d?.disconnect()),(0,n.watch)(()=>r.modelValue,()=>void(0,n.nextTick)(c)),(0,n.provide)(q,{active:(0,n.toRef)(r,`modelValue`),select:e=>i(`update:modelValue`,e),register:l,unregister:u}),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`nav`,Ue,[(0,n.createElementVNode)(`div`,{ref_key:`trackRef`,ref:a,class:`ak-tab-bar__track`,role:`tablist`},[(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`ak-tab-bar__indicator`,{"ak-tab-bar__indicator--ready":s.value.ready}]),style:(0,n.normalizeStyle)({transform:`translate(${s.value.x}px, ${s.value.y}px)`,width:`${s.value.w}px`,height:`${s.value.h}px`}),"aria-hidden":`true`},null,6),(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)],512)]))}}),[[`__scopeId`,`data-v-636977ec`]]),We=[`aria-selected`,`aria-label`,`disabled`],Ge={class:`ak-tab-bar__icon`,"aria-hidden":`true`},Y={class:`ak-tab-bar__label`},X=l((0,n.defineComponent)({__name:`AkTabBarItem`,props:{value:{},label:{},icon:{},disabled:{type:Boolean,default:!1}},setup(e){let t=e,r=(0,n.inject)(q);if(!r)throw Error(`AkTabBarItem must be used inside AkTabBar`);let i=r,a=(0,n.ref)(null),o=(0,n.computed)(()=>i.active.value===t.value);(0,n.onMounted)(()=>{a.value&&i.register(t.value,a.value)}),(0,n.onUnmounted)(()=>{i.unregister(t.value)});function s(){t.disabled||i.select(t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{ref_key:`itemRef`,ref:a,type:`button`,class:(0,n.normalizeClass)([`ak-tab-bar__item`,{"ak-tab-bar__item--active":o.value}]),role:`tab`,"aria-selected":o.value,"aria-label":e.label,disabled:e.disabled,onClick:s},[(0,n.createElementVNode)(`span`,Ge,[(0,n.renderSlot)(t.$slots,`icon`,{},()=>[e.icon?((0,n.openBlock)(),(0,n.createBlock)(A,{key:0,name:e.icon,size:20},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)],!0)]),(0,n.createElementVNode)(`span`,Y,(0,n.toDisplayString)(e.label),1)],10,We))}}),[[`__scopeId`,`data-v-2a73a441`]]),Ke=t({AkAmbientBg:()=>T,AkBadge:()=>d,AkButton:()=>u,AkCard:()=>h,AkChip:()=>p,AkDivider:()=>N,AkEmptyState:()=>C,AkIcon:()=>A,AkIconButton:()=>G,AkInput:()=>b,AkList:()=>U,AkListRow:()=>W,AkProgress:()=>R,AkSectionHeader:()=>H,AkShimmer:()=>w,AkSwitch:()=>K,AkTabBar:()=>J,AkTabBarItem:()=>X,AkTextarea:()=>S}),qe={install(e,t={}){let n=t.prefix??``;for(let[t,r]of Object.entries(Ke))e.component(`${n}${t}`,r)}},Z={violet:{label:`Violet`,description:`Mineral violet — default for App mood.`,sample:`#6658b8`},evergreen:{label:`Evergreen`,description:`Confident green — default for Site mood.`,sample:`#2e684f`},teal:{label:`Teal`,description:`Calm mineral teal for productivity and wellness apps.`,sample:`#3a7d85`},ocean:{label:`Ocean`,description:`Trustworthy blue for data-heavy products.`,sample:`#3d6a94`},amber:{label:`Amber`,description:`Warm gold for optimistic, human interfaces.`,sample:`#9a702d`},rose:{label:`Rose`,description:`Dusty rose for lifestyle and creative tools.`,sample:`#a8586a`},coral:{label:`Coral`,description:`Terracotta warmth without feeling playful.`,sample:`#b5644a`},slate:{label:`Slate`,description:`Blue-gray for neutral B2B surfaces.`,sample:`#4a5d73`}},Je=Object.keys(Z),Q=`violet`,$=`evergreen`;function Ye(e,t){if(t===`auto`){delete e.dataset.accent;return}e.dataset.accent=t}function Xe(e,t){return t||(e===`site`?$:Q)}exports.AkAmbientBg=T,exports.AkBadge=d,exports.AkButton=u,exports.AkCard=h,exports.AkChip=p,exports.AkDivider=N,exports.AkEmptyState=C,exports.AkIcon=A,exports.AkIconButton=G,exports.AkInput=b,exports.AkList=U,exports.AkListRow=W,exports.AkProgress=R,exports.AkSectionHeader=H,exports.AkShimmer=w,exports.AkSwitch=K,exports.AkTabBar=J,exports.AkTabBarItem=X,exports.AkTextarea=S,exports.Akoma=qe,exports.accentPaletteIds=Je,exports.accentPalettes=Z,exports.appDefaultAccent=Q,exports.applyAccentPalette=Ye,exports.cuidaIconMap=E,exports.getCuidaIconMarkup=O,exports.resolveAccentPalette=Xe,exports.siteDefaultAccent=$;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};let n=require("vue"),r=require("@sysvale/cuida-icons");var i=[`type`,`disabled`,`aria-busy`],a={key:0,class:`ak-button__spinner`,"aria-hidden":`true`},o={key:1,class:`ak-button__icon`},s={class:`ak-button__label`},c=(0,n.defineComponent)({__name:`AkButton`,props:{variant:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`button`},block:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)([`ak-button tap-scale`,[`ak-button--${e.variant}`,`ak-button--${e.size}`,{"ak-button--block":e.block,"ak-button--loading":e.loading}]]),type:e.type,disabled:e.disabled||e.loading,"aria-busy":e.loading||void 0},[e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a)):(0,n.createCommentVNode)(``,!0),t.$slots.icon&&!e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.renderSlot)(t.$slots,`icon`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)])],10,i))}}),l=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},u=l(c,[[`__scopeId`,`data-v-7786dae9`]]),d=l((0,n.defineComponent)({__name:`AkBadge`,props:{variant:{default:`neutral`},label:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`ak-badge`,`ak-badge--${e.variant}`])},[(0,n.renderSlot)(t.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)],!0)],2))}}),[[`__scopeId`,`data-v-02933f09`]]),f=[`disabled`,`aria-pressed`],p=l((0,n.defineComponent)({__name:`AkChip`,props:{active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},emits:[`click`],setup(e,{emit:t}){let r=t;return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{type:`button`,class:(0,n.normalizeClass)([`ak-chip tap-scale`,{"ak-chip--active":e.active}]),style:(0,n.normalizeStyle)(e.active&&e.color?{"--ak-chip-active-bg":e.color}:void 0),disabled:e.disabled,"aria-pressed":e.active,onClick:i[0]||=e=>r(`click`,e)},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],14,f))}}),[[`__scopeId`,`data-v-c782362c`]]),m={key:0,class:`ak-card__media`},ee={key:1,class:`ak-card__header`},te={key:2,class:`ak-card__body`},ne={key:3,class:`ak-card__footer`},h=l((0,n.defineComponent)({__name:`AkCard`,props:{interactive:{type:Boolean,default:!1},padding:{default:`md`}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`article`,{class:(0,n.normalizeClass)([`ak-card`,[`ak-card--pad-${e.padding}`,{"ak-card--interactive":e.interactive}]])},[t.$slots.media?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.renderSlot)(t.$slots,`media`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee,[(0,n.renderSlot)(t.$slots,`header`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.default?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,te,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),t.$slots.footer?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ne,[(0,n.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-73ac6197`]]),g={key:0,class:`ak-field__label`},_={key:0,class:`ak-field__required`,"aria-hidden":`true`},v=[`id`,`type`,`value`,`placeholder`,`disabled`,`required`,`name`,`autocomplete`,`aria-invalid`,`aria-describedby`],y=[`id`],b=l((0,n.defineComponent)({__name:`AkInput`,props:{modelValue:{default:``},label:{},placeholder:{},hint:{},error:{},type:{default:`text`},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},size:{default:`md`},autocomplete:{},name:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.useId)(),o=(0,n.computed)(()=>`ak-input-${a}`),s=(0,n.computed)(()=>r.hint||r.error?`ak-input-hint-${a}`:void 0);function c(e){let t=e.target;i(`update:modelValue`,t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-field`,{"ak-field--disabled":e.disabled,"ak-field--error":!!e.error}])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,g,[(0,n.createTextVNode)((0,n.toDisplayString)(e.label)+` `,1),e.required?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_,`*`)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`input`,{id:o.value,class:(0,n.normalizeClass)([`ak-field__control`,`ak-field__control--${e.size}`]),type:e.type,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,required:e.required,name:e.name,autocomplete:e.autocomplete,"aria-invalid":!!e.error||void 0,"aria-describedby":s.value,onInput:c},null,42,v),e.error||e.hint?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,id:s.value,class:`ak-field__hint`},(0,n.toDisplayString)(e.error||e.hint),9,y)):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-60d7d2d0`]]),x={key:0,class:`ak-field__label`},re={key:0,class:`ak-field__required`,"aria-hidden":`true`},ie=[`id`,`value`,`placeholder`,`disabled`,`required`,`name`,`rows`,`aria-invalid`,`aria-describedby`],ae=[`id`],S=l((0,n.defineComponent)({__name:`AkTextarea`,props:{modelValue:{default:``},label:{},placeholder:{},hint:{},error:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},rows:{default:4},name:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.useId)(),o=(0,n.computed)(()=>`ak-textarea-${a}`),s=(0,n.computed)(()=>r.hint||r.error?`ak-textarea-hint-${a}`:void 0);function c(e){let t=e.target;i(`update:modelValue`,t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-field`,{"ak-field--disabled":e.disabled,"ak-field--error":!!e.error}])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,x,[(0,n.createTextVNode)((0,n.toDisplayString)(e.label)+` `,1),e.required?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,re,`*`)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`textarea`,{id:o.value,class:`ak-field__control`,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,required:e.required,name:e.name,rows:e.rows,"aria-invalid":!!e.error||void 0,"aria-describedby":s.value,onInput:c},null,40,ie),e.error||e.hint?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,id:s.value,class:`ak-field__hint`},(0,n.toDisplayString)(e.error||e.hint),9,ae)):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-d34da198`]]),oe={class:`ak-empty`},se={class:`ak-empty__icon`,"aria-hidden":`true`},ce={key:0,class:`ak-empty__glyph`},le={class:`ak-empty__title`},ue={key:0,class:`ak-empty__description`},de={key:1,class:`ak-empty__action`},C=l((0,n.defineComponent)({__name:`AkEmptyState`,props:{title:{},description:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,oe,[(0,n.createElementVNode)(`div`,se,[r[0]||=(0,n.createElementVNode)(`span`,{class:`ak-empty__ring ak-empty__ring--outer`},null,-1),r[1]||=(0,n.createElementVNode)(`span`,{class:`ak-empty__ring ak-empty__ring--inner`},null,-1),t.$slots.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ce,[(0,n.renderSlot)(t.$slots,`icon`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),(0,n.createElementVNode)(`h3`,le,(0,n.toDisplayString)(e.title),1),e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,ue,(0,n.toDisplayString)(e.description),1)):(0,n.createCommentVNode)(``,!0),t.$slots.action?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,de,[(0,n.renderSlot)(t.$slots,`action`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-ab81ece0`]]),w=l((0,n.defineComponent)({__name:`AkShimmer`,props:{width:{default:`100%`},height:{default:`16px`},radius:{default:`md`}},setup(e){function t(e){return e===`sm`||e===`md`||e===`lg`||e===`full`?`var(--radius-${e})`:e}return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`ak-shimmer`,style:(0,n.normalizeStyle)({width:e.width,height:e.height,borderRadius:t(e.radius)}),"aria-hidden":`true`},null,4))}}),[[`__scopeId`,`data-v-de7bd16d`]]),T=l((0,n.defineComponent)({__name:`AkAmbientBg`,props:{contained:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ambient`,{"ambient--contained":e.contained}]),"aria-hidden":`true`},[...r[0]||=[(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--1`},null,-1),(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--2`},null,-1),(0,n.createElementVNode)(`span`,{class:`ambient__orb ambient__orb--3`},null,-1)]],2))}}),[[`__scopeId`,`data-v-b34dece3`]]),E=new Map(r.completeIconSet.map(e=>[e.name,D(e.data)]));function D(e){let t=e.match(/<path\b[^>]*\/>/g);return t?.length?`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">${t.map(e=>e.replace(/\sfill="[^"]*"/g,``).replace(/\s(fill-rule|clip-rule)="[^"]*"/g,``)).join(``)}</svg>`:e}function O(e){return E.get(e)??``}var k=[`role`,`aria-label`,`aria-hidden`,`innerHTML`],A=l((0,n.defineComponent)({__name:`AkIcon`,props:{name:{},size:{default:20},label:{}},setup(e){let t=e,r=(0,n.computed)(()=>typeof t.size==`number`?`${t.size}px`:t.size),i=(0,n.computed)(()=>O(t.name));return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`ak-icon`,{"ak-icon--missing":!i.value}]),style:(0,n.normalizeStyle)({width:r.value,height:r.value}),role:e.label?`img`:void 0,"aria-label":e.label,"aria-hidden":!e.label||void 0,innerHTML:i.value},null,14,k))}}),[[`__scopeId`,`data-v-083f6c55`]]),j=[`aria-orientation`],M={key:0,class:`ak-divider__label`},N=l((0,n.defineComponent)({__name:`AkDivider`,props:{spacing:{default:`md`},label:{},vertical:{type:Boolean,default:!1}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ak-divider`,[e.vertical?`ak-divider--vertical`:`ak-divider--horizontal`,`ak-divider--spacing-${e.spacing}`]]),role:`separator`,"aria-orientation":e.vertical?`vertical`:`horizontal`},[e.label&&!e.vertical?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,M,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0)],10,j))}}),[[`__scopeId`,`data-v-17bc7513`]]),P={key:0,class:`ak-progress__meta`},F={key:0,class:`ak-progress__label`},I={key:1,class:`ak-progress__value numeric`},L=[`aria-valuenow`,`aria-valuemax`,`aria-label`],R=l((0,n.defineComponent)({__name:`AkProgress`,props:{value:{default:0},max:{default:100},size:{default:`md`},color:{},label:{},showValue:{type:Boolean,default:!1}},setup(e){let t=e,r=(0,n.computed)(()=>t.max<=0?0:Math.min(100,Math.max(0,t.value/t.max*100))),i=(0,n.computed)(()=>({width:`${r.value}%`,...t.color?{background:t.color}:{}}));return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`ak-progress`,`ak-progress--${e.size}`])},[e.label||e.showValue?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,P,[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,F,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0),e.showValue?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(Math.round(r.value))+`%`,1)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:`ak-progress__track`,role:`progressbar`,"aria-valuenow":e.value,"aria-valuemin":0,"aria-valuemax":e.max,"aria-label":e.label},[(0,n.createElementVNode)(`span`,{class:`ak-progress__fill`,style:(0,n.normalizeStyle)(i.value)},null,4)],8,L)],2))}}),[[`__scopeId`,`data-v-ed0a6fcd`]]),z={class:`ak-section-header`},B={class:`ak-section-header__title`},V={key:0,class:`ak-section-header__action`},H=l((0,n.defineComponent)({__name:`AkSectionHeader`,props:{title:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`header`,z,[(0,n.createElementVNode)(`h2`,B,[(0,n.renderSlot)(t.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.title),1)],!0)]),t.$slots.action?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,V,[(0,n.renderSlot)(t.$slots,`action`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-65fca8d1`]]),fe={class:`ak-list`},U=l((0,n.defineComponent)({__name:`AkList`,setup(e){return(0,n.provide)(`ak-list`,!0),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,fe,[(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-708bdd68`]]),pe=[`disabled`],me={key:0,class:`ak-list-row__leading`},he={class:`ak-list-row__content`},ge={class:`ak-list-row__title`},_e={key:0,class:`ak-list-row__subtitle`},ve={key:1,class:`ak-list-row__trailing`},ye={key:0,class:`ak-list-row__leading`},be={class:`ak-list-row__content`},xe={class:`ak-list-row__title`},Se={key:0,class:`ak-list-row__subtitle`},Ce={key:1,class:`ak-list-row__trailing`},we=[`disabled`],Te={key:0,class:`ak-list-row__leading`},Ee={class:`ak-list-row__content`},De={class:`ak-list-row__title`},Oe={key:0,class:`ak-list-row__subtitle`},ke={key:1,class:`ak-list-row__trailing`},Ae={key:0,class:`ak-list-row__leading`},je={class:`ak-list-row__content`},Me={class:`ak-list-row__title`},Ne={key:0,class:`ak-list-row__subtitle`},Pe={key:1,class:`ak-list-row__trailing`},W=l((0,n.defineComponent)({__name:`AkListRow`,props:{interactive:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},padding:{default:`md`},divider:{type:Boolean,default:!0}},setup(e){let t=e,r=(0,n.inject)(`ak-list`,!1),i=(0,n.computed)(()=>[`ak-list-row`,`ak-list-row--pad-${t.padding}`,{"ak-list-row--interactive":t.interactive,"ak-list-row--disabled":t.disabled}]);return(t,a)=>(0,n.unref)(r)?((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:0,class:(0,n.normalizeClass)([`ak-list-row-item`,{"ak-list-row-item--divider":e.divider}])},[e.interactive?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,type:`button`,class:(0,n.normalizeClass)(i.value),disabled:e.disabled},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,me,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,he,[(0,n.createElementVNode)(`span`,ge,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_e,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ve,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],10,pe)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)(i.value)},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ye,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,be,[(0,n.createElementVNode)(`span`,xe,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Se,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ce,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))],2)):e.interactive?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:(0,n.normalizeClass)(i.value),disabled:e.disabled},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Te,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,Ee,[(0,n.createElementVNode)(`span`,De,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Oe,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ke,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],10,we)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:(0,n.normalizeClass)(i.value)},[t.$slots.leading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ae,[(0,n.renderSlot)(t.$slots,`leading`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,je,[(0,n.createElementVNode)(`span`,Me,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),t.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ne,[(0,n.renderSlot)(t.$slots,`subtitle`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),t.$slots.trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Pe,[(0,n.renderSlot)(t.$slots,`trailing`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-9f8ea96f`]]),Fe=[`type`,`disabled`,`aria-label`,`aria-busy`],Ie={key:0,class:`ak-icon-button__spinner`,"aria-hidden":`true`},Le={key:1,class:`ak-icon-button__icon`},G=l((0,n.defineComponent)({__name:`AkIconButton`,props:{variant:{default:`ghost`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`button`},label:{},icon:{}},setup(e){let t=e,r=(0,n.computed)(()=>({sm:18,md:20,lg:22})[t.size]);return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)([`ak-icon-button tap-scale`,[`ak-icon-button--${e.variant}`,`ak-icon-button--${e.size}`,{"ak-icon-button--loading":e.loading}]]),type:e.type,disabled:e.disabled||e.loading,"aria-label":e.label,"aria-busy":e.loading||void 0},[e.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Ie)):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Le,[e.icon?((0,n.openBlock)(),(0,n.createBlock)(A,{key:0,name:e.icon,size:r.value},null,8,[`name`,`size`])):(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0,1)]))],10,Fe))}}),[[`__scopeId`,`data-v-b4833b10`]]),Re={key:0,class:`ak-switch__copy`},ze={key:0,class:`ak-switch__label`},Be={key:1,class:`ak-switch__description`},Ve={class:`ak-switch__control`},He=[`id`,`checked`,`disabled`],K=l((0,n.defineComponent)({__name:`AkSwitch`,props:{modelValue:{type:Boolean,default:!1},label:{},description:{},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=t,i=(0,n.useId)(),a=(0,n.computed)(()=>`ak-switch-${i}`);function o(e){let t=e.target;r(`update:modelValue`,t.checked)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)([`ak-switch`,{"ak-switch--disabled":e.disabled,"ak-switch--on":e.modelValue}])},[e.label||e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Re,[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ze,(0,n.toDisplayString)(e.label),1)):(0,n.createCommentVNode)(``,!0),e.description?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,Be,(0,n.toDisplayString)(e.description),1)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,Ve,[(0,n.createElementVNode)(`input`,{id:a.value,class:`ak-switch__input`,type:`checkbox`,role:`switch`,checked:e.modelValue,disabled:e.disabled,onChange:o},null,40,He),r[0]||=(0,n.createElementVNode)(`span`,{class:`ak-switch__track`,"aria-hidden":`true`},[(0,n.createElementVNode)(`span`,{class:`ak-switch__thumb`})],-1)])],2))}}),[[`__scopeId`,`data-v-d49f3b2e`]]),q=Symbol(`ak-tab-bar`),Ue={class:`ak-tab-bar`,"aria-label":`Primary`},J=l((0,n.defineComponent)({__name:`AkTabBar`,props:{modelValue:{}},emits:[`update:modelValue`],setup(e,{emit:t}){let r=e,i=t,a=(0,n.ref)(null),o=(0,n.reactive)(new Map),s=(0,n.ref)({x:0,y:0,w:0,h:0,ready:!1});function c(){let e=a.value,t=o.get(r.modelValue);if(!e||!t){s.value.ready=!1;return}let n=e.getBoundingClientRect(),i=(t.querySelector(`.ak-tab-bar__icon`)??t).getBoundingClientRect();s.value={x:i.left-n.left,y:i.top-n.top,w:i.width,h:i.height,ready:!0}}function l(e,t){o.set(e,t),(0,n.nextTick)(c)}function u(e){o.delete(e),(0,n.nextTick)(c)}let d;return(0,n.onMounted)(()=>{(0,n.nextTick)(c),d=new ResizeObserver(()=>c()),a.value&&d.observe(a.value)}),(0,n.onUnmounted)(()=>d?.disconnect()),(0,n.watch)(()=>r.modelValue,()=>void(0,n.nextTick)(c)),(0,n.provide)(q,{active:(0,n.toRef)(r,`modelValue`),select:e=>i(`update:modelValue`,e),register:l,unregister:u}),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`nav`,Ue,[(0,n.createElementVNode)(`div`,{ref_key:`trackRef`,ref:a,class:`ak-tab-bar__track`,role:`tablist`},[(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`ak-tab-bar__indicator`,{"ak-tab-bar__indicator--ready":s.value.ready}]),style:(0,n.normalizeStyle)({transform:`translate(${s.value.x}px, ${s.value.y}px)`,width:`${s.value.w}px`,height:`${s.value.h}px`}),"aria-hidden":`true`},null,6),(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)],512)]))}}),[[`__scopeId`,`data-v-636977ec`]]),We=[`aria-selected`,`aria-label`,`disabled`],Ge={class:`ak-tab-bar__icon`,"aria-hidden":`true`},Y={class:`ak-tab-bar__label`},X=l((0,n.defineComponent)({__name:`AkTabBarItem`,props:{value:{},label:{},icon:{},disabled:{type:Boolean,default:!1}},setup(e){let t=e,r=(0,n.inject)(q);if(!r)throw Error(`AkTabBarItem must be used inside AkTabBar`);let i=r,a=(0,n.ref)(null),o=(0,n.computed)(()=>i.active.value===t.value);(0,n.onMounted)(()=>{a.value&&i.register(t.value,a.value)}),(0,n.onUnmounted)(()=>{i.unregister(t.value)});function s(){t.disabled||i.select(t.value)}return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{ref_key:`itemRef`,ref:a,type:`button`,class:(0,n.normalizeClass)([`ak-tab-bar__item`,{"ak-tab-bar__item--active":o.value}]),role:`tab`,"aria-selected":o.value,"aria-label":e.label,disabled:e.disabled,onClick:s},[(0,n.createElementVNode)(`span`,Ge,[(0,n.renderSlot)(t.$slots,`icon`,{},()=>[e.icon?((0,n.openBlock)(),(0,n.createBlock)(A,{key:0,name:e.icon,size:20},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)],!0)]),(0,n.createElementVNode)(`span`,Y,(0,n.toDisplayString)(e.label),1)],10,We))}}),[[`__scopeId`,`data-v-2a73a441`]]),Ke=t({AkAmbientBg:()=>T,AkBadge:()=>d,AkButton:()=>u,AkCard:()=>h,AkChip:()=>p,AkDivider:()=>N,AkEmptyState:()=>C,AkIcon:()=>A,AkIconButton:()=>G,AkInput:()=>b,AkList:()=>U,AkListRow:()=>W,AkProgress:()=>R,AkSectionHeader:()=>H,AkShimmer:()=>w,AkSwitch:()=>K,AkTabBar:()=>J,AkTabBarItem:()=>X,AkTextarea:()=>S}),qe={install(e,t={}){let n=t.prefix??``;for(let[t,r]of Object.entries(Ke))e.component(`${n}${t}`,r)}},Z={violet:{label:`Violet`,description:`Mineral violet — default for App mood.`,sample:`#6354bc`,lighter:`#a59ad8`,light:`#8375cc`,dark:`#4d3f9c`,darker:`#392e78`},evergreen:{label:`Evergreen`,description:`Confident green — default for Site mood.`,sample:`#2c6a4f`,lighter:`#4ca67e`,light:`#3c8866`,dark:`#1d4c37`,darker:`#102d20`},teal:{label:`Teal`,description:`Calm mineral teal for productivity and wellness apps.`,sample:`#377f88`,lighter:`#69acb6`,light:`#4b99a4`,dark:`#286168`,darker:`#1a4247`},ocean:{label:`Ocean`,description:`Trustworthy blue for data-heavy products.`,sample:`#3a6a97`,lighter:`#759cbe`,light:`#5184b1`,dark:`#2b5176`,darker:`#1c3955`},amber:{label:`Amber`,description:`Warm gold for optimistic, human interfaces.`,sample:`#9d712a`,lighter:`#c9a05e`,light:`#bc8a3b`,dark:`#7c581e`,darker:`#593e14`},rose:{label:`Rose`,description:`Dusty rose for lifestyle and creative tools.`,sample:`#ac5468`,lighter:`#cf919f`,light:`#c36d80`,dark:`#8d4254`,darker:`#6d3140`},coral:{label:`Coral`,description:`Terracotta warmth without feeling playful.`,sample:`#b96246`,lighter:`#d99b86`,light:`#d07b5f`,dark:`#974d36`,darker:`#733a28`},slate:{label:`Slate`,description:`Blue-gray for neutral B2B surfaces.`,sample:`#475d76`,lighter:`#7e93a9`,light:`#5e7894`,dark:`#36485a`,darker:`#25313e`}},Je=Object.keys(Z),Q=`violet`,$=`evergreen`;function Ye(e,t){if(t===`auto`){delete e.dataset.accent;return}e.dataset.accent=t}function Xe(e,t){return t||(e===`site`?$:Q)}exports.AkAmbientBg=T,exports.AkBadge=d,exports.AkButton=u,exports.AkCard=h,exports.AkChip=p,exports.AkDivider=N,exports.AkEmptyState=C,exports.AkIcon=A,exports.AkIconButton=G,exports.AkInput=b,exports.AkList=U,exports.AkListRow=W,exports.AkProgress=R,exports.AkSectionHeader=H,exports.AkShimmer=w,exports.AkSwitch=K,exports.AkTabBar=J,exports.AkTabBarItem=X,exports.AkTextarea=S,exports.Akoma=qe,exports.accentPaletteIds=Je,exports.accentPalettes=Z,exports.appDefaultAccent=Q,exports.applyAccentPalette=Ye,exports.cuidaIconMap=E,exports.getCuidaIconMarkup=O,exports.resolveAccentPalette=Xe,exports.siteDefaultAccent=$;
|
package/dist/akoma.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Lora:ital,wght@0,500;0,600;1,500&display=swap";:root{--font-display:"DM Sans", system-ui, -apple-system, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-editorial:"Lora", Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-full:9999px;--page-pad-x:20px;--page-pad-top:28px;--page-pad-bottom:24px;--shell-max:480px;--nav-height:68px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition:.18s cubic-bezier(.4, 0, .2, 1);--bg:#f8f6f1;--bg-elevated:#fffefa;--bg-soft:#f0ede6;--bg-muted:#e5e0d6;--bg-tinted:#f1eefb;--text:#29312d;--text-secondary:#65706a;--text-tertiary:#929b95;--text-inverse:#fffefa;--border:#29312d1a;--border-strong:#29312d2e;--cat-1:#5d8ca8;--cat-2:#8a72b4;--cat-3:#b98136;--cat-4:#568269;--cat-5:#b86e7f;--cat-6:#7c7a72;--success:#327257;--success-soft:#e5f2eb;--warning:#8b641e;--warning-soft:#f8efd9;--danger:#a94f46;--danger-soft:#fae9e6;--info:#426f8e;--info-soft:#e6f0f6;--shadow-sm:none;--shadow-md:none;--shadow-nav:0 -1px 0 var(--border);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--button-radius:var(--radius-full);--card-radius:10px;--field-radius:12px;--chip-radius:var(--radius-full);--badge-radius:var(--radius-full);--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-soft);--field-bg-hover:var(--bg-muted);--field-border:transparent;--control-border:var(--border-strong);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none;--nav-glass:#fffefae6;--fill-strong:#29312d;--on-fill-strong:#fffefa;--toast-bg:#29312d;--toast-fg:#fffefa;--orb-2:#5682691f;--orb-3:#dda85e1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mood=app]{--bg:#f8f6f1;--bg-elevated:#fffefa;--bg-soft:#f0ede6;--bg-muted:#e5e0d6;--bg-tinted:#f1eefb;--text:#29312d;--text-secondary:#65706a;--text-tertiary:#929b95;--text-inverse:#fffefa;--border:#29312d1a;--border-strong:#29312d2e;--shadow-sm:none;--shadow-md:none;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--button-radius:var(--radius-full);--card-radius:10px;--field-radius:12px;--chip-radius:var(--radius-full);--badge-radius:var(--radius-full);--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-soft);--field-bg-hover:var(--bg-muted);--field-border:transparent;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none}[data-mood=site]{--bg:#f8f8f7;--bg-elevated:#fff;--bg-soft:#f2f2f0;--bg-muted:#e9e9e6;--bg-tinted:#f4f5f4;--text:#213129;--text-secondary:#5b6a62;--text-tertiary:#8b978f;--text-inverse:#fff;--border:#2131291c;--border-strong:#21312933;--cat-1:#4f7f9b;--cat-2:#76639b;--cat-3:#9a702d;--cat-4:#3f7557;--cat-5:#9e596b;--cat-6:#6f756f;--success:#276a4a;--success-soft:#e2f0e8;--warning:#805d18;--warning-soft:#f5ecd4;--danger:#98483f;--danger-soft:#f8e7e4;--info:#386984;--info-soft:#e3eef4;--shadow-sm:none;--shadow-md:none;--shadow-nav:0 -1px 0 var(--border);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--button-radius:8px;--card-radius:8px;--field-radius:10px;--chip-radius:10px;--badge-radius:8px;--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-elevated);--field-bg-hover:var(--bg-elevated);--field-border:var(--border-strong);--control-border:var(--border-strong);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);--button-shadow:none;--nav-glass:#ffffffeb;--fill-strong:#213129;--on-fill-strong:#fff;--toast-bg:#213129;--toast-fg:#fff;--orb-2:#4f7f9b14;--orb-3:#9a702d12;--ease-spring:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#1d211f;--bg-elevated:#272c29;--bg-soft:#303632;--bg-muted:#3a413c;--bg-tinted:#312e40;--text:#f3f1ec;--text-secondary:#b4bbb6;--text-tertiary:#7f8983;--text-inverse:#202421;--border:#ffffff12;--border-strong:#ffffff24;--success:#78b997;--success-soft:#283e32;--warning:#d4ad61;--warning-soft:#413823;--danger:#df8a81;--danger-soft:#472f2d;--info:#86afc8;--info-soft:#293b46;--shadow-sm:none;--shadow-md:none;--card-border:#ffffff1a;--card-shadow:none;--field-border:#ffffff1a;--control-border:#ffffff24;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);--button-shadow:none;--nav-glass:#272c29eb;--fill-strong:#f3f1ec;--on-fill-strong:#202421;--toast-bg:#f3f1ec;--toast-fg:#202421;--orb-2:#78b99717;--orb-3:#d4ad6114;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-mood=site][data-theme=dark]{--bg:#1c1f1e;--bg-elevated:#262928;--bg-soft:#2f3331;--bg-muted:#393e3b;--bg-tinted:#252928;--text:#f0f3f0;--text-secondary:#abb7b0;--text-tertiary:#77867d;--text-inverse:#17201b;--success:#76b792;--success-soft:#274236;--warning:#d0ab62;--warning-soft:#413824;--danger:#dc8b82;--danger-soft:#472f2d;--info:#84adc4;--info-soft:#293d47;--shadow-sm:none;--shadow-md:none;--card-border:#ffffff1a;--card-shadow:none;--field-border:#ffffff21;--control-border:#ffffff24;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none;--nav-glass:#232d28eb;--fill-strong:#f0f3f0;--on-fill-strong:#17201b;--toast-bg:#f0f3f0;--toast-fg:#17201b;--orb-2:#84adc412;--orb-3:#d0ab620f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-mood=app]:not([data-accent]){--accent:#6658b8;--accent-hover:#5548a3;--accent-soft:#ece9f8;--accent-contrast:#fff;--bg-tinted:#f1eefb;--orb-1:#6658b821}[data-mood=site]:not([data-accent]){--accent:#2e684f;--accent-hover:#245640;--accent-soft:#e2eee7;--accent-contrast:#fff;--bg-tinted:#f4f5f4;--orb-1:#2e684f0f}[data-accent=violet]{--accent:#6658b8;--accent-hover:#5548a3;--accent-soft:#ece9f8;--accent-contrast:#fff;--bg-tinted:#f1eefb;--orb-1:#6658b821}[data-accent=evergreen]{--accent:#2e684f;--accent-hover:#245640;--accent-soft:#e2eee7;--accent-contrast:#fff;--bg-tinted:#f2f5f3;--orb-1:#2e684f12}[data-accent=teal]{--accent:#3a7d85;--accent-hover:#2f686f;--accent-soft:#e3eff0;--accent-contrast:#fff;--bg-tinted:#e8f2f3;--orb-1:#3a7d851f}[data-accent=ocean]{--accent:#3d6a94;--accent-hover:#32577a;--accent-soft:#e5eef5;--accent-contrast:#fff;--bg-tinted:#e8f0f7;--orb-1:#3d6a941c}[data-accent=amber]{--accent:#9a702d;--accent-hover:#7f5c24;--accent-soft:#f5ecd4;--accent-contrast:#fff;--bg-tinted:#f8f2e4;--orb-1:#9a702d1a}[data-accent=rose]{--accent:#a8586a;--accent-hover:#8f4a59;--accent-soft:#fae9ed;--accent-contrast:#fff;--bg-tinted:#f9eef1;--orb-1:#a8586a1c}[data-accent=coral]{--accent:#b5644a;--accent-hover:#9a543e;--accent-soft:#faece8;--accent-contrast:#fff;--bg-tinted:#f9f0eb;--orb-1:#b5644a1c}[data-accent=slate]{--accent:#4a5d73;--accent-hover:#3c4d60;--accent-soft:#e8ecf1;--accent-contrast:#fff;--bg-tinted:#eef1f5;--orb-1:#4a5d731a}[data-theme=dark]:not([data-accent]),[data-theme=dark][data-mood=app]:not([data-accent]){--accent:#a99ee8;--accent-hover:#bbb2f0;--accent-soft:#39354f;--accent-contrast:#211d38;--bg-tinted:#312e40;--orb-1:#a99ee81c}[data-theme=dark][data-mood=site]:not([data-accent]){--accent:#82b99d;--accent-hover:#96c6ae;--accent-soft:#294438;--accent-contrast:#13241c;--bg-tinted:#252928;--orb-1:#82b99d0f}[data-theme=dark][data-accent=violet]{--accent:#a99ee8;--accent-hover:#bbb2f0;--accent-soft:#39354f;--accent-contrast:#211d38;--bg-tinted:#312e40;--orb-1:#a99ee81c}[data-theme=dark][data-accent=evergreen]{--accent:#82b99d;--accent-hover:#96c6ae;--accent-soft:#294438;--accent-contrast:#13241c;--bg-tinted:#27312c;--orb-1:#82b99d12}[data-theme=dark][data-accent=teal]{--accent:#7eb8bf;--accent-hover:#95c7cd;--accent-soft:#294548;--accent-contrast:#142528;--bg-tinted:#243638;--orb-1:#7eb8bf1a}[data-theme=dark][data-accent=ocean]{--accent:#8ab4d9;--accent-hover:#9fc3e2;--accent-soft:#2a3a4a;--accent-contrast:#152130;--bg-tinted:#253545;--orb-1:#8ab4d91a}[data-theme=dark][data-accent=amber]{--accent:#d4ad61;--accent-hover:#debb78;--accent-soft:#413823;--accent-contrast:#2a2212;--bg-tinted:#3a3220;--orb-1:#d4ad6117}[data-theme=dark][data-accent=rose]{--accent:#df8a9a;--accent-hover:#e79fad;--accent-soft:#472f35;--accent-contrast:#2a171c;--bg-tinted:#3a2830;--orb-1:#df8a9a1a}[data-theme=dark][data-accent=coral]{--accent:#e09a82;--accent-hover:#e8ad99;--accent-soft:#4a322c;--accent-contrast:#2a1a15;--bg-tinted:#3d2e28;--orb-1:#e09a821a}[data-theme=dark][data-accent=slate]{--accent:#9aadc4;--accent-hover:#aebed1;--accent-soft:#2f3844;--accent-contrast:#171e28;--bg-tinted:#2a323c;--orb-1:#9aadc41a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#app{transition:background-color .28s var(--ease-smooth), color .28s var(--ease-smooth)}body{min-height:100dvh;color:var(--text);background:var(--bg);font-family:var(--font-body);font-feature-settings:"kern" 1, "liga" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;font-weight:400;line-height:1.6;overflow-x:hidden}#app{min-height:100dvh}h1,h2,h3,h4{color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-weight:650;line-height:1.16}p{text-wrap:pretty}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-label{margin-bottom:var(--space-2);color:var(--accent);letter-spacing:.01em;font-size:13px;font-weight:700;display:block}.page-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(34px,7vw,46px);font-weight:650;line-height:1.08}[data-mood=site] .page-title{letter-spacing:-.035em;font-size:clamp(34px,6vw,44px)}.akoma-page{padding:calc(var(--page-pad-top) + var(--safe-top)) var(--page-pad-x) var(--page-pad-bottom)}.akoma-shell{z-index:1;width:100%;max-width:var(--shell-max);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);flex:1;margin:0 auto;position:relative}.numeric{font-variant-numeric:tabular-nums lining-nums}@media (prefers-reduced-motion:reduce){html,body,#app{transition:none}}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient__orb{filter:blur(60px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite ambient-drift;position:absolute}[data-mood=site] .ambient__orb{opacity:.2}[data-mood=site][data-theme=dark] .ambient__orb{opacity:.14}.ambient__orb--1{background:var(--orb-1);width:280px;height:280px;top:-80px;right:-60px}.ambient__orb--2{background:var(--orb-2);width:220px;height:220px;animation-duration:22s;animation-delay:-6s;bottom:120px;left:-80px}.ambient__orb--3{background:var(--orb-3);width:160px;height:160px;animation-duration:16s;animation-delay:-12s;top:40%;right:10%}@keyframes ambient-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(12px,-18px)scale(1.05)}66%{transform:translate(-10px,14px)scale(.95)}}.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active,.page-fade-enter-active,.page-fade-leave-active{transition:opacity .28s var(--ease-out-expo), transform .32s var(--ease-out-expo)}.page-slide-left-enter-from{opacity:0;transform:translate(28px)}.page-slide-left-leave-to{opacity:0;transform:translate(-20px)}.page-slide-right-enter-from{opacity:0;transform:translate(-28px)}.page-slide-right-leave-to{opacity:0;transform:translate(20px)}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(8px)}.reveal{animation:reveal-up .55s var(--ease-out-expo) both}.reveal-d1{animation-delay:60ms}.reveal-d2{animation-delay:.12s}.reveal-d3{animation-delay:.18s}.reveal-d4{animation-delay:.24s}.reveal-d5{animation-delay:.3s}.reveal-d6{animation-delay:.36s}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.list-enter-active{transition:opacity .35s var(--ease-out-expo), transform .4s var(--ease-spring)}.list-leave-active{width:calc(100% - 40px);transition:opacity .2s,transform .25s;position:absolute}.list-enter-from{opacity:0;transform:translateY(12px)scale(.97)}.list-leave-to{opacity:0;transform:scale(.95)}.list-move{transition:transform .4s var(--ease-out-expo)}.tap-scale{transition:transform .18s var(--ease-spring)}.tap-scale:active{transform:scale(.985)}.toast-pop-enter-active{animation:toast-in .45s var(--ease-spring)}.toast-pop-leave-active{animation:toast-out .3s var(--ease-smooth) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}60%{transform:translate(-50%)translateY(-4px)scale(1.02)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(12px)scale(.9)}}@media (prefers-reduced-motion:reduce){.ambient__orb,.reveal,.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active,.page-fade-enter-active,.page-fade-leave-active,.list-enter-active,.list-leave-active,.list-move,.toast-pop-enter-active,.toast-pop-leave-active{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.ak-button[data-v-7786dae9]{font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--button-radius);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition), transform var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex;position:relative}.ak-button[data-v-7786dae9]:active:not(:disabled){transform:scale(.985)}.ak-button[data-v-7786dae9]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-button[data-v-7786dae9]:disabled{opacity:.46;cursor:not-allowed;transform:none!important}.ak-button--block[data-v-7786dae9]{width:100%}.ak-button--sm[data-v-7786dae9]{min-height:34px;padding:0 15px;font-size:13px}.ak-button--md[data-v-7786dae9]{min-height:42px;padding:0 20px;font-size:14px}.ak-button--lg[data-v-7786dae9]{min-height:50px;padding:0 24px;font-size:15px}.ak-button--primary[data-v-7786dae9]{background:var(--accent);color:var(--accent-contrast)}.ak-button--primary[data-v-7786dae9]:hover:not(:disabled){background:var(--accent-hover)}.ak-button--secondary[data-v-7786dae9]{background:var(--bg-elevated);color:var(--text);border-color:var(--control-border)}.ak-button--secondary[data-v-7786dae9]:hover:not(:disabled){background:var(--bg-soft);border-color:#0000}.ak-button--ghost[data-v-7786dae9]{color:var(--accent);background:0 0}.ak-button--ghost[data-v-7786dae9]:hover:not(:disabled){background:var(--accent-soft)}.ak-button--danger[data-v-7786dae9]{background:var(--danger);color:var(--accent-contrast)}.ak-button--danger[data-v-7786dae9]:hover:not(:disabled){filter:brightness(.95)}.ak-button__icon[data-v-7786dae9]{width:1.1em;height:1.1em;display:inline-flex}.ak-button__icon[data-v-7786dae9] svg{width:100%;height:100%}.ak-button__spinner[data-v-7786dae9]{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ak-spin-7786dae9}.ak-button--loading .ak-button__label[data-v-7786dae9]{opacity:.85}@keyframes ak-spin-7786dae9{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ak-button[data-v-7786dae9]{transition:none}.ak-button__spinner[data-v-7786dae9]{opacity:.6;border-right-color:currentColor;animation:none}}.ak-badge[data-v-02933f09]{border-radius:var(--badge-radius);letter-spacing:.005em;align-self:flex-start;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;font-size:11.5px;font-weight:650;line-height:1.3;display:inline-flex}.ak-badge--neutral[data-v-02933f09]{background:var(--bg-soft);color:var(--text-secondary)}.ak-badge--accent[data-v-02933f09]{background:var(--accent-soft);color:var(--accent)}.ak-badge--success[data-v-02933f09]{background:var(--success-soft);color:var(--success)}.ak-badge--warning[data-v-02933f09]{background:var(--warning-soft);color:var(--warning)}.ak-badge--danger[data-v-02933f09]{background:var(--danger-soft);color:var(--danger)}.ak-badge--info[data-v-02933f09]{background:var(--info-soft);color:var(--info)}.ak-chip[data-v-c782362c]{border-radius:var(--chip-radius);min-height:36px;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-soft);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.ak-chip[data-v-c782362c]:hover:not(:disabled):not(.ak-chip--active){background:var(--bg-muted);color:var(--text)}.ak-chip--active[data-v-c782362c]{background:var(--ak-chip-active-bg,var(--accent-soft));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 10%, transparent)}.ak-chip--active[style*=--ak-chip-active-bg][data-v-c782362c]{color:var(--accent-contrast)}.ak-chip[data-v-c782362c]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ak-chip[data-v-c782362c]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-card[data-v-73ac6197]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);flex-direction:column;width:100%;display:flex;overflow:hidden}.ak-card--pad-none[data-v-73ac6197]{padding:0}.ak-card--pad-sm[data-v-73ac6197]{padding:var(--space-4)}.ak-card--pad-md[data-v-73ac6197]{padding:var(--space-5)}.ak-card--pad-lg[data-v-73ac6197]{padding:var(--space-8)}.ak-card--pad-none .ak-card__body[data-v-73ac6197],.ak-card--pad-none .ak-card__header[data-v-73ac6197],.ak-card--pad-none .ak-card__footer[data-v-73ac6197]{padding-left:18px;padding-right:18px}.ak-card--pad-none .ak-card__header[data-v-73ac6197]{padding-top:16px}.ak-card--pad-none .ak-card__body[data-v-73ac6197]{padding-bottom:16px}.ak-card--pad-none .ak-card__footer[data-v-73ac6197]{padding-bottom:18px}.ak-card--interactive[data-v-73ac6197]{cursor:pointer;transition:border-color var(--transition)}.ak-card--interactive[data-v-73ac6197]:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.ak-card--interactive[data-v-73ac6197]:focus-within{border-color:var(--accent);outline:none}.ak-card__media[data-v-73ac6197]{flex-shrink:0}.ak-card__header[data-v-73ac6197]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ak-card__body[data-v-73ac6197]{flex:1;min-width:0}.ak-card__footer[data-v-73ac6197]{margin-top:var(--space-5);align-items:center;gap:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){.ak-card--interactive[data-v-73ac6197]{transition:none}}.ak-field[data-v-60d7d2d0]{flex-direction:column;gap:7px;width:100%;display:flex}.ak-field__label[data-v-60d7d2d0]{color:var(--text);letter-spacing:-.005em;font-size:13px;font-weight:650}.ak-field__required[data-v-60d7d2d0]{color:var(--danger);margin-left:2px}.ak-field__control[data-v-60d7d2d0]{border-radius:var(--field-radius);background:var(--field-bg);border:1px solid var(--field-border);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);outline:none}.ak-field__control[data-v-60d7d2d0]::placeholder{color:var(--text-tertiary)}.ak-field__control--sm[data-v-60d7d2d0]{min-height:38px;padding:8px 13px;font-size:14px}.ak-field__control--md[data-v-60d7d2d0]{min-height:44px;padding:11px 15px;font-size:15px}.ak-field__control--lg[data-v-60d7d2d0]{min-height:50px;padding:13px 17px;font-size:16px}.ak-field__control[data-v-60d7d2d0]:hover:not(:disabled):not(:focus){background:var(--field-bg-hover);border-color:var(--control-border)}.ak-field__control[data-v-60d7d2d0]:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--focus-ring)}.ak-field--error .ak-field__control[data-v-60d7d2d0]{border-color:var(--danger);background:var(--bg-elevated)}.ak-field--error .ak-field__control[data-v-60d7d2d0]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent)}.ak-field--disabled[data-v-60d7d2d0]{opacity:.6}.ak-field__hint[data-v-60d7d2d0]{color:var(--text-tertiary);padding-left:1px;font-size:12px}.ak-field--error .ak-field__hint[data-v-60d7d2d0]{color:var(--danger)}.ak-field[data-v-d34da198]{flex-direction:column;gap:7px;width:100%;display:flex}.ak-field__label[data-v-d34da198]{color:var(--text);letter-spacing:-.005em;font-size:13px;font-weight:650}.ak-field__required[data-v-d34da198]{color:var(--danger);margin-left:2px}.ak-field__control[data-v-d34da198]{border-radius:var(--field-radius);background:var(--field-bg);border:1px solid var(--field-border);width:100%;min-height:100px;color:var(--text);resize:vertical;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);outline:none;padding:12px 15px;font-size:15px;line-height:1.6}.ak-field__control[data-v-d34da198]::placeholder{color:var(--text-tertiary)}.ak-field__control[data-v-d34da198]:hover:not(:disabled):not(:focus){background:var(--field-bg-hover);border-color:var(--control-border)}.ak-field__control[data-v-d34da198]:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--focus-ring)}.ak-field--error .ak-field__control[data-v-d34da198]{border-color:var(--danger);background:var(--bg-elevated)}.ak-field--error .ak-field__control[data-v-d34da198]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent)}.ak-field--disabled[data-v-d34da198]{opacity:.6}.ak-field__hint[data-v-d34da198]{color:var(--text-tertiary);padding-left:1px;font-size:12px}.ak-field--error .ak-field__hint[data-v-d34da198]{color:var(--danger)}.ak-empty[data-v-ab81ece0]{text-align:center;padding:var(--space-12) var(--space-8);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);flex-direction:column;align-items:center;display:flex}.ak-empty__icon[data-v-ab81ece0]{width:76px;height:70px;margin-bottom:var(--space-5);place-items:center;animation:none;display:grid;position:relative}.ak-empty__ring[data-v-ab81ece0]{transition:transform .32s var(--ease-out-expo);border:0;position:absolute}.ak-empty__ring--outer[data-v-ab81ece0]{background:var(--accent-soft);border-radius:46% 54% 61% 39%/52% 42% 58% 48%;inset:3px 1px 0 4px;transform:rotate(-5deg)}.ak-empty__ring--inner[data-v-ab81ece0]{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));border-radius:55% 45% 42% 58%/44% 56% 46% 54%;inset:16px 14px 13px 16px;transform:rotate(8deg)}.ak-empty__glyph[data-v-ab81ece0]{z-index:1;color:var(--accent);width:21px;height:21px;display:inline-flex;position:relative}.ak-empty__glyph[data-v-ab81ece0] svg{width:100%;height:100%}.ak-empty__title[data-v-ab81ece0]{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin-bottom:var(--space-2);font-size:20px;font-weight:650}.ak-empty__description[data-v-ab81ece0]{color:var(--text-secondary);max-width:280px;font-size:14px;line-height:1.55}.ak-empty__action[data-v-ab81ece0]{margin-top:var(--space-6)}@keyframes ak-empty-float-ab81ece0{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.ak-empty__icon[data-v-ab81ece0]{animation:none}}.ak-shimmer[data-v-de7bd16d]{background:linear-gradient(90deg, var(--bg-muted) 0%, var(--bg-soft) 45%, var(--bg-muted) 90%);background-size:200% 100%;animation:1.4s ease-in-out infinite ak-shimmer-de7bd16d;display:block}@keyframes ak-shimmer-de7bd16d{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ak-shimmer[data-v-de7bd16d]{animation:none}}.ambient--contained[data-v-b34dece3]{position:absolute}.ak-icon[data-v-083f6c55]{color:inherit;flex-shrink:0;line-height:0;display:block}.ak-icon[data-v-083f6c55] svg{width:100%;height:100%;display:block}.ak-icon--missing[data-v-083f6c55]:after{content:"?";color:var(--danger);font-size:10px;font-weight:700}.ak-divider--horizontal[data-v-17bc7513]{width:100%;color:var(--text-tertiary);align-items:center;display:flex}.ak-divider--horizontal[data-v-17bc7513]:before,.ak-divider--horizontal[data-v-17bc7513]:after{content:"";background:var(--border-strong);flex:1;height:1px}.ak-divider--horizontal[data-v-17bc7513]:not(:has(.ak-divider__label)):after{display:none}.ak-divider__label[data-v-17bc7513]{padding:0 var(--space-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.ak-divider--vertical[data-v-17bc7513]{background:var(--border-strong);align-self:stretch;width:1px}.ak-divider--spacing-sm.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-3) 0}.ak-divider--spacing-md.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-5) 0}.ak-divider--spacing-lg.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-8) 0}.ak-divider--spacing-sm.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-3)}.ak-divider--spacing-md.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-4)}.ak-divider--spacing-lg.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-5)}.ak-progress[data-v-ed0a6fcd]{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ak-progress__meta[data-v-ed0a6fcd]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.ak-progress__label[data-v-ed0a6fcd]{color:var(--text-secondary);font-size:12px;font-weight:650}.ak-progress__value[data-v-ed0a6fcd]{color:var(--text-tertiary);font-size:12px;font-weight:650}.ak-progress__track[data-v-ed0a6fcd]{background:var(--bg-soft);border-radius:var(--radius-full);overflow:hidden}.ak-progress__fill[data-v-ed0a6fcd]{background:var(--accent);border-radius:inherit;height:100%;transition:width .28s var(--ease-smooth);display:block}.ak-progress--sm .ak-progress__track[data-v-ed0a6fcd]{height:6px}.ak-progress--md .ak-progress__track[data-v-ed0a6fcd]{height:8px}@media (prefers-reduced-motion:reduce){.ak-progress__fill[data-v-ed0a6fcd]{transition:none}}.ak-section-header[data-v-65fca8d1]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ak-section-header__title[data-v-65fca8d1]{color:var(--text-tertiary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:1.3}.ak-section-header__action[data-v-65fca8d1]{flex-shrink:0}.ak-list[data-v-708bdd68]{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--bg);margin:0;padding:0;list-style:none;overflow:hidden}.ak-list-row-item[data-v-9f8ea96f]{list-style:none}.ak-list-row-item--divider[data-v-9f8ea96f]:not(:last-child){border-bottom:1px solid var(--border)}.ak-list-row[data-v-9f8ea96f]{align-items:center;gap:var(--space-3);text-align:left;background:var(--bg);width:100%;color:inherit;font:inherit;border:0;display:flex}.ak-list-row--pad-sm[data-v-9f8ea96f]{padding:var(--space-3) var(--space-4)}.ak-list-row--pad-md[data-v-9f8ea96f]{padding:var(--space-4)}.ak-list-row--interactive[data-v-9f8ea96f]{cursor:pointer;transition:background-color var(--transition)}.ak-list-row--interactive[data-v-9f8ea96f]:hover:not(:disabled){background:var(--bg-soft)}.ak-list-row--interactive[data-v-9f8ea96f]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ak-list-row--disabled[data-v-9f8ea96f]{opacity:.5;cursor:not-allowed}.ak-list-row__leading[data-v-9f8ea96f],.ak-list-row__trailing[data-v-9f8ea96f]{flex-shrink:0;align-items:center;display:inline-flex}.ak-list-row__content[data-v-9f8ea96f]{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.ak-list-row__title[data-v-9f8ea96f]{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:650}.ak-list-row__subtitle[data-v-9f8ea96f]{color:var(--text-secondary);font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.ak-list-row--interactive[data-v-9f8ea96f]{transition:none}}.ak-icon-button[data-v-b4833b10]{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ak-icon-button[data-v-b4833b10]:disabled{opacity:.46;cursor:not-allowed}.ak-icon-button[data-v-b4833b10]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-icon-button--sm[data-v-b4833b10]{width:32px;height:32px}.ak-icon-button--md[data-v-b4833b10]{width:36px;height:36px}.ak-icon-button--lg[data-v-b4833b10]{width:42px;height:42px}.ak-icon-button--ghost[data-v-b4833b10]{color:var(--text-secondary);background:0 0}.ak-icon-button--ghost[data-v-b4833b10]:hover:not(:disabled){background:var(--bg-soft);color:var(--text)}.ak-icon-button--secondary[data-v-b4833b10]{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border)}.ak-icon-button--secondary[data-v-b4833b10]:hover:not(:disabled){background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.ak-icon-button--danger[data-v-b4833b10]{color:var(--danger);background:0 0}.ak-icon-button--danger[data-v-b4833b10]:hover:not(:disabled){background:var(--danger-soft)}.ak-icon-button__icon[data-v-b4833b10]{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;line-height:0;display:flex}.ak-icon-button--sm .ak-icon-button__icon[data-v-b4833b10]{width:18px;height:18px}.ak-icon-button--lg .ak-icon-button__icon[data-v-b4833b10]{width:22px;height:22px}.ak-icon-button__spinner[data-v-b4833b10]{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ak-spin-b4833b10}@keyframes ak-spin-b4833b10{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ak-icon-button__spinner[data-v-b4833b10]{opacity:.6;border-right-color:currentColor;animation:none}}.ak-switch[data-v-d49f3b2e]{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;width:100%;display:flex}.ak-switch--disabled[data-v-d49f3b2e]{opacity:.55;cursor:not-allowed}.ak-switch__copy[data-v-d49f3b2e]{flex-direction:column;gap:2px;min-width:0;display:flex}.ak-switch__label[data-v-d49f3b2e]{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:650}.ak-switch__description[data-v-d49f3b2e]{color:var(--text-secondary);font-size:12px;line-height:1.45}.ak-switch__control[data-v-d49f3b2e]{flex-shrink:0;position:relative}.ak-switch__input[data-v-d49f3b2e]{opacity:0;width:0;height:0;position:absolute}.ak-switch__track[data-v-d49f3b2e]{border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border);width:44px;height:26px;transition:background-color var(--transition), border-color var(--transition);display:block;position:relative}.ak-switch__thumb[data-v-d49f3b2e]{background:var(--bg-elevated);border:1px solid var(--border);width:18px;height:18px;transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.ak-switch--on .ak-switch__track[data-v-d49f3b2e]{background:var(--accent);border-color:#0000}.ak-switch--on .ak-switch__thumb[data-v-d49f3b2e]{background:var(--accent-contrast);border-color:#0000;transform:translate(18px)}.ak-switch__input:focus-visible+.ak-switch__track[data-v-d49f3b2e]{box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){.ak-switch__track[data-v-d49f3b2e],.ak-switch__thumb[data-v-d49f3b2e]{transition:none}}.ak-tab-bar[data-v-636977ec]{inset-inline:0;z-index:50;padding-bottom:var(--safe-bottom);pointer-events:none;background:var(--nav-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb, var(--border) 45%, transparent);position:fixed;bottom:0}.ak-tab-bar__track[data-v-636977ec]{width:100%;max-width:var(--shell-max);min-height:var(--nav-height);pointer-events:auto;align-items:stretch;margin:0 auto;display:flex;position:relative}.ak-tab-bar__indicator[data-v-636977ec]{border-radius:var(--radius-full);background:var(--accent-soft);opacity:0;pointer-events:none;transition:transform .34s var(--ease-out-expo), width .34s var(--ease-out-expo), height .34s var(--ease-out-expo), opacity .22s var(--ease-smooth);position:absolute;top:0;left:0}.ak-tab-bar__indicator--ready[data-v-636977ec]{opacity:1}@media (prefers-reduced-motion:reduce){.ak-tab-bar__indicator[data-v-636977ec]{transition:none}}.ak-tab-bar__item[data-v-2a73a441]{z-index:1;min-width:0;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition), transform .18s var(--ease-spring);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px 7px;font-size:11px;font-weight:600;line-height:1.1;display:flex;position:relative}.ak-tab-bar__item[data-v-2a73a441]:hover:not(:disabled):not(.ak-tab-bar__item--active){color:var(--text)}.ak-tab-bar__item[data-v-2a73a441]:active:not(:disabled){transform:scale(.96)}.ak-tab-bar__item--active[data-v-2a73a441]{color:var(--accent)}.ak-tab-bar__item[data-v-2a73a441]:disabled{opacity:.42;cursor:not-allowed}.ak-tab-bar__item[data-v-2a73a441]:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.ak-tab-bar__icon[data-v-2a73a441]{opacity:.72;width:56px;height:28px;transition:opacity var(--transition);justify-content:center;align-items:center;line-height:0;display:flex}.ak-tab-bar__item--active .ak-tab-bar__icon[data-v-2a73a441]{opacity:1}.ak-tab-bar__label[data-v-2a73a441]{text-overflow:ellipsis;white-space:nowrap;opacity:.72;max-width:100%;transition:color var(--transition), font-weight .28s var(--ease-smooth), opacity .28s var(--ease-smooth);overflow:hidden}.ak-tab-bar__item--active .ak-tab-bar__label[data-v-2a73a441]{opacity:1;font-weight:700}@media (prefers-reduced-motion:reduce){.ak-tab-bar__item[data-v-2a73a441]:active:not(:disabled){transform:none}}
|
|
1
|
+
@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Lora:ital,wght@0,500;0,600;1,500&display=swap";:root{--font-display:"DM Sans", system-ui, -apple-system, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-editorial:"Lora", Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-full:9999px;--page-pad-x:20px;--page-pad-top:28px;--page-pad-bottom:24px;--shell-max:480px;--nav-height:68px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition:.18s cubic-bezier(.4, 0, .2, 1);--bg:#f8f6f1;--bg-elevated:#fffefa;--bg-soft:#f0ede6;--bg-muted:#e5e0d6;--bg-tinted:#f1eefb;--text:#29312d;--text-secondary:#65706a;--text-tertiary:#929b95;--text-inverse:#fffefa;--border:#29312d1a;--border-strong:#29312d2e;--cat-1:#578eae;--cat-2:#896db9;--cat-3:#bf8230;--cat-4:#518768;--cat-5:#bd697c;--cat-6:#827e6c;--success:#2e7658;--success-soft:#e5f2eb;--warning:#8f651a;--warning-soft:#f8efd9;--danger:#af4a40;--danger-soft:#fae9e6;--info:#3d7093;--info-soft:#e6f0f6;--shadow-sm:none;--shadow-md:none;--shadow-nav:0 -1px 0 var(--border);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--button-radius:var(--radius-full);--card-radius:10px;--field-radius:12px;--chip-radius:var(--radius-full);--badge-radius:var(--radius-full);--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-soft);--field-bg-hover:var(--bg-muted);--field-border:transparent;--control-border:var(--border-strong);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none;--nav-glass:#fffefae6;--fill-strong:#29312d;--on-fill-strong:#fffefa;--toast-bg:#29312d;--toast-fg:#fffefa;--orb-2:#5682691f;--orb-3:#dda85e1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mood=app]{--bg:#f8f6f1;--bg-elevated:#fffefa;--bg-soft:#f0ede6;--bg-muted:#e5e0d6;--bg-tinted:#f1eefb;--text:#29312d;--text-secondary:#65706a;--text-tertiary:#929b95;--text-inverse:#fffefa;--border:#29312d1a;--border-strong:#29312d2e;--shadow-sm:none;--shadow-md:none;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--button-radius:var(--radius-full);--card-radius:10px;--field-radius:12px;--chip-radius:var(--radius-full);--badge-radius:var(--radius-full);--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-soft);--field-bg-hover:var(--bg-muted);--field-border:transparent;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none}[data-mood=site]{--bg:#f8f8f7;--bg-elevated:#fff;--bg-soft:#f2f2f0;--bg-muted:#e9e9e6;--bg-tinted:#f4f5f4;--text:#213129;--text-secondary:#5b6a62;--text-tertiary:#8b978f;--text-inverse:#fff;--border:#2131291c;--border-strong:#21312933;--cat-1:#4981a1;--cat-2:#745da1;--cat-3:#9f7128;--cat-4:#3a7a57;--cat-5:#a45368;--cat-6:#697b69;--success:#236e4a;--success-soft:#e2f0e8;--warning:#845e14;--warning-soft:#f5ecd4;--danger:#9d443a;--danger-soft:#f8e7e4;--info:#336a89;--info-soft:#e3eef4;--shadow-sm:none;--shadow-md:none;--shadow-nav:0 -1px 0 var(--border);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--button-radius:8px;--card-radius:8px;--field-radius:10px;--chip-radius:10px;--badge-radius:8px;--card-bg:var(--bg);--card-border:var(--border-strong);--card-shadow:none;--field-bg:var(--bg-elevated);--field-bg-hover:var(--bg-elevated);--field-border:var(--border-strong);--control-border:var(--border-strong);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);--button-shadow:none;--nav-glass:#ffffffeb;--fill-strong:#213129;--on-fill-strong:#fff;--toast-bg:#213129;--toast-fg:#fff;--orb-2:#4f7f9b14;--orb-3:#9a702d12;--ease-spring:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#1d211f;--bg-elevated:#272c29;--bg-soft:#303632;--bg-muted:#3a413c;--bg-tinted:#312e40;--text:#f3f1ec;--text-secondary:#b4bbb6;--text-tertiary:#7f8983;--text-inverse:#202421;--border:#ffffff12;--border-strong:#ffffff24;--success:#73be97;--success-soft:#283e32;--warning:#d9af5c;--warning-soft:#413823;--danger:#e3877d;--danger-soft:#472f2d;--info:#82b0cc;--info-soft:#293b46;--shadow-sm:none;--shadow-md:none;--card-border:#ffffff1a;--card-shadow:none;--field-border:#ffffff1a;--control-border:#ffffff24;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);--button-shadow:none;--nav-glass:#272c29eb;--fill-strong:#f3f1ec;--on-fill-strong:#202421;--toast-bg:#f3f1ec;--toast-fg:#202421;--orb-2:#78b99717;--orb-3:#d4ad6114;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-mood=site][data-theme=dark]{--bg:#1c1f1e;--bg-elevated:#262928;--bg-soft:#2f3331;--bg-muted:#393e3b;--bg-tinted:#252928;--text:#f0f3f0;--text-secondary:#abb7b0;--text-tertiary:#77867d;--text-inverse:#17201b;--success:#71bc91;--success-soft:#274236;--warning:#d5ad5d;--warning-soft:#413824;--danger:#e0887e;--danger-soft:#472f2d;--info:#7faec9;--info-soft:#293d47;--shadow-sm:none;--shadow-md:none;--card-border:#ffffff1a;--card-shadow:none;--field-border:#ffffff21;--control-border:#ffffff24;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--button-shadow:none;--nav-glass:#232d28eb;--fill-strong:#f0f3f0;--on-fill-strong:#17201b;--toast-bg:#f0f3f0;--toast-fg:#17201b;--orb-2:#84adc412;--orb-3:#d0ab620f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-mood=app]:not([data-accent]){--accent-lighter:#a59ad8;--accent-light:#8375cc;--accent:#6354bc;--accent-dark:#4d3f9c;--accent-darker:#392e78;--accent-hover:var(--accent-dark);--accent-soft:#ece9f8;--accent-contrast:#fff;--bg-tinted:#f1eefb;--orb-1:#6658b821}[data-mood=site]:not([data-accent]){--accent-lighter:#4ca67e;--accent-light:#3c8866;--accent:#2c6a4f;--accent-dark:#1d4c37;--accent-darker:#102d20;--accent-hover:var(--accent-dark);--accent-soft:#e2eee7;--accent-contrast:#fff;--bg-tinted:#f4f5f4;--orb-1:#2e684f0f}[data-accent=violet]{--accent-lighter:#a59ad8;--accent-light:#8375cc;--accent:#6354bc;--accent-dark:#4d3f9c;--accent-darker:#392e78;--accent-hover:var(--accent-dark);--accent-soft:#ece9f8;--accent-contrast:#fff;--bg-tinted:#f1eefb;--orb-1:#6658b821}[data-accent=evergreen]{--accent-lighter:#4ca67e;--accent-light:#3c8866;--accent:#2c6a4f;--accent-dark:#1d4c37;--accent-darker:#102d20;--accent-hover:var(--accent-dark);--accent-soft:#e2eee7;--accent-contrast:#fff;--bg-tinted:#f2f5f3;--orb-1:#2e684f12}[data-accent=teal]{--accent-lighter:#69acb6;--accent-light:#4b99a4;--accent:#377f88;--accent-dark:#286168;--accent-darker:#1a4247;--accent-hover:var(--accent-dark);--accent-soft:#e3eff0;--accent-contrast:#fff;--bg-tinted:#e8f2f3;--orb-1:#3a7d851f}[data-accent=ocean]{--accent-lighter:#759cbe;--accent-light:#5184b1;--accent:#3a6a97;--accent-dark:#2b5176;--accent-darker:#1c3955;--accent-hover:var(--accent-dark);--accent-soft:#e5eef5;--accent-contrast:#fff;--bg-tinted:#e8f0f7;--orb-1:#3d6a941c}[data-accent=amber]{--accent-lighter:#c9a05e;--accent-light:#bc8a3b;--accent:#9d712a;--accent-dark:#7c581e;--accent-darker:#593e14;--accent-hover:var(--accent-dark);--accent-soft:#f5ecd4;--accent-contrast:#fff;--bg-tinted:#f8f2e4;--orb-1:#9a702d1a}[data-accent=rose]{--accent-lighter:#cf919f;--accent-light:#c36d80;--accent:#ac5468;--accent-dark:#8d4254;--accent-darker:#6d3140;--accent-hover:var(--accent-dark);--accent-soft:#fae9ed;--accent-contrast:#fff;--bg-tinted:#f9eef1;--orb-1:#a8586a1c}[data-accent=coral]{--accent-lighter:#d99b86;--accent-light:#d07b5f;--accent:#b96246;--accent-dark:#974d36;--accent-darker:#733a28;--accent-hover:var(--accent-dark);--accent-soft:#faece8;--accent-contrast:#fff;--bg-tinted:#f9f0eb;--orb-1:#b5644a1c}[data-accent=slate]{--accent-lighter:#7e93a9;--accent-light:#5e7894;--accent:#475d76;--accent-dark:#36485a;--accent-darker:#25313e;--accent-hover:var(--accent-dark);--accent-soft:#e8ecf1;--accent-contrast:#fff;--bg-tinted:#eef1f5;--orb-1:#4a5d731a}[data-theme=dark]:not([data-accent]),[data-theme=dark][data-mood=app]:not([data-accent]){--accent-lighter:#cfc9f5;--accent-light:#bab1f1;--accent:#a89cea;--accent-dark:#887ad7;--accent-darker:#6350cc;--accent-hover:var(--accent-light);--accent-soft:#39354f;--accent-contrast:#211d38;--bg-tinted:#312e40;--orb-1:#a99ee81c}[data-theme=dark][data-mood=site]:not([data-accent]){--accent-lighter:#abd2bf;--accent-light:#94c8ae;--accent:#7fbc9d;--accent-dark:#64a484;--accent-darker:#4d886a;--accent-hover:var(--accent-light);--accent-soft:#294438;--accent-contrast:#13241c;--bg-tinted:#252928;--orb-1:#82b99d0f}[data-theme=dark][data-accent=violet]{--accent-lighter:#cfc9f5;--accent-light:#bab1f1;--accent:#a89cea;--accent-dark:#887ad7;--accent-darker:#6350cc;--accent-hover:var(--accent-light);--accent-soft:#39354f;--accent-contrast:#211d38;--bg-tinted:#312e40;--orb-1:#a99ee81c}[data-theme=dark][data-accent=evergreen]{--accent-lighter:#abd2bf;--accent-light:#94c8ae;--accent:#7fbc9d;--accent-dark:#64a484;--accent-darker:#4d886a;--accent-hover:var(--accent-light);--accent-soft:#294438;--accent-contrast:#13241c;--bg-tinted:#27312c;--orb-1:#82b99d12}[data-theme=dark][data-accent=teal]{--accent-lighter:#add4da;--accent-light:#93c9cf;--accent:#7bbac2;--accent-dark:#5e9fa7;--accent-darker:#477f86;--accent-hover:var(--accent-light);--accent-soft:#294548;--accent-contrast:#142528;--bg-tinted:#243638;--orb-1:#7eb8bf1a}[data-theme=dark][data-accent=ocean]{--accent-lighter:#b6d1e9;--accent-light:#9dc3e4;--accent:#88b4db;--accent-dark:#6b9bc5;--accent-darker:#4482b9;--accent-hover:var(--accent-light);--accent-soft:#2a3a4a;--accent-contrast:#152130;--bg-tinted:#253545;--orb-1:#8ab4d91a}[data-theme=dark][data-accent=amber]{--accent-lighter:#e5c992;--accent-light:#e1bc75;--accent:#d7ae5e;--accent-dark:#bc9544;--accent-darker:#977734;--accent-hover:var(--accent-light);--accent-soft:#413823;--accent-contrast:#2a2212;--bg-tinted:#3a3220;--orb-1:#d4ad6117}[data-theme=dark][data-accent=rose]{--accent-lighter:#edb6c0;--accent-light:#e99dac;--accent:#e18899;--accent-dark:#cc6c7f;--accent-darker:#c2455e;--accent-hover:var(--accent-light);--accent-soft:#472f35;--accent-contrast:#2a171c;--bg-tinted:#3a2830;--orb-1:#df8a9a1a}[data-theme=dark][data-accent=coral]{--accent-lighter:#eec1b2;--accent-light:#eaac97;--accent:#e29980;--accent-dark:#cc7d63;--accent-darker:#c15d3b;--accent-hover:var(--accent-light);--accent-soft:#4a322c;--accent-contrast:#2a1a15;--bg-tinted:#3d2e28;--orb-1:#e09a821a}[data-theme=dark][data-accent=slate]{--accent-lighter:#c3cfdd;--accent-light:#acbed3;--accent:#98adc6;--accent-dark:#7c93b0;--accent-darker:#5b789f;--accent-hover:var(--accent-light);--accent-soft:#2f3844;--accent-contrast:#171e28;--bg-tinted:#2a323c;--orb-1:#9aadc41a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#app{transition:background-color .28s var(--ease-smooth), color .28s var(--ease-smooth)}body{min-height:100dvh;color:var(--text);background:var(--bg);font-family:var(--font-body);font-feature-settings:"kern" 1, "liga" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;font-weight:400;line-height:1.6;overflow-x:hidden}#app{min-height:100dvh}h1,h2,h3,h4{color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-weight:650;line-height:1.16}p{text-wrap:pretty}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-label{margin-bottom:var(--space-2);color:var(--accent);letter-spacing:.01em;font-size:13px;font-weight:700;display:block}.page-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(34px,7vw,46px);font-weight:650;line-height:1.08}[data-mood=site] .page-title{letter-spacing:-.035em;font-size:clamp(34px,6vw,44px)}.akoma-page{padding:calc(var(--page-pad-top) + var(--safe-top)) var(--page-pad-x) var(--page-pad-bottom)}.akoma-shell{z-index:1;width:100%;max-width:var(--shell-max);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);flex:1;margin:0 auto;position:relative}.numeric{font-variant-numeric:tabular-nums lining-nums}@media (prefers-reduced-motion:reduce){html,body,#app{transition:none}}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient__orb{filter:blur(60px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite ambient-drift;position:absolute}[data-mood=site] .ambient__orb{opacity:.2}[data-mood=site][data-theme=dark] .ambient__orb{opacity:.14}.ambient__orb--1{background:var(--orb-1);width:280px;height:280px;top:-80px;right:-60px}.ambient__orb--2{background:var(--orb-2);width:220px;height:220px;animation-duration:22s;animation-delay:-6s;bottom:120px;left:-80px}.ambient__orb--3{background:var(--orb-3);width:160px;height:160px;animation-duration:16s;animation-delay:-12s;top:40%;right:10%}@keyframes ambient-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(12px,-18px)scale(1.05)}66%{transform:translate(-10px,14px)scale(.95)}}.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active,.page-fade-enter-active,.page-fade-leave-active{transition:opacity .28s var(--ease-out-expo), transform .32s var(--ease-out-expo)}.page-slide-left-enter-from{opacity:0;transform:translate(28px)}.page-slide-left-leave-to{opacity:0;transform:translate(-20px)}.page-slide-right-enter-from{opacity:0;transform:translate(-28px)}.page-slide-right-leave-to{opacity:0;transform:translate(20px)}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(8px)}.reveal{animation:reveal-up .55s var(--ease-out-expo) both}.reveal-d1{animation-delay:60ms}.reveal-d2{animation-delay:.12s}.reveal-d3{animation-delay:.18s}.reveal-d4{animation-delay:.24s}.reveal-d5{animation-delay:.3s}.reveal-d6{animation-delay:.36s}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.list-enter-active{transition:opacity .35s var(--ease-out-expo), transform .4s var(--ease-spring)}.list-leave-active{width:calc(100% - 40px);transition:opacity .2s,transform .25s;position:absolute}.list-enter-from{opacity:0;transform:translateY(12px)scale(.97)}.list-leave-to{opacity:0;transform:scale(.95)}.list-move{transition:transform .4s var(--ease-out-expo)}.tap-scale{transition:transform .18s var(--ease-spring)}.tap-scale:active{transform:scale(.985)}.toast-pop-enter-active{animation:toast-in .45s var(--ease-spring)}.toast-pop-leave-active{animation:toast-out .3s var(--ease-smooth) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}60%{transform:translate(-50%)translateY(-4px)scale(1.02)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(12px)scale(.9)}}@media (prefers-reduced-motion:reduce){.ambient__orb,.reveal,.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active,.page-fade-enter-active,.page-fade-leave-active,.list-enter-active,.list-leave-active,.list-move,.toast-pop-enter-active,.toast-pop-leave-active{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.ak-button[data-v-7786dae9]{font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--button-radius);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition), transform var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex;position:relative}.ak-button[data-v-7786dae9]:active:not(:disabled){transform:scale(.985)}.ak-button[data-v-7786dae9]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-button[data-v-7786dae9]:disabled{opacity:.46;cursor:not-allowed;transform:none!important}.ak-button--block[data-v-7786dae9]{width:100%}.ak-button--sm[data-v-7786dae9]{min-height:34px;padding:0 15px;font-size:13px}.ak-button--md[data-v-7786dae9]{min-height:42px;padding:0 20px;font-size:14px}.ak-button--lg[data-v-7786dae9]{min-height:50px;padding:0 24px;font-size:15px}.ak-button--primary[data-v-7786dae9]{background:var(--accent);color:var(--accent-contrast)}.ak-button--primary[data-v-7786dae9]:hover:not(:disabled){background:var(--accent-hover)}.ak-button--secondary[data-v-7786dae9]{background:var(--bg-elevated);color:var(--text);border-color:var(--control-border)}.ak-button--secondary[data-v-7786dae9]:hover:not(:disabled){background:var(--bg-soft);border-color:#0000}.ak-button--ghost[data-v-7786dae9]{color:var(--accent);background:0 0}.ak-button--ghost[data-v-7786dae9]:hover:not(:disabled){background:var(--accent-soft)}.ak-button--danger[data-v-7786dae9]{background:var(--danger);color:var(--accent-contrast)}.ak-button--danger[data-v-7786dae9]:hover:not(:disabled){filter:brightness(.95)}.ak-button__icon[data-v-7786dae9]{width:1.1em;height:1.1em;display:inline-flex}.ak-button__icon[data-v-7786dae9] svg{width:100%;height:100%}.ak-button__spinner[data-v-7786dae9]{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ak-spin-7786dae9}.ak-button--loading .ak-button__label[data-v-7786dae9]{opacity:.85}@keyframes ak-spin-7786dae9{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ak-button[data-v-7786dae9]{transition:none}.ak-button__spinner[data-v-7786dae9]{opacity:.6;border-right-color:currentColor;animation:none}}.ak-badge[data-v-02933f09]{border-radius:var(--badge-radius);letter-spacing:.005em;align-self:flex-start;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;font-size:11.5px;font-weight:650;line-height:1.3;display:inline-flex}.ak-badge--neutral[data-v-02933f09]{background:var(--bg-soft);color:var(--text-secondary)}.ak-badge--accent[data-v-02933f09]{background:var(--accent-soft);color:var(--accent)}.ak-badge--success[data-v-02933f09]{background:var(--success-soft);color:var(--success)}.ak-badge--warning[data-v-02933f09]{background:var(--warning-soft);color:var(--warning)}.ak-badge--danger[data-v-02933f09]{background:var(--danger-soft);color:var(--danger)}.ak-badge--info[data-v-02933f09]{background:var(--info-soft);color:var(--info)}.ak-chip[data-v-c782362c]{border-radius:var(--chip-radius);min-height:36px;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-soft);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.ak-chip[data-v-c782362c]:hover:not(:disabled):not(.ak-chip--active){background:var(--bg-muted);color:var(--text)}.ak-chip--active[data-v-c782362c]{background:var(--ak-chip-active-bg,var(--accent-soft));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 10%, transparent)}.ak-chip--active[style*=--ak-chip-active-bg][data-v-c782362c]{color:var(--accent-contrast)}.ak-chip[data-v-c782362c]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ak-chip[data-v-c782362c]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-card[data-v-73ac6197]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);flex-direction:column;width:100%;display:flex;overflow:hidden}.ak-card--pad-none[data-v-73ac6197]{padding:0}.ak-card--pad-sm[data-v-73ac6197]{padding:var(--space-4)}.ak-card--pad-md[data-v-73ac6197]{padding:var(--space-5)}.ak-card--pad-lg[data-v-73ac6197]{padding:var(--space-8)}.ak-card--pad-none .ak-card__body[data-v-73ac6197],.ak-card--pad-none .ak-card__header[data-v-73ac6197],.ak-card--pad-none .ak-card__footer[data-v-73ac6197]{padding-left:18px;padding-right:18px}.ak-card--pad-none .ak-card__header[data-v-73ac6197]{padding-top:16px}.ak-card--pad-none .ak-card__body[data-v-73ac6197]{padding-bottom:16px}.ak-card--pad-none .ak-card__footer[data-v-73ac6197]{padding-bottom:18px}.ak-card--interactive[data-v-73ac6197]{cursor:pointer;transition:border-color var(--transition)}.ak-card--interactive[data-v-73ac6197]:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border-strong))}.ak-card--interactive[data-v-73ac6197]:focus-within{border-color:var(--accent);outline:none}.ak-card__media[data-v-73ac6197]{flex-shrink:0}.ak-card__header[data-v-73ac6197]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ak-card__body[data-v-73ac6197]{flex:1;min-width:0}.ak-card__footer[data-v-73ac6197]{margin-top:var(--space-5);align-items:center;gap:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){.ak-card--interactive[data-v-73ac6197]{transition:none}}.ak-field[data-v-60d7d2d0]{flex-direction:column;gap:7px;width:100%;display:flex}.ak-field__label[data-v-60d7d2d0]{color:var(--text);letter-spacing:-.005em;font-size:13px;font-weight:650}.ak-field__required[data-v-60d7d2d0]{color:var(--danger);margin-left:2px}.ak-field__control[data-v-60d7d2d0]{border-radius:var(--field-radius);background:var(--field-bg);border:1px solid var(--field-border);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);outline:none}.ak-field__control[data-v-60d7d2d0]::placeholder{color:var(--text-tertiary)}.ak-field__control--sm[data-v-60d7d2d0]{min-height:38px;padding:8px 13px;font-size:14px}.ak-field__control--md[data-v-60d7d2d0]{min-height:44px;padding:11px 15px;font-size:15px}.ak-field__control--lg[data-v-60d7d2d0]{min-height:50px;padding:13px 17px;font-size:16px}.ak-field__control[data-v-60d7d2d0]:hover:not(:disabled):not(:focus){background:var(--field-bg-hover);border-color:var(--control-border)}.ak-field__control[data-v-60d7d2d0]:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--focus-ring)}.ak-field--error .ak-field__control[data-v-60d7d2d0]{border-color:var(--danger);background:var(--bg-elevated)}.ak-field--error .ak-field__control[data-v-60d7d2d0]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent)}.ak-field--disabled[data-v-60d7d2d0]{opacity:.6}.ak-field__hint[data-v-60d7d2d0]{color:var(--text-tertiary);padding-left:1px;font-size:12px}.ak-field--error .ak-field__hint[data-v-60d7d2d0]{color:var(--danger)}.ak-field[data-v-d34da198]{flex-direction:column;gap:7px;width:100%;display:flex}.ak-field__label[data-v-d34da198]{color:var(--text);letter-spacing:-.005em;font-size:13px;font-weight:650}.ak-field__required[data-v-d34da198]{color:var(--danger);margin-left:2px}.ak-field__control[data-v-d34da198]{border-radius:var(--field-radius);background:var(--field-bg);border:1px solid var(--field-border);width:100%;min-height:100px;color:var(--text);resize:vertical;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);outline:none;padding:12px 15px;font-size:15px;line-height:1.6}.ak-field__control[data-v-d34da198]::placeholder{color:var(--text-tertiary)}.ak-field__control[data-v-d34da198]:hover:not(:disabled):not(:focus){background:var(--field-bg-hover);border-color:var(--control-border)}.ak-field__control[data-v-d34da198]:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--focus-ring)}.ak-field--error .ak-field__control[data-v-d34da198]{border-color:var(--danger);background:var(--bg-elevated)}.ak-field--error .ak-field__control[data-v-d34da198]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent)}.ak-field--disabled[data-v-d34da198]{opacity:.6}.ak-field__hint[data-v-d34da198]{color:var(--text-tertiary);padding-left:1px;font-size:12px}.ak-field--error .ak-field__hint[data-v-d34da198]{color:var(--danger)}.ak-empty[data-v-ab81ece0]{text-align:center;padding:var(--space-12) var(--space-8);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);flex-direction:column;align-items:center;display:flex}.ak-empty__icon[data-v-ab81ece0]{width:76px;height:70px;margin-bottom:var(--space-5);place-items:center;animation:none;display:grid;position:relative}.ak-empty__ring[data-v-ab81ece0]{transition:transform .32s var(--ease-out-expo);border:0;position:absolute}.ak-empty__ring--outer[data-v-ab81ece0]{background:var(--accent-soft);border-radius:46% 54% 61% 39%/52% 42% 58% 48%;inset:3px 1px 0 4px;transform:rotate(-5deg)}.ak-empty__ring--inner[data-v-ab81ece0]{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));border-radius:55% 45% 42% 58%/44% 56% 46% 54%;inset:16px 14px 13px 16px;transform:rotate(8deg)}.ak-empty__glyph[data-v-ab81ece0]{z-index:1;color:var(--accent);width:21px;height:21px;display:inline-flex;position:relative}.ak-empty__glyph[data-v-ab81ece0] svg{width:100%;height:100%}.ak-empty__title[data-v-ab81ece0]{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin-bottom:var(--space-2);font-size:20px;font-weight:650}.ak-empty__description[data-v-ab81ece0]{color:var(--text-secondary);max-width:280px;font-size:14px;line-height:1.55}.ak-empty__action[data-v-ab81ece0]{margin-top:var(--space-6)}@keyframes ak-empty-float-ab81ece0{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.ak-empty__icon[data-v-ab81ece0]{animation:none}}.ak-shimmer[data-v-de7bd16d]{background:linear-gradient(90deg, var(--bg-muted) 0%, var(--bg-soft) 45%, var(--bg-muted) 90%);background-size:200% 100%;animation:1.4s ease-in-out infinite ak-shimmer-de7bd16d;display:block}@keyframes ak-shimmer-de7bd16d{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ak-shimmer[data-v-de7bd16d]{animation:none}}.ambient--contained[data-v-b34dece3]{position:absolute}.ak-icon[data-v-083f6c55]{color:inherit;flex-shrink:0;line-height:0;display:block}.ak-icon[data-v-083f6c55] svg{width:100%;height:100%;display:block}.ak-icon--missing[data-v-083f6c55]:after{content:"?";color:var(--danger);font-size:10px;font-weight:700}.ak-divider--horizontal[data-v-17bc7513]{width:100%;color:var(--text-tertiary);align-items:center;display:flex}.ak-divider--horizontal[data-v-17bc7513]:before,.ak-divider--horizontal[data-v-17bc7513]:after{content:"";background:var(--border-strong);flex:1;height:1px}.ak-divider--horizontal[data-v-17bc7513]:not(:has(.ak-divider__label)):after{display:none}.ak-divider__label[data-v-17bc7513]{padding:0 var(--space-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.ak-divider--vertical[data-v-17bc7513]{background:var(--border-strong);align-self:stretch;width:1px}.ak-divider--spacing-sm.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-3) 0}.ak-divider--spacing-md.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-5) 0}.ak-divider--spacing-lg.ak-divider--horizontal[data-v-17bc7513]{margin:var(--space-8) 0}.ak-divider--spacing-sm.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-3)}.ak-divider--spacing-md.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-4)}.ak-divider--spacing-lg.ak-divider--vertical[data-v-17bc7513]{margin:0 var(--space-5)}.ak-progress[data-v-ed0a6fcd]{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ak-progress__meta[data-v-ed0a6fcd]{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.ak-progress__label[data-v-ed0a6fcd]{color:var(--text-secondary);font-size:12px;font-weight:650}.ak-progress__value[data-v-ed0a6fcd]{color:var(--text-tertiary);font-size:12px;font-weight:650}.ak-progress__track[data-v-ed0a6fcd]{background:var(--bg-soft);border-radius:var(--radius-full);overflow:hidden}.ak-progress__fill[data-v-ed0a6fcd]{background:var(--accent);border-radius:inherit;height:100%;transition:width .28s var(--ease-smooth);display:block}.ak-progress--sm .ak-progress__track[data-v-ed0a6fcd]{height:6px}.ak-progress--md .ak-progress__track[data-v-ed0a6fcd]{height:8px}@media (prefers-reduced-motion:reduce){.ak-progress__fill[data-v-ed0a6fcd]{transition:none}}.ak-section-header[data-v-65fca8d1]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ak-section-header__title[data-v-65fca8d1]{color:var(--text-tertiary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:1.3}.ak-section-header__action[data-v-65fca8d1]{flex-shrink:0}.ak-list[data-v-708bdd68]{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--bg);margin:0;padding:0;list-style:none;overflow:hidden}.ak-list-row-item[data-v-9f8ea96f]{list-style:none}.ak-list-row-item--divider[data-v-9f8ea96f]:not(:last-child){border-bottom:1px solid var(--border)}.ak-list-row[data-v-9f8ea96f]{align-items:center;gap:var(--space-3);text-align:left;background:var(--bg);width:100%;color:inherit;font:inherit;border:0;display:flex}.ak-list-row--pad-sm[data-v-9f8ea96f]{padding:var(--space-3) var(--space-4)}.ak-list-row--pad-md[data-v-9f8ea96f]{padding:var(--space-4)}.ak-list-row--interactive[data-v-9f8ea96f]{cursor:pointer;transition:background-color var(--transition)}.ak-list-row--interactive[data-v-9f8ea96f]:hover:not(:disabled){background:var(--bg-soft)}.ak-list-row--interactive[data-v-9f8ea96f]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ak-list-row--disabled[data-v-9f8ea96f]{opacity:.5;cursor:not-allowed}.ak-list-row__leading[data-v-9f8ea96f],.ak-list-row__trailing[data-v-9f8ea96f]{flex-shrink:0;align-items:center;display:inline-flex}.ak-list-row__content[data-v-9f8ea96f]{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.ak-list-row__title[data-v-9f8ea96f]{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:650}.ak-list-row__subtitle[data-v-9f8ea96f]{color:var(--text-secondary);font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.ak-list-row--interactive[data-v-9f8ea96f]{transition:none}}.ak-icon-button[data-v-b4833b10]{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ak-icon-button[data-v-b4833b10]:disabled{opacity:.46;cursor:not-allowed}.ak-icon-button[data-v-b4833b10]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ak-icon-button--sm[data-v-b4833b10]{width:32px;height:32px}.ak-icon-button--md[data-v-b4833b10]{width:36px;height:36px}.ak-icon-button--lg[data-v-b4833b10]{width:42px;height:42px}.ak-icon-button--ghost[data-v-b4833b10]{color:var(--text-secondary);background:0 0}.ak-icon-button--ghost[data-v-b4833b10]:hover:not(:disabled){background:var(--bg-soft);color:var(--text)}.ak-icon-button--secondary[data-v-b4833b10]{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border)}.ak-icon-button--secondary[data-v-b4833b10]:hover:not(:disabled){background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.ak-icon-button--danger[data-v-b4833b10]{color:var(--danger);background:0 0}.ak-icon-button--danger[data-v-b4833b10]:hover:not(:disabled){background:var(--danger-soft)}.ak-icon-button__icon[data-v-b4833b10]{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;line-height:0;display:flex}.ak-icon-button--sm .ak-icon-button__icon[data-v-b4833b10]{width:18px;height:18px}.ak-icon-button--lg .ak-icon-button__icon[data-v-b4833b10]{width:22px;height:22px}.ak-icon-button__spinner[data-v-b4833b10]{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ak-spin-b4833b10}@keyframes ak-spin-b4833b10{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ak-icon-button__spinner[data-v-b4833b10]{opacity:.6;border-right-color:currentColor;animation:none}}.ak-switch[data-v-d49f3b2e]{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;width:100%;display:flex}.ak-switch--disabled[data-v-d49f3b2e]{opacity:.55;cursor:not-allowed}.ak-switch__copy[data-v-d49f3b2e]{flex-direction:column;gap:2px;min-width:0;display:flex}.ak-switch__label[data-v-d49f3b2e]{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:650}.ak-switch__description[data-v-d49f3b2e]{color:var(--text-secondary);font-size:12px;line-height:1.45}.ak-switch__control[data-v-d49f3b2e]{flex-shrink:0;position:relative}.ak-switch__input[data-v-d49f3b2e]{opacity:0;width:0;height:0;position:absolute}.ak-switch__track[data-v-d49f3b2e]{border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border);width:44px;height:26px;transition:background-color var(--transition), border-color var(--transition);display:block;position:relative}.ak-switch__thumb[data-v-d49f3b2e]{background:var(--bg-elevated);border:1px solid var(--border);width:18px;height:18px;transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.ak-switch--on .ak-switch__track[data-v-d49f3b2e]{background:var(--accent);border-color:#0000}.ak-switch--on .ak-switch__thumb[data-v-d49f3b2e]{background:var(--accent-contrast);border-color:#0000;transform:translate(18px)}.ak-switch__input:focus-visible+.ak-switch__track[data-v-d49f3b2e]{box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){.ak-switch__track[data-v-d49f3b2e],.ak-switch__thumb[data-v-d49f3b2e]{transition:none}}.ak-tab-bar[data-v-636977ec]{inset-inline:0;z-index:50;padding-bottom:var(--safe-bottom);pointer-events:none;background:var(--nav-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb, var(--border) 45%, transparent);position:fixed;bottom:0}.ak-tab-bar__track[data-v-636977ec]{width:100%;max-width:var(--shell-max);min-height:var(--nav-height);pointer-events:auto;align-items:stretch;margin:0 auto;display:flex;position:relative}.ak-tab-bar__indicator[data-v-636977ec]{border-radius:var(--radius-full);background:var(--accent-soft);opacity:0;pointer-events:none;transition:transform .34s var(--ease-out-expo), width .34s var(--ease-out-expo), height .34s var(--ease-out-expo), opacity .22s var(--ease-smooth);position:absolute;top:0;left:0}.ak-tab-bar__indicator--ready[data-v-636977ec]{opacity:1}@media (prefers-reduced-motion:reduce){.ak-tab-bar__indicator[data-v-636977ec]{transition:none}}.ak-tab-bar__item[data-v-2a73a441]{z-index:1;min-width:0;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition), transform .18s var(--ease-spring);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px 7px;font-size:11px;font-weight:600;line-height:1.1;display:flex;position:relative}.ak-tab-bar__item[data-v-2a73a441]:hover:not(:disabled):not(.ak-tab-bar__item--active){color:var(--text)}.ak-tab-bar__item[data-v-2a73a441]:active:not(:disabled){transform:scale(.96)}.ak-tab-bar__item--active[data-v-2a73a441]{color:var(--accent)}.ak-tab-bar__item[data-v-2a73a441]:disabled{opacity:.42;cursor:not-allowed}.ak-tab-bar__item[data-v-2a73a441]:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.ak-tab-bar__icon[data-v-2a73a441]{opacity:.72;width:56px;height:28px;transition:opacity var(--transition);justify-content:center;align-items:center;line-height:0;display:flex}.ak-tab-bar__item--active .ak-tab-bar__icon[data-v-2a73a441]{opacity:1}.ak-tab-bar__label[data-v-2a73a441]{text-overflow:ellipsis;white-space:nowrap;opacity:.72;max-width:100%;transition:color var(--transition), font-weight .28s var(--ease-smooth), opacity .28s var(--ease-smooth);overflow:hidden}.ak-tab-bar__item--active .ak-tab-bar__label[data-v-2a73a441]{opacity:1;font-weight:700}@media (prefers-reduced-motion:reduce){.ak-tab-bar__item[data-v-2a73a441]:active:not(:disabled){transform:none}}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/akoma.js
CHANGED
|
@@ -776,42 +776,74 @@ var we = [
|
|
|
776
776
|
violet: {
|
|
777
777
|
label: "Violet",
|
|
778
778
|
description: "Mineral violet — default for App mood.",
|
|
779
|
-
sample: "#
|
|
779
|
+
sample: "#6354bc",
|
|
780
|
+
lighter: "#a59ad8",
|
|
781
|
+
light: "#8375cc",
|
|
782
|
+
dark: "#4d3f9c",
|
|
783
|
+
darker: "#392e78"
|
|
780
784
|
},
|
|
781
785
|
evergreen: {
|
|
782
786
|
label: "Evergreen",
|
|
783
787
|
description: "Confident green — default for Site mood.",
|
|
784
|
-
sample: "#
|
|
788
|
+
sample: "#2c6a4f",
|
|
789
|
+
lighter: "#4ca67e",
|
|
790
|
+
light: "#3c8866",
|
|
791
|
+
dark: "#1d4c37",
|
|
792
|
+
darker: "#102d20"
|
|
785
793
|
},
|
|
786
794
|
teal: {
|
|
787
795
|
label: "Teal",
|
|
788
796
|
description: "Calm mineral teal for productivity and wellness apps.",
|
|
789
|
-
sample: "#
|
|
797
|
+
sample: "#377f88",
|
|
798
|
+
lighter: "#69acb6",
|
|
799
|
+
light: "#4b99a4",
|
|
800
|
+
dark: "#286168",
|
|
801
|
+
darker: "#1a4247"
|
|
790
802
|
},
|
|
791
803
|
ocean: {
|
|
792
804
|
label: "Ocean",
|
|
793
805
|
description: "Trustworthy blue for data-heavy products.",
|
|
794
|
-
sample: "#
|
|
806
|
+
sample: "#3a6a97",
|
|
807
|
+
lighter: "#759cbe",
|
|
808
|
+
light: "#5184b1",
|
|
809
|
+
dark: "#2b5176",
|
|
810
|
+
darker: "#1c3955"
|
|
795
811
|
},
|
|
796
812
|
amber: {
|
|
797
813
|
label: "Amber",
|
|
798
814
|
description: "Warm gold for optimistic, human interfaces.",
|
|
799
|
-
sample: "#
|
|
815
|
+
sample: "#9d712a",
|
|
816
|
+
lighter: "#c9a05e",
|
|
817
|
+
light: "#bc8a3b",
|
|
818
|
+
dark: "#7c581e",
|
|
819
|
+
darker: "#593e14"
|
|
800
820
|
},
|
|
801
821
|
rose: {
|
|
802
822
|
label: "Rose",
|
|
803
823
|
description: "Dusty rose for lifestyle and creative tools.",
|
|
804
|
-
sample: "#
|
|
824
|
+
sample: "#ac5468",
|
|
825
|
+
lighter: "#cf919f",
|
|
826
|
+
light: "#c36d80",
|
|
827
|
+
dark: "#8d4254",
|
|
828
|
+
darker: "#6d3140"
|
|
805
829
|
},
|
|
806
830
|
coral: {
|
|
807
831
|
label: "Coral",
|
|
808
832
|
description: "Terracotta warmth without feeling playful.",
|
|
809
|
-
sample: "#
|
|
833
|
+
sample: "#b96246",
|
|
834
|
+
lighter: "#d99b86",
|
|
835
|
+
light: "#d07b5f",
|
|
836
|
+
dark: "#974d36",
|
|
837
|
+
darker: "#733a28"
|
|
810
838
|
},
|
|
811
839
|
slate: {
|
|
812
840
|
label: "Slate",
|
|
813
841
|
description: "Blue-gray for neutral B2B surfaces.",
|
|
814
|
-
sample: "#
|
|
842
|
+
sample: "#475d76",
|
|
843
|
+
lighter: "#7e93a9",
|
|
844
|
+
light: "#5e7894",
|
|
845
|
+
dark: "#36485a",
|
|
846
|
+
darker: "#25313e"
|
|
815
847
|
}
|
|
816
848
|
}, gt = Object.keys(Z), Q = "violet", $ = "evergreen";
|
|
817
849
|
function _t(e, t) {
|
package/dist/index.d.ts
CHANGED
|
@@ -435,47 +435,82 @@ export declare const accentPaletteIds: AccentPalette[];
|
|
|
435
435
|
/**
|
|
436
436
|
* Named accent palettes for Akoma.
|
|
437
437
|
* Set on `<html data-accent="teal">` or override CSS variables in your app.
|
|
438
|
+
*
|
|
439
|
+
* Each palette has five chromatic shades:
|
|
440
|
+
* lighter · light · base · dark · darker
|
|
438
441
|
*/
|
|
439
442
|
export declare const accentPalettes: {
|
|
440
443
|
readonly violet: {
|
|
441
444
|
readonly label: "Violet";
|
|
442
445
|
readonly description: "Mineral violet — default for App mood.";
|
|
443
|
-
readonly sample: "#
|
|
446
|
+
readonly sample: "#6354bc";
|
|
447
|
+
readonly lighter: "#a59ad8";
|
|
448
|
+
readonly light: "#8375cc";
|
|
449
|
+
readonly dark: "#4d3f9c";
|
|
450
|
+
readonly darker: "#392e78";
|
|
444
451
|
};
|
|
445
452
|
readonly evergreen: {
|
|
446
453
|
readonly label: "Evergreen";
|
|
447
454
|
readonly description: "Confident green — default for Site mood.";
|
|
448
|
-
readonly sample: "#
|
|
455
|
+
readonly sample: "#2c6a4f";
|
|
456
|
+
readonly lighter: "#4ca67e";
|
|
457
|
+
readonly light: "#3c8866";
|
|
458
|
+
readonly dark: "#1d4c37";
|
|
459
|
+
readonly darker: "#102d20";
|
|
449
460
|
};
|
|
450
461
|
readonly teal: {
|
|
451
462
|
readonly label: "Teal";
|
|
452
463
|
readonly description: "Calm mineral teal for productivity and wellness apps.";
|
|
453
|
-
readonly sample: "#
|
|
464
|
+
readonly sample: "#377f88";
|
|
465
|
+
readonly lighter: "#69acb6";
|
|
466
|
+
readonly light: "#4b99a4";
|
|
467
|
+
readonly dark: "#286168";
|
|
468
|
+
readonly darker: "#1a4247";
|
|
454
469
|
};
|
|
455
470
|
readonly ocean: {
|
|
456
471
|
readonly label: "Ocean";
|
|
457
472
|
readonly description: "Trustworthy blue for data-heavy products.";
|
|
458
|
-
readonly sample: "#
|
|
473
|
+
readonly sample: "#3a6a97";
|
|
474
|
+
readonly lighter: "#759cbe";
|
|
475
|
+
readonly light: "#5184b1";
|
|
476
|
+
readonly dark: "#2b5176";
|
|
477
|
+
readonly darker: "#1c3955";
|
|
459
478
|
};
|
|
460
479
|
readonly amber: {
|
|
461
480
|
readonly label: "Amber";
|
|
462
481
|
readonly description: "Warm gold for optimistic, human interfaces.";
|
|
463
|
-
readonly sample: "#
|
|
482
|
+
readonly sample: "#9d712a";
|
|
483
|
+
readonly lighter: "#c9a05e";
|
|
484
|
+
readonly light: "#bc8a3b";
|
|
485
|
+
readonly dark: "#7c581e";
|
|
486
|
+
readonly darker: "#593e14";
|
|
464
487
|
};
|
|
465
488
|
readonly rose: {
|
|
466
489
|
readonly label: "Rose";
|
|
467
490
|
readonly description: "Dusty rose for lifestyle and creative tools.";
|
|
468
|
-
readonly sample: "#
|
|
491
|
+
readonly sample: "#ac5468";
|
|
492
|
+
readonly lighter: "#cf919f";
|
|
493
|
+
readonly light: "#c36d80";
|
|
494
|
+
readonly dark: "#8d4254";
|
|
495
|
+
readonly darker: "#6d3140";
|
|
469
496
|
};
|
|
470
497
|
readonly coral: {
|
|
471
498
|
readonly label: "Coral";
|
|
472
499
|
readonly description: "Terracotta warmth without feeling playful.";
|
|
473
|
-
readonly sample: "#
|
|
500
|
+
readonly sample: "#b96246";
|
|
501
|
+
readonly lighter: "#d99b86";
|
|
502
|
+
readonly light: "#d07b5f";
|
|
503
|
+
readonly dark: "#974d36";
|
|
504
|
+
readonly darker: "#733a28";
|
|
474
505
|
};
|
|
475
506
|
readonly slate: {
|
|
476
507
|
readonly label: "Slate";
|
|
477
508
|
readonly description: "Blue-gray for neutral B2B surfaces.";
|
|
478
|
-
readonly sample: "#
|
|
509
|
+
readonly sample: "#475d76";
|
|
510
|
+
readonly lighter: "#7e93a9";
|
|
511
|
+
readonly light: "#5e7894";
|
|
512
|
+
readonly dark: "#36485a";
|
|
513
|
+
readonly darker: "#25313e";
|
|
479
514
|
};
|
|
480
515
|
};
|
|
481
516
|
|
package/package.json
CHANGED
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
* Mood (App / Site) controls shape and surfaces.
|
|
4
4
|
* Accent controls brand color independently.
|
|
5
5
|
*
|
|
6
|
+
* Each palette exposes five chromatic shades:
|
|
7
|
+
* --accent-lighter · lightest step
|
|
8
|
+
* --accent-light · lighter step
|
|
9
|
+
* --accent · base brand color
|
|
10
|
+
* --accent-dark · darker step
|
|
11
|
+
* --accent-darker · darkest step
|
|
12
|
+
*
|
|
6
13
|
* <html data-mood="app" data-accent="teal">
|
|
7
14
|
*
|
|
8
15
|
* Without data-accent:
|
|
@@ -12,8 +19,12 @@
|
|
|
12
19
|
|
|
13
20
|
:root,
|
|
14
21
|
[data-mood='app']:not([data-accent]) {
|
|
15
|
-
--accent: #
|
|
16
|
-
--accent-
|
|
22
|
+
--accent-lighter: #a59ad8;
|
|
23
|
+
--accent-light: #8375cc;
|
|
24
|
+
--accent: #6354bc;
|
|
25
|
+
--accent-dark: #4d3f9c;
|
|
26
|
+
--accent-darker: #392e78;
|
|
27
|
+
--accent-hover: var(--accent-dark);
|
|
17
28
|
--accent-soft: #ece9f8;
|
|
18
29
|
--accent-contrast: #ffffff;
|
|
19
30
|
--bg-tinted: #f1eefb;
|
|
@@ -21,8 +32,12 @@
|
|
|
21
32
|
}
|
|
22
33
|
|
|
23
34
|
[data-mood='site']:not([data-accent]) {
|
|
24
|
-
--accent: #
|
|
25
|
-
--accent-
|
|
35
|
+
--accent-lighter: #4ca67e;
|
|
36
|
+
--accent-light: #3c8866;
|
|
37
|
+
--accent: #2c6a4f;
|
|
38
|
+
--accent-dark: #1d4c37;
|
|
39
|
+
--accent-darker: #102d20;
|
|
40
|
+
--accent-hover: var(--accent-dark);
|
|
26
41
|
--accent-soft: #e2eee7;
|
|
27
42
|
--accent-contrast: #ffffff;
|
|
28
43
|
--bg-tinted: #f4f5f4;
|
|
@@ -30,8 +45,12 @@
|
|
|
30
45
|
}
|
|
31
46
|
|
|
32
47
|
[data-accent='violet'] {
|
|
33
|
-
--accent: #
|
|
34
|
-
--accent-
|
|
48
|
+
--accent-lighter: #a59ad8;
|
|
49
|
+
--accent-light: #8375cc;
|
|
50
|
+
--accent: #6354bc;
|
|
51
|
+
--accent-dark: #4d3f9c;
|
|
52
|
+
--accent-darker: #392e78;
|
|
53
|
+
--accent-hover: var(--accent-dark);
|
|
35
54
|
--accent-soft: #ece9f8;
|
|
36
55
|
--accent-contrast: #ffffff;
|
|
37
56
|
--bg-tinted: #f1eefb;
|
|
@@ -39,8 +58,12 @@
|
|
|
39
58
|
}
|
|
40
59
|
|
|
41
60
|
[data-accent='evergreen'] {
|
|
42
|
-
--accent: #
|
|
43
|
-
--accent-
|
|
61
|
+
--accent-lighter: #4ca67e;
|
|
62
|
+
--accent-light: #3c8866;
|
|
63
|
+
--accent: #2c6a4f;
|
|
64
|
+
--accent-dark: #1d4c37;
|
|
65
|
+
--accent-darker: #102d20;
|
|
66
|
+
--accent-hover: var(--accent-dark);
|
|
44
67
|
--accent-soft: #e2eee7;
|
|
45
68
|
--accent-contrast: #ffffff;
|
|
46
69
|
--bg-tinted: #f2f5f3;
|
|
@@ -48,8 +71,12 @@
|
|
|
48
71
|
}
|
|
49
72
|
|
|
50
73
|
[data-accent='teal'] {
|
|
51
|
-
--accent: #
|
|
52
|
-
--accent-
|
|
74
|
+
--accent-lighter: #69acb6;
|
|
75
|
+
--accent-light: #4b99a4;
|
|
76
|
+
--accent: #377f88;
|
|
77
|
+
--accent-dark: #286168;
|
|
78
|
+
--accent-darker: #1a4247;
|
|
79
|
+
--accent-hover: var(--accent-dark);
|
|
53
80
|
--accent-soft: #e3eff0;
|
|
54
81
|
--accent-contrast: #ffffff;
|
|
55
82
|
--bg-tinted: #e8f2f3;
|
|
@@ -57,8 +84,12 @@
|
|
|
57
84
|
}
|
|
58
85
|
|
|
59
86
|
[data-accent='ocean'] {
|
|
60
|
-
--accent: #
|
|
61
|
-
--accent-
|
|
87
|
+
--accent-lighter: #759cbe;
|
|
88
|
+
--accent-light: #5184b1;
|
|
89
|
+
--accent: #3a6a97;
|
|
90
|
+
--accent-dark: #2b5176;
|
|
91
|
+
--accent-darker: #1c3955;
|
|
92
|
+
--accent-hover: var(--accent-dark);
|
|
62
93
|
--accent-soft: #e5eef5;
|
|
63
94
|
--accent-contrast: #ffffff;
|
|
64
95
|
--bg-tinted: #e8f0f7;
|
|
@@ -66,8 +97,12 @@
|
|
|
66
97
|
}
|
|
67
98
|
|
|
68
99
|
[data-accent='amber'] {
|
|
69
|
-
--accent: #
|
|
70
|
-
--accent-
|
|
100
|
+
--accent-lighter: #c9a05e;
|
|
101
|
+
--accent-light: #bc8a3b;
|
|
102
|
+
--accent: #9d712a;
|
|
103
|
+
--accent-dark: #7c581e;
|
|
104
|
+
--accent-darker: #593e14;
|
|
105
|
+
--accent-hover: var(--accent-dark);
|
|
71
106
|
--accent-soft: #f5ecd4;
|
|
72
107
|
--accent-contrast: #ffffff;
|
|
73
108
|
--bg-tinted: #f8f2e4;
|
|
@@ -75,8 +110,12 @@
|
|
|
75
110
|
}
|
|
76
111
|
|
|
77
112
|
[data-accent='rose'] {
|
|
78
|
-
--accent: #
|
|
79
|
-
--accent-
|
|
113
|
+
--accent-lighter: #cf919f;
|
|
114
|
+
--accent-light: #c36d80;
|
|
115
|
+
--accent: #ac5468;
|
|
116
|
+
--accent-dark: #8d4254;
|
|
117
|
+
--accent-darker: #6d3140;
|
|
118
|
+
--accent-hover: var(--accent-dark);
|
|
80
119
|
--accent-soft: #fae9ed;
|
|
81
120
|
--accent-contrast: #ffffff;
|
|
82
121
|
--bg-tinted: #f9eef1;
|
|
@@ -84,8 +123,12 @@
|
|
|
84
123
|
}
|
|
85
124
|
|
|
86
125
|
[data-accent='coral'] {
|
|
87
|
-
--accent: #
|
|
88
|
-
--accent-
|
|
126
|
+
--accent-lighter: #d99b86;
|
|
127
|
+
--accent-light: #d07b5f;
|
|
128
|
+
--accent: #b96246;
|
|
129
|
+
--accent-dark: #974d36;
|
|
130
|
+
--accent-darker: #733a28;
|
|
131
|
+
--accent-hover: var(--accent-dark);
|
|
89
132
|
--accent-soft: #faece8;
|
|
90
133
|
--accent-contrast: #ffffff;
|
|
91
134
|
--bg-tinted: #f9f0eb;
|
|
@@ -93,8 +136,12 @@
|
|
|
93
136
|
}
|
|
94
137
|
|
|
95
138
|
[data-accent='slate'] {
|
|
96
|
-
--accent: #
|
|
97
|
-
--accent-
|
|
139
|
+
--accent-lighter: #7e93a9;
|
|
140
|
+
--accent-light: #5e7894;
|
|
141
|
+
--accent: #475d76;
|
|
142
|
+
--accent-dark: #36485a;
|
|
143
|
+
--accent-darker: #25313e;
|
|
144
|
+
--accent-hover: var(--accent-dark);
|
|
98
145
|
--accent-soft: #e8ecf1;
|
|
99
146
|
--accent-contrast: #ffffff;
|
|
100
147
|
--bg-tinted: #eef1f5;
|
|
@@ -104,8 +151,12 @@
|
|
|
104
151
|
/* Dark — mood defaults */
|
|
105
152
|
[data-theme='dark']:not([data-accent]),
|
|
106
153
|
[data-theme='dark'][data-mood='app']:not([data-accent]) {
|
|
107
|
-
--accent: #
|
|
108
|
-
--accent-
|
|
154
|
+
--accent-lighter: #cfc9f5;
|
|
155
|
+
--accent-light: #bab1f1;
|
|
156
|
+
--accent: #a89cea;
|
|
157
|
+
--accent-dark: #887ad7;
|
|
158
|
+
--accent-darker: #6350cc;
|
|
159
|
+
--accent-hover: var(--accent-light);
|
|
109
160
|
--accent-soft: #39354f;
|
|
110
161
|
--accent-contrast: #211d38;
|
|
111
162
|
--bg-tinted: #312e40;
|
|
@@ -113,8 +164,12 @@
|
|
|
113
164
|
}
|
|
114
165
|
|
|
115
166
|
[data-theme='dark'][data-mood='site']:not([data-accent]) {
|
|
116
|
-
--accent: #
|
|
117
|
-
--accent-
|
|
167
|
+
--accent-lighter: #abd2bf;
|
|
168
|
+
--accent-light: #94c8ae;
|
|
169
|
+
--accent: #7fbc9d;
|
|
170
|
+
--accent-dark: #64a484;
|
|
171
|
+
--accent-darker: #4d886a;
|
|
172
|
+
--accent-hover: var(--accent-light);
|
|
118
173
|
--accent-soft: #294438;
|
|
119
174
|
--accent-contrast: #13241c;
|
|
120
175
|
--bg-tinted: #252928;
|
|
@@ -122,8 +177,12 @@
|
|
|
122
177
|
}
|
|
123
178
|
|
|
124
179
|
[data-theme='dark'][data-accent='violet'] {
|
|
125
|
-
--accent: #
|
|
126
|
-
--accent-
|
|
180
|
+
--accent-lighter: #cfc9f5;
|
|
181
|
+
--accent-light: #bab1f1;
|
|
182
|
+
--accent: #a89cea;
|
|
183
|
+
--accent-dark: #887ad7;
|
|
184
|
+
--accent-darker: #6350cc;
|
|
185
|
+
--accent-hover: var(--accent-light);
|
|
127
186
|
--accent-soft: #39354f;
|
|
128
187
|
--accent-contrast: #211d38;
|
|
129
188
|
--bg-tinted: #312e40;
|
|
@@ -131,8 +190,12 @@
|
|
|
131
190
|
}
|
|
132
191
|
|
|
133
192
|
[data-theme='dark'][data-accent='evergreen'] {
|
|
134
|
-
--accent: #
|
|
135
|
-
--accent-
|
|
193
|
+
--accent-lighter: #abd2bf;
|
|
194
|
+
--accent-light: #94c8ae;
|
|
195
|
+
--accent: #7fbc9d;
|
|
196
|
+
--accent-dark: #64a484;
|
|
197
|
+
--accent-darker: #4d886a;
|
|
198
|
+
--accent-hover: var(--accent-light);
|
|
136
199
|
--accent-soft: #294438;
|
|
137
200
|
--accent-contrast: #13241c;
|
|
138
201
|
--bg-tinted: #27312c;
|
|
@@ -140,8 +203,12 @@
|
|
|
140
203
|
}
|
|
141
204
|
|
|
142
205
|
[data-theme='dark'][data-accent='teal'] {
|
|
143
|
-
--accent: #
|
|
144
|
-
--accent-
|
|
206
|
+
--accent-lighter: #add4da;
|
|
207
|
+
--accent-light: #93c9cf;
|
|
208
|
+
--accent: #7bbac2;
|
|
209
|
+
--accent-dark: #5e9fa7;
|
|
210
|
+
--accent-darker: #477f86;
|
|
211
|
+
--accent-hover: var(--accent-light);
|
|
145
212
|
--accent-soft: #294548;
|
|
146
213
|
--accent-contrast: #142528;
|
|
147
214
|
--bg-tinted: #243638;
|
|
@@ -149,8 +216,12 @@
|
|
|
149
216
|
}
|
|
150
217
|
|
|
151
218
|
[data-theme='dark'][data-accent='ocean'] {
|
|
152
|
-
--accent: #
|
|
153
|
-
--accent-
|
|
219
|
+
--accent-lighter: #b6d1e9;
|
|
220
|
+
--accent-light: #9dc3e4;
|
|
221
|
+
--accent: #88b4db;
|
|
222
|
+
--accent-dark: #6b9bc5;
|
|
223
|
+
--accent-darker: #4482b9;
|
|
224
|
+
--accent-hover: var(--accent-light);
|
|
154
225
|
--accent-soft: #2a3a4a;
|
|
155
226
|
--accent-contrast: #152130;
|
|
156
227
|
--bg-tinted: #253545;
|
|
@@ -158,8 +229,12 @@
|
|
|
158
229
|
}
|
|
159
230
|
|
|
160
231
|
[data-theme='dark'][data-accent='amber'] {
|
|
161
|
-
--accent: #
|
|
162
|
-
--accent-
|
|
232
|
+
--accent-lighter: #e5c992;
|
|
233
|
+
--accent-light: #e1bc75;
|
|
234
|
+
--accent: #d7ae5e;
|
|
235
|
+
--accent-dark: #bc9544;
|
|
236
|
+
--accent-darker: #977734;
|
|
237
|
+
--accent-hover: var(--accent-light);
|
|
163
238
|
--accent-soft: #413823;
|
|
164
239
|
--accent-contrast: #2a2212;
|
|
165
240
|
--bg-tinted: #3a3220;
|
|
@@ -167,8 +242,12 @@
|
|
|
167
242
|
}
|
|
168
243
|
|
|
169
244
|
[data-theme='dark'][data-accent='rose'] {
|
|
170
|
-
--accent: #
|
|
171
|
-
--accent-
|
|
245
|
+
--accent-lighter: #edb6c0;
|
|
246
|
+
--accent-light: #e99dac;
|
|
247
|
+
--accent: #e18899;
|
|
248
|
+
--accent-dark: #cc6c7f;
|
|
249
|
+
--accent-darker: #c2455e;
|
|
250
|
+
--accent-hover: var(--accent-light);
|
|
172
251
|
--accent-soft: #472f35;
|
|
173
252
|
--accent-contrast: #2a171c;
|
|
174
253
|
--bg-tinted: #3a2830;
|
|
@@ -176,8 +255,12 @@
|
|
|
176
255
|
}
|
|
177
256
|
|
|
178
257
|
[data-theme='dark'][data-accent='coral'] {
|
|
179
|
-
--accent: #
|
|
180
|
-
--accent-
|
|
258
|
+
--accent-lighter: #eec1b2;
|
|
259
|
+
--accent-light: #eaac97;
|
|
260
|
+
--accent: #e29980;
|
|
261
|
+
--accent-dark: #cc7d63;
|
|
262
|
+
--accent-darker: #c15d3b;
|
|
263
|
+
--accent-hover: var(--accent-light);
|
|
181
264
|
--accent-soft: #4a322c;
|
|
182
265
|
--accent-contrast: #2a1a15;
|
|
183
266
|
--bg-tinted: #3d2e28;
|
|
@@ -185,8 +268,12 @@
|
|
|
185
268
|
}
|
|
186
269
|
|
|
187
270
|
[data-theme='dark'][data-accent='slate'] {
|
|
188
|
-
--accent: #
|
|
189
|
-
--accent-
|
|
271
|
+
--accent-lighter: #c3cfdd;
|
|
272
|
+
--accent-light: #acbed3;
|
|
273
|
+
--accent: #98adc6;
|
|
274
|
+
--accent-dark: #7c93b0;
|
|
275
|
+
--accent-darker: #5b789f;
|
|
276
|
+
--accent-hover: var(--accent-light);
|
|
190
277
|
--accent-soft: #2f3844;
|
|
191
278
|
--accent-contrast: #171e28;
|
|
192
279
|
--bg-tinted: #2a323c;
|
package/src/styles/tokens.css
CHANGED
|
@@ -57,20 +57,20 @@
|
|
|
57
57
|
--border: rgba(41, 49, 45, 0.1);
|
|
58
58
|
--border-strong: rgba(41, 49, 45, 0.18);
|
|
59
59
|
|
|
60
|
-
--cat-1: #
|
|
61
|
-
--cat-2: #
|
|
62
|
-
--cat-3: #
|
|
63
|
-
--cat-4: #
|
|
64
|
-
--cat-5: #
|
|
65
|
-
--cat-6: #
|
|
66
|
-
|
|
67
|
-
--success: #
|
|
60
|
+
--cat-1: #578eae;
|
|
61
|
+
--cat-2: #896db9;
|
|
62
|
+
--cat-3: #bf8230;
|
|
63
|
+
--cat-4: #518768;
|
|
64
|
+
--cat-5: #bd697c;
|
|
65
|
+
--cat-6: #827e6c;
|
|
66
|
+
|
|
67
|
+
--success: #2e7658;
|
|
68
68
|
--success-soft: #e5f2eb;
|
|
69
|
-
--warning: #
|
|
69
|
+
--warning: #8f651a;
|
|
70
70
|
--warning-soft: #f8efd9;
|
|
71
|
-
--danger: #
|
|
71
|
+
--danger: #af4a40;
|
|
72
72
|
--danger-soft: #fae9e6;
|
|
73
|
-
--info: #
|
|
73
|
+
--info: #3d7093;
|
|
74
74
|
--info-soft: #e6f0f6;
|
|
75
75
|
|
|
76
76
|
--shadow-sm: none;
|
|
@@ -159,20 +159,20 @@
|
|
|
159
159
|
--border: rgba(33, 49, 41, 0.11);
|
|
160
160
|
--border-strong: rgba(33, 49, 41, 0.2);
|
|
161
161
|
|
|
162
|
-
--cat-1: #
|
|
163
|
-
--cat-2: #
|
|
164
|
-
--cat-3: #
|
|
165
|
-
--cat-4: #
|
|
166
|
-
--cat-5: #
|
|
167
|
-
--cat-6: #
|
|
162
|
+
--cat-1: #4981a1;
|
|
163
|
+
--cat-2: #745da1;
|
|
164
|
+
--cat-3: #9f7128;
|
|
165
|
+
--cat-4: #3a7a57;
|
|
166
|
+
--cat-5: #a45368;
|
|
167
|
+
--cat-6: #697b69;
|
|
168
168
|
|
|
169
|
-
--success: #
|
|
169
|
+
--success: #236e4a;
|
|
170
170
|
--success-soft: #e2f0e8;
|
|
171
|
-
--warning: #
|
|
171
|
+
--warning: #845e14;
|
|
172
172
|
--warning-soft: #f5ecd4;
|
|
173
|
-
--danger: #
|
|
173
|
+
--danger: #9d443a;
|
|
174
174
|
--danger-soft: #f8e7e4;
|
|
175
|
-
--info: #
|
|
175
|
+
--info: #336a89;
|
|
176
176
|
--info-soft: #e3eef4;
|
|
177
177
|
|
|
178
178
|
--shadow-sm: none;
|
|
@@ -227,13 +227,13 @@
|
|
|
227
227
|
--border: rgba(255, 255, 255, 0.07);
|
|
228
228
|
--border-strong: rgba(255, 255, 255, 0.14);
|
|
229
229
|
|
|
230
|
-
--success: #
|
|
230
|
+
--success: #73be97;
|
|
231
231
|
--success-soft: #283e32;
|
|
232
|
-
--warning: #
|
|
232
|
+
--warning: #d9af5c;
|
|
233
233
|
--warning-soft: #413823;
|
|
234
|
-
--danger: #
|
|
234
|
+
--danger: #e3877d;
|
|
235
235
|
--danger-soft: #472f2d;
|
|
236
|
-
--info: #
|
|
236
|
+
--info: #82b0cc;
|
|
237
237
|
--info-soft: #293b46;
|
|
238
238
|
|
|
239
239
|
--shadow-sm: none;
|
|
@@ -270,13 +270,13 @@
|
|
|
270
270
|
--text-tertiary: #77867d;
|
|
271
271
|
--text-inverse: #17201b;
|
|
272
272
|
|
|
273
|
-
--success: #
|
|
273
|
+
--success: #71bc91;
|
|
274
274
|
--success-soft: #274236;
|
|
275
|
-
--warning: #
|
|
275
|
+
--warning: #d5ad5d;
|
|
276
276
|
--warning-soft: #413824;
|
|
277
|
-
--danger: #
|
|
277
|
+
--danger: #e0887e;
|
|
278
278
|
--danger-soft: #472f2d;
|
|
279
|
-
--info: #
|
|
279
|
+
--info: #7faec9;
|
|
280
280
|
--info-soft: #293d47;
|
|
281
281
|
|
|
282
282
|
--shadow-sm: none;
|