cirrojs 0.0.14 → 0.0.16

package/CHANGELOG.md

@@ -13,6 +13,29 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [0.0.16] - 2026-06-29
+
+### Changed
+- The layout option types (`StackOpt`, `ClusterOpt`, `CenterOpt`, `GridOpt`, `SwitcherOpt`, `SidebarOpt`, `CoverOpt`, `FrameOpt`, `ReelOpt`, `BoxOpt`) now type their CSS-derived fields with the matching `Properties` value types instead of `string`, enabling keyword autocompletion. Affected fields: `gap`, `CenterOpt.max`/`gutters`, `SidebarOpt.sideWidth`/`contentMin`, `CoverOpt.minHeight`/`padding`, `FrameOpt.ratio`, `ReelOpt.itemWidth`/`height`, and `BoxOpt.padding`/`border`. The `GridOpt.min`, `SwitcherOpt.threshold`, and `ImposterOpt.margin` fields remain `string` as they have no single corresponding CSS property.
+
+## [0.0.15] - 2026-06-29
+
+### Added
+- New properties on the `Properties` type: `accent_color`, `background_position_x`, `background_position_y`, `box_reflect`, `hyphenate_character`, `initial_letter`, `marker`, `marker_end`, `marker_mid`, `marker_start`, `offset_position`, and `zoom`.
+- Exported helper types `Kw<T>` and `Multi<T>` used by the `Properties` value types.
+
+### Changed
+- `Properties` value types now preserve keyword autocompletion. Properties whose values mix keywords with open values (lengths, colors, etc.) keep their keyword suggestions instead of collapsing to `string`, and closed enumerations no longer accept arbitrary strings.
+- `PropertyName` now resolves to the union of valid property names (previously it resolved to the array's index keys).
+
+### Removed
+- Nested-array value types (`string[][]`) from `text_shadow`, `transform_origin`, `transition_delay`, `transition_duration`, `transition_property`, `transition_timing_function`, and `mask_position`. Property values accept a string or an array of strings only.
+- At-rule names (`@media`, `@layer`, `@keyframes`, etc.) from the property allowlist; at-rules are specified through the `atrules` option, not as property names.
+
+### Fixed
+- Properties declared on the `Properties` type but missing from the runtime property allowlist (including `appearance`, `contain`, `touch_action`, `will_change`, `transform_box`, the `mask_border_*` longhands, `font_optical_sizing`, and `text_rendering`) were rejected during CSS generation despite passing type checks. They are now registered.
+- Corrected the `hypenate_character` property name to `hyphenate_character`.
+
 ## [0.0.14] - 2026-06-28
 
 ### Added
@@ -109,7 +132,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ## 0.0.1 - 2026-06-15
 - initial release
 
-[Unreleased]: https://github.com/osawa-naotaka/cirro/compare/v0.0.14...HEAD
+[Unreleased]: https://github.com/osawa-naotaka/cirro/compare/v0.0.16...HEAD
+[0.0.16]: https://github.com/osawa-naotaka/cirro/compare/v0.0.15...v0.0.16
+[0.0.15]: https://github.com/osawa-naotaka/cirro/compare/v0.0.14...v0.0.15
 [0.0.14]: https://github.com/osawa-naotaka/cirro/compare/v0.0.13...v0.0.14
 [0.0.13]: https://github.com/osawa-naotaka/cirro/compare/v0.0.12...v0.0.13
 [0.0.12]: https://github.com/osawa-naotaka/cirro/compare/v0.0.11...v0.0.12

package/dist/cli.js

@@ -1 +1 @@
-import{r as e}from"./css-CPDjsrSK.js";import{Fragment as t,createElement as n}from"react";import{renderToStaticMarkup as r}from"react-dom/server";import{dirname as i,extname as a,join as o,resolve as s}from"node:path";import{mkdir as c,readFile as l,writeFile as u}from"node:fs/promises";import{build as d,createServer as f,createServerModuleRunner as p}from"vite";import{createServer as m}from"node:http";function h(e){let t=[];for(let n of e)switch(n.type){case`static`:t.push({type:`html`,path:n.path,cssPath:o(n.path,`index.css`),render:()=>n.component({params:{}})}),t.push({type:`css`,path:o(n.path,`index.css`),render:()=>n.component({params:{}})});break;case`dynamic`:for(let e of n.getStaticPaths())t.push({type:`html`,path:n.path(e),cssPath:n.cssPath,render:()=>n.component({params:e})});t.push({type:`css`,path:n.cssPath,render:()=>n.component({params:n.getStaticPaths()[0]})});break;case`file`:t.push({type:`file`,path:n.path,ext:a(n.path),render:()=>n.component({params:{}})});break}return t}function g(e){return e===`/`?`index.html`:`${e.replace(/^\/+|\/+$/g,``)}/index.html`}function _(e){return e===`/`?`index.css`:`${e.replace(/^\/+|\/+$/g,``)}`}function v(e,r,i){return n(t,null,e,n(`script`,{async:!0,type:`module`,src:r,key:`cirro-client`}),n(`link`,{rel:`stylesheet`,href:i,precedence:`default`,key:`cirro-css`}))}function y(e){for(let t of e.plugins){let e=t.api;if(t.name===`cirro`&&e?.options)return e.options}throw Error(`cirro: plugin not found in Vite config (did you add cirro() to plugins?)`)}async function b(){await d();let t=await f({server:{middlewareMode:!0,hmr:!1},appType:`custom`}),n=p(t.environments.ssr);try{let a=t.config,d=y(a),f=a.root,p=s(f,a.build.outDir),m=s(f,d.routes),b=JSON.parse(await l(o(p,`.vite/manifest.json`),`utf-8`))[`virtual:cirro/client`];if(!b)throw Error(`cirro: manifest entry "virtual:cirro/client" not found`);let x=`/${b.file}`,{routes:S,runWithRegistry:C}=await n.import(m);for(let t of h(S))switch(t.type){case`css`:{let{registry:n}=C(()=>r(t.render())),a=e(n),s=o(p,_(t.path));await c(i(s),{recursive:!0}),await u(s,a),console.log(`wrote ${s} (url: ${t.path})`);break}case`html`:{let{result:e}=C(()=>`<!DOCTYPE html>${r(v(t.render(),x,t.cssPath))}`),n=o(p,g(t.path));await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}case`file`:{let e=t.render(),n=o(p,t.path);await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}}}finally{await t.close()}}const x=[[`.aac`,`audio/aac`],[`.abw`,`application/x-abiword`],[`.arc`,`application/x-freearc`],[`.avi`,`video/x-msvideo`],[`.azw`,`application/vnd.amazon.ebook`],[`.bin`,`application/octet-stream`],[`.bmp`,`image/bmp`],[`.bz`,`application/x-bzip`],[`.bz2`,`application/x-bzip2`],[`.csh`,`application/x-csh`],[`.css`,`text/css`],[`.csv`,`text/csv`],[`.doc`,`application/msword`],[`.docx`,`application/vnd.openxmlformats-officedocument.wordprocessingml.document`],[`.eot`,`application/vnd.ms-fontobject`],[`.epub`,`application/epub+zip`],[`.gz`,`application/gzip`],[`.gif`,`image/gif`],[`.htm`,`text/html`],[`.html`,`text/html`],[`.ico`,`image/vnd.microsoft.icon`],[`.ics`,`text/calendar`],[`.jar`,`application/java-archive`],[`.jpeg`,`image/jpeg`],[`.jpg`,`image/jpeg`],[`.js`,`text/javascript`],[`.json`,`application/json`],[`.jsonld`,`application/ld+json`],[`.mid`,`audio/midi`],[`.midi`,`audio/x-midi`],[`.mjs`,`text/javascript`],[`.mp3`,`audio/mpeg`],[`.mpeg`,`video/mpeg`],[`.mpkg`,`application/vnd.apple.installer+xml`],[`.odp`,`application/vnd.oasis.opendocument.presentation`],[`.ods`,`application/vnd.oasis.opendocument.spreadsheet`],[`.odt`,`application/vnd.oasis.opendocument.text`],[`.oga`,`audio/ogg`],[`.ogv`,`video/ogg`],[`.ogx`,`application/ogg`],[`.opus`,`audio/opus`],[`.otf`,`font/otf`],[`.png`,`image/png`],[`.pdf`,`application/pdf`],[`.php`,`application/x-httpd-php`],[`.ppt`,`application/vnd.ms-powerpoint`],[`.pptx`,`application/vnd.openxmlformats-officedocument.presentationml.presentation`],[`.rar`,`application/vnd.rar`],[`.rtf`,`application/rtf`],[`.sh`,`application/x-sh`],[`.svg`,`image/svg+xml`],[`.swf`,`application/x-shockwave-flash`],[`.tar`,`application/x-tar`],[`.tif`,`image/tiff`],[`.tiff`,`image/tiff`],[`.ts`,`video/mp2t`],[`.ttf`,`font/ttf`],[`.txt`,`text/plain`],[`.vsd`,`application/vnd.visio`],[`.wav`,`audio/wav`],[`.weba`,`audio/webm`],[`.webm`,`video/webm`],[`.webp`,`image/webp`],[`.woff`,`font/woff`],[`.woff2`,`font/woff2`],[`.xhtml`,`application/xhtml+xml`],[`.xls`,`application/vnd.ms-excel`],[`.xlsx`,`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`],[`.xml`,`application/xml`],[`.xul`,`application/vnd.mozilla.xul+xml`],[`.zip`,`application/zip`],[`.3gp`,`video/3gpp`],[`.3g2`,`video/3gpp2`],[`.7z`,`application/x-7z-compressed`]];function S(e){return x.find(t=>t[0]===e)?.[1]||`text/plain`}function C(e,t){let n=[t,t.replaceAll(`\\`,`/`)];for(let t of Object.values(e.environments)){let e=t.moduleGraph;if(!e)continue;let r=new Set,i=t=>{if(!r.has(t)){r.add(t),e.invalidateModule(t);for(let e of t.importers)i(e)}};for(let t of n){let n=e.getModulesByFile(t);if(n)for(let e of n)i(e)}}}async function w(t=5173){let n=await f({server:{middlewareMode:!0},appType:`custom`}),a=p(n.environments.ssr),o=y(n.config),c=n.config.root,l=s(c,o.routes),u=i(s(c,o.islands)).replaceAll(`\\`,`/`),d=m((t,i)=>{function o(e,t){i.statusCode=200,i.setHeader(`Content-Type`,S(e)),i.end(t)}function s(e){i.statusCode=404,i.setHeader(`Content-Type`,S(e)),e===`.html`?i.end(`<!DOCTYPE html><meta charset="utf-8"><h1>404 Not Found</h1>`):i.end()}n.middlewares(t,i,async()=>{let c=t.url??`/`,u=new URL(c,`http://localhost`).pathname.replace(/\/+$/,``)||`/`;try{let{routes:t,runWithRegistry:i}=await a.import(l),d=h(t).find(e=>e.path===u);if(d===void 0){s(`.html`);return}switch(d.type){case`html`:{let{result:e}=i(()=>`<!DOCTYPE html>${r(v(d.render(),`/@id/__x00__virtual:cirro/client`,d.cssPath))}`);o(`.html`,await n.transformIndexHtml(c,e));break}case`css`:{let{registry:t}=i(()=>r(d.render()));o(`.css`,e(t));break}case`file`:{let e=d.render();o(d.ext,e);break}}return}catch(e){i.statusCode=500,e instanceof Error?i.end(e.stack):i.end(String(e))}})}),g=`${s(c,o.watchDir??`./src`).replaceAll(`\\`,`/`).replace(/\/+$/,``)}/`;n.watcher.on(`change`,e=>{let t=e.replaceAll(`\\`,`/`);t.startsWith(u)||t.startsWith(g)&&(C(n,e),n.ws.send({type:`full-reload`}))}),d.listen(t,()=>{console.log(`cirro dev: http://localhost:${t}`)})}async function T(e){let t=e[0];t===`dev`?await w():t===`build`?await b():(console.error(`usage: cirro <dev|build>`),process.exit(1))}export{T as main};
+import{r as e}from"./css-D28QH0EJ.js";import{Fragment as t,createElement as n}from"react";import{renderToStaticMarkup as r}from"react-dom/server";import{dirname as i,extname as a,join as o,resolve as s}from"node:path";import{mkdir as c,readFile as l,writeFile as u}from"node:fs/promises";import{build as d,createServer as f,createServerModuleRunner as p}from"vite";import{createServer as m}from"node:http";function h(e){let t=[];for(let n of e)switch(n.type){case`static`:t.push({type:`html`,path:n.path,cssPath:o(n.path,`index.css`),render:()=>n.component({params:{}})}),t.push({type:`css`,path:o(n.path,`index.css`),render:()=>n.component({params:{}})});break;case`dynamic`:for(let e of n.getStaticPaths())t.push({type:`html`,path:n.path(e),cssPath:n.cssPath,render:()=>n.component({params:e})});t.push({type:`css`,path:n.cssPath,render:()=>n.component({params:n.getStaticPaths()[0]})});break;case`file`:t.push({type:`file`,path:n.path,ext:a(n.path),render:()=>n.component({params:{}})});break}return t}function g(e){return e===`/`?`index.html`:`${e.replace(/^\/+|\/+$/g,``)}/index.html`}function _(e){return e===`/`?`index.css`:`${e.replace(/^\/+|\/+$/g,``)}`}function v(e,r,i){return n(t,null,e,n(`script`,{async:!0,type:`module`,src:r,key:`cirro-client`}),n(`link`,{rel:`stylesheet`,href:i,precedence:`default`,key:`cirro-css`}))}function y(e){for(let t of e.plugins){let e=t.api;if(t.name===`cirro`&&e?.options)return e.options}throw Error(`cirro: plugin not found in Vite config (did you add cirro() to plugins?)`)}async function b(){await d();let t=await f({server:{middlewareMode:!0,hmr:!1},appType:`custom`}),n=p(t.environments.ssr);try{let a=t.config,d=y(a),f=a.root,p=s(f,a.build.outDir),m=s(f,d.routes),b=JSON.parse(await l(o(p,`.vite/manifest.json`),`utf-8`))[`virtual:cirro/client`];if(!b)throw Error(`cirro: manifest entry "virtual:cirro/client" not found`);let x=`/${b.file}`,{routes:S,runWithRegistry:C}=await n.import(m);for(let t of h(S))switch(t.type){case`css`:{let{registry:n}=C(()=>r(t.render())),a=e(n),s=o(p,_(t.path));await c(i(s),{recursive:!0}),await u(s,a),console.log(`wrote ${s} (url: ${t.path})`);break}case`html`:{let{result:e}=C(()=>`<!DOCTYPE html>${r(v(t.render(),x,t.cssPath))}`),n=o(p,g(t.path));await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}case`file`:{let e=t.render(),n=o(p,t.path);await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}}}finally{await t.close()}}const x=[[`.aac`,`audio/aac`],[`.abw`,`application/x-abiword`],[`.arc`,`application/x-freearc`],[`.avi`,`video/x-msvideo`],[`.azw`,`application/vnd.amazon.ebook`],[`.bin`,`application/octet-stream`],[`.bmp`,`image/bmp`],[`.bz`,`application/x-bzip`],[`.bz2`,`application/x-bzip2`],[`.csh`,`application/x-csh`],[`.css`,`text/css`],[`.csv`,`text/csv`],[`.doc`,`application/msword`],[`.docx`,`application/vnd.openxmlformats-officedocument.wordprocessingml.document`],[`.eot`,`application/vnd.ms-fontobject`],[`.epub`,`application/epub+zip`],[`.gz`,`application/gzip`],[`.gif`,`image/gif`],[`.htm`,`text/html`],[`.html`,`text/html`],[`.ico`,`image/vnd.microsoft.icon`],[`.ics`,`text/calendar`],[`.jar`,`application/java-archive`],[`.jpeg`,`image/jpeg`],[`.jpg`,`image/jpeg`],[`.js`,`text/javascript`],[`.json`,`application/json`],[`.jsonld`,`application/ld+json`],[`.mid`,`audio/midi`],[`.midi`,`audio/x-midi`],[`.mjs`,`text/javascript`],[`.mp3`,`audio/mpeg`],[`.mpeg`,`video/mpeg`],[`.mpkg`,`application/vnd.apple.installer+xml`],[`.odp`,`application/vnd.oasis.opendocument.presentation`],[`.ods`,`application/vnd.oasis.opendocument.spreadsheet`],[`.odt`,`application/vnd.oasis.opendocument.text`],[`.oga`,`audio/ogg`],[`.ogv`,`video/ogg`],[`.ogx`,`application/ogg`],[`.opus`,`audio/opus`],[`.otf`,`font/otf`],[`.png`,`image/png`],[`.pdf`,`application/pdf`],[`.php`,`application/x-httpd-php`],[`.ppt`,`application/vnd.ms-powerpoint`],[`.pptx`,`application/vnd.openxmlformats-officedocument.presentationml.presentation`],[`.rar`,`application/vnd.rar`],[`.rtf`,`application/rtf`],[`.sh`,`application/x-sh`],[`.svg`,`image/svg+xml`],[`.swf`,`application/x-shockwave-flash`],[`.tar`,`application/x-tar`],[`.tif`,`image/tiff`],[`.tiff`,`image/tiff`],[`.ts`,`video/mp2t`],[`.ttf`,`font/ttf`],[`.txt`,`text/plain`],[`.vsd`,`application/vnd.visio`],[`.wav`,`audio/wav`],[`.weba`,`audio/webm`],[`.webm`,`video/webm`],[`.webp`,`image/webp`],[`.woff`,`font/woff`],[`.woff2`,`font/woff2`],[`.xhtml`,`application/xhtml+xml`],[`.xls`,`application/vnd.ms-excel`],[`.xlsx`,`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`],[`.xml`,`application/xml`],[`.xul`,`application/vnd.mozilla.xul+xml`],[`.zip`,`application/zip`],[`.3gp`,`video/3gpp`],[`.3g2`,`video/3gpp2`],[`.7z`,`application/x-7z-compressed`]];function S(e){return x.find(t=>t[0]===e)?.[1]||`text/plain`}function C(e,t){let n=[t,t.replaceAll(`\\`,`/`)];for(let t of Object.values(e.environments)){let e=t.moduleGraph;if(!e)continue;let r=new Set,i=t=>{if(!r.has(t)){r.add(t),e.invalidateModule(t);for(let e of t.importers)i(e)}};for(let t of n){let n=e.getModulesByFile(t);if(n)for(let e of n)i(e)}}}async function w(t=5173){let n=await f({server:{middlewareMode:!0},appType:`custom`}),a=p(n.environments.ssr),o=y(n.config),c=n.config.root,l=s(c,o.routes),u=i(s(c,o.islands)).replaceAll(`\\`,`/`),d=m((t,i)=>{function o(e,t){i.statusCode=200,i.setHeader(`Content-Type`,S(e)),i.end(t)}function s(e){i.statusCode=404,i.setHeader(`Content-Type`,S(e)),e===`.html`?i.end(`<!DOCTYPE html><meta charset="utf-8"><h1>404 Not Found</h1>`):i.end()}n.middlewares(t,i,async()=>{let c=t.url??`/`,u=new URL(c,`http://localhost`).pathname.replace(/\/+$/,``)||`/`;try{let{routes:t,runWithRegistry:i}=await a.import(l),d=h(t).find(e=>e.path===u);if(d===void 0){s(`.html`);return}switch(d.type){case`html`:{let{result:e}=i(()=>`<!DOCTYPE html>${r(v(d.render(),`/@id/__x00__virtual:cirro/client`,d.cssPath))}`);o(`.html`,await n.transformIndexHtml(c,e));break}case`css`:{let{registry:t}=i(()=>r(d.render()));o(`.css`,e(t));break}case`file`:{let e=d.render();o(d.ext,e);break}}return}catch(e){i.statusCode=500,e instanceof Error?i.end(e.stack):i.end(String(e))}})}),g=`${s(c,o.watchDir??`./src`).replaceAll(`\\`,`/`).replace(/\/+$/,``)}/`;n.watcher.on(`change`,e=>{let t=e.replaceAll(`\\`,`/`);t.startsWith(u)||t.startsWith(g)&&(C(n,e),n.ws.send({type:`full-reload`}))}),d.listen(t,()=>{console.log(`cirro dev: http://localhost:${t}`)})}async function T(e){let t=e[0];t===`dev`?await w():t===`build`?await b():(console.error(`usage: cirro <dev|build>`),process.exit(1))}export{T as main};

package/dist/{css-J_tbT4BH.d.ts → css-BcGyv9s_.d.ts}

@@ -1,4 +1,4 @@
-import { t as Properties } from "./properties-FKQ-gJeC.js";
+import { t as Properties } from "./properties-FD59BzEy.js";
 
 //#region src/css.d.ts
 type CssOpt = {

package/dist/css-D28QH0EJ.js

@@ -0,0 +1,4 @@
+import{registerCss as e}from"cirrojs/registry";const t=`accent_color.align_content.align_items.align_self.alignment_baseline.all.anchor_name.animation.animation_composition.animation_delay.animation_direction.animation_duration.animation_fill_mode.animation_iteration_count.animation_name.animation_play_state.animation_range.animation_range_end.animation_range_start.animation_timeline.animation_timing_function.appearance.aspect_ratio.backdrop_filter.backface_visibility.background.background_attachment.background_blend_mode.background_clip.background_color.background_image.background_origin.background_position.background_position_x.background_position_y.background_repeat.background_size.block_size.border.border_block.border_block_color.border_block_end.border_block_end_color.border_block_end_style.border_block_end_width.border_block_start.border_block_start_color.border_block_start_style.border_block_start_width.border_block_style.border_block_width.border_bottom.border_bottom_color.border_bottom_left_radius.border_bottom_right_radius.border_bottom_style.border_bottom_width.border_collapse.border_color.border_end_end_radius.border_end_start_radius.border_image.border_image_outset.border_image_repeat.border_image_slice.border_image_source.border_image_width.border_inline.border_inline_color.border_inline_end.border_inline_end_color.border_inline_end_style.border_inline_end_width.border_inline_start.border_inline_start_color.border_inline_start_style.border_inline_start_width.border_inline_style.border_inline_width.border_left.border_left_color.border_left_style.border_left_width.border_radius.border_right.border_right_color.border_right_style.border_right_width.border_spacing.border_start_end_radius.border_start_start_radius.border_style.border_top.border_top_color.border_top_left_radius.border_top_right_radius.border_top_style.border_top_width.border_width.bottom.box_decoration_break.box_reflect.box_shadow.box_sizing.break_after.break_before.break_inside.caption_side.caret_color.clear.clip.clip_path.color.color_scheme.column_count.column_fill.column_gap.column_rule.column_rule_color.column_rule_style.column_rule_width.column_span.column_width.columns.contain.contain_intrinsic_block_size.contain_intrinsic_height.contain_intrinsic_inline_size.contain_intrinsic_size.contain_intrinsic_width.content.content_visibility.counter_increment.counter_reset.counter_set.cursor.direction.display.empty_cells.filter.flex.flex_basis.flex_direction.flex_flow.flex_grow.flex_shrink.flex_wrap.float.font.font_family.font_feature_settings.font_kerning.font_language_override.font_optical_sizing.font_size.font_size_adjust.font_stretch.font_style.font_synthesis.font_variant.font_variant_alternates.font_variant_caps.font_variant_east_asian.font_variant_ligatures.font_variant_numeric.font_variant_position.font_variation_settings.font_weight.gap.grid.grid_area.grid_auto_columns.grid_auto_flow.grid_auto_rows.grid_column.grid_column_end.grid_column_gap.grid_column_start.grid_gap.grid_row.grid_row_end.grid_row_gap.grid_row_start.grid_template.grid_template_areas.grid_template_columns.grid_template_rows.hanging_punctuation.height.hyphenate_character.hyphens.image_orientation.image_rendering.image_resolution.initial_letter.inline_size.inset.inset_block.inset_block_end.inset_block_start.inset_inline.inset_inline_end.inset_inline_start.isolation.justify_content.justify_items.justify_self.left.letter_spacing.line_break.line_height.list_style.list_style_image.list_style_position.list_style_type.margin.margin_block.margin_block_end.margin_block_start.margin_bottom.margin_inline.margin_inline_end.margin_inline_start.margin_left.margin_right.margin_top.marker.marker_end.marker_mid.marker_start.mask.mask_border.mask_border_mode.mask_border_outset.mask_border_repeat.mask_border_slice.mask_border_source.mask_border_width.mask_clip.mask_composite.mask_image.mask_mode.mask_origin.mask_position.mask_repeat.mask_size.mask_type.max_block_size.max_height.max_inline_size.max_width.min_block_size.min_height.min_inline_size.min_width.mix_blend_mode.object_fit.object_position.offset.offset_anchor.offset_distance.offset_path.offset_position.offset_rotate.opacity.order.orphans.outline.outline_color.outline_offset.outline_style.outline_width.overflow.overflow_anchor.overflow_block.overflow_clip_margin.overflow_inline.overflow_wrap.overflow_x.overflow_y.overscroll_behavior.overscroll_behavior_block.overscroll_behavior_inline.overscroll_behavior_x.overscroll_behavior_y.padding.padding_block.padding_block_end.padding_block_start.padding_bottom.padding_inline.padding_inline_end.padding_inline_start.padding_left.padding_right.padding_top.page_break_after.page_break_before.page_break_inside.paint_order.perspective.perspective_origin.place_content.place_items.place_self.pointer_events.position.quotes.resize.right.rotate.row_gap.scale.scroll_behavior.scroll_margin.scroll_margin_block.scroll_margin_block_end.scroll_margin_block_start.scroll_margin_bottom.scroll_margin_inline.scroll_margin_inline_end.scroll_margin_inline_start.scroll_margin_left.scroll_margin_right.scroll_margin_top.scroll_padding.scroll_padding_block.scroll_padding_block_end.scroll_padding_block_start.scroll_padding_bottom.scroll_padding_inline.scroll_padding_inline_end.scroll_padding_inline_start.scroll_padding_left.scroll_padding_right.scroll_padding_top.scroll_snap_align.scroll_snap_stop.scroll_snap_type.scrollbar_color.scrollbar_width.shape_image_threshold.shape_margin.shape_outside.tab_size.table_layout.text_align.text_align_last.text_combine_upright.text_decoration.text_decoration_color.text_decoration_line.text_decoration_skip.text_decoration_skip_ink.text_decoration_style.text_decoration_thickness.text_emphasis.text_emphasis_color.text_emphasis_position.text_emphasis_style.text_indent.text_justify.text_orientation.text_overflow.text_rendering.text_shadow.text_size_adjust.text_transform.text_underline_offset.text_underline_position.top.touch_action.transform.transform_box.transform_origin.transform_style.transition.transition_delay.transition_duration.transition_property.transition_timing_function.translate.unicode_bidi.user_select.vertical_align.visibility.white_space.widows.width.will_change.word_break.word_spacing.word_wrap.writing_mode.z_index.zoom`.split(`.`);function n(e,t){let n=t?.selector??`&`,r=t?.atrules??[],i=l({selector:n,atrules:r,properties:e}),a=`${t?.name??`cirro`}-${i.toString(16)}`;return c([...r,n],e,a),a}function r(e){let t=[];return e.layer&&t.push(`@layer ${e.layer}`),e.atRules&&t.push(...e.atRules),(e,r)=>n(e,{atrules:t,name:r?.name,selector:r?.selector})}function i(e){let t=`@charset "utf-8";
+@layer base, font, low, main, high;
+`;for(let[n,[r,i]]of e)t+=r.reduceRight((e,t)=>{if(t.length>512)throw Error(`At rule or selector "${t}" is too long(max 512 characters)`);return`${t} { ${e} }`},Object.entries(i).map(([e,t])=>s(e,t)).join(` `)),t+=`
+`;return t}const a=new Set(t);function o(e){return e.startsWith(`--`)||a.has(e)}function s(e,t){if(e.length>128)throw Error(`Property name "${e}" is too long(max 128 characters)`);if(!o(e))throw Error(`Property name "${e}" is not a valid CSS property name`);if(Array.isArray(t)){for(let e of t){if(typeof e!=`string`)throw Error(`Property value "${e}" is not a string`);if(e.length>512)throw Error(`Property value "${e}" is too long(max 512 characters)`)}return`${e.replaceAll(`_`,`-`)}: ${t.join(` `)};`}if(typeof t!=`string`)throw Error(`Property value "${t}" is not a string`);if(t.length>512)throw Error(`Property value "${t}" is too long(max 512 characters)`);return`${e.replaceAll(`_`,`-`)}: ${t};`}function c(t,n,r){e(r,t.map(e=>e.replaceAll(`&`,`.${r}`)),n)}function l(...e){return u(e.map(e=>JSON.stringify(e)).join(``))}function u(e){let t=5381;for(let n of[...e])t=(t<<5)+t+n.charCodeAt(0)&4294967295;return t>>>0}export{r as n,i as r,n as t};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { t as Properties } from "./properties-FKQ-gJeC.js";
-import { t as Registry } from "./registry-Bg8dxPHm.js";
-import { i as genCssFn, n as CssOpt, r as css } from "./css-J_tbT4BH.js";
+import { t as Properties } from "./properties-FD59BzEy.js";
+import { t as Registry } from "./registry-DxeMToNF.js";
+import { i as genCssFn, n as CssOpt, r as css } from "./css-BcGyv9s_.js";
 import { runWithRegistry } from "cirrojs/registry";
 import { ReactElement } from "react";
 

package/dist/index.js

@@ -1 +1 @@
-import{n as e,t}from"./css-CPDjsrSK.js";import{runWithRegistry as n}from"cirrojs/registry";export{t as css,e as genCssFn,n as runWithRegistry};
+import{n as e,t}from"./css-D28QH0EJ.js";import{runWithRegistry as n}from"cirrojs/registry";export{t as css,e as genCssFn,n as runWithRegistry};

package/dist/layout.d.ts

@@ -1,28 +1,28 @@
-import { t as Properties } from "./properties-FKQ-gJeC.js";
-import { t as CssFnT } from "./css-J_tbT4BH.js";
+import { t as Properties } from "./properties-FD59BzEy.js";
+import { t as CssFnT } from "./css-BcGyv9s_.js";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/layout.d.ts
 interface LayoutDefaults {
   gap: string;
-  stackGap?: string;
-  clusterGap?: string;
+  stackGap?: Properties["gap"];
+  clusterGap?: Properties["gap"];
   clusterWrap?: Properties["flex_wrap"];
-  gridGap?: string;
-  switcherGap?: string;
-  sidebarGap?: string;
+  gridGap?: Properties["gap"];
+  switcherGap?: Properties["gap"];
+  sidebarGap?: Properties["gap"];
   clusterJustify: Properties["justify_content"];
   clusterAlign: Properties["align_items"];
-  centerMax: string;
-  centerGutters?: string;
+  centerMax: Properties["max_inline_size"];
+  centerGutters?: Properties["padding_inline"];
   gridMin: string;
   switcherThreshold: string;
   switcherLimit: number;
-  sidebarContentMin: string;
-  sidebarSideWidth: string;
-  coverMinHeight: string;
-  frameRatio: string;
-  boxPadding?: string;
+  sidebarContentMin: Properties["min_inline_size"];
+  sidebarSideWidth: Properties["flex_basis"];
+  coverMinHeight: Properties["min_block_size"];
+  frameRatio: Properties["aspect_ratio"];
+  boxPadding?: Properties["padding"];
 }
 interface LayoutTheme {
   css?: CssFnT;
@@ -38,46 +38,46 @@ interface CoverSlots {
   centered: string;
 }
 interface StackOpt {
-  gap?: string;
+  gap?: Properties["gap"];
 }
 interface ClusterOpt {
-  gap?: string;
+  gap?: Properties["gap"];
   wrap?: Properties["flex_wrap"];
   justify?: Properties["justify_content"];
   align?: Properties["align_items"];
 }
 interface CenterOpt {
-  max?: string;
-  gutters?: string;
+  max?: Properties["max_inline_size"];
+  gutters?: Properties["padding_inline"];
   intrinsic?: boolean;
   andText?: boolean;
 }
 interface GridOpt {
-  gap?: string;
+  gap?: Properties["gap"];
   min?: string;
 }
 interface SwitcherOpt {
   threshold?: string;
-  gap?: string;
+  gap?: Properties["gap"];
   limit?: number;
 }
 interface SidebarOpt {
-  sideWidth?: string;
-  contentMin?: string;
-  gap?: string;
+  sideWidth?: Properties["flex_basis"];
+  contentMin?: Properties["min_inline_size"];
+  gap?: Properties["gap"];
 }
 interface CoverOpt {
-  minHeight?: string;
-  gap?: string;
-  padding?: string;
+  minHeight?: Properties["min_block_size"];
+  gap?: Properties["gap"];
+  padding?: Properties["padding"];
 }
 interface FrameOpt {
-  ratio?: string;
+  ratio?: Properties["aspect_ratio"];
 }
 interface ReelOpt {
-  itemWidth?: string;
-  height?: string;
-  gap?: string;
+  itemWidth?: Properties["flex_basis"];
+  height?: Properties["block_size"];
+  gap?: Properties["gap"];
 }
 interface ImposterOpt {
   fixed?: boolean;
@@ -85,8 +85,8 @@ interface ImposterOpt {
   margin?: string;
 }
 interface BoxOpt {
-  padding?: string;
-  border?: string;
+  padding?: Properties["padding"];
+  border?: Properties["border"];
 }
 type ElementOpt = Omit<ComponentPropsWithoutRef<"div">, "style">;
 interface Layout {

package/dist/layout.js

@@ -1 +1 @@
-import{n as e}from"./css-CPDjsrSK.js";import{jsx as t}from"react/jsx-runtime";const n={gap:`1rem`,clusterJustify:`flex-start`,clusterAlign:`center`,centerMax:`60ch`,gridMin:`16rem`,switcherThreshold:`30rem`,switcherLimit:4,sidebarContentMin:`65ch`,sidebarSideWidth:`30ch`,coverMinHeight:`100vh`,frameRatio:`16 / 9`};function r(...e){return e.filter(Boolean).join(` `)}function i(i={}){let a=i.css??e({layer:`low`}),o={...n,...i.defaults};function s(e){return a({display:`flex`,flex_direction:`column`,gap:e?.gap??o.stackGap??o.gap},{name:`stack`})}function c(e){return a({display:`flex`,flex_wrap:e?.wrap??o.clusterWrap??`wrap`,gap:e?.gap??o.clusterGap??o.gap,justify_content:e?.justify??o.clusterJustify,align_items:e?.align??o.clusterAlign},{name:`cluster`})}function l(e){return r(a({box_sizing:`border-box`,margin_inline:`auto`,max_inline_size:e?.max??o.centerMax},{name:`center`}),e?.gutters?a({padding_inline:e.gutters},{name:`center-gutters`}):o.centerGutters?a({padding_inline:o.centerGutters},{name:`center-gutters`}):``,e?.intrinsic?a({display:`flex`,flex_direction:`column`,align_items:`center`},{name:`center-intrinsic`}):``,e?.andText?a({text_align:`center`},{name:`center-andText`}):``)}function u(e){let t=e?.min??o.gridMin;return a({display:`grid`,gap:e?.gap??o.gridGap??o.gap,grid_template_columns:`repeat(auto-fit, minmax(min(${t}, 100%), 1fr))`},{name:`grid`})}function d(e){let t=e?.threshold??o.switcherThreshold,n=e?.limit??o.switcherLimit;return r(a({display:`flex`,flex_wrap:`wrap`,gap:e?.gap??o.switcherGap??o.gap},{name:`switcher`}),a({flex_grow:`1`,flex_basis:`calc((${t} - 100%) * 999)`},{selector:`& > *`,name:`switcher-item`}),a({flex_basis:`100%`},{selector:`& > :nth-last-child(n+${n+1})`,name:`switcher-item-last`}),a({flex_basis:`100%`},{selector:`& > :nth-last-child(n+${n+1}) ~ *`,name:`switcher-item-last-child`}))}function f(e){return{root:a({display:`flex`,flex_wrap:`wrap`,gap:e?.gap??o.sidebarGap??o.gap},{name:`sidebar`}),side:a({flex_grow:`1`,flex_basis:e?.sideWidth??o.sidebarSideWidth??`auto`},{name:`sidebar-side`}),content:a({flex_grow:`999`,flex_basis:`0`,min_inline_size:e?.contentMin??o.sidebarContentMin},{name:`sidebar-content`})}}function p(e){let t=e?.gap??o.gap,n=a({margin_block:`auto`},{name:`cover-centered`});return{root:r(a({display:`flex`,flex_direction:`column`,min_block_size:e?.minHeight??o.coverMinHeight,padding:e?.padding??t},{name:`cover`}),a({margin_block:t},{selector:`& > :not(.${n})`,name:`cover-gap`}),a({margin_block_start:`0`},{selector:`& > :first-child:not(.${n})`,name:`cover-gap-first`}),a({margin_block_end:`0`},{selector:`& > :last-child:not(.${n})`,name:`cover-gap-last`})),centered:n}}function m(e){return r(a({aspect_ratio:e?.ratio??o.frameRatio,overflow:`hidden`,display:`flex`,justify_content:`center`,align_items:`center`},{name:`frame`}),a({inline_size:`100%`,block_size:`100%`,object_fit:`cover`},{selector:`& > img, & > video`,name:`frame-img`}))}function h(e){return r(a({display:`flex`,block_size:e?.height??`auto`,overflow_x:`auto`,overflow_y:`hidden`,gap:e?.gap??o.gap},{name:`reel`}),a({flex:`0 0 ${e?.itemWidth??`auto`}`},{selector:`& > *`,name:`reel-child`}),a({block_size:`100%`,flex_basis:`auto`,inline_size:`auto`},{selector:`& > img`,name:`reel-img`}))}function g(e){let t=e?.margin??`0px`;return r(a({position:e?.fixed?`fixed`:`absolute`,inset_block_start:`50%`,inset_inline_start:`50%`,transform:`translate(-50%, -50%)`},{name:`imposter`}),e?.contain?a({overflow:`auto`,max_inline_size:`calc(100% - (${t} * 2))`,max_block_size:`calc(100% - (${t} * 2))`},{name:`imposter-contain`}):``)}function _(e){return r(a({box_sizing:`border-box`,padding:e?.padding??o.boxPadding??o.gap},{name:`box`}),e?.border?a({border:e.border},{name:`box-border`}):``)}function v({gap:e,className:n,children:i,...a}={}){return t(`div`,{className:r(s({gap:e}),n),...a,children:i})}function y({gap:e,wrap:n,justify:i,align:a,className:o,children:s,...l}={}){return t(`div`,{className:r(c({gap:e,wrap:n,justify:i,align:a}),o),...l,children:s})}function b({max:e,gutters:n,intrinsic:i,andText:a,className:o,children:s,...c}={}){return t(`div`,{className:r(l({max:e,gutters:n,intrinsic:i,andText:a}),o),...c,children:s})}function x({gap:e,min:n,className:i,children:a,...o}={}){return t(`div`,{className:r(u({gap:e,min:n}),i),...o,children:a})}function S({threshold:e,gap:n,limit:i,className:a,children:o,...s}={}){return t(`div`,{className:r(d({threshold:e,gap:n,limit:i}),a),...s,children:o})}function C({ratio:e,className:n,children:i,...a}={}){return t(`div`,{className:r(m({ratio:e}),n),...a,children:i})}function w({itemWidth:e,height:n,gap:i,className:a,children:o,...s}={}){return t(`div`,{className:r(h({itemWidth:e,height:n,gap:i}),a),...s,children:o})}function T({fixed:e,contain:n,margin:i,className:a,children:o,...s}={}){return t(`div`,{className:r(g({fixed:e,contain:n,margin:i}),a),...s,children:o})}function E({padding:e,border:n,className:i,children:a,...o}={}){return t(`div`,{className:r(_({padding:e,border:n}),i),...o,children:a})}return{stack:s,cluster:c,center:l,grid:u,switcher:d,sidebar:f,cover:p,frame:m,reel:h,imposter:g,box:_,Stack:v,Cluster:y,Center:b,Grid:x,Switcher:S,Frame:C,Reel:w,Imposter:T,Box:E}}export{i as createLayout,r as cx};
+import{n as e}from"./css-D28QH0EJ.js";import{jsx as t}from"react/jsx-runtime";const n={gap:`1rem`,clusterJustify:`flex-start`,clusterAlign:`center`,centerMax:`60ch`,gridMin:`16rem`,switcherThreshold:`30rem`,switcherLimit:4,sidebarContentMin:`65ch`,sidebarSideWidth:`30ch`,coverMinHeight:`100vh`,frameRatio:`16 / 9`};function r(...e){return e.filter(Boolean).join(` `)}function i(i={}){let a=i.css??e({layer:`low`}),o={...n,...i.defaults};function s(e){return a({display:`flex`,flex_direction:`column`,gap:e?.gap??o.stackGap??o.gap},{name:`stack`})}function c(e){return a({display:`flex`,flex_wrap:e?.wrap??o.clusterWrap??`wrap`,gap:e?.gap??o.clusterGap??o.gap,justify_content:e?.justify??o.clusterJustify,align_items:e?.align??o.clusterAlign},{name:`cluster`})}function l(e){return r(a({box_sizing:`border-box`,margin_inline:`auto`,max_inline_size:e?.max??o.centerMax},{name:`center`}),e?.gutters?a({padding_inline:e.gutters},{name:`center-gutters`}):o.centerGutters?a({padding_inline:o.centerGutters},{name:`center-gutters`}):``,e?.intrinsic?a({display:`flex`,flex_direction:`column`,align_items:`center`},{name:`center-intrinsic`}):``,e?.andText?a({text_align:`center`},{name:`center-andText`}):``)}function u(e){let t=e?.min??o.gridMin;return a({display:`grid`,gap:e?.gap??o.gridGap??o.gap,grid_template_columns:`repeat(auto-fit, minmax(min(${t}, 100%), 1fr))`},{name:`grid`})}function d(e){let t=e?.threshold??o.switcherThreshold,n=e?.limit??o.switcherLimit;return r(a({display:`flex`,flex_wrap:`wrap`,gap:e?.gap??o.switcherGap??o.gap},{name:`switcher`}),a({flex_grow:`1`,flex_basis:`calc((${t} - 100%) * 999)`},{selector:`& > *`,name:`switcher-item`}),a({flex_basis:`100%`},{selector:`& > :nth-last-child(n+${n+1})`,name:`switcher-item-last`}),a({flex_basis:`100%`},{selector:`& > :nth-last-child(n+${n+1}) ~ *`,name:`switcher-item-last-child`}))}function f(e){return{root:a({display:`flex`,flex_wrap:`wrap`,gap:e?.gap??o.sidebarGap??o.gap},{name:`sidebar`}),side:a({flex_grow:`1`,flex_basis:e?.sideWidth??o.sidebarSideWidth??`auto`},{name:`sidebar-side`}),content:a({flex_grow:`999`,flex_basis:`0`,min_inline_size:e?.contentMin??o.sidebarContentMin},{name:`sidebar-content`})}}function p(e){let t=e?.gap??o.gap,n=a({margin_block:`auto`},{name:`cover-centered`});return{root:r(a({display:`flex`,flex_direction:`column`,min_block_size:e?.minHeight??o.coverMinHeight,padding:e?.padding??t},{name:`cover`}),a({margin_block:t},{selector:`& > :not(.${n})`,name:`cover-gap`}),a({margin_block_start:`0`},{selector:`& > :first-child:not(.${n})`,name:`cover-gap-first`}),a({margin_block_end:`0`},{selector:`& > :last-child:not(.${n})`,name:`cover-gap-last`})),centered:n}}function m(e){return r(a({aspect_ratio:e?.ratio??o.frameRatio,overflow:`hidden`,display:`flex`,justify_content:`center`,align_items:`center`},{name:`frame`}),a({inline_size:`100%`,block_size:`100%`,object_fit:`cover`},{selector:`& > img, & > video`,name:`frame-img`}))}function h(e){return r(a({display:`flex`,block_size:e?.height??`auto`,overflow_x:`auto`,overflow_y:`hidden`,gap:e?.gap??o.gap},{name:`reel`}),a({flex:`0 0 ${e?.itemWidth??`auto`}`},{selector:`& > *`,name:`reel-child`}),a({block_size:`100%`,flex_basis:`auto`,inline_size:`auto`},{selector:`& > img`,name:`reel-img`}))}function g(e){let t=e?.margin??`0px`;return r(a({position:e?.fixed?`fixed`:`absolute`,inset_block_start:`50%`,inset_inline_start:`50%`,transform:`translate(-50%, -50%)`},{name:`imposter`}),e?.contain?a({overflow:`auto`,max_inline_size:`calc(100% - (${t} * 2))`,max_block_size:`calc(100% - (${t} * 2))`},{name:`imposter-contain`}):``)}function _(e){return r(a({box_sizing:`border-box`,padding:e?.padding??o.boxPadding??o.gap},{name:`box`}),e?.border?a({border:e.border},{name:`box-border`}):``)}function v({gap:e,className:n,children:i,...a}={}){return t(`div`,{className:r(s({gap:e}),n),...a,children:i})}function y({gap:e,wrap:n,justify:i,align:a,className:o,children:s,...l}={}){return t(`div`,{className:r(c({gap:e,wrap:n,justify:i,align:a}),o),...l,children:s})}function b({max:e,gutters:n,intrinsic:i,andText:a,className:o,children:s,...c}={}){return t(`div`,{className:r(l({max:e,gutters:n,intrinsic:i,andText:a}),o),...c,children:s})}function x({gap:e,min:n,className:i,children:a,...o}={}){return t(`div`,{className:r(u({gap:e,min:n}),i),...o,children:a})}function S({threshold:e,gap:n,limit:i,className:a,children:o,...s}={}){return t(`div`,{className:r(d({threshold:e,gap:n,limit:i}),a),...s,children:o})}function C({ratio:e,className:n,children:i,...a}={}){return t(`div`,{className:r(m({ratio:e}),n),...a,children:i})}function w({itemWidth:e,height:n,gap:i,className:a,children:o,...s}={}){return t(`div`,{className:r(h({itemWidth:e,height:n,gap:i}),a),...s,children:o})}function T({fixed:e,contain:n,margin:i,className:a,children:o,...s}={}){return t(`div`,{className:r(g({fixed:e,contain:n,margin:i}),a),...s,children:o})}function E({padding:e,border:n,className:i,children:a,...o}={}){return t(`div`,{className:r(_({padding:e,border:n}),i),...o,children:a})}return{stack:s,cluster:c,center:l,grid:u,switcher:d,sidebar:f,cover:p,frame:m,reel:h,imposter:g,box:_,Stack:v,Cluster:y,Center:b,Grid:x,Switcher:S,Frame:C,Reel:w,Imposter:T,Box:E}}export{i as createLayout,r as cx};

package/dist/properties-FD59BzEy.d.ts

@@ -0,0 +1,476 @@
+//#region src/properties.d.ts
+type Kw<T extends string> = T | (string & {});
+type Multi<T extends string> = T | T[];
+type AlignContentBaseKeyword = "normal" | "start" | "center" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";
+type AlignContentKeyword = AlignContentBaseKeyword | ["safe", AlignContentBaseKeyword] | ["unsafe", AlignContentBaseKeyword];
+type BackgroundPositionKeyword = "left" | "center" | "right" | "top" | "bottom";
+type BackgroundPositionValue = Kw<BackgroundPositionKeyword>;
+type PInherit = "inherit";
+type PInitial = "initial";
+type PRevert = "revert";
+type PRevertLayer = "revert-layer";
+type PUnset = "unset";
+type PGlobal = PInherit | PInitial | PRevert | PRevertLayer | PUnset;
+type DisplayOutsideValue = "block" | "inline" | "run-in";
+type DisplayInsideValue = "flow" | "flow-root" | "table" | "flex" | "grid" | "ruby";
+type DisplayListItemValue = "list-item";
+type DisplayInternalValue = "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-cell" | "table-column-group" | "table-column" | "table-caption" | "ruby-base" | "ruby-text" | "ruby-base-container" | "ruby-text-container";
+type DisplayBoxValue = "contents" | "none";
+type DisplayLegacyValue = "inline-block" | "inline-table" | "inline-flex" | "inline-grid";
+type DisplayValue = DisplayOutsideValue | DisplayInsideValue | DisplayListItemValue | DisplayInternalValue | DisplayBoxValue | DisplayLegacyValue;
+type DisplayMultiValue = DisplayValue | DisplayValue[];
+type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
+type PAnimationGlobal = PGlobal;
+type PTransitionGlobal = PGlobal;
+type PColorGlobal = PGlobal;
+type PBoxModelGlobal = PGlobal;
+type PFontGlobal = PGlobal;
+type PPositionGlobal = PGlobal;
+type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse";
+type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse";
+type FlexFlowSingleValue = FlexDirectionValue | FlexWrapValue;
+type FlexFlowMultiValue = FlexFlowSingleValue | [FlexFlowSingleValue, FlexFlowSingleValue];
+type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right";
+type AlignItemsSelfPosition = "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end";
+type AlignItemsValue = "normal" | "stretch" | "anchor-center" | "baseline" | "first baseline" | "last baseline" | AlignItemsSelfPosition | ["safe", AlignItemsSelfPosition] | ["unsafe", AlignItemsSelfPosition];
+type AlignSelfValue = "auto" | "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "anchor-center" | AlignItemsSelfPosition | ["unsafe", AlignItemsSelfPosition] | ["safe", AlignItemsSelfPosition];
+type AlignmentBaselineValue = "baseline" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "text-top";
+type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end";
+type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | "clip";
+type OverflowMultiValue = OverflowValue | [OverflowValue, OverflowValue];
+type TextDecorationLineValue = "none" | "underline" | "overline" | "line-through" | "blink";
+type TextDecorationStyleValue = "solid" | "double" | "dotted" | "dashed" | "wavy";
+type TextDecorationValue = Kw<TextDecorationLineValue | TextDecorationStyleValue>;
+type TextDecorationMultiValue = TextDecorationValue | TextDecorationValue[];
+type TextTransformValue = "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
+type BorderStyleValue = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset";
+type BorderWidthValue = Kw<"thin" | "medium" | "thick">;
+type BorderValue = BorderStyleValue | BorderWidthValue;
+type BlendModeValue = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
+type CursorValue = "auto" | "default" | "none" | "context-menu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "vertical-text" | "alias" | "copy" | "move" | "no-drop" | "not-allowed" | "grab" | "grabbing" | "all-scroll" | "col-resize" | "row-resize" | "n-resize" | "e-resize" | "s-resize" | "w-resize" | "ne-resize" | "nw-resize" | "se-resize" | "sw-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "zoom-in" | "zoom-out";
+type AnimationNameValue = string;
+type AnimationDurationValue = string;
+type AnimationTimingFunctionValue = Kw<"ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end">;
+type AnimationDelayValue = string;
+type AnimationIterationCountValue = Kw<"infinite">;
+type AnimationDirectionValue = "normal" | "reverse" | "alternate" | "alternate-reverse";
+type AnimationFillModeValue = "none" | "forwards" | "backwards" | "both";
+type AnimationPlayStateValue = "running" | "paused";
+type AnimationCompositionValue = "replace" | "add" | "accumulate";
+type AnimationTimeline = string;
+type AnimationValueBase = AnimationNameValue | AnimationDurationValue | AnimationTimingFunctionValue | AnimationDelayValue | AnimationIterationCountValue | AnimationDirectionValue | AnimationFillModeValue | AnimationPlayStateValue | AnimationTimeline;
+type AnimationValue = AnimationValueBase | AnimationValueBase[];
+type FontStyleValue = Kw<"normal" | "italic" | "oblique">;
+type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+type FontSizeValue = Kw<"xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "smaller" | "larger">;
+type LineHeightValue = Kw<"normal">;
+type FontValue = string | string[];
+type GridTemplateAreasValue = Kw<"none"> | string[];
+type GridTemplateValue = string | string[];
+type GridTemplateColumnsValue = Kw<"none"> | string[];
+type GridTemplateRowsValue = Kw<"none"> | string[];
+type TransformValue = Kw<"none"> | string[];
+type TransitionPropertyValue = Kw<"none" | "all">;
+type TransitionTimingFunctionValue = Kw<"ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end">;
+type TransitionValue = string | string[];
+type Properties = Partial<{
+  accent_color: Kw<"auto"> | PColorGlobal;
+  align_content: AlignContentKeyword | PGlobal;
+  align_items: AlignItemsValue | PGlobal;
+  align_self: AlignSelfValue | PGlobal;
+  alignment_baseline: AlignmentBaselineValue | PGlobal;
+  all: PGlobal;
+  anchor_name: Kw<"none"> | string[] | PGlobal;
+  animation: AnimationValue | PAnimationGlobal;
+  animation_composition: Multi<AnimationCompositionValue> | PAnimationGlobal;
+  animation_delay: string | string[] | PAnimationGlobal;
+  animation_direction: Multi<AnimationDirectionValue> | PAnimationGlobal;
+  animation_duration: string | string[] | PAnimationGlobal;
+  animation_fill_mode: Multi<AnimationFillModeValue> | PAnimationGlobal;
+  animation_iteration_count: AnimationIterationCountValue | AnimationIterationCountValue[] | PAnimationGlobal;
+  animation_name: string | string[] | PAnimationGlobal;
+  animation_play_state: Multi<AnimationPlayStateValue> | PAnimationGlobal;
+  animation_range: string | string[] | PAnimationGlobal;
+  animation_range_end: string | string[] | PAnimationGlobal;
+  animation_range_start: string | string[] | PAnimationGlobal;
+  animation_timeline: string | string[] | PAnimationGlobal;
+  animation_timing_function: AnimationTimingFunctionValue | AnimationTimingFunctionValue[] | PAnimationGlobal;
+  appearance: "none" | "auto" | PGlobal;
+  aspect_ratio: Kw<"auto"> | [string, "/", string] | PGlobal;
+  backdrop_filter: Kw<"none"> | string[] | PGlobal;
+  backface_visibility: "visible" | "hidden" | PGlobal;
+  background: string | string[] | PGlobal;
+  background_attachment: Multi<"scroll" | "fixed" | "local"> | PGlobal;
+  background_blend_mode: Multi<BlendModeValue> | PGlobal;
+  background_clip: Multi<"border-box" | "padding-box" | "content-box" | "text"> | PGlobal;
+  background_color: string | PColorGlobal;
+  background_image: Kw<"none"> | string[] | PGlobal;
+  background_origin: Multi<"border-box" | "padding-box" | "content-box"> | PGlobal;
+  background_position: BackgroundPositionValue | BackgroundPositionValue[] | PGlobal;
+  background_position_x: Kw<"left" | "center" | "right"> | string[] | PGlobal;
+  background_position_y: Kw<"top" | "center" | "bottom"> | string[] | PGlobal;
+  background_repeat: Multi<"repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round"> | PGlobal;
+  background_size: Kw<"auto" | "cover" | "contain"> | string[] | PGlobal;
+  block_size: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  border: BorderValue | BorderValue[] | PGlobal;
+  border_block: BorderValue | BorderValue[] | PGlobal;
+  border_block_color: string | string[] | PGlobal;
+  border_block_end: BorderValue | BorderValue[] | PGlobal;
+  border_block_end_color: string | PGlobal;
+  border_block_end_style: BorderStyleValue | PGlobal;
+  border_block_end_width: BorderWidthValue | PGlobal;
+  border_block_start: BorderValue | BorderValue[] | PGlobal;
+  border_block_start_color: string | PGlobal;
+  border_block_start_style: BorderStyleValue | PGlobal;
+  border_block_start_width: BorderWidthValue | PGlobal;
+  border_block_style: BorderStyleValue | PGlobal;
+  border_block_width: BorderWidthValue | PGlobal;
+  border_bottom: BorderValue | BorderValue[] | PGlobal;
+  border_bottom_color: string | PGlobal;
+  border_bottom_left_radius: string | string[] | PGlobal;
+  border_bottom_right_radius: string | string[] | PGlobal;
+  border_bottom_style: BorderStyleValue | PGlobal;
+  border_bottom_width: BorderWidthValue | PGlobal;
+  border_collapse: "collapse" | "separate" | PGlobal;
+  border_color: string | string[] | PGlobal;
+  border_end_end_radius: string | string[] | PGlobal;
+  border_end_start_radius: string | string[] | PGlobal;
+  border_image: string | string[] | PGlobal;
+  border_image_outset: string | string[] | PGlobal;
+  border_image_repeat: Multi<"stretch" | "repeat" | "round" | "space"> | PGlobal;
+  border_image_slice: string | string[] | PGlobal;
+  border_image_source: Kw<"none"> | PGlobal;
+  border_image_width: string | string[] | PGlobal;
+  border_inline: BorderValue | BorderValue[] | PGlobal;
+  border_inline_color: string | string[] | PGlobal;
+  border_inline_end: BorderValue | BorderValue[] | PGlobal;
+  border_inline_end_color: string | PGlobal;
+  border_inline_end_style: BorderStyleValue | PGlobal;
+  border_inline_end_width: BorderWidthValue | PGlobal;
+  border_inline_start: BorderValue | BorderValue[] | PGlobal;
+  border_inline_start_color: string | PGlobal;
+  border_inline_start_style: BorderStyleValue | PGlobal;
+  border_inline_start_width: BorderWidthValue | PGlobal;
+  border_inline_style: BorderStyleValue | PGlobal;
+  border_inline_width: BorderWidthValue | PGlobal;
+  border_left: BorderValue | BorderValue[] | PGlobal;
+  border_left_color: string | PGlobal;
+  border_left_style: BorderStyleValue | PGlobal;
+  border_left_width: BorderWidthValue | PGlobal;
+  border_radius: string | string[] | PGlobal;
+  border_right: BorderValue | BorderValue[] | PGlobal;
+  border_right_color: string | PGlobal;
+  border_right_style: BorderStyleValue | PGlobal;
+  border_right_width: BorderWidthValue | PGlobal;
+  border_spacing: string | string[] | PGlobal;
+  border_start_end_radius: string | string[] | PGlobal;
+  border_start_start_radius: string | string[] | PGlobal;
+  border_style: BorderStyleValue | BorderStyleValue[] | PGlobal;
+  border_top: BorderValue | BorderValue[] | PGlobal;
+  border_top_color: string | PGlobal;
+  border_top_left_radius: string | string[] | PGlobal;
+  border_top_right_radius: string | string[] | PGlobal;
+  border_top_style: BorderStyleValue | PGlobal;
+  border_top_width: BorderWidthValue | PGlobal;
+  border_width: BorderWidthValue | BorderWidthValue[] | PGlobal;
+  bottom: Kw<"auto"> | PGlobal;
+  box_decoration_break: "slice" | "clone" | PGlobal;
+  box_reflect: Kw<"none" | "above" | "below" | "left" | "right"> | string[] | PGlobal;
+  box_shadow: Kw<"none"> | string[] | PGlobal;
+  box_sizing: "content-box" | "border-box" | PGlobal;
+  break_after: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
+  break_before: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
+  break_inside: "auto" | "avoid" | "avoid-page" | "avoid-column" | "avoid-region" | PGlobal;
+  caption_side: "top" | "bottom" | "block-start" | "block-end" | "inline-start" | "inline-end" | PGlobal;
+  caret_color: Kw<"auto"> | PColorGlobal;
+  clear: "none" | "left" | "right" | "both" | "inline-start" | "inline-end" | PGlobal;
+  clip: Kw<"auto"> | PGlobal;
+  clip_path: Kw<"none"> | string[] | PGlobal;
+  color: string | PColorGlobal;
+  color_scheme: Kw<"normal" | "light" | "dark" | "only"> | string[] | PGlobal;
+  column_count: Kw<"auto"> | PGlobal;
+  column_fill: "auto" | "balance" | "balance-all" | PGlobal;
+  column_gap: Kw<"normal"> | PGlobal;
+  column_rule: BorderValue | BorderValue[] | PGlobal;
+  column_rule_color: string | PGlobal;
+  column_rule_style: BorderStyleValue | PGlobal;
+  column_rule_width: BorderWidthValue | PGlobal;
+  column_span: "none" | "all" | PGlobal;
+  column_width: Kw<"auto"> | PGlobal;
+  columns: string | string[] | PGlobal;
+  contain: Multi<"none" | "strict" | "content" | "size" | "inline-size" | "layout" | "style" | "paint"> | PGlobal;
+  contain_intrinsic_block_size: Kw<"none"> | string[] | PGlobal;
+  contain_intrinsic_height: Kw<"none"> | string[] | PGlobal;
+  contain_intrinsic_inline_size: Kw<"none"> | string[] | PGlobal;
+  contain_intrinsic_size: Kw<"none"> | string[] | PGlobal;
+  contain_intrinsic_width: Kw<"none"> | string[] | PGlobal;
+  content: Kw<"normal" | "none"> | string[] | PGlobal;
+  content_visibility: "visible" | "auto" | "hidden" | PGlobal;
+  counter_increment: Kw<"none"> | string[] | PGlobal;
+  counter_reset: Kw<"none"> | string[] | PGlobal;
+  counter_set: Kw<"none"> | string[] | PGlobal;
+  cursor: Kw<CursorValue> | string[] | PGlobal;
+  direction: "ltr" | "rtl" | PGlobal;
+  display: DisplayMultiValue | PGlobal;
+  empty_cells: "show" | "hide" | PGlobal;
+  filter: Kw<"none"> | string[] | PGlobal;
+  flex: Kw<"auto" | "none" | "content"> | string[] | PGlobal;
+  flex_basis: Kw<"auto" | "fill" | "max-content" | "min-content" | "fit-content" | "content"> | PGlobal;
+  flex_direction: FlexDirectionValue | PGlobal;
+  flex_flow: FlexFlowMultiValue | PGlobal;
+  flex_grow: string | PGlobal;
+  flex_shrink: string | PGlobal;
+  flex_wrap: FlexWrapValue | PGlobal;
+  float: "left" | "right" | "none" | "inline-start" | "inline-end" | PGlobal;
+  font: FontValue | PFontGlobal;
+  font_family: string | string[] | PFontGlobal;
+  font_feature_settings: Kw<"normal"> | string[] | PFontGlobal;
+  font_kerning: "auto" | "normal" | "none" | PFontGlobal;
+  font_language_override: Kw<"normal"> | PFontGlobal;
+  font_optical_sizing: "auto" | "none" | PFontGlobal;
+  font_size: FontSizeValue | PFontGlobal;
+  font_size_adjust: Kw<"none" | "from-font"> | string[] | PFontGlobal;
+  font_stretch: Kw<"normal" | "ultra-condensed" | "extra-condensed" | "condensed" | "semi-condensed" | "semi-expanded" | "expanded" | "extra-expanded" | "ultra-expanded"> | PFontGlobal;
+  font_style: FontStyleValue | PFontGlobal;
+  font_synthesis: Multi<"none" | "weight" | "style" | "small-caps" | "position"> | PFontGlobal;
+  font_variant: Kw<"normal" | "none"> | string[] | PFontGlobal;
+  font_variant_alternates: Kw<"normal"> | string[] | PFontGlobal;
+  font_variant_caps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | PFontGlobal;
+  font_variant_east_asian: Kw<"normal"> | string[] | PFontGlobal;
+  font_variant_ligatures: Kw<"normal" | "none"> | string[] | PFontGlobal;
+  font_variant_numeric: Kw<"normal"> | string[] | PFontGlobal;
+  font_variant_position: "normal" | "sub" | "super" | PFontGlobal;
+  font_variation_settings: Kw<"normal"> | string[] | PFontGlobal;
+  font_weight: FontWeightValue | PFontGlobal;
+  gap: Kw<"normal"> | string[] | PGlobal;
+  grid: string | string[] | PGlobal;
+  grid_area: string | PGlobal;
+  grid_auto_columns: Kw<"auto" | "max-content" | "min-content"> | string[] | PGlobal;
+  grid_auto_flow: Multi<"row" | "column" | "dense"> | PGlobal;
+  grid_auto_rows: Kw<"auto" | "max-content" | "min-content"> | string[] | PGlobal;
+  grid_column: Kw<"auto"> | string[] | PGlobal;
+  grid_column_end: Kw<"auto"> | PGlobal;
+  grid_column_gap: Kw<"normal"> | PGlobal;
+  grid_column_start: Kw<"auto"> | PGlobal;
+  grid_gap: Kw<"normal"> | string[] | PGlobal;
+  grid_row: Kw<"auto"> | string[] | PGlobal;
+  grid_row_end: Kw<"auto"> | PGlobal;
+  grid_row_gap: Kw<"normal"> | PGlobal;
+  grid_row_start: Kw<"auto"> | PGlobal;
+  grid_template: GridTemplateValue | PGlobal;
+  grid_template_areas: GridTemplateAreasValue | PGlobal;
+  grid_template_columns: GridTemplateColumnsValue | PGlobal;
+  grid_template_rows: GridTemplateRowsValue | PGlobal;
+  hanging_punctuation: Multi<"none" | "first" | "last" | "force-end" | "allow-end"> | PGlobal;
+  height: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  hyphenate_character: Kw<"auto"> | PGlobal;
+  hyphens: "none" | "manual" | "auto" | PGlobal;
+  image_orientation: Kw<"none" | "from-image"> | PGlobal;
+  image_rendering: "auto" | "crisp-edges" | "pixelated" | PGlobal;
+  image_resolution: string | string[] | PGlobal;
+  initial_letter: Kw<"normal"> | string[] | PGlobal;
+  inline_size: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  inset: Kw<"auto"> | string[] | PGlobal;
+  inset_block: Kw<"auto"> | string[] | PGlobal;
+  inset_block_end: Kw<"auto"> | PGlobal;
+  inset_block_start: Kw<"auto"> | PGlobal;
+  inset_inline: Kw<"auto"> | string[] | PGlobal;
+  inset_inline_end: Kw<"auto"> | PGlobal;
+  inset_inline_start: Kw<"auto"> | PGlobal;
+  isolation: "auto" | "isolate" | PGlobal;
+  justify_content: JustifyContentValue | PGlobal;
+  justify_items: "normal" | "stretch" | "baseline" | "start" | "end" | "center" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | PGlobal;
+  justify_self: "auto" | "normal" | "stretch" | "baseline" | "start" | "end" | "center" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | PGlobal;
+  left: Kw<"auto"> | PGlobal;
+  letter_spacing: Kw<"normal"> | PGlobal;
+  line_break: "auto" | "loose" | "normal" | "strict" | "anywhere" | PGlobal;
+  line_height: LineHeightValue | PGlobal;
+  list_style: string | string[] | PGlobal;
+  list_style_image: Kw<"none"> | PGlobal;
+  list_style_position: "inside" | "outside" | PGlobal;
+  list_style_type: Kw<"none" | "disc" | "circle" | "square" | "decimal" | "decimal-leading-zero" | "lower-roman" | "upper-roman" | "lower-alpha" | "upper-alpha" | "lower-latin" | "upper-latin" | "lower-greek"> | PGlobal;
+  margin: Kw<"auto"> | string[] | PBoxModelGlobal;
+  margin_block: Kw<"auto"> | string[] | PBoxModelGlobal;
+  margin_block_end: Kw<"auto"> | PBoxModelGlobal;
+  margin_block_start: Kw<"auto"> | PBoxModelGlobal;
+  margin_bottom: Kw<"auto"> | PBoxModelGlobal;
+  margin_inline: Kw<"auto"> | string[] | PBoxModelGlobal;
+  margin_inline_end: Kw<"auto"> | PBoxModelGlobal;
+  margin_inline_start: Kw<"auto"> | PBoxModelGlobal;
+  margin_left: Kw<"auto"> | PBoxModelGlobal;
+  margin_right: Kw<"auto"> | PBoxModelGlobal;
+  margin_top: Kw<"auto"> | PBoxModelGlobal;
+  marker: Kw<"none"> | PGlobal;
+  marker_end: Kw<"none"> | PGlobal;
+  marker_mid: Kw<"none"> | PGlobal;
+  marker_start: Kw<"none"> | PGlobal;
+  mask: Kw<"none"> | string[] | PGlobal;
+  mask_border: string | string[] | PGlobal;
+  mask_border_mode: "luminance" | "alpha" | PGlobal;
+  mask_border_outset: string | string[] | PGlobal;
+  mask_border_repeat: Multi<"stretch" | "repeat" | "round" | "space"> | PGlobal;
+  mask_border_slice: string | string[] | PGlobal;
+  mask_border_source: Kw<"none"> | PGlobal;
+  mask_border_width: Kw<"auto"> | string[] | PGlobal;
+  mask_clip: Multi<"content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | "no-clip"> | PGlobal;
+  mask_composite: Multi<"add" | "subtract" | "intersect" | "exclude"> | PGlobal;
+  mask_image: Kw<"none"> | string[] | PGlobal;
+  mask_mode: Multi<"alpha" | "luminance" | "match-source"> | PGlobal;
+  mask_origin: Multi<"content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box"> | PGlobal;
+  mask_position: string | string[] | PGlobal;
+  mask_repeat: Multi<"repeat" | "repeat-x" | "repeat-y" | "space" | "round" | "no-repeat"> | PGlobal;
+  mask_size: Kw<"auto" | "cover" | "contain"> | string[] | PGlobal;
+  mask_type: "luminance" | "alpha" | PGlobal;
+  max_block_size: Kw<"none" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  max_height: Kw<"none" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  max_inline_size: Kw<"none" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  max_width: Kw<"none" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  min_block_size: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  min_height: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  min_inline_size: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  min_width: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  mix_blend_mode: BlendModeValue | "plus-darker" | "plus-lighter" | PGlobal;
+  object_fit: "fill" | "contain" | "cover" | "none" | "scale-down" | PGlobal;
+  object_position: string | string[] | PGlobal;
+  offset: string | string[] | PGlobal;
+  offset_anchor: Kw<"auto"> | string[] | PGlobal;
+  offset_distance: string | PGlobal;
+  offset_path: Kw<"none"> | PGlobal;
+  offset_position: Kw<"auto" | "normal"> | string[] | PGlobal;
+  offset_rotate: Kw<"auto" | "reverse"> | string[] | PGlobal;
+  opacity: string | PGlobal;
+  order: string | PGlobal;
+  orphans: string | PGlobal;
+  outline: BorderValue | BorderValue[] | PGlobal;
+  outline_color: Kw<"invert"> | PGlobal;
+  outline_offset: string | PGlobal;
+  outline_style: BorderStyleValue | "auto" | PGlobal;
+  outline_width: BorderWidthValue | PGlobal;
+  overflow: OverflowValue | OverflowMultiValue | PGlobal;
+  overflow_anchor: "auto" | "none" | PGlobal;
+  overflow_block: OverflowValue | PGlobal;
+  overflow_clip_margin: Kw<"content-box" | "padding-box" | "border-box"> | PGlobal;
+  overflow_inline: OverflowValue | PGlobal;
+  overflow_wrap: "normal" | "break-word" | "anywhere" | PGlobal;
+  overflow_x: OverflowValue | PGlobal;
+  overflow_y: OverflowValue | PGlobal;
+  overscroll_behavior: Multi<"auto" | "contain" | "none"> | PGlobal;
+  overscroll_behavior_block: "auto" | "contain" | "none" | PGlobal;
+  overscroll_behavior_inline: "auto" | "contain" | "none" | PGlobal;
+  overscroll_behavior_x: "auto" | "contain" | "none" | PGlobal;
+  overscroll_behavior_y: "auto" | "contain" | "none" | PGlobal;
+  padding: string | string[] | PBoxModelGlobal;
+  padding_block: string | string[] | PBoxModelGlobal;
+  padding_block_end: string | PBoxModelGlobal;
+  padding_block_start: string | PBoxModelGlobal;
+  padding_bottom: string | PBoxModelGlobal;
+  padding_inline: string | string[] | PBoxModelGlobal;
+  padding_inline_end: string | PBoxModelGlobal;
+  padding_inline_start: string | PBoxModelGlobal;
+  padding_left: string | PBoxModelGlobal;
+  padding_right: string | PBoxModelGlobal;
+  padding_top: string | PBoxModelGlobal;
+  page_break_after: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
+  page_break_before: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
+  page_break_inside: "auto" | "avoid" | PGlobal;
+  paint_order: Multi<"normal" | "fill" | "stroke" | "markers"> | PGlobal;
+  perspective: Kw<"none"> | PGlobal;
+  perspective_origin: string | string[] | PGlobal;
+  place_content: string | string[] | PGlobal;
+  place_items: string | string[] | PGlobal;
+  place_self: string | string[] | PGlobal;
+  pointer_events: "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | PGlobal;
+  position: PositionValue | PPositionGlobal;
+  quotes: Kw<"none" | "auto"> | string[] | PGlobal;
+  resize: "none" | "both" | "horizontal" | "vertical" | "block" | "inline" | PGlobal;
+  right: Kw<"auto"> | PGlobal;
+  rotate: Kw<"none"> | string[] | PGlobal;
+  row_gap: Kw<"normal"> | PGlobal;
+  scale: Kw<"none"> | string[] | PGlobal;
+  scroll_behavior: "auto" | "smooth" | PGlobal;
+  scroll_margin: string | string[] | PGlobal;
+  scroll_margin_block: string | string[] | PGlobal;
+  scroll_margin_block_end: string | PGlobal;
+  scroll_margin_block_start: string | PGlobal;
+  scroll_margin_bottom: string | PGlobal;
+  scroll_margin_inline: string | string[] | PGlobal;
+  scroll_margin_inline_end: string | PGlobal;
+  scroll_margin_inline_start: string | PGlobal;
+  scroll_margin_left: string | PGlobal;
+  scroll_margin_right: string | PGlobal;
+  scroll_margin_top: string | PGlobal;
+  scroll_padding: Kw<"auto"> | string[] | PGlobal;
+  scroll_padding_block: Kw<"auto"> | string[] | PGlobal;
+  scroll_padding_block_end: Kw<"auto"> | PGlobal;
+  scroll_padding_block_start: Kw<"auto"> | PGlobal;
+  scroll_padding_bottom: Kw<"auto"> | PGlobal;
+  scroll_padding_inline: Kw<"auto"> | string[] | PGlobal;
+  scroll_padding_inline_end: Kw<"auto"> | PGlobal;
+  scroll_padding_inline_start: Kw<"auto"> | PGlobal;
+  scroll_padding_left: Kw<"auto"> | PGlobal;
+  scroll_padding_right: Kw<"auto"> | PGlobal;
+  scroll_padding_top: Kw<"auto"> | PGlobal;
+  scroll_snap_align: Multi<"none" | "start" | "end" | "center"> | PGlobal;
+  scroll_snap_stop: "normal" | "always" | PGlobal;
+  scroll_snap_type: Multi<"none" | "x" | "y" | "block" | "inline" | "both" | "mandatory" | "proximity"> | PGlobal;
+  scrollbar_color: Kw<"auto"> | string[] | PGlobal;
+  scrollbar_width: "auto" | "thin" | "none" | PGlobal;
+  shape_image_threshold: string | PGlobal;
+  shape_margin: string | PGlobal;
+  shape_outside: Kw<"none" | "margin-box" | "content-box" | "border-box" | "padding-box"> | string[] | PGlobal;
+  tab_size: string | PGlobal;
+  table_layout: "auto" | "fixed" | PGlobal;
+  text_align: TextAlignValue | PGlobal;
+  text_align_last: TextAlignValue | "auto" | PGlobal;
+  text_combine_upright: Kw<"none" | "all" | "digits"> | string[] | PGlobal;
+  text_decoration: TextDecorationMultiValue | PGlobal;
+  text_decoration_color: string | PGlobal;
+  text_decoration_line: TextDecorationLineValue | TextDecorationLineValue[] | PGlobal;
+  text_decoration_skip: Multi<"none" | "objects" | "spaces" | "leading-spaces" | "trailing-spaces" | "edges" | "box-decoration"> | PGlobal;
+  text_decoration_skip_ink: "auto" | "none" | "all" | PGlobal;
+  text_decoration_style: TextDecorationStyleValue | PGlobal;
+  text_decoration_thickness: Kw<"auto" | "from-font"> | PGlobal;
+  text_emphasis: string | string[] | PGlobal;
+  text_emphasis_color: string | PGlobal;
+  text_emphasis_position: Kw<"over" | "under" | "left" | "right"> | string[] | PGlobal;
+  text_emphasis_style: Kw<"none" | "filled" | "open" | "dot" | "circle" | "double-circle" | "triangle" | "sesame"> | string[] | PGlobal;
+  text_indent: string | string[] | PGlobal;
+  text_justify: "auto" | "inter-character" | "inter-word" | "none" | PGlobal;
+  text_orientation: "mixed" | "upright" | "sideways" | PGlobal;
+  text_overflow: Kw<"clip" | "ellipsis"> | string[] | PGlobal;
+  text_rendering: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision" | PGlobal;
+  text_shadow: Kw<"none"> | string[] | PGlobal;
+  text_size_adjust: Kw<"none" | "auto"> | PGlobal;
+  text_transform: TextTransformValue | PGlobal;
+  text_underline_offset: Kw<"auto"> | PGlobal;
+  text_underline_position: Multi<"auto" | "from-font" | "under" | "left" | "right"> | PGlobal;
+  top: Kw<"auto"> | PGlobal;
+  touch_action: Multi<"auto" | "none" | "pan-x" | "pan-y" | "pan-left" | "pan-right" | "pan-up" | "pan-down" | "pinch-zoom" | "manipulation"> | PGlobal;
+  transform: TransformValue | PGlobal;
+  transform_box: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
+  transform_origin: string | string[] | PGlobal;
+  transform_style: "flat" | "preserve-3d" | PGlobal;
+  transition: TransitionValue | PTransitionGlobal;
+  transition_delay: string | string[] | PTransitionGlobal;
+  transition_duration: string | string[] | PTransitionGlobal;
+  transition_property: TransitionPropertyValue | TransitionPropertyValue[] | PTransitionGlobal;
+  transition_timing_function: TransitionTimingFunctionValue | TransitionTimingFunctionValue[] | PTransitionGlobal;
+  translate: Kw<"none"> | string[] | PGlobal;
+  unicode_bidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | PGlobal;
+  user_select: "auto" | "none" | "text" | "contain" | "all" | PGlobal;
+  vertical_align: Kw<"baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom"> | PGlobal;
+  visibility: "visible" | "hidden" | "collapse" | PGlobal;
+  white_space: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces" | PGlobal;
+  widows: string | PGlobal;
+  width: Kw<"auto" | "max-content" | "min-content" | "fit-content"> | PGlobal;
+  will_change: Kw<"auto" | "scroll-position" | "contents"> | string[] | PGlobal;
+  word_break: "normal" | "break-all" | "keep-all" | "break-word" | PGlobal;
+  word_spacing: Kw<"normal"> | PGlobal;
+  word_wrap: "normal" | "break-word" | PGlobal;
+  writing_mode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | PGlobal;
+  z_index: Kw<"auto"> | PGlobal;
+  zoom: Kw<"normal" | "reset"> | PGlobal;
+  [key: `--${string}`]: string;
+}>;
+//#endregion
+export { Properties as t };

package/dist/{registry-Bg8dxPHm.d.ts → registry-DxeMToNF.d.ts}

@@ -1,4 +1,4 @@
-import { t as Properties } from "./properties-FKQ-gJeC.js";
+import { t as Properties } from "./properties-FD59BzEy.js";
 
 //#region src/registry.d.ts
 type Registry = Map<string, [string[], Partial<Properties>]>;

package/dist/registry.browser.d.ts

@@ -1,4 +1,4 @@
-import { t as Properties } from "./properties-FKQ-gJeC.js";
+import { t as Properties } from "./properties-FD59BzEy.js";
 
 //#region src/registry.browser.d.ts
 type Registry = Map<string, [string[], Partial<Properties>]>;

package/dist/registry.d.ts

@@ -1,2 +1,2 @@
-import { i as runWithRegistry, n as RunWithRegistry, r as registerCss, t as Registry } from "./registry-Bg8dxPHm.js";
+import { i as runWithRegistry, n as RunWithRegistry, r as registerCss, t as Registry } from "./registry-DxeMToNF.js";
 export { Registry, RunWithRegistry, registerCss, runWithRegistry };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cirrojs",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "React islands SSG with strict CSP (no unsafe-inline). Vite-based, MPA-first.",
   "license": "MIT",
   "type": "module",

package/dist/css-CPDjsrSK.js

@@ -1,4 +0,0 @@
-import{registerCss as e}from"cirrojs/registry";function t(e,t){let n=t?.selector??`&`,r=t?.atrules??[],o=a({selector:n,atrules:r,properties:e}),s=`${t?.name??`cirro`}-${o.toString(16)}`;return i([...r,n],e,s),s}function n(e){let n=[];return e.layer&&n.push(`@layer ${e.layer}`),e.atRules&&n.push(...e.atRules),(e,r)=>t(e,{atrules:n,name:r?.name,selector:r?.selector})}function r(e){let t=`@charset "utf-8";
-@layer base, font, low, main, high;
-`;for(let[n,[r,i]]of e)t+=r.reduceRight((e,t)=>`${t} { ${e} }`,Object.entries(i).map(([e,t])=>`${e.replaceAll(`_`,`-`)}: ${t};`).join(` `)),t+=`
-`;return t}function i(t,n,r){e(r,t.map(e=>e.replaceAll(`&`,`.${r}`)),n)}function a(...e){return o(e.map(e=>JSON.stringify(e)).join(``))}function o(e){let t=5381;for(let n of[...e])t=(t<<5)+t+n.charCodeAt(0)&4294967295;return t>>>0}export{n,r,t};

package/dist/properties-FKQ-gJeC.d.ts

@@ -1,461 +0,0 @@
-//#region src/properties.d.ts
-type AlignContentBaseKeyword = "normal" | "start" | "center" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";
-type AlignContentKeyword = AlignContentBaseKeyword | ["safe", AlignContentBaseKeyword] | ["unsafe", AlignContentBaseKeyword];
-type BackgroundPositionKeyword = "left" | "center" | "right" | "top" | "bottom";
-type BackgroundPositionValue = BackgroundPositionKeyword | string;
-type PInherit = "inherit";
-type PInitial = "initial";
-type PRevert = "revert";
-type PRevertLayer = "revert-layer";
-type PUnset = "unset";
-type PGlobal = PInherit | PInitial | PRevert | PRevertLayer | PUnset;
-type DisplayOutsideValue = "block" | "inline" | "run-in";
-type DisplayInsideValue = "flow" | "flow-root" | "table" | "flex" | "grid" | "ruby";
-type DisplayListItemValue = "list-item";
-type DisplayInternalValue = "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-cell" | "table-column-group" | "table-column" | "table-caption" | "ruby-base" | "ruby-text" | "ruby-base-container" | "ruby-text-container";
-type DisplayBoxValue = "contents" | "none";
-type DisplayLegacyValue = "inline-block" | "inline-table" | "inline-flex" | "inline-grid";
-type DisplayValue = DisplayOutsideValue | DisplayInsideValue | DisplayListItemValue | DisplayInternalValue | DisplayBoxValue | DisplayLegacyValue | "table" | "inline-block" | "inline-flex" | "inline-grid";
-type DisplayMultiValue = DisplayValue | DisplayValue[];
-type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
-type PAnimationGlobal = PGlobal;
-type PTransitionGlobal = PGlobal;
-type PColorGlobal = PGlobal;
-type PBoxModelGlobal = PGlobal;
-type PFontGlobal = PGlobal;
-type PPositionGlobal = PGlobal;
-type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse";
-type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse";
-type FlexFlowSingleValue = FlexDirectionValue | FlexWrapValue;
-type FlexFlowMultiValue = FlexFlowSingleValue | [FlexFlowSingleValue, FlexFlowSingleValue];
-type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right";
-type AlignItemsSelfPosition = "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end";
-type AlignItemsValue = "normal" | "stretch" | "anchor-center" | "baseline" | "first baseline" | "last baseline" | AlignItemsSelfPosition | ["safe", AlignItemsSelfPosition] | ["unsafe", AlignItemsSelfPosition];
-type AlignSelfValue = "auto" | "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "anchor-center" | AlignItemsSelfPosition | ["unsafe", AlignItemsSelfPosition] | ["safe", AlignItemsSelfPosition];
-type AlignmentBaselineValue = "baseline" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "text-top";
-type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end";
-type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | "clip";
-type OverflowMultiValue = OverflowValue | [OverflowValue, OverflowValue];
-type TextDecorationLineValue = "none" | "underline" | "overline" | "line-through";
-type TextDecorationStyleValue = "solid" | "double" | "dotted" | "dashed" | "wavy";
-type TextDecorationColorValue = string;
-type TextDecorationValue = TextDecorationLineValue | TextDecorationStyleValue | TextDecorationColorValue;
-type TextDecorationMultiValue = TextDecorationValue | TextDecorationValue[];
-type TextTransformValue = "none" | "capitalize" | "uppercase" | "lowercase" | "full-width";
-type BorderStyleValue = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset";
-type BorderWidthValue = "thin" | "medium" | "thick" | string;
-type BorderColorValue = string;
-type BorderValue = BorderStyleValue | BorderWidthValue | BorderColorValue;
-type CursorValue = "auto" | "default" | "pointer" | "wait" | "text" | "move" | "not-allowed" | "grab" | "grabbing" | "zoom-in" | "zoom-out" | "help" | "crosshair";
-type AnimationNameValue = string;
-type AnimationDurationValue = string;
-type AnimationTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
-type AnimationDelayValue = string;
-type AnimationIterationCountValue = string | "infinite";
-type AnimationDirectionValue = "normal" | "reverse" | "alternate" | "alternate-reverse";
-type AnimationFillModeValue = "none" | "forwards" | "backwards" | "both";
-type AnimationPlayStateValue = "running" | "paused";
-type AnimationCompositionValue = "replace" | "add" | "accumulate";
-type AnimationTimeline = string;
-type AnimationValueBase = AnimationNameValue | AnimationDurationValue | AnimationTimingFunctionValue | AnimationDelayValue | AnimationIterationCountValue | AnimationDirectionValue | AnimationFillModeValue | AnimationPlayStateValue | AnimationTimeline;
-type AnimationValue = AnimationValueBase | AnimationValueBase[] | AnimationValueBase[][];
-type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-type FontValue = string | string[] | string[];
-type GridTemplateAreasValue = "none" | string | string[];
-type GridTemplateValue = string | string[] | string[][];
-type GridTemplateColumnsValue = string | string[] | string[][] | "none";
-type GridTemplateRowsValue = string | string[] | string[][] | "none";
-type TransformFunctionValue = string;
-type TransformValue = "none" | TransformFunctionValue | TransformFunctionValue[] | string[];
-type TransitionPropertyValue = string | "none" | "all";
-type TransitionTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
-type TransitionValue = string | string[] | string[][];
-type Properties = Partial<{
-  align_content: AlignContentKeyword | PGlobal;
-  align_items: AlignItemsValue | PGlobal;
-  align_self: AlignSelfValue | PGlobal;
-  alignment_baseline: AlignmentBaselineValue | PGlobal;
-  all: PGlobal;
-  anchor_name: string | string[][];
-  animation: AnimationValue | PAnimationGlobal;
-  animation_composition: AnimationCompositionValue | AnimationCompositionValue[] | PAnimationGlobal;
-  animation_delay: string | string[][] | PAnimationGlobal;
-  animation_direction: AnimationDirectionValue | AnimationDirectionValue[][] | PAnimationGlobal;
-  animation_duration: string | string[][] | PAnimationGlobal;
-  animation_fill_mode: AnimationFillModeValue | AnimationFillModeValue[][] | PAnimationGlobal;
-  animation_iteration_count: AnimationIterationCountValue | AnimationIterationCountValue[][] | PAnimationGlobal;
-  animation_name: string | string[][] | PAnimationGlobal;
-  animation_play_state: AnimationPlayStateValue | AnimationPlayStateValue[][] | PAnimationGlobal;
-  animation_range: string | string[] | string[][] | PAnimationGlobal;
-  animation_range_end: string | string[] | string[][] | PAnimationGlobal;
-  animation_range_start: string | string[] | string[][] | PAnimationGlobal;
-  animation_timeline: string | string[][] | PAnimationGlobal;
-  animation_timing_function: AnimationTimingFunctionValue | AnimationTimingFunctionValue[][] | PAnimationGlobal;
-  appearance: "none" | "auto" | PGlobal;
-  aspect_ratio: "auto" | string | [string, "/", string];
-  backdrop_filter: string | string[] | PGlobal;
-  backface_visibility: "visible" | "hidden" | PGlobal;
-  background: string | string[] | string[][] | PGlobal;
-  background_attachment: "scroll" | "fixed" | "local" | string | string[] | string[][] | PGlobal;
-  background_blend_mode: string | string[] | string[][] | PGlobal;
-  background_clip: "border-box" | "padding-box" | "content-box" | "text" | string | string[] | string[][] | PGlobal;
-  background_color: string | PColorGlobal;
-  background_image: string | string[] | string[][] | PGlobal;
-  background_origin: "border-box" | "padding-box" | "content-box" | string | string[] | string[][] | PGlobal;
-  background_position: BackgroundPositionValue | BackgroundPositionValue[] | BackgroundPositionValue[][] | PGlobal;
-  background_repeat: "repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" | string | string[] | string[][] | PGlobal;
-  background_size: string | string[] | string[][] | PGlobal;
-  block_size: string | "auto" | PGlobal;
-  border: BorderValue | BorderValue[] | PGlobal;
-  border_block: string | PGlobal;
-  border_block_color: string | PGlobal;
-  border_block_end: BorderValue | BorderValue[] | PGlobal;
-  border_block_end_color: string | PGlobal;
-  border_block_end_style: BorderStyleValue | PGlobal;
-  border_block_end_width: string | PGlobal;
-  border_block_start: string | PGlobal;
-  border_block_start_color: string | PGlobal;
-  border_block_start_style: BorderStyleValue | PGlobal;
-  border_block_start_width: string | PGlobal;
-  border_block_style: BorderStyleValue | PGlobal;
-  border_block_width: string | PGlobal;
-  border_bottom: string | PGlobal;
-  border_bottom_color: string | PGlobal;
-  border_bottom_left_radius: string | PGlobal;
-  border_bottom_right_radius: string | PGlobal;
-  border_bottom_style: BorderStyleValue | PGlobal;
-  border_bottom_width: string | PGlobal;
-  border_collapse: "collapse" | "separate" | PGlobal;
-  border_color: string | string[] | PGlobal;
-  border_end_end_radius: string | PGlobal;
-  border_end_start_radius: string | PGlobal;
-  border_image: string | PGlobal;
-  border_image_outset: string | string[] | PGlobal;
-  border_image_repeat: "stretch" | "repeat" | "round" | "space" | string | string[] | PGlobal;
-  border_image_slice: string | string[] | PGlobal;
-  border_image_source: string | PGlobal;
-  border_image_width: string | string[] | PGlobal;
-  border_inline: string | PGlobal;
-  border_inline_color: string | PGlobal;
-  border_inline_end: string | PGlobal;
-  border_inline_end_color: string | PGlobal;
-  border_inline_end_style: BorderStyleValue | PGlobal;
-  border_inline_end_width: string | PGlobal;
-  border_inline_start: BorderValue | BorderValue[] | PGlobal;
-  border_inline_start_color: string | PGlobal;
-  border_inline_start_style: BorderStyleValue | PGlobal;
-  border_inline_start_width: string | PGlobal;
-  border_inline_style: BorderStyleValue | PGlobal;
-  border_inline_width: string | PGlobal;
-  border_left: string | PGlobal;
-  border_left_color: string | PGlobal;
-  border_left_style: BorderStyleValue | PGlobal;
-  border_left_width: string | PGlobal;
-  border_radius: string | string[] | PGlobal;
-  border_right: string | PGlobal;
-  border_right_color: string | PGlobal;
-  border_right_style: BorderStyleValue | PGlobal;
-  border_right_width: string | PGlobal;
-  border_spacing: string | string[] | PGlobal;
-  border_start_end_radius: string | PGlobal;
-  border_start_start_radius: string | PGlobal;
-  border_style: BorderStyleValue | string | string[] | PGlobal;
-  border_top: string | PGlobal;
-  border_top_color: string | PGlobal;
-  border_top_left_radius: string | PGlobal;
-  border_top_right_radius: string | PGlobal;
-  border_top_style: BorderStyleValue | PGlobal;
-  border_top_width: string | PGlobal;
-  border_width: string | string[] | PGlobal;
-  bottom: string | "auto" | PGlobal;
-  box_decoration_break: "slice" | "clone" | PGlobal;
-  box_shadow: string | string[] | string[][] | PGlobal;
-  box_sizing: "content-box" | "border-box" | PGlobal;
-  break_after: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
-  break_before: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
-  break_inside: "auto" | "avoid" | "avoid-page" | "avoid-column" | "avoid-region" | PGlobal;
-  caption_side: "top" | "bottom" | PGlobal;
-  caret_color: string | "auto" | PGlobal;
-  clear: "none" | "left" | "right" | "both" | "inline-start" | "inline-end" | PGlobal;
-  clip: string | "auto" | PGlobal;
-  clip_path: string | PGlobal;
-  color: string | PColorGlobal;
-  color_scheme: string | string[] | PGlobal;
-  column_count: string | "auto" | PGlobal;
-  column_fill: "auto" | "balance" | "balance-all" | PGlobal;
-  column_gap: string | "normal" | PGlobal;
-  column_rule: string | PGlobal;
-  column_rule_color: string | PGlobal;
-  column_rule_style: BorderStyleValue | PGlobal;
-  column_rule_width: string | PGlobal;
-  column_span: "none" | "all" | PGlobal;
-  column_width: string | "auto" | PGlobal;
-  columns: string | string[] | PGlobal;
-  contain: "none" | "strict" | "content" | "size" | "layout" | "style" | "paint" | string | string[] | PGlobal;
-  contain_intrinsic_block_size: string | "none" | PGlobal;
-  contain_intrinsic_height: string | "none" | PGlobal;
-  contain_intrinsic_inline_size: string | "none" | PGlobal;
-  contain_intrinsic_size: string | string[] | "none" | PGlobal;
-  contain_intrinsic_width: string | "none" | PGlobal;
-  content: string | "normal" | "none" | PGlobal;
-  content_visibility: "visible" | "auto" | "hidden" | PGlobal;
-  counter_increment: string | string[] | "none" | PGlobal;
-  counter_reset: string | string[] | "none" | PGlobal;
-  counter_set: string | string[] | "none" | PGlobal;
-  cursor: CursorValue | string | string[] | PGlobal;
-  direction: "ltr" | "rtl" | PGlobal;
-  display: DisplayValue | DisplayMultiValue | PGlobal;
-  empty_cells: "show" | "hide" | PGlobal;
-  filter: string | string[] | PGlobal;
-  flex: string | string[] | "auto" | "none" | PGlobal;
-  flex_basis: string | "auto" | "fill" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  flex_direction: FlexDirectionValue | PGlobal;
-  flex_flow: FlexFlowMultiValue | PGlobal;
-  flex_grow: string | PGlobal;
-  flex_shrink: string | PGlobal;
-  flex_wrap: FlexWrapValue | PGlobal;
-  float: "left" | "right" | "none" | "inline-start" | "inline-end" | PGlobal;
-  font: FontValue | PFontGlobal;
-  font_family: string | string[] | string[][] | PFontGlobal;
-  font_feature_settings: string | string[] | "normal" | PFontGlobal;
-  font_kerning: "auto" | "normal" | "none" | PFontGlobal;
-  font_language_override: string | "normal" | PFontGlobal;
-  font_optical_sizing: "auto" | "none" | PFontGlobal;
-  font_size: string | PFontGlobal;
-  font_size_adjust: string | "none" | PFontGlobal;
-  font_stretch: string | PFontGlobal;
-  font_style: "normal" | "italic" | "oblique" | string | PFontGlobal;
-  font_synthesis: "none" | "weight" | "style" | string | string[] | PFontGlobal;
-  font_variant: string | string[] | "normal" | "none" | PFontGlobal;
-  font_variant_alternates: string | "normal" | PFontGlobal;
-  font_variant_caps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | PFontGlobal;
-  font_variant_east_asian: string | string[] | "normal" | PFontGlobal;
-  font_variant_ligatures: string | string[] | "normal" | "none" | PFontGlobal;
-  font_variant_numeric: string | string[] | "normal" | PFontGlobal;
-  font_variant_position: "normal" | "sub" | "super" | PFontGlobal;
-  font_variation_settings: string | string[] | "normal" | PFontGlobal;
-  font_weight: FontWeightValue | PFontGlobal;
-  gap: string | string[] | PGlobal;
-  grid: string | string[] | string[][] | PGlobal;
-  grid_area: string | PGlobal;
-  grid_auto_columns: string | string[] | PGlobal;
-  grid_auto_flow: "row" | "column" | "dense" | string | string[] | PGlobal;
-  grid_auto_rows: string | string[] | PGlobal;
-  grid_column: string | string[] | "auto" | PGlobal;
-  grid_column_end: string | "auto" | PGlobal;
-  grid_column_gap: string | PGlobal;
-  grid_column_start: string | "auto" | PGlobal;
-  grid_gap: string | string[] | PGlobal;
-  grid_row: string | string[] | "auto" | PGlobal;
-  grid_row_end: string | "auto" | PGlobal;
-  grid_row_gap: string | PGlobal;
-  grid_row_start: string | "auto" | PGlobal;
-  grid_template: GridTemplateValue | PGlobal;
-  grid_template_areas: GridTemplateAreasValue | PGlobal;
-  grid_template_columns: GridTemplateColumnsValue | PGlobal;
-  grid_template_rows: GridTemplateRowsValue | PGlobal;
-  hanging_punctuation: "none" | "first" | "last" | "force-end" | "allow-end" | string | string[] | PGlobal;
-  height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  hyphens: "none" | "manual" | "auto" | PGlobal;
-  image_orientation: string | "none" | "from-image" | PGlobal;
-  image_rendering: "auto" | "crisp-edges" | "pixelated" | PGlobal;
-  image_resolution: string | PGlobal;
-  inline_size: string | "auto" | PGlobal;
-  inset: string | string[] | "auto" | PGlobal;
-  inset_block: string | string[] | "auto" | PGlobal;
-  inset_block_end: string | "auto" | PGlobal;
-  inset_block_start: string | "auto" | PGlobal;
-  inset_inline: string | string[] | "auto" | PGlobal;
-  inset_inline_end: string | "auto" | PGlobal;
-  inset_inline_start: string | "auto" | PGlobal;
-  isolation: "auto" | "isolate" | PGlobal;
-  justify_content: JustifyContentValue | PGlobal;
-  justify_items: "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | string | PGlobal;
-  justify_self: "auto" | "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | PGlobal;
-  left: string | "auto" | PGlobal;
-  letter_spacing: string | "normal" | PGlobal;
-  line_break: "auto" | "loose" | "normal" | "strict" | "anywhere" | PGlobal;
-  line_height: string | "normal" | PGlobal;
-  list_style: string | string[] | PGlobal;
-  list_style_image: string | "none" | PGlobal;
-  list_style_position: "inside" | "outside" | PGlobal;
-  list_style_type: string | "none" | PGlobal;
-  margin: string | string[] | "auto" | PBoxModelGlobal;
-  margin_block: string | string[] | "auto" | PBoxModelGlobal;
-  margin_block_end: string | "auto" | PBoxModelGlobal;
-  margin_block_start: string | "auto" | PBoxModelGlobal;
-  margin_bottom: string | "auto" | PBoxModelGlobal;
-  margin_inline: string | string[] | "auto" | PBoxModelGlobal;
-  margin_inline_end: string | "auto" | PBoxModelGlobal;
-  margin_inline_start: string | "auto" | PBoxModelGlobal;
-  margin_left: string | "auto" | PBoxModelGlobal;
-  margin_right: string | "auto" | PBoxModelGlobal;
-  margin_top: string | "auto" | PBoxModelGlobal;
-  mask: string | string[] | PGlobal;
-  mask_border: string | PGlobal;
-  mask_border_mode: "luminance" | "alpha" | PGlobal;
-  mask_border_outset: string | string[] | PGlobal;
-  mask_border_repeat: string | string[] | PGlobal;
-  mask_border_slice: string | string[] | PGlobal;
-  mask_border_source: string | "none" | PGlobal;
-  mask_border_width: string | string[] | "auto" | PGlobal;
-  mask_clip: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | "no-clip" | PGlobal;
-  mask_composite: string | string[] | PGlobal;
-  mask_image: string | string[] | "none" | PGlobal;
-  mask_mode: string | string[] | "alpha" | "luminance" | "match-source" | PGlobal;
-  mask_origin: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
-  mask_position: string | string[] | string[][] | PGlobal;
-  mask_repeat: string | string[] | PGlobal;
-  mask_size: string | string[] | "auto" | "cover" | "contain" | PGlobal;
-  mask_type: "luminance" | "alpha" | PGlobal;
-  max_block_size: string | "none" | PGlobal;
-  max_height: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  max_inline_size: string | "none" | PGlobal;
-  max_width: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  min_block_size: string | "auto" | PGlobal;
-  min_height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  min_inline_size: string | "auto" | PGlobal;
-  min_width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  mix_blend_mode: string | PGlobal;
-  object_fit: "fill" | "contain" | "cover" | "none" | "scale-down" | PGlobal;
-  object_position: string | string[] | PGlobal;
-  offset: string | string[] | PGlobal;
-  offset_anchor: string | string[] | "auto" | PGlobal;
-  offset_distance: string | PGlobal;
-  offset_path: string | "none" | PGlobal;
-  offset_rotate: string | "auto" | "reverse" | PGlobal;
-  opacity: string | PGlobal;
-  order: string | PGlobal;
-  orphans: string | PGlobal;
-  outline: string | string[] | PGlobal;
-  outline_color: string | "invert" | PGlobal;
-  outline_offset: string | PGlobal;
-  outline_style: BorderStyleValue | "auto" | PGlobal;
-  outline_width: string | PGlobal;
-  overflow: OverflowValue | OverflowMultiValue | PGlobal;
-  overflow_anchor: "auto" | "none" | PGlobal;
-  overflow_block: OverflowValue | PGlobal;
-  overflow_clip_margin: string | "content-box" | PGlobal;
-  overflow_inline: OverflowValue | PGlobal;
-  overflow_wrap: "normal" | "break-word" | "anywhere" | PGlobal;
-  overflow_x: OverflowValue | PGlobal;
-  overflow_y: OverflowValue | PGlobal;
-  overscroll_behavior: "auto" | "contain" | "none" | string | string[] | PGlobal;
-  overscroll_behavior_block: "auto" | "contain" | "none" | PGlobal;
-  overscroll_behavior_inline: "auto" | "contain" | "none" | PGlobal;
-  overscroll_behavior_x: "auto" | "contain" | "none" | PGlobal;
-  overscroll_behavior_y: "auto" | "contain" | "none" | PGlobal;
-  padding: string | string[] | PBoxModelGlobal;
-  padding_block: string | string[] | PBoxModelGlobal;
-  padding_block_end: string | PBoxModelGlobal;
-  padding_block_start: string | PBoxModelGlobal;
-  padding_bottom: string | PBoxModelGlobal;
-  padding_inline: string | string[] | PBoxModelGlobal;
-  padding_inline_end: string | PBoxModelGlobal;
-  padding_inline_start: string | PBoxModelGlobal;
-  padding_left: string | PBoxModelGlobal;
-  padding_right: string | PBoxModelGlobal;
-  padding_top: string | PBoxModelGlobal;
-  page_break_after: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
-  page_break_before: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
-  page_break_inside: "auto" | "avoid" | PGlobal;
-  paint_order: "normal" | "fill" | "stroke" | "markers" | string | string[] | PGlobal;
-  perspective: string | "none" | PGlobal;
-  perspective_origin: string | string[] | PGlobal;
-  place_content: string | string[] | PGlobal;
-  place_items: string | string[] | PGlobal;
-  place_self: string | string[] | PGlobal;
-  pointer_events: "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | PGlobal;
-  position: PositionValue | PPositionGlobal;
-  quotes: string | string[] | "auto" | "none" | PGlobal;
-  resize: "none" | "both" | "horizontal" | "vertical" | "block" | "inline" | PGlobal;
-  right: string | "auto" | PGlobal;
-  rotate: string | "none" | PGlobal;
-  row_gap: string | "normal" | PGlobal;
-  scale: string | string[] | "none" | PGlobal;
-  scroll_behavior: "auto" | "smooth" | PGlobal;
-  scroll_margin: string | string[] | PGlobal;
-  scroll_margin_block: string | string[] | PGlobal;
-  scroll_margin_block_end: string | PGlobal;
-  scroll_margin_block_start: string | PGlobal;
-  scroll_margin_bottom: string | PGlobal;
-  scroll_margin_inline: string | string[] | PGlobal;
-  scroll_margin_inline_end: string | PGlobal;
-  scroll_margin_inline_start: string | PGlobal;
-  scroll_margin_left: string | PGlobal;
-  scroll_margin_right: string | PGlobal;
-  scroll_margin_top: string | PGlobal;
-  scroll_padding: string | string[] | "auto" | PGlobal;
-  scroll_padding_block: string | string[] | "auto" | PGlobal;
-  scroll_padding_block_end: string | "auto" | PGlobal;
-  scroll_padding_block_start: string | "auto" | PGlobal;
-  scroll_padding_bottom: string | "auto" | PGlobal;
-  scroll_padding_inline: string | string[] | "auto" | PGlobal;
-  scroll_padding_inline_end: string | "auto" | PGlobal;
-  scroll_padding_inline_start: string | "auto" | PGlobal;
-  scroll_padding_left: string | "auto" | PGlobal;
-  scroll_padding_right: string | "auto" | PGlobal;
-  scroll_padding_top: string | "auto" | PGlobal;
-  scroll_snap_align: "none" | "start" | "end" | "center" | string | string[] | PGlobal;
-  scroll_snap_stop: "normal" | "always" | PGlobal;
-  scroll_snap_type: "none" | "x" | "y" | "block" | "inline" | "both" | string | string[] | PGlobal;
-  scrollbar_color: string | string[] | "auto" | PGlobal;
-  scrollbar_width: "auto" | "thin" | "none" | PGlobal;
-  shape_image_threshold: string | PGlobal;
-  shape_margin: string | PGlobal;
-  shape_outside: "none" | "margin-box" | "content-box" | "border-box" | "padding-box" | string | PGlobal;
-  tab_size: string | PGlobal;
-  table_layout: "auto" | "fixed" | PGlobal;
-  text_align: TextAlignValue | PGlobal;
-  text_align_last: TextAlignValue | "auto" | PGlobal;
-  text_combine_upright: "none" | "all" | string | PGlobal;
-  text_decoration: TextDecorationMultiValue | PGlobal;
-  text_decoration_color: string | PGlobal;
-  text_decoration_line: TextDecorationLineValue | string | string[] | PGlobal;
-  text_decoration_skip: "none" | "objects" | "spaces" | "ink" | "edges" | "box-decoration" | string | string[] | PGlobal;
-  text_decoration_skip_ink: "auto" | "none" | "all" | PGlobal;
-  text_decoration_style: "solid" | "double" | "dotted" | "dashed" | "wavy" | PGlobal;
-  text_decoration_thickness: string | "auto" | "from-font" | PGlobal;
-  text_emphasis: string | string[] | PGlobal;
-  text_emphasis_color: string | PGlobal;
-  text_emphasis_position: string | string[] | PGlobal;
-  text_emphasis_style: "none" | "filled" | "open" | "dot" | "circle" | "double-circle" | "triangle" | "sesame" | string | PGlobal;
-  text_indent: string | PGlobal;
-  text_justify: "auto" | "inter-character" | "inter-word" | "none" | PGlobal;
-  text_orientation: "mixed" | "upright" | "sideways" | PGlobal;
-  text_overflow: "clip" | "ellipsis" | string | PGlobal;
-  text_rendering: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision" | PGlobal;
-  text_shadow: string | string[] | string[][] | "none" | PGlobal;
-  text_size_adjust: "none" | "auto" | string | PGlobal;
-  text_transform: TextTransformValue | PGlobal;
-  text_underline_offset: string | "auto" | PGlobal;
-  text_underline_position: "auto" | "from-font" | "under" | "left" | "right" | string | string[] | PGlobal;
-  top: string | "auto" | PGlobal;
-  touch_action: "auto" | "none" | "pan-x" | "pan-y" | "pan-left" | "pan-right" | "pan-up" | "pan-down" | "pinch-zoom" | "manipulation" | string | string[] | PGlobal;
-  transform: TransformValue | PGlobal;
-  transform_box: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
-  transform_origin: string | string[] | string[][] | PGlobal;
-  transform_style: "flat" | "preserve-3d" | PGlobal;
-  transition: TransitionValue | PTransitionGlobal;
-  transition_delay: string | string[] | string[][] | PTransitionGlobal;
-  transition_duration: string | string[] | string[][] | PTransitionGlobal;
-  transition_property: TransitionPropertyValue | TransitionPropertyValue[] | TransitionPropertyValue[][] | PTransitionGlobal;
-  transition_timing_function: TransitionTimingFunctionValue | TransitionTimingFunctionValue[] | TransitionTimingFunctionValue[][] | PTransitionGlobal;
-  translate: string | string[] | "none" | PGlobal;
-  unicode_bidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | PGlobal;
-  user_select: "auto" | "none" | "text" | "contain" | "all" | PGlobal;
-  vertical_align: "baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom" | string | PGlobal;
-  visibility: "visible" | "hidden" | "collapse" | PGlobal;
-  white_space: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces" | PGlobal;
-  widows: string | PGlobal;
-  width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
-  will_change: string | string[] | "auto" | PGlobal;
-  word_break: "normal" | "break-all" | "keep-all" | "break-word" | PGlobal;
-  word_spacing: string | "normal" | PGlobal;
-  word_wrap: "normal" | "break-word" | PGlobal;
-  writing_mode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | PGlobal;
-  z_index: string | "auto" | PGlobal;
-  [key: `--${string}`]: string;
-}>;
-//#endregion
-export { Properties as t };