@a-type/ui 4.1.8 → 5.0.0

package/dist/esm/components/lightbox/Lightbox.js

@@ -9,16 +9,16 @@ export const LightboxTrigger = withClassName(Dialog.Trigger, 'layer-components:c
 export const LightboxPortal = Dialog.Portal;
 export const LightboxTitle = () => (_jsx(Dialog.Title, { className: "sr-only", children: "Lightbox" }));
 export const LightboxClose = (props) => (_jsx(Dialog.Close, Object.assign({}, props, { render: _jsx(Button, { "aria-label": "Close", children: _jsx(Icon, { name: "x" }) }), className: "absolute right-md top-md" })));
-export const LightboxOverlay = withClassName(Dialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:bg-black/50 layer-components:backdrop-blur-sm layer-components:z-backdrop', 'transform-gpu !motion-reduce:animate-none', 'layer-components:[&[data-state=closed]]:animate-fade-out layer-components:animate-fade-in layer-components:animate-duration-200');
-export const LightboxContentRoot = withClassName(Dialog.Popup, 'layer-components:fixed layer-components:z-dialog layer-components:bg-none layer-components:border-none layer-components:p-lg layer-components:w-full layer-components:h-full layer-components:max-w-full layer-components:max-h-full layer-components:flex layer-components:items-center layer-components:justify-center', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-h-85vh', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
+export const LightboxOverlay = withClassName(Dialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:z-backdrop layer-components:backdrop-blur-sm layer-components:bg-black/50', 'transform-gpu !motion-reduce:animate-none', 'layer-components:(animate-fade-in [&[data-state=closed]]:animate-fade-out) animate-duration-200');
+export const LightboxContentRoot = withClassName(Dialog.Popup, 'layer-components:fixed layer-components:z-dialog layer-components:h-full layer-components:max-h-full layer-components:max-w-full layer-components:w-full layer-components:flex layer-components:items-center layer-components:justify-center layer-components:border-none layer-components:bg-none layer-components:p-lg', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:max-h-85vh layer-components:w-90vw layer-components:translate-[-50%]', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
 export const LightboxContent = (props) => {
     return (_jsxs(LightboxContentRoot, Object.assign({}, props, { children: [_jsx(LightboxTitle, {}), _jsx(LightboxClose, { className: "pointer-events-auto" }), _jsx(LightboxContentInner, { children: props.children })] })));
 };
-const LightboxContentInner = withClassName('div', 'layer-components:max-w-full layer-components:max-h-full layer-components:overflow-hidden layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center', 'layer-components:pointer-events-none layer-components:[&>*]:pointer-events-auto');
+const LightboxContentInner = withClassName('div', 'layer-components:max-h-full layer-components:max-w-full layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:overflow-hidden', 'layer-components:pointer-events-none layer-components:[&>*]:pointer-events-auto');
 function LightboxDefault({ children, }) {
     return (_jsxs(Dialog.Root, { children: [_jsx(Dialog.Trigger, { render: children }), _jsxs(Dialog.Portal, { children: [_jsx(LightboxOverlay, {}), _jsx(LightboxContent, { children: children })] })] }));
 }
-const LightboxImage = withClassName('img', 'max-w-full max-h-full min-h-80px min-w-80px object-contain');
+const LightboxImage = withClassName('img', 'max-h-full max-w-full min-h-80px min-w-80px object-contain');
 export const Lightbox = Object.assign(LightboxDefault, {
     Overlay: LightboxOverlay,
     Content: LightboxContent,

package/dist/esm/components/lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,MAAM,GAGN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,OAAO,EACd,iCAAiC,EACjC,gEAAgE,CAChE,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACzD,KAAC,MAAM,CAAC,KAAK,oBACR,KAAK,IACT,MAAM,EACL,KAAC,MAAM,kBAAY,OAAO,YACzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,EAEV,SAAS,EAAC,0BAA0B,IACnC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,QAAQ,EACf,0EAA0E,EAC1E,2CAA2C,EAC3C,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,MAAM,CAAC,KAAK,EACZ,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC1D,OAAO,CACN,MAAC,mBAAmB,oBAAK,KAAK,eAC7B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,KAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,aAAa,CACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,EACxB,QAAQ,GAGR;IACA,OAAO,CACN,MAAC,MAAM,CAAC,IAAI,eACX,KAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAmB,EACnD,MAAC,MAAM,CAAC,MAAM,eACb,KAAC,eAAe,KAAG,EACnB,KAAC,eAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,aAAa,CAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACtB,CAAC,CAAC"}
+{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,MAAM,GAGN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,OAAO,EACd,iCAAiC,EACjC,gEAAgE,CAChE,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACzD,KAAC,MAAM,CAAC,KAAK,oBACR,KAAK,IACT,MAAM,EACL,KAAC,MAAM,kBAAY,OAAO,YACzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,EAEV,SAAS,EAAC,0BAA0B,IACnC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,QAAQ,EACf,0EAA0E,EAC1E,2CAA2C,EAC3C,iGAAiG,CACjG,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,MAAM,CAAC,KAAK,EACZ,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC1D,OAAO,CACN,MAAC,mBAAmB,oBAAK,KAAK,eAC7B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,KAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,aAAa,CACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,EACxB,QAAQ,GAGR;IACA,OAAO,CACN,MAAC,MAAM,CAAC,IAAI,eACX,KAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAmB,EACnD,MAAC,MAAM,CAAC,MAAM,eACb,KAAC,eAAe,KAAG,EACnB,KAAC,eAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,aAAa,CAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACtB,CAAC,CAAC"}

package/dist/esm/components/marquee/marquee.js

@@ -16,6 +16,6 @@ export function Marquee({ className, children, timeout = 5000 }) {
     }, [currentIndex, childCount, timeout]);
     return (_jsx("div", { className: clsx('layer-components:relative layer-components:h-full layer-components:w-full layer-components:overflow-hidden', className), children: _jsx("div", { className: "layer-components:absolute layer-components:left-0 layer-components:top-0 layer-components:h-full layer-components:w-full layer-components:flex layer-components:flex-row layer-components:overflow-visible layer-components:transition-transform layer-components:duration-300", style: { transform: `translateX(${offset})` }, children: children }) }));
 }
-const MarqueeItem = withClassName(SlotDiv, 'layer-components:w-full layer-components:h-full layer-components:flex-shrink-0 layer-components:object-cover');
+const MarqueeItem = withClassName(SlotDiv, 'layer-components:h-full layer-components:w-full layer-components:flex-shrink-0 layer-components:object-cover');
 Marquee.Item = MarqueeItem;
 //# sourceMappingURL=marquee.js.map

package/dist/esm/components/note/Note.js

@@ -16,7 +16,7 @@ import { withClassName } from '../../hooks.js';
 import { TextArea } from '../textArea/TextArea.js';
 function NoteRoot(_a) {
     var { className, color, children } = _a, rest = __rest(_a, ["className", "color", "children"]);
-    return (_jsx("div", Object.assign({ className: classNames(color && `palette-${color}`, 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', className) }, rest, { children: _jsxs("div", { className: "layer-components:flex layer-components:flex-row", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:flex-1 layer-components:border layer-components:border-solid layer-components:p-2 layer-components:text-sm layer-components:italic layer-components:color-black layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-r-0', 'layer-variants:[&_input,&_textarea]:border-none layer-variants:[&_input,&_textarea]:p-0 layer-variants:[&_input,&_textarea]:shadow-none layer-variants:[&_input,&_textarea]:bg-transparent layer-variants:[&_input,&_textarea]:ring-none'), children: children }), _jsxs("div", { className: "layer-components:flex layer-components:flex-[0_0_20px] layer-components:flex-col layer-components:items-stretch layer-components:justify-stretch", "aria-hidden": true, children: [_jsxs("div", { className: "layer-components:relative layer-components:h-[20px] layer-components:w-[20px] layer-components:flex-[0_0_20px] layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-l-1px", children: [_jsx("div", { className: `layer-components:box-content layer-components:h-0 layer-components:w-0 layer-components:transform-origin-br layer-components:translate--7px layer-components:rotate--45 layer-components:border-13px layer-components:border-solid layer-components:border-transparent layer-components:border-r-main-wash layer-components:border-r-darken-1` }), _jsx("div", { className: "layer-components:absolute layer-components:left-9px layer-components:top--3px layer-components:h-27px layer-components:w-0.5px layer-components:transform-origin-cc layer-components:rotate--45 layer-components:bg-main-dark" })] }), _jsx("div", { className: "layer-components:flex-1 layer-components:border-0 layer-components:border-solid layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-r-1px" })] })] }) })));
+    return (_jsx("div", Object.assign({ className: classNames(color && `palette-${color}`, 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', className) }, rest, { children: _jsxs("div", { className: "layer-components:flex layer-components:flex-row", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:flex-1 layer-components:border layer-components:border-solid layer-components:p-sm layer-components:text-sm layer-components:italic layer-components:color-black layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-r-0', 'layer-variants:[&_input,&_textarea]:border-none layer-variants:[&_input,&_textarea]:p-0 layer-variants:[&_input,&_textarea]:bg-transparent layer-variants:[&_input,&_textarea]:ring-none layer-variants:[&_input,&_textarea]:shadow-none'), children: children }), _jsxs("div", { className: "layer-components:flex layer-components:flex-[0_0_20px] layer-components:flex-col layer-components:items-stretch layer-components:justify-stretch", "aria-hidden": true, children: [_jsxs("div", { className: "layer-components:relative layer-components:h-[20px] layer-components:w-[20px] layer-components:flex-[0_0_20px] layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-l-1px", children: [_jsx("div", { className: `layer-components:box-content layer-components:h-0 layer-components:w-0 layer-components:transform-origin-br layer-components:translate--7px layer-components:rotate--45 layer-components:border-13px layer-components:border-solid layer-components:border-transparent layer-components:border-r-main-wash layer-components:border-r-darken-1` }), _jsx("div", { className: "layer-components:absolute layer-components:left-9px layer-components:top--3px layer-components:h-27px layer-components:w-0.5px layer-components:transform-origin-cc layer-components:rotate--45 layer-components:bg-main-dark" })] }), _jsx("div", { className: "layer-components:flex-1 layer-components:border-0 layer-components:border-solid layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-r-1px" })] })] }) })));
 }
 export const NoteInput = withClassName(TextArea.Input, 'layer-composed2:w-full layer-composed2:p-0');
 export const Note = Object.assign(NoteRoot, {

package/dist/esm/components/note/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAOnD,SAAS,QAAQ,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACtD,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,uGAAuG,EACvG,8IAA8I,EAC9I,SAAS,CACT,IACG,IAAI,cAER,eAAK,SAAS,EAAC,kCAAkC,aAChD,cACC,SAAS,EAAE,IAAI,CACd,2JAA2J,EAC3J,4FAA4F,CAC5F,YAEA,QAAQ,GACJ,EACN,eACC,SAAS,EAAC,gFAAgF,kCAI1F,eAAK,SAAS,EAAC,iJAAiJ,aAE/J,cACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,cAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,cAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,QAAQ,CAAC,KAAK,EACd,8BAA8B,CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,KAAK,EAAE,SAAS;CAChB,CAAC,CAAC"}
+{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAOnD,SAAS,QAAQ,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACtD,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,uGAAuG,EACvG,8IAA8I,EAC9I,SAAS,CACT,IACG,IAAI,cAER,eAAK,SAAS,EAAC,kCAAkC,aAChD,cACC,SAAS,EAAE,IAAI,CACd,4JAA4J,EAC5J,4FAA4F,CAC5F,YAEA,QAAQ,GACJ,EACN,eACC,SAAS,EAAC,gFAAgF,kCAI1F,eAAK,SAAS,EAAC,iJAAiJ,aAE/J,cACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,cAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,cAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,QAAQ,CAAC,KAAK,EACd,8BAA8B,CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,KAAK,EAAE,SAAS;CAChB,CAAC,CAAC"}

package/dist/esm/components/pwaInstall/useWebManifest.js

@@ -28,12 +28,12 @@ let abortController = null;
 export function useWebManifest(manifestPath = '/manifest.json') {
     useEffect(() => {
         if (abortController) {
-            abortController.abort();
+            abortController.abort('Component unmounted');
         }
         abortController = abortableManifestSync(manifestPath);
         return () => {
             if (abortController) {
-                abortController.abort();
+                abortController.abort('Component unmounted');
             }
         };
     }, [manifestPath]);

package/dist/esm/components/pwaInstall/useWebManifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWebManifest.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/useWebManifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG5C,KAAK,UAAU,aAAa,CAC3B,eAAuB,gBAAgB,EACvC,UAA4B;IAE5B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,YAAY,EAAE;QAC1C,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM;KAC1B,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CACZ,iCAAiC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CACzE,CAAC;QACF,OAAO,EAAE,CAAC;IACX,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvC,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,SAAS,qBAAqB,CAAC,YAAoB;IAClD,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;QACzD,IAAI,QAAQ,EAAE,CAAC;YACd,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;QAChC,CAAC;IACF,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACnB,CAAC;AAED,MAAM,aAAa,GAAG,KAAK,CAAC;IAC3B,KAAK,EAAE,EAAoB;CAC3B,CAAC,CAAC;AACH,IAAI,eAAe,GAA2B,IAAI,CAAC;AAEnD,MAAM,UAAU,cAAc,CAC7B,YAAY,GAAG,gBAAgB;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,eAAe,EAAE,CAAC;YACrB,eAAe,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;QACD,eAAe,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACX,IAAI,eAAe,EAAE,CAAC;gBACrB,eAAe,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,WAAW,CAAC,aAAa,CAAC,CAAC,KAAuB,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"useWebManifest.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/useWebManifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG5C,KAAK,UAAU,aAAa,CAC3B,eAAuB,gBAAgB,EACvC,UAA4B;IAE5B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,YAAY,EAAE;QAC1C,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM;KAC1B,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CACZ,iCAAiC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CACzE,CAAC;QACF,OAAO,EAAE,CAAC;IACX,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvC,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,SAAS,qBAAqB,CAAC,YAAoB;IAClD,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;QACzD,IAAI,QAAQ,EAAE,CAAC;YACd,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;QAChC,CAAC;IACF,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACnB,CAAC;AAED,MAAM,aAAa,GAAG,KAAK,CAAC;IAC3B,KAAK,EAAE,EAAoB;CAC3B,CAAC,CAAC;AACH,IAAI,eAAe,GAA2B,IAAI,CAAC;AAEnD,MAAM,UAAU,cAAc,CAC7B,YAAY,GAAG,gBAAgB;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,eAAe,EAAE,CAAC;YACrB,eAAe,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC9C,CAAC;QACD,eAAe,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACX,IAAI,eAAe,EAAE,CAAC;gBACrB,eAAe,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;YAC9C,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,WAAW,CAAC,aAAa,CAAC,CAAC,KAAuB,CAAC;AAC3D,CAAC"}

package/dist/esm/hooks/useOverrideTheme.js

@@ -5,9 +5,9 @@ export function useOverrideTheme(theme) {
         if (!theme || typeof document === 'undefined') {
             return;
         }
-        document.body.classList.add(`theme-override-${theme}`);
+        document.body.classList.add(`theme-${theme}`);
         return () => {
-            document.body.classList.remove(`theme-override-${theme}`);
+            document.body.classList.remove(`theme-${theme}`);
         };
     }, [theme]);
 }

package/dist/esm/hooks/useOverrideTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverrideTheme.js","sourceRoot":"","sources":["../../../src/hooks/useOverrideTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,UAAU,gBAAgB,CAAC,KAAqC;IACrE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC/C,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,KAAK,EAAE,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,CAAC"}
+{"version":3,"file":"useOverrideTheme.js","sourceRoot":"","sources":["../../../src/hooks/useOverrideTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,UAAU,gBAAgB,CAAC,KAAqC;IACrE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC/C,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,CAAC"}

package/dist/esm/hooks/useTitleBarColor.d.ts

@@ -1,4 +1,4 @@
-import { ColorLogicalPaletteDefinitions, PaletteName } from '../uno/logic/palettes.js';
+import { ColorLogicalPalette, ColorLogicalPaletteDefinitions, defaultPalettes } from '../uno/logic/palettes.js';
 export declare function useTitleBarColor(color: string | {
     light: string;
     dark: string;
@@ -7,6 +7,6 @@ export declare function useSetTitleBarColor(): {
     setColor: (color: string) => void;
     resetColor: () => void;
 };
-export declare function useThemedTitleBar(paletteName: PaletteName, value: keyof ColorLogicalPaletteDefinitions, 
+export declare function useThemedTitleBar(paletteOrName: Exclude<keyof typeof defaultPalettes, 'main'> | ColorLogicalPalette, value: keyof ColorLogicalPaletteDefinitions, 
 /** If not provided, will inherit from app */
 mode?: 'light' | 'dark', skip?: boolean): void;

package/dist/esm/hooks/useTitleBarColor.js

@@ -3,7 +3,7 @@ var _a;
 import { useCallback, useEffect, useSyncExternalStore } from 'react';
 import { useResolvedColorMode } from '../colorMode.js';
 import { snapshotColorContext } from '../uno/logic/color.js';
-import { palettes, } from '../uno/logic/palettes.js';
+import { defaultPalettes, } from '../uno/logic/palettes.js';
 let defaultColor = '#ffffff';
 function getCurrentColor() {
     var _a;
@@ -54,7 +54,7 @@ export function useSetTitleBarColor() {
     const resetColor = useCallback(() => changeThemeColor(defaultColor), []);
     return { setColor, resetColor };
 }
-export function useThemedTitleBar(paletteName, value, 
+export function useThemedTitleBar(paletteOrName, value, 
 /** If not provided, will inherit from app */
 mode, skip) {
     const { setColor } = useSetTitleBarColor();
@@ -74,8 +74,11 @@ mode, skip) {
         const previousColor = getCurrentColor();
         function update() {
             var _a;
-            const palette = (_a = palettes[paletteName]) !== null && _a !== void 0 ? _a : palettes.primary;
-            const context = snapshotColorContext(paletteName, mode);
+            const palette = typeof paletteOrName === 'string'
+                ? (_a = defaultPalettes[paletteOrName]) !== null && _a !== void 0 ? _a : defaultPalettes.primary
+                : paletteOrName;
+            console.log('snapshot:', palette.name, value, mode);
+            const context = snapshotColorContext(palette.name, mode);
             const color = palette.definitions[value].computeOklch(context);
             setColor(color);
         }
@@ -85,6 +88,6 @@ mode, skip) {
                 setColor(previousColor);
             };
         }
-    }, [setColor, paletteName, value, mode, skip, visible]);
+    }, [setColor, paletteOrName, value, mode, skip, visible]);
 }
 //# sourceMappingURL=useTitleBarColor.js.map

package/dist/esm/hooks/useTitleBarColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":"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"}

package/dist/esm/systems/GroupScale.d.ts

@@ -830,8 +830,6 @@ export declare function useGroupScaleStyles(composeStyles?: CSSProperties): {
     strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
     textAnchor?: import("csstype").Property.TextAnchor | undefined;
     vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-    '--spacing-scale': number;
-    '--local-corner-scale': number;
 };
 export declare const GroupScaleReset: ({ children }: {
     children: ReactNode;

package/dist/esm/systems/GroupScale.js

@@ -1,6 +1,7 @@
 // @unocss-include
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
+import { PROPS } from '../uno/index.js';
 export const GroupScaleContext = createContext(1);
 const GROUP_SCALE_NESTING_FACTOR = 0.75;
 export const GroupScaleLayer = ({ children }) => {
@@ -12,7 +13,7 @@ export function useGroupScale() {
 }
 export function useGroupScaleStyles(composeStyles) {
     const scale = useGroupScale();
-    return Object.assign({ '--spacing-scale': scale, '--local-corner-scale': scale }, composeStyles);
+    return Object.assign({ [PROPS.LOCALS.SPACING_SCALE]: scale, [PROPS.LOCALS.CORNER_SCALE]: scale }, composeStyles);
 }
 export const GroupScaleReset = ({ children }) => {
     return (_jsx(GroupScaleContext.Provider, { value: 1, children: children }));

package/dist/esm/systems/GroupScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupScale.js","sourceRoot":"","sources":["../../../src/systems/GroupScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAS,CAAC,CAAC,CAAC;AAE1D,MAAM,0BAA0B,GAAG,IAAI,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAG,0BAA0B,YACrE,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAC5B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,aAA6B;IAChE,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,uBACC,iBAAiB,EAAE,KAAK,EACxB,sBAAsB,EAAE,KAAK,IAC1B,aAAa,EACf;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAClC,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"GroupScale.js","sourceRoot":"","sources":["../../../src/systems/GroupScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAS,CAAC,CAAC,CAAC;AAE1D,MAAM,0BAA0B,GAAG,IAAI,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAG,0BAA0B,YACrE,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAC5B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,aAA6B;IAChE,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,uBACC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,KAAK,EACnC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,KAAK,IAC/B,aAAa,EACf;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAClC,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/themes.snapshots.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/themes.snapshots.js

@@ -0,0 +1,14 @@
+// @unocss-include
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, it } from 'vitest';
+import { page } from 'vitest/browser';
+import { render } from './__tests__/render.js';
+import { DemoUI } from './themes.stories.js';
+it('demo theme ui matches snapshot', async () => {
+    page.viewport(1080, 3000);
+    const result = render(_jsx(DemoUI, {}));
+    await document.fonts.ready;
+    await new Promise((r) => setTimeout(r, 100)); // wait for possible animations
+    await expect(result.getByTestId('demo')).toMatchScreenshot('snapshot');
+});
+//# sourceMappingURL=themes.snapshots.js.map

package/dist/esm/themes.snapshots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.snapshots.js","sourceRoot":"","sources":["../../src/themes.snapshots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC;IAClC,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3B,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B;IAC7E,MAAM,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;AACxE,CAAC,CAAC,CAAC"}

package/dist/esm/themes.stories.d.ts

@@ -12,7 +12,9 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj;
-export declare const Default: Story;
+export declare function DemoUI({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare const Nesting: Story;
 export declare const Override: Story;
 export declare const Custom: Story;

package/dist/esm/themes.stories.js

@@ -12,6 +12,7 @@ import { Input } from './components/input/index.js';
 import { Tabs } from './components/tabs/tabs.js';
 import { TextArea } from './components/textArea/index.js';
 import { useOverrideTheme } from './hooks/useOverrideTheme.js';
+import { PROPS } from './uno/index.js';
 const meta = {
     title: 'Theme Demo',
     argTypes: {},
@@ -22,22 +23,17 @@ const meta = {
     tags: [],
 };
 export default meta;
-function DemoUI({ className }) {
+export function DemoUI({ className }) {
     const nextWeek = new Date();
     nextWeek.setDate(nextWeek.getDate() + 7);
-    return (_jsxs(PageRoot, { className: clsx('flex-1', className), children: [_jsx(PageContent, { children: _jsxs("div", { className: clsx('grid grid-cols-2 gap-2'), children: [_jsxs(Box, { gap: true, wrap: true, p: true, children: [_jsx(Button, { color: "primary", emphasis: "primary", children: "Primary" }), _jsx(Button, { color: "accent", emphasis: "primary", children: "Accent" }), _jsx(Button, { children: "Default" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" }), _jsx(Button, { color: "attention", emphasis: "primary", children: "Destructive" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), _jsx(Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), _jsx(Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), _jsxs(Box, { gap: true, wrap: true, p: true, items: "start", children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" }), _jsxs(Box, { d: "row", gap: true, items: "center", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "Checkbox" })] }), _jsxs(ToggleGroup, { defaultValue: ['1'], children: [_jsx(ToggleGroup.Item, { value: "1", children: "Toggle 1" }), _jsx(ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), _jsxs(Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [_jsx(H1, { children: "Heading 1" }), _jsx(H2, { children: "Heading 2" }), _jsx(H3, { children: "Heading 3" }), _jsx(H4, { children: "Heading 4" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 })] }), _jsxs(Box, { d: "col", gap: true, children: [_jsxs(Card, { children: [_jsxs(Card.Main, { onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(Card, { children: [_jsxs(Card.Main, { compact: true, onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }), _jsxs(Tabs, { defaultValue: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), _jsx(Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), _jsxs(ActionBar, { children: [_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Hello"] }), _jsxs(ActionButton, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), "World"] }), _jsx(ActionButton, { children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs(AvatarList, { count: 3, children: [_jsx(AvatarList.Item, { index: 0, name: "John Doe" }), _jsx(AvatarList.Item, { index: 1, name: "Jane Doe" }), _jsx(AvatarList.Item, { index: 2, name: "John Smith" })] }), _jsxs(ContextMenu, { children: [_jsx(ContextMenu.Trigger, { render: _jsx(Tooltip, { content: "Hello World" }), children: _jsx(Button, { children: "Hover or right click" }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Item, { children: "Item 1" }), _jsx(ContextMenu.Item, { children: "Item 2" }), _jsx(ContextMenu.Item, { children: "Item 3" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), className: "m-auto", children: "Dropdown" }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { children: "Item 1" }), _jsx(DropdownMenu.Item, { children: "Item 2" }), _jsx(DropdownMenu.Item, { children: "Item 3" }), _jsx(DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), _jsx(DropdownMenu.Separator, {}), _jsx(DropdownMenu.Item, { children: "Item 4" }), _jsx(DropdownMenu.Item, { children: "Item 5" }), _jsx(DropdownMenu.Item, { children: "Item 6" }), _jsxs(DropdownMenu.Item, { children: ["With icon", _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] })] })] }), _jsxs(Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [_jsx(Select.Trigger, {}), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "1", children: "Item 1" }), _jsx(Select.Item, { value: "2", children: "Item 2" }), _jsx(Select.Item, { value: "3", children: "Item 3" }), _jsx(Select.Item, { value: "4", children: "Item 4" }), _jsx(Select.Item, { value: "5", children: "Item 5" }), _jsx(Select.Item, { value: "6", children: "Item 6" }), _jsx(Select.Item, { value: "7", children: "Item 7" }), _jsx(Select.Item, { value: "8", children: "Item 8" }), _jsx(Select.Item, { value: "9", children: "Item 9" }), _jsx(Select.Item, { value: "10", children: "Item 10" })] })] }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { render: _jsx(Button, {}), children: "Click" }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Hello there" }), _jsx(Dialog.Description, { children: "Im a dialog" }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { children: "Close" }), _jsx(Button, { color: "primary", children: "Action" })] })] })] }), _jsx(DateRangePicker, { className: "grid-col-span-2", value: {
+    return (_jsxs(PageRoot, { "data-testid": "demo", className: clsx('flex-1', className), children: [_jsx(PageContent, { children: _jsxs("div", { className: clsx('grid grid-cols-2 gap-2'), children: [_jsxs(Box, { gap: true, wrap: true, p: true, children: [_jsx(Button, { color: "primary", emphasis: "primary", children: "Primary" }), _jsx(Button, { color: "accent", emphasis: "primary", children: "Accent" }), _jsx(Button, { children: "Default" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" }), _jsx(Button, { color: "attention", emphasis: "primary", children: "Destructive" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), _jsx(Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), _jsx(Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), _jsxs(Box, { gap: true, wrap: true, p: true, items: "start", children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" }), _jsxs(Box, { d: "row", gap: true, items: "center", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "Checkbox" })] }), _jsxs(ToggleGroup, { defaultValue: ['1'], children: [_jsx(ToggleGroup.Item, { value: "1", children: "Toggle 1" }), _jsx(ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), _jsxs(Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [_jsx(H1, { children: "Heading 1" }), _jsx(H2, { children: "Heading 2" }), _jsx(H3, { children: "Heading 3" }), _jsx(H4, { children: "Heading 4" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 })] }), _jsxs(Box, { d: "col", gap: true, children: [_jsxs(Card, { children: [_jsxs(Card.Main, { onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(Card, { children: [_jsxs(Card.Main, { compact: true, onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }), _jsxs(Tabs, { defaultValue: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), _jsx(Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), _jsxs(ActionBar, { children: [_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Hello"] }), _jsxs(ActionButton, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), "World"] }), _jsx(ActionButton, { children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs(AvatarList, { count: 3, children: [_jsx(AvatarList.Item, { index: 0, name: "John Doe" }), _jsx(AvatarList.Item, { index: 1, name: "Jane Doe" }), _jsx(AvatarList.Item, { index: 2, name: "John Smith" })] }), _jsxs(ContextMenu, { children: [_jsx(ContextMenu.Trigger, { render: _jsx(Tooltip, { content: "Hello World" }), children: _jsx(Button, { children: "Hover or right click" }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Item, { children: "Item 1" }), _jsx(ContextMenu.Item, { children: "Item 2" }), _jsx(ContextMenu.Item, { children: "Item 3" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), className: "m-auto", children: "Dropdown" }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { children: "Item 1" }), _jsx(DropdownMenu.Item, { children: "Item 2" }), _jsx(DropdownMenu.Item, { children: "Item 3" }), _jsx(DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), _jsx(DropdownMenu.Separator, {}), _jsx(DropdownMenu.Item, { children: "Item 4" }), _jsx(DropdownMenu.Item, { children: "Item 5" }), _jsx(DropdownMenu.Item, { children: "Item 6" }), _jsxs(DropdownMenu.Item, { children: ["With icon", _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] })] })] }), _jsxs(Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [_jsx(Select.Trigger, {}), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "1", children: "Item 1" }), _jsx(Select.Item, { value: "2", children: "Item 2" }), _jsx(Select.Item, { value: "3", children: "Item 3" }), _jsx(Select.Item, { value: "4", children: "Item 4" }), _jsx(Select.Item, { value: "5", children: "Item 5" }), _jsx(Select.Item, { value: "6", children: "Item 6" }), _jsx(Select.Item, { value: "7", children: "Item 7" }), _jsx(Select.Item, { value: "8", children: "Item 8" }), _jsx(Select.Item, { value: "9", children: "Item 9" }), _jsx(Select.Item, { value: "10", children: "Item 10" })] })] }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { render: _jsx(Button, {}), children: "Click" }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Hello there" }), _jsx(Dialog.Description, { children: "Im a dialog" }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { children: "Close" }), _jsx(Button, { color: "primary", children: "Action" })] })] })] }), _jsx(DateRangePicker, { className: "grid-col-span-2", value: {
                                 start: new Date(),
                                 end: nextWeek,
                             }, onChange: () => { } }), _jsx(Progress, { value: 50, className: "m-auto" }), _jsxs(Box, { surface: true, color: "primary", p: true, gap: true, d: "col", children: [_jsx(H1, { children: "Primary surface" }), _jsx(H2, { children: "Primary surface" }), _jsx(H3, { children: "Primary surface" }), _jsx("div", { children: "Primary surface" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" })] }), _jsxs(Box, { surface: true, color: "accent", p: true, d: "col", className: "max-h-200px", overflow: "auto-y", children: [_jsx(H2, { children: "Accent surface" }), _jsx(H3, { children: "Accent surface" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 }), "Accent surface"] }), _jsx(Box, { surface: true, p: true, d: "col", children: "Default surface" }), _jsxs(Box, { surface: true, color: "attention", p: true, d: "col", children: [_jsx(H2, { children: "Attention surface" }), _jsx(H3, { children: "Attention surface" }), "Attention surface", _jsx(Button, { emphasis: "ghost", children: "Ghost" })] }), _jsx(Box, { children: _jsx(Note, { children: "Note note" }) }), _jsx(Box, { justify: "start", items: "start", children: _jsxs(HorizontalList, { openDirection: "down", children: [_jsx(Button, { size: "small", children: "One" }), _jsx(Button, { size: "small", children: "Two" }), _jsx(Button, { size: "small", children: "Three" }), _jsx(Button, { size: "small", children: "Four" }), _jsx(Button, { size: "small", children: "Five" }), _jsx(Button, { size: "small", children: "Six" })] }) }), _jsx(ImageUploader, { className: "h-200px", value: null, onChange: () => { } })] }) }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "gray", children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" })] }), _jsxs(NavBarItem, { color: "gray", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
 }
-export const Default = {
-    render() {
-        return _jsx(DemoUI, {});
-    },
-};
 export const Nesting = {
     render() {
-        return (_jsxs(Box, { d: "col", p: true, gap: true, children: [_jsx(Box, { d: "row", gap: true, surface: true, color: "primary", children: _jsx(Button, { color: "primary", children: "Root theme" }) }), _jsx(DemoUI, { className: "theme-eggplant override-dark flex-1" })] }));
+        return (_jsxs(Box, { d: "col", p: true, gap: true, children: [_jsx(Box, { d: "row", gap: true, surface: true, color: "primary", children: _jsx(Button, { color: "primary", children: "Root theme" }) }), _jsx(DemoUI, { className: "palette-eggplant override-dark flex-1" })] }));
     },
 };
 export const Override = {
@@ -51,21 +47,21 @@ export const Override = {
 export const Custom = {
     render() {
         const [theme, setTheme] = useState({
-            '--p-primary-hue': 70,
-            '--p-accent-hue': 290,
-            '--global-saturation': 0.5,
-            '--global-border-scale': 1.5,
-            '--global-spacing-scale': 1,
-            '--global-corner-scale': 1,
+            [PROPS.USER.COLOR.PRIMARY_HUE]: 70,
+            [PROPS.USER.COLOR.ACCENT_HUE]: 290,
+            [PROPS.USER.SATURATION]: 0.5,
+            [PROPS.USER.BORDER_SCALE]: 1.5,
+            [PROPS.USER.SPACING_SCALE]: 1,
+            [PROPS.USER.CORNER_SCALE]: 1,
         });
         const reroll = () => {
             setTheme({
-                '--p-primary-hue': Math.floor(Math.random() * 360),
-                '--p-accent-hue': Math.floor(Math.random() * 360),
-                '--global-saturation': Math.random(),
-                '--global-border-scale': Math.random() * 2,
-                '--global-spacing-scale': Math.random() * 2,
-                '--global-corner-scale': Math.random() * 1.25,
+                [PROPS.USER.COLOR.PRIMARY_HUE]: Math.floor(Math.random() * 360),
+                [PROPS.USER.COLOR.ACCENT_HUE]: Math.floor(Math.random() * 360),
+                [PROPS.USER.SATURATION]: Math.random(),
+                [PROPS.USER.BORDER_SCALE]: Math.random() * 2,
+                [PROPS.USER.SPACING_SCALE]: Math.random() * 2,
+                [PROPS.USER.CORNER_SCALE]: Math.random() * 1.25,
             });
         };
         return (_jsxs(Box, { d: "col", gap: true, items: "start", style: theme, children: [_jsx(Button, { onClick: reroll, children: "Reroll" }), _jsx(DemoUI, { className: "theme" })] }));
@@ -98,14 +94,12 @@ export const Trippy = {
             values.current.spacingScale =
                 1 + Math.sin((Date.now() / 50000) * Math.PI * 2);
             values.current.cornerScale = 1 + Math.sin(Date.now() / 3000);
-            current.style.setProperty('--dyn-primary-source', values.current.primarySource.toString());
-            current.style.setProperty('--dyn-accent-source', values.current.accentSource.toString());
-            current.style.setProperty('--global-saturation', values.current.saturation.toString());
-            current.style.setProperty('--global-border-scale', values.current.borderScale.toString());
-            current.style.setProperty('--global-spacing-scale', values.current.spacingScale.toString());
-            current.style.setProperty('--global-corner-scale', values.current.cornerScale.toString());
-            current.style.setProperty('--dyn-primary-hue-rotate', '0');
-            current.style.setProperty('--dyn-accent-hue-rotate', '0');
+            current.style.setProperty(PROPS.USER.COLOR.PRIMARY_HUE, values.current.primarySource.toString());
+            current.style.setProperty(PROPS.USER.COLOR.ACCENT_HUE, values.current.accentSource.toString());
+            current.style.setProperty(PROPS.USER.SATURATION, values.current.saturation.toString());
+            current.style.setProperty(PROPS.USER.BORDER_SCALE, values.current.borderScale.toString());
+            current.style.setProperty(PROPS.USER.SPACING_SCALE, values.current.spacingScale.toString());
+            current.style.setProperty(PROPS.USER.CORNER_SCALE, values.current.cornerScale.toString());
         }, dt);
         return (_jsx("div", { ref: ref, children: _jsx(DemoUI, { className: "theme" }) }));
     },

package/dist/esm/themes.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/uno/defaults.d.ts

@@ -0,0 +1,2 @@
+import { UserPreflightOptions } from './preflights/user.js';
+export declare const defaultPresetHues: NonNullable<UserPreflightOptions['namedHues']>;

package/dist/esm/uno/defaults.js

@@ -0,0 +1,11 @@
+// @unocss-include
+export const defaultPresetHues = {
+    lemon: { sourceHue: 90.8, accentHue: 165.88, saturation: 1 },
+    leek: { sourceHue: 165.88, accentHue: 90.8, saturation: 1 },
+    tomato: { sourceHue: 10.51, accentHue: 165.88, saturation: 1 },
+    blueberry: { sourceHue: 248.14, accentHue: 165.88, saturation: 1 },
+    eggplant: { sourceHue: 280.21, accentHue: 165.88, saturation: 1 },
+    attention: { sourceHue: 30, accentHue: 165.88, saturation: 1 },
+    success: { sourceHue: 140, accentHue: 165.88, saturation: 1 },
+};
+//# sourceMappingURL=defaults.js.map

package/dist/esm/uno/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/uno/defaults.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAC7B;IACC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;IAC5D,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE;IAC3D,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;IAC9D,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;IAClE,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;IAEjE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;IAC9D,OAAO,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;CAC7D,CAAC"}

package/dist/esm/uno/index.d.ts

@@ -1 +1,2 @@
 export { paletteHues, paletteNames, type PaletteName, } from './logic/palettes.js';
+export { PROPS } from './logic/properties.js';

package/dist/esm/uno/index.js

@@ -1,3 +1,4 @@
 // @unocss-include
 export { paletteHues, paletteNames, } from './logic/palettes.js';
+export { PROPS } from './logic/properties.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/uno/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/uno/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,YAAY,GAEZ,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/uno/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,YAAY,GAEZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/uno/logic/color.d.ts

@@ -1,4 +1,3 @@
-import { type PaletteName } from './palettes.js';
 export declare function lighten(base: string, level: string): string;
 export declare function darken(base: string, level: string): string;
 /**
@@ -24,7 +23,7 @@ export declare function livePropertyColorContext(sourceHue: string): ColorEvalua
  * "Snapshots" a color context as real values from the given scope element.
  * Defaults to body.
  */
-export declare function snapshotColorContext(palette: PaletteName, mode?: 'light' | 'dark'): ColorEvaluationContext;
+export declare function snapshotColorContext(palette: string, mode?: 'light' | 'dark'): ColorEvaluationContext;
 export interface OklchColorEquation {
     l: ColorEquation;
     c: ColorEquation;

package/dist/esm/uno/logic/color.js

@@ -1,4 +1,5 @@
 // @unocss-include
+import { PROPS } from './properties.js';
 export function lighten(base, level) {
     return mod(base, level, 1);
 }
@@ -8,25 +9,25 @@ export function darken(base, level) {
 function mod(base, level, sign) {
     return (`oklch(from ` +
         base +
-        ` calc(l * (1 + ${level} / 30 * ${sign} * var(--mode-mult, 1)))` +
-        ` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
+        ` calc(l * (1 + ${level} / 30 * ${sign} * var(${PROPS.MODE.MULT}, 1)))` +
+        ` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(${PROPS.USER.SATURATION}, 0))))))` +
         ` h)`);
 }
 export function livePropertyColorContext(sourceHue) {
     return {
         mode: {
-            lNeutral: 'var(--mode-l-neutral)',
-            lRangeUp: 'var(--mode-l-range-up)',
-            lRangeDown: 'var(--mode-l-range-down)',
-            sNeutral: 'var(--mode-s-neutral)',
-            sRangeUp: 'var(--mode-s-range-up)',
-            sRangeDown: 'var(--mode-s-range-down)',
-            mult: 'var(--mode-mult, 1)',
+            lNeutral: `var(${PROPS.MODE.L_NEUTRAL})`,
+            lRangeUp: `var(${PROPS.MODE.L_RANGE_UP})`,
+            lRangeDown: `var(${PROPS.MODE.L_RANGE_DOWN})`,
+            sNeutral: `var(${PROPS.MODE.S_NEUTRAL})`,
+            sRangeUp: `var(${PROPS.MODE.S_RANGE_UP})`,
+            sRangeDown: `var(${PROPS.MODE.S_RANGE_DOWN})`,
+            mult: `var(${PROPS.MODE.MULT}, 1)`,
         },
         sourceHue,
-        globalSaturation: 'var(--global-saturation, 1)',
-        localLightnessSpread: 'var(--l-lightness-spread, 1)',
-        localSaturation: 'var(--l-saturation, 1)',
+        globalSaturation: `var(${PROPS.USER.SATURATION}, 1)`,
+        localLightnessSpread: `var(${PROPS.PALETTE.LIGHTNESS_SPREAD}, 1)`,
+        localSaturation: `var(${PROPS.PALETTE.SATURATION}, 1)`,
     };
 }
 // helpers to avoid having to hardcode the synchronized variables
@@ -82,7 +83,7 @@ export function snapshotColorContext(palette, mode) {
     scopeElement.style.visibility = 'hidden';
     document.body.appendChild(scopeElement);
     const styles = getComputedStyle(scopeElement);
-    const evaluated = evaluatePropertiesRecursively(styles, livePropertyColorContext(`var(--l-main-hue)`));
+    const evaluated = evaluatePropertiesRecursively(styles, livePropertyColorContext(`var(${PROPS.PALETTE.MAIN_HUE})`));
     document.body.removeChild(scopeElement);
     return evaluated;
 }