@umami/react-zen 0.92.0 → 0.94.0

package/dist/index.mjs

@@ -25010,6 +25010,153 @@ import { createElement } from "react";
 // src/components/Icon.tsx
 var import_classnames = __toESM(require_classnames());
 
+// src/lib/types.ts
+var Breakpoints = ["", "xs", "sm", "md", "lg", "xl"];
+
+// css-modules:E:\dev\umami-react-zen\src\components\styles\vars.module.css
+var vars_default = { "display": "vars_display__ZTAyM", "display-none": "vars_display-none__MzQxM", "display-inline": "vars_display-inline__OTZhY", "display-inline-block": "vars_display-inline-block__NjI3O", "display-block": "vars_display-block__NmRjN", "display-flex": "vars_display-flex__MDdiZ", "display-inline-flex": "vars_display-inline-flex__NTRiM", "display-grid": "vars_display-grid__ZmMzO", "display-inline-grid": "vars_display-inline-grid__Zjk1Z", "position-absolute": "vars_position-absolute__ZWNiY", "position-fixed": "vars_position-fixed__MTA3Y", "position-stick": "vars_position-stick__NDYwN", "position-static": "vars_position-static__OTJlM", "position-relative": "vars_position-relative__MDIxM", "font-size": "vars_font-size__YTljN", "font-size-1": "vars_font-size-1__NTBmO", "font-size-2": "vars_font-size-2__ZmMxZ", "font-size-3": "vars_font-size-3__MDA2M", "font-size-4": "vars_font-size-4__MWZiY", "font-size-5": "vars_font-size-5__YjNhZ", "font-size-6": "vars_font-size-6__N2FhZ", "font-size-7": "vars_font-size-7__ZDUzN", "font-size-8": "vars_font-size-8__MTBmZ", "font-size-9": "vars_font-size-9__MGUwN", "font-size-10": "vars_font-size-10__YTVkY", "font-size-11": "vars_font-size-11__MDgxY", "font-size-12": "vars_font-size-12__NTJlN", "heading-size": "vars_heading-size__MzAxY", "heading-size-1": "vars_heading-size-1__NjgzZ", "heading-size-2": "vars_heading-size-2__MmZjN", "heading-size-3": "vars_heading-size-3__ODNlM", "heading-size-4": "vars_heading-size-4__ZDliN", "heading-size-5": "vars_heading-size-5__ZGQ4M", "heading-size-6": "vars_heading-size-6__Nzg5M", "font-weight-thin": "vars_font-weight-thin__NGM2O", "font-weight-extra-light": "vars_font-weight-extra-light__N2VkN", "font-weight-light": "vars_font-weight-light__NmI3Y", "font-weight-regular": "vars_font-weight-regular__N2M3N", "font-weight-medium": "vars_font-weight-medium__NDA4N", "font-weight-bold": "vars_font-weight-bold__NmFhY", "font-weight-extra-bold": "vars_font-weight-extra-bold__MDNkM", "font-weight-black": "vars_font-weight-black__ZTIxM", "border": "vars_border__YzQxZ", "border-top": "vars_border-top__M2VmM", "border-right": "vars_border-right__NDk5Z", "border-bottom": "vars_border-bottom__OTE2O", "border-left": "vars_border-left__YTE0N", "border-radius": "vars_border-radius__YmJmY", "border-radius-1": "vars_border-radius-1__ZTQ5Y", "border-radius-2": "vars_border-radius-2__ODE0M", "border-radius-3": "vars_border-radius-3__OWZlZ", "border-radius-4": "vars_border-radius-4__ZjcxN", "border-radius-full": "vars_border-radius-full__MGJjM", "shadow-1": "vars_shadow-1__NzJmM", "shadow-2": "vars_shadow-2__NTY1Z", "shadow-3": "vars_shadow-3__MjU0N", "shadow-4": "vars_shadow-4__MzRjZ", "shadow-5": "vars_shadow-5__MDlkY", "shadow-6": "vars_shadow-6__ZTFmZ", "font-color": "vars_font-color__OTZmO", "font-color-primary": "vars_font-color-primary__ZTQ1N", "font-color-muted": "vars_font-color-muted__ZWIzN", "font-color-disabled": "vars_font-color-disabled__ZjVhN", "font-color-1": "vars_font-color-1__MDRkZ", "font-color-2": "vars_font-color-2__ZjM4Y", "font-color-3": "vars_font-color-3__OTVlN", "font-color-4": "vars_font-color-4__ZGU4M", "font-color-5": "vars_font-color-5__NzAwM", "font-color-6": "vars_font-color-6__ZmM4Y", "font-color-7": "vars_font-color-7__M2RiM", "font-color-8": "vars_font-color-8__OTY3Z", "font-color-10": "vars_font-color-10__ZTI4M", "font-color-11": "vars_font-color-11__ZjI1O", "font-color-12": "vars_font-color-12__YTNiM", "font-color-gray": "vars_font-color-gray__OTk5Y", "font-color-gold": "vars_font-color-gold__MDE0O", "font-color-bronze": "vars_font-color-bronze__MGE3N", "font-color-brown": "vars_font-color-brown__NTJkM", "font-color-yellow": "vars_font-color-yellow__NTdkZ", "font-color-amber": "vars_font-color-amber__Njc2M", "font-color-orange": "vars_font-color-orange__Y2ZmZ", "font-color-tomato": "vars_font-color-tomato__NjdhZ", "font-color-red": "vars_font-color-red__MzdkY", "font-color-ruby": "vars_font-color-ruby__ZDhjN", "font-color-crimson": "vars_font-color-crimson__ZGQzN", "font-color-pink": "vars_font-color-pink__Mjg3Y", "font-color-plum": "vars_font-color-plum__NjlkO", "font-color-purple": "vars_font-color-purple__OWZlN", "font-color-violet": "vars_font-color-violet__NzYxN", "font-color-iris": "vars_font-color-iris__ZTgyZ", "font-color-indigo": "vars_font-color-indigo__OWY3N", "font-color-blue": "vars_font-color-blue__YWQ5M", "font-color-cyan": "vars_font-color-cyan__ZGMyN", "font-color-teal": "vars_font-color-teal__NWE0Z", "font-color-jade": "vars_font-color-jade__MTlkY", "font-color-green": "vars_font-color-green__ZDZjY", "font-color-grass": "vars_font-color-grass__ZmQ3O", "font-color-lime": "vars_font-color-lime__YzUyY", "font-color-mint": "vars_font-color-mint__M2NhO", "font-color-sky": "vars_font-color-sky__MjQ2N", "background-color": "vars_background-color__N2I3O", "background-color-primary": "vars_background-color-primary__NmY5N", "background-color-transparent": "vars_background-color-transparent__MWI4N", "background-color-1": "vars_background-color-1__MzExZ", "background-color-2": "vars_background-color-2__OTVkM", "background-color-3": "vars_background-color-3__Y2Y1N", "background-color-4": "vars_background-color-4__ZWZiM", "background-color-5": "vars_background-color-5__YmJhN", "background-color-6": "vars_background-color-6__ZWZkO", "background-color-7": "vars_background-color-7__Yjc0M", "background-color-8": "vars_background-color-8__ZmM0Z", "background-color-9": "vars_background-color-9__Y2RmN", "background-color-10": "vars_background-color-10__NmFiZ", "background-color-11": "vars_background-color-11__ZGUwZ", "background-color-12": "vars_background-color-12__ZWRkY", "background-color-gray": "vars_background-color-gray__ZjEwZ", "background-color-gold": "vars_background-color-gold__ODk1N", "background-color-bronze": "vars_background-color-bronze__OGZmZ", "background-color-brown": "vars_background-color-brown__YzQ0Y", "background-color-yellow": "vars_background-color-yellow__ZTg3Z", "background-color-amber": "vars_background-color-amber__MTcwM", "background-color-orange": "vars_background-color-orange__Y2Y0M", "background-color-tomato": "vars_background-color-tomato__YWJkN", "background-color-red": "vars_background-color-red__ZmVjN", "background-color-ruby": "vars_background-color-ruby__Y2EzZ", "background-color-crimson": "vars_background-color-crimson__MGMyZ", "background-color-pink": "vars_background-color-pink__Y2QyY", "background-color-plum": "vars_background-color-plum__MWJmY", "background-color-purple": "vars_background-color-purple__NDk5N", "background-color-violet": "vars_background-color-violet__MDA0Y", "background-color-iris": "vars_background-color-iris__YzMyO", "background-color-indigo": "vars_background-color-indigo__MWRlO", "background-color-blue": "vars_background-color-blue__ZWQxY", "background-color-cyan": "vars_background-color-cyan__ZjY0O", "background-color-teal": "vars_background-color-teal__NmMxZ", "background-color-jade": "vars_background-color-jade__ZmNjM", "background-color-green": "vars_background-color-green__MzIyO", "background-color-grass": "vars_background-color-grass__ODg3M", "background-color-lime": "vars_background-color-lime__ZmRlN", "background-color-mint": "vars_background-color-mint__ZWEzZ", "background-color-sky": "vars_background-color-sky__ZTU1M", "border-color": "vars_border-color__N2MwN", "border-color-primary": "vars_border-color-primary__NmU0Z", "border-color-muted": "vars_border-color-muted__Nzc2M", "border-color-disabled": "vars_border-color-disabled__NzgyM", "border-color-transparent": "vars_border-color-transparent__YjBmN", "border-color-1": "vars_border-color-1__NTNkZ", "border-color-2": "vars_border-color-2__OWZmY", "border-color-3": "vars_border-color-3__NDA4Y", "border-color-4": "vars_border-color-4__NzgzZ", "border-color-5": "vars_border-color-5__MjcwN", "border-color-6": "vars_border-color-6__MjFhY", "border-color-7": "vars_border-color-7__NGU4Z", "border-color-8": "vars_border-color-8__YzJlY", "border-color-9": "vars_border-color-9__ZDA1Z", "border-color-10": "vars_border-color-10__MWM1Z", "border-color-11": "vars_border-color-11__YmJjM", "border-color-12": "vars_border-color-12__OWJlM", "border-color-gray": "vars_border-color-gray__NWQyY", "border-color-gold": "vars_border-color-gold__ZTI5Y", "border-color-bronze": "vars_border-color-bronze__NjUyY", "border-color-brown": "vars_border-color-brown__NDkwZ", "border-color-yellow": "vars_border-color-yellow__Yzc0N", "border-color-amber": "vars_border-color-amber__MWRkM", "border-color-orange": "vars_border-color-orange__YjhlO", "border-color-tomato": "vars_border-color-tomato__MDFkM", "border-color-red": "vars_border-color-red__MTYyM", "border-color-ruby": "vars_border-color-ruby__NjJlO", "border-color-crimson": "vars_border-color-crimson__NmQwY", "border-color-pink": "vars_border-color-pink__YTM0Y", "border-color-plum": "vars_border-color-plum__NWU5N", "border-color-purple": "vars_border-color-purple__MDY4M", "border-color-violet": "vars_border-color-violet__MTAzZ", "border-color-iris": "vars_border-color-iris__MzljM", "border-color-indigo": "vars_border-color-indigo__MzQ0N", "border-color-blue": "vars_border-color-blue__NDQ0N", "border-color-cyan": "vars_border-color-cyan__NzJiZ", "border-color-teal": "vars_border-color-teal__N2UzZ", "border-color-jade": "vars_border-color-jade__OGIxZ", "border-color-green": "vars_border-color-green__NmQ2M", "border-color-grass": "vars_border-color-grass__YjNmM", "border-color-lime": "vars_border-color-lime__OGVkN", "border-color-mint": "vars_border-color-mint__OWE5N", "border-color-sky": "vars_border-color-sky__ODA1M", "hover-color": "vars_hover-color__ZjhjO", "hover-color-primary": "vars_hover-color-primary__NzM3Y", "hover-color-muted": "vars_hover-color-muted__Y2M1M", "hover-color-disabled": "vars_hover-color-disabled__ZThiZ", "hover-color-1": "vars_hover-color-1__ZDA4Y", "hover-color-2": "vars_hover-color-2__NWViY", "hover-color-3": "vars_hover-color-3__OTQwM", "hover-color-4": "vars_hover-color-4__ZTNkZ", "hover-color-5": "vars_hover-color-5__ZTFjO", "hover-color-6": "vars_hover-color-6__MDVmY", "hover-color-7": "vars_hover-color-7__NzE1Z", "hover-color-8": "vars_hover-color-8__YTFjM", "hover-color-10": "vars_hover-color-10__NzYwM", "hover-color-11": "vars_hover-color-11__OWZkY", "hover-color-12": "vars_hover-color-12__NjVjY", "hover-color-gray": "vars_hover-color-gray__ZTMzN", "hover-color-gold": "vars_hover-color-gold__OTBkM", "hover-color-bronze": "vars_hover-color-bronze__YmRmN", "hover-color-brown": "vars_hover-color-brown__YWQ1N", "hover-color-yellow": "vars_hover-color-yellow__MjViN", "hover-color-amber": "vars_hover-color-amber__ODQxO", "hover-color-orange": "vars_hover-color-orange__YzA3N", "hover-color-tomato": "vars_hover-color-tomato__Y2I3M", "hover-color-red": "vars_hover-color-red__ODVlN", "hover-color-ruby": "vars_hover-color-ruby__YzhlN", "hover-color-crimson": "vars_hover-color-crimson__ZWY0Y", "hover-color-pink": "vars_hover-color-pink__MWE3Y", "hover-color-plum": "vars_hover-color-plum__NThkY", "hover-color-purple": "vars_hover-color-purple__NzJhM", "hover-color-violet": "vars_hover-color-violet__M2I1N", "hover-color-iris": "vars_hover-color-iris__YWZiO", "hover-color-indigo": "vars_hover-color-indigo__MmY1Z", "hover-color-blue": "vars_hover-color-blue__OTgxY", "hover-color-cyan": "vars_hover-color-cyan__MGRlN", "hover-color-teal": "vars_hover-color-teal__N2Y4O", "hover-color-jade": "vars_hover-color-jade__MDQyN", "hover-color-green": "vars_hover-color-green__MjczZ", "hover-color-grass": "vars_hover-color-grass__NTdiN", "hover-color-lime": "vars_hover-color-lime__OWJlM", "hover-color-mint": "vars_hover-color-mint__MTBkN", "hover-color-sky": "vars_hover-color-sky__ZWIwO", "hover-background-color": "vars_hover-background-color__YjZmM", "hover-background-color-primary": "vars_hover-background-color-primary__N2YwZ", "hover-background-color-transparent": "vars_hover-background-color-transparent__YTNlM", "hover-background-color-1": "vars_hover-background-color-1__Zjc5O", "hover-background-color-2": "vars_hover-background-color-2__Y2I4Z", "hover-background-color-3": "vars_hover-background-color-3__NzJiN", "hover-background-color-4": "vars_hover-background-color-4__YzhhZ", "hover-background-color-5": "vars_hover-background-color-5__OGZjM", "hover-background-color-6": "vars_hover-background-color-6__NjdjO", "hover-background-color-7": "vars_hover-background-color-7__YmFmZ", "hover-background-color-8": "vars_hover-background-color-8__ZDVkY", "hover-background-color-9": "vars_hover-background-color-9__Y2Q5N", "hover-background-color-10": "vars_hover-background-color-10__ZjgyY", "hover-background-color-11": "vars_hover-background-color-11__NzRiZ", "hover-background-color-12": "vars_hover-background-color-12__ODBlN", "hover-background-color-gray": "vars_hover-background-color-gray__N2JlM", "hover-background-color-gold": "vars_hover-background-color-gold__OWJmZ", "hover-background-color-bronze": "vars_hover-background-color-bronze__ZGNhY", "hover-background-color-brown": "vars_hover-background-color-brown__ZTllM", "hover-background-color-yellow": "vars_hover-background-color-yellow__ODcxY", "hover-background-color-amber": "vars_hover-background-color-amber__YjgyO", "hover-background-color-orange": "vars_hover-background-color-orange__NGE3Z", "hover-background-color-tomato": "vars_hover-background-color-tomato__OWIzZ", "hover-background-color-red": "vars_hover-background-color-red__MTU3M", "hover-background-color-ruby": "vars_hover-background-color-ruby__NDFkN", "hover-background-color-crimson": "vars_hover-background-color-crimson__MmI4Y", "hover-background-color-pink": "vars_hover-background-color-pink__YWE2N", "hover-background-color-plum": "vars_hover-background-color-plum__NWIyM", "hover-background-color-purple": "vars_hover-background-color-purple__OTlmY", "hover-background-color-violet": "vars_hover-background-color-violet__Njc1O", "hover-background-color-iris": "vars_hover-background-color-iris__ZmRlZ", "hover-background-color-indigo": "vars_hover-background-color-indigo__OTI0M", "hover-background-color-blue": "vars_hover-background-color-blue__MDU1O", "hover-background-color-cyan": "vars_hover-background-color-cyan__MjY4Z", "hover-background-color-teal": "vars_hover-background-color-teal__OTUyY", "hover-background-color-jade": "vars_hover-background-color-jade__ZmZiN", "hover-background-color-green": "vars_hover-background-color-green__NjI2Y", "hover-background-color-grass": "vars_hover-background-color-grass__ZTljZ", "hover-background-color-lime": "vars_hover-background-color-lime__MDZlY", "hover-background-color-mint": "vars_hover-background-color-mint__ZmE0N", "hover-background-color-sky": "vars_hover-background-color-sky__ZDllO", "hover-border-color": "vars_hover-border-color__NzZhM", "hover-border-color-transparent": "vars_hover-border-color-transparent__NmIwN", "hover-border-color-primary": "vars_hover-border-color-primary__MjMwY", "hover-border-color-1": "vars_hover-border-color-1__NjIxZ", "hover-border-color-2": "vars_hover-border-color-2__NWJlM", "hover-border-color-3": "vars_hover-border-color-3__NWIyZ", "hover-border-color-4": "vars_hover-border-color-4__MTU5Z", "hover-border-color-5": "vars_hover-border-color-5__OTBlM", "hover-border-color-6": "vars_hover-border-color-6__MzAzN", "hover-border-color-7": "vars_hover-border-color-7__YThmY", "hover-border-color-8": "vars_hover-border-color-8__ODdmZ", "hover-border-color-9": "vars_hover-border-color-9__NTBiN", "hover-border-color-10": "vars_hover-border-color-10__YjJhN", "hover-border-color-11": "vars_hover-border-color-11__ZTQzN", "hover-border-color-12": "vars_hover-border-color-12__OGY2Z", "hover-border-color-gray": "vars_hover-border-color-gray__NGM2O", "hover-border-color-gold": "vars_hover-border-color-gold__M2JmY", "hover-border-color-bronze": "vars_hover-border-color-bronze__MWQ0Y", "hover-border-color-brown": "vars_hover-border-color-brown__NjliZ", "hover-border-color-yellow": "vars_hover-border-color-yellow__Nzc3N", "hover-border-color-amber": "vars_hover-border-color-amber__NGQ5Z", "hover-border-color-orange": "vars_hover-border-color-orange__MWI2Y", "hover-border-color-tomato": "vars_hover-border-color-tomato__YTYwZ", "hover-border-color-red": "vars_hover-border-color-red__ZjhmO", "hover-border-color-ruby": "vars_hover-border-color-ruby__OTMxZ", "hover-border-color-crimson": "vars_hover-border-color-crimson__NmVhY", "hover-border-color-pink": "vars_hover-border-color-pink__MjAyN", "hover-border-color-plum": "vars_hover-border-color-plum__MGI3N", "hover-border-color-purple": "vars_hover-border-color-purple__NGVkN", "hover-border-color-violet": "vars_hover-border-color-violet__NmU4N", "hover-border-color-iris": "vars_hover-border-color-iris__NmYwO", "hover-border-color-indigo": "vars_hover-border-color-indigo__ZjUwM", "hover-border-color-blue": "vars_hover-border-color-blue__MTE3Y", "hover-border-color-cyan": "vars_hover-border-color-cyan__YzEzO", "hover-border-color-teal": "vars_hover-border-color-teal__ZGVmN", "hover-border-color-jade": "vars_hover-border-color-jade__ODI3O", "hover-border-color-green": "vars_hover-border-color-green__NWZkN", "hover-border-color-grass": "vars_hover-border-color-grass__MmIxY", "hover-border-color-lime": "vars_hover-border-color-lime__MTY2Y", "hover-border-color-mint": "vars_hover-border-color-mint__YTZlO", "hover-border-color-sky": "vars_hover-border-color-sky__ZDFjO", "fill-color": "vars_fill-color__ZDhjO", "fill-color-primary": "vars_fill-color-primary__NGQwY", "fill-color-muted": "vars_fill-color-muted__MDI5N", "fill-color-disabled": "vars_fill-color-disabled__Y2U0O", "fill-color-1": "vars_fill-color-1__YTZiZ", "fill-color-2": "vars_fill-color-2__OGRlY", "fill-color-3": "vars_fill-color-3__MTQzM", "fill-color-4": "vars_fill-color-4__MTQyN", "fill-color-5": "vars_fill-color-5__M2ViY", "fill-color-6": "vars_fill-color-6__ODRjN", "fill-color-7": "vars_fill-color-7__ZDgzZ", "fill-color-8": "vars_fill-color-8__NmQ2N", "fill-color-10": "vars_fill-color-10__NjIzO", "fill-color-11": "vars_fill-color-11__MzFjY", "fill-color-12": "vars_fill-color-12__ODU1N", "fill-color-gray": "vars_fill-color-gray__MmQ2Y", "fill-color-gold": "vars_fill-color-gold__MTQ4M", "fill-color-bronze": "vars_fill-color-bronze__NDliZ", "fill-color-brown": "vars_fill-color-brown__MTVmO", "fill-color-yellow": "vars_fill-color-yellow__NTY4M", "fill-color-amber": "vars_fill-color-amber__YzIzZ", "fill-color-orange": "vars_fill-color-orange__N2Q1M", "fill-color-tomato": "vars_fill-color-tomato__MDM5Z", "fill-color-red": "vars_fill-color-red__ZDBiN", "fill-color-ruby": "vars_fill-color-ruby__NDg3Z", "fill-color-crimson": "vars_fill-color-crimson__Y2NkM", "fill-color-pink": "vars_fill-color-pink__NzMxZ", "fill-color-plum": "vars_fill-color-plum__Y2RhY", "fill-color-purple": "vars_fill-color-purple__MmM3Y", "fill-color-violet": "vars_fill-color-violet__ZDI0M", "fill-color-iris": "vars_fill-color-iris__YjVmN", "fill-color-indigo": "vars_fill-color-indigo__MDA5N", "fill-color-blue": "vars_fill-color-blue__ZTM4Z", "fill-color-cyan": "vars_fill-color-cyan__OThjZ", "fill-color-teal": "vars_fill-color-teal__ZGJmN", "fill-color-jade": "vars_fill-color-jade__ODdiZ", "fill-color-green": "vars_fill-color-green__NmMzM", "fill-color-grass": "vars_fill-color-grass__NWEwN", "fill-color-lime": "vars_fill-color-lime__YTQ3Y", "fill-color-mint": "vars_fill-color-mint__MmVkY", "fill-color-sky": "vars_fill-color-sky__N2JkO", "stroke-color": "vars_stroke-color__ODk2N", "stroke-color-primary": "vars_stroke-color-primary__ZjU2O", "stroke-color-muted": "vars_stroke-color-muted__ZGFkM", "stroke-color-disabled": "vars_stroke-color-disabled__MTVhM", "stroke-color-1": "vars_stroke-color-1__MjBmN", "stroke-color-2": "vars_stroke-color-2__MjdkO", "stroke-color-3": "vars_stroke-color-3__MzcxO", "stroke-color-4": "vars_stroke-color-4__MTJiM", "stroke-color-5": "vars_stroke-color-5__ZGE4Y", "stroke-color-6": "vars_stroke-color-6__MTg0O", "stroke-color-7": "vars_stroke-color-7__NmQ4Z", "stroke-color-8": "vars_stroke-color-8__ZTRlZ", "stroke-color-10": "vars_stroke-color-10__OWVjO", "stroke-color-11": "vars_stroke-color-11__OGM0Y", "stroke-color-12": "vars_stroke-color-12__MzE1Z", "stroke-color-gray": "vars_stroke-color-gray__NzNkM", "stroke-color-gold": "vars_stroke-color-gold__MzQwM", "stroke-color-bronze": "vars_stroke-color-bronze__YTM1N", "stroke-color-brown": "vars_stroke-color-brown__N2MyZ", "stroke-color-yellow": "vars_stroke-color-yellow__Zjk5M", "stroke-color-amber": "vars_stroke-color-amber__YmMzN", "stroke-color-orange": "vars_stroke-color-orange__Yzc4Z", "stroke-color-tomato": "vars_stroke-color-tomato__MTdlN", "stroke-color-red": "vars_stroke-color-red__ODA4Y", "stroke-color-ruby": "vars_stroke-color-ruby__MmFkO", "stroke-color-crimson": "vars_stroke-color-crimson__MDhhN", "stroke-color-pink": "vars_stroke-color-pink__OTU3M", "stroke-color-plum": "vars_stroke-color-plum__NzFjN", "stroke-color-purple": "vars_stroke-color-purple__YTI1O", "stroke-color-violet": "vars_stroke-color-violet__YzE0N", "stroke-color-iris": "vars_stroke-color-iris__ZDQxZ", "stroke-color-indigo": "vars_stroke-color-indigo__MjY2N", "stroke-color-blue": "vars_stroke-color-blue__ZDJjM", "stroke-color-cyan": "vars_stroke-color-cyan__ZjdkO", "stroke-color-teal": "vars_stroke-color-teal__Njc1Y", "stroke-color-jade": "vars_stroke-color-jade__ZjE2N", "stroke-color-green": "vars_stroke-color-green__ODQxM", "stroke-color-grass": "vars_stroke-color-grass__MTBiM", "stroke-color-lime": "vars_stroke-color-lime__ZWZmN", "stroke-color-mint": "vars_stroke-color-mint__MTNjY", "stroke-color-sky": "vars_stroke-color-sky__NjI1N", "text-align-left": "vars_text-align-left__NzUwN", "text-align-center": "vars_text-align-center__NjUyY", "text-align-right": "vars_text-align-right__N2VlN", "text-wrap-wrap": "vars_text-wrap-wrap__MDM3M", "text-wrap-nowrap": "vars_text-wrap-nowrap__M2ViN", "text-wrap-balance": "vars_text-wrap-balance__MTlmZ", "text-wrap-pretty": "vars_text-wrap-pretty__MmU2M", "text-wrap-stable": "vars_text-wrap-stable__NDNlY", "letter-spacing-1": "vars_letter-spacing-1__OGM1N", "letter-spacing-2": "vars_letter-spacing-2__ZmNiZ", "letter-spacing-3": "vars_letter-spacing-3__N2FhY", "letter-spacing-4": "vars_letter-spacing-4__MzYzY", "letter-spacing-5": "vars_letter-spacing-5__OGQ5Y", "padding": "vars_padding__NzNiO", "padding-1": "vars_padding-1__NmUzN", "padding-2": "vars_padding-2__Njk0N", "padding-3": "vars_padding-3__OGNhM", "padding-4": "vars_padding-4__MDAwY", "padding-5": "vars_padding-5__MzUzY", "padding-6": "vars_padding-6__MGE2M", "padding-7": "vars_padding-7__MjFlM", "padding-8": "vars_padding-8__YjEyY", "padding-9": "vars_padding-9__MTk1N", "padding-10": "vars_padding-10__NGQ4M", "padding-11": "vars_padding-11__YzRmM", "padding-12": "vars_padding-12__N2IwZ", "padding-x": "vars_padding-x__NzU5Z", "padding-x-1": "vars_padding-x-1__N2NmM", "padding-x-2": "vars_padding-x-2__ZmQ1N", "padding-x-3": "vars_padding-x-3__NGFhM", "padding-x-4": "vars_padding-x-4__MGRiZ", "padding-x-5": "vars_padding-x-5__MjZlM", "padding-x-6": "vars_padding-x-6__NTkxZ", "padding-x-7": "vars_padding-x-7__YzU0M", "padding-x-8": "vars_padding-x-8__ODBkY", "padding-x-9": "vars_padding-x-9__YzRmY", "padding-x-10": "vars_padding-x-10__MTQ1Y", "padding-x-11": "vars_padding-x-11__NDNkM", "padding-x-12": "vars_padding-x-12__NTdhZ", "padding-y": "vars_padding-y__NzUzY", "padding-y-1": "vars_padding-y-1__NmY4Z", "padding-y-2": "vars_padding-y-2__MzBlZ", "padding-y-3": "vars_padding-y-3__YWI0M", "padding-y-4": "vars_padding-y-4__NWU2Z", "padding-y-5": "vars_padding-y-5__NTcxY", "padding-y-6": "vars_padding-y-6__YjE4O", "padding-y-7": "vars_padding-y-7__YWY5M", "padding-y-8": "vars_padding-y-8__NjE0M", "padding-y-9": "vars_padding-y-9__MzRjZ", "padding-y-10": "vars_padding-y-10__ZjNjN", "padding-y-11": "vars_padding-y-11__YzhmM", "padding-y-12": "vars_padding-y-12__NjI5M", "padding-top-1": "vars_padding-top-1__NWU3Y", "padding-top-2": "vars_padding-top-2__MmU0M", "padding-top-3": "vars_padding-top-3__OWNkN", "padding-top-4": "vars_padding-top-4__YzUzZ", "padding-top-5": "vars_padding-top-5__YmIwM", "padding-top-6": "vars_padding-top-6__NjM4N", "padding-top-7": "vars_padding-top-7__ZDM4Z", "padding-top-8": "vars_padding-top-8__NzdmZ", "padding-top-9": "vars_padding-top-9__MjY0M", "padding-top-10": "vars_padding-top-10__ZmU5Z", "padding-top-11": "vars_padding-top-11__MTZlY", "padding-top-12": "vars_padding-top-12__OGFmZ", "padding-bottom-1": "vars_padding-bottom-1__NDA5Z", "padding-bottom-2": "vars_padding-bottom-2__MmMzY", "padding-bottom-3": "vars_padding-bottom-3__NTZlY", "padding-bottom-4": "vars_padding-bottom-4__MDllN", "padding-bottom-5": "vars_padding-bottom-5__MDQ2M", "padding-bottom-6": "vars_padding-bottom-6__NmI3Y", "padding-bottom-7": "vars_padding-bottom-7__N2U5M", "padding-bottom-8": "vars_padding-bottom-8__ZDEzN", "padding-bottom-9": "vars_padding-bottom-9__NTQ4N", "padding-bottom-10": "vars_padding-bottom-10__YTE2Y", "padding-bottom-11": "vars_padding-bottom-11__MjAxY", "padding-bottom-12": "vars_padding-bottom-12__OTgxM", "padding-left-1": "vars_padding-left-1__MTJhM", "padding-left-2": "vars_padding-left-2__YWU2Y", "padding-left-3": "vars_padding-left-3__MjE4Z", "padding-left-4": "vars_padding-left-4__ZmVmO", "padding-left-5": "vars_padding-left-5__ODcyZ", "padding-left-6": "vars_padding-left-6__MjQyZ", "padding-left-7": "vars_padding-left-7__OGU5N", "padding-left-8": "vars_padding-left-8__MDAyM", "padding-left-9": "vars_padding-left-9__NDhkM", "padding-left-10": "vars_padding-left-10__ZjQ4M", "padding-left-11": "vars_padding-left-11__MmIwN", "padding-left-12": "vars_padding-left-12__NDliZ", "padding-right-1": "vars_padding-right-1__MWM2M", "padding-right-2": "vars_padding-right-2__NzViN", "padding-right-3": "vars_padding-right-3__MmM0Z", "padding-right-4": "vars_padding-right-4__OTBiZ", "padding-right-5": "vars_padding-right-5__OGE4M", "padding-right-6": "vars_padding-right-6__YWE1N", "padding-right-7": "vars_padding-right-7__YTcyN", "padding-right-8": "vars_padding-right-8__ODg1N", "padding-right-9": "vars_padding-right-9__MWQ5M", "padding-right-10": "vars_padding-right-10__NjYzZ", "padding-right-11": "vars_padding-right-11__N2JhN", "padding-right-12": "vars_padding-right-12__NGIwN", "margin-1": "vars_margin-1__MTA0O", "margin-2": "vars_margin-2__ZGU5N", "margin-3": "vars_margin-3__ZDg1Y", "margin-4": "vars_margin-4__N2IyN", "margin-5": "vars_margin-5__MTYwM", "margin-6": "vars_margin-6__YjNlM", "margin-7": "vars_margin-7__MGJlN", "margin-8": "vars_margin-8__ODc0O", "margin-9": "vars_margin-9__NDExY", "margin-10": "vars_margin-10__N2I3M", "margin-11": "vars_margin-11__NDQ2Y", "margin-12": "vars_margin-12__OTAzO", "margin-x-1": "vars_margin-x-1__MDE5Z", "margin-x-2": "vars_margin-x-2__ZTVkZ", "margin-x-3": "vars_margin-x-3__ZTY3M", "margin-x-4": "vars_margin-x-4__NTllM", "margin-x-5": "vars_margin-x-5__OGUxO", "margin-x-6": "vars_margin-x-6__MDJkN", "margin-x-7": "vars_margin-x-7__NDcyZ", "margin-x-8": "vars_margin-x-8__OTFkM", "margin-x-9": "vars_margin-x-9__NDNlM", "margin-x-10": "vars_margin-x-10__YjA3Z", "margin-x-11": "vars_margin-x-11__NTk0Z", "margin-x-12": "vars_margin-x-12__YWMwN", "margin-y-1": "vars_margin-y-1__ZDYyN", "margin-y-2": "vars_margin-y-2__NDllY", "margin-y-3": "vars_margin-y-3__ZTZiN", "margin-y-4": "vars_margin-y-4__YjE1Z", "margin-y-5": "vars_margin-y-5__YTdlN", "margin-y-6": "vars_margin-y-6__M2VkN", "margin-y-7": "vars_margin-y-7__Y2IxY", "margin-y-8": "vars_margin-y-8__NTUzZ", "margin-y-9": "vars_margin-y-9__ZDFiM", "margin-y-10": "vars_margin-y-10__MGFkN", "margin-y-11": "vars_margin-y-11__YzkwO", "margin-y-12": "vars_margin-y-12__YWUzY", "margin-top-1": "vars_margin-top-1__MDE0N", "margin-top-2": "vars_margin-top-2__YjQzO", "margin-top-3": "vars_margin-top-3__MThiN", "margin-top-4": "vars_margin-top-4__NDQ2M", "margin-top-5": "vars_margin-top-5__YzUzY", "margin-top-6": "vars_margin-top-6__N2ExM", "margin-top-7": "vars_margin-top-7__NjQ0N", "margin-top-8": "vars_margin-top-8__Nzg0M", "margin-top-9": "vars_margin-top-9__N2FhY", "margin-top-10": "vars_margin-top-10__Yjc4Z", "margin-top-11": "vars_margin-top-11__MDRkM", "margin-top-12": "vars_margin-top-12__YTg3O", "margin-bottom-1": "vars_margin-bottom-1__N2U1Y", "margin-bottom-2": "vars_margin-bottom-2__ZGNkY", "margin-bottom-3": "vars_margin-bottom-3__YjZiY", "margin-bottom-4": "vars_margin-bottom-4__ODg0M", "margin-bottom-5": "vars_margin-bottom-5__MTE0Y", "margin-bottom-6": "vars_margin-bottom-6__M2Q2N", "margin-bottom-7": "vars_margin-bottom-7__MTUxO", "margin-bottom-8": "vars_margin-bottom-8__ZGU3N", "margin-bottom-9": "vars_margin-bottom-9__NmVmY", "margin-bottom-10": "vars_margin-bottom-10__NDA5N", "margin-bottom-11": "vars_margin-bottom-11__MzdhZ", "margin-bottom-12": "vars_margin-bottom-12__YTkzZ", "margin-left-1": "vars_margin-left-1__YjJlZ", "margin-left-2": "vars_margin-left-2__OTZiM", "margin-left-3": "vars_margin-left-3__NjA3N", "margin-left-4": "vars_margin-left-4__N2MyM", "margin-left-5": "vars_margin-left-5__NDk5M", "margin-left-6": "vars_margin-left-6__MTE0O", "margin-left-7": "vars_margin-left-7__M2ZmZ", "margin-left-8": "vars_margin-left-8__MDg3O", "margin-left-9": "vars_margin-left-9__NzAxM", "margin-left-10": "vars_margin-left-10__OWVjZ", "margin-left-11": "vars_margin-left-11__NmIwZ", "margin-left-12": "vars_margin-left-12__M2E2Z", "margin-right-1": "vars_margin-right-1__NWYxY", "margin-right-2": "vars_margin-right-2__YzlkY", "margin-right-3": "vars_margin-right-3__M2JhY", "margin-right-4": "vars_margin-right-4__NzQ1M", "margin-right-5": "vars_margin-right-5__Yjg3O", "margin-right-6": "vars_margin-right-6__YmU4Z", "margin-right-7": "vars_margin-right-7__ZGZmM", "margin-right-8": "vars_margin-right-8__YmFjN", "margin-right-9": "vars_margin-right-9__ZTc3Z", "margin-right-10": "vars_margin-right-10__YjJkZ", "margin-right-11": "vars_margin-right-11__ZGZkM", "margin-right-12": "vars_margin-right-12__OTY1Z", "gap": "vars_gap__NzM4O", "gap-1": "vars_gap-1__OTU0M", "gap-2": "vars_gap-2__YWQ3Y", "gap-3": "vars_gap-3__NzA4Z", "gap-4": "vars_gap-4__YWE3O", "gap-5": "vars_gap-5__NmZmZ", "gap-6": "vars_gap-6__OGIwZ", "gap-7": "vars_gap-7__NzEyN", "gap-8": "vars_gap-8__YzkxZ", "gap-9": "vars_gap-9__ZjgxO", "gap-10": "vars_gap-10__YzVmN", "gap-11": "vars_gap-11__ZmU5N", "gap-12": "vars_gap-12__NTlmO", "gap-x": "vars_gap-x__YTVjM", "gap-x-1": "vars_gap-x-1__Yjg3N", "gap-x-2": "vars_gap-x-2__MTc2N", "gap-x-3": "vars_gap-x-3__NDJmN", "gap-x-4": "vars_gap-x-4__ZGEwZ", "gap-x-5": "vars_gap-x-5__OGNiZ", "gap-x-6": "vars_gap-x-6__NzVlN", "gap-x-7": "vars_gap-x-7__YTg2M", "gap-x-8": "vars_gap-x-8__NzE1O", "gap-x-9": "vars_gap-x-9__MmIxM", "gap-x-10": "vars_gap-x-10__YzMxN", "gap-x-11": "vars_gap-x-11__Y2NiM", "gap-x-12": "vars_gap-x-12__MzNmY", "gap-y": "vars_gap-y__YjlkM", "gap-y-1": "vars_gap-y-1__OTliN", "gap-y-2": "vars_gap-y-2__MDUxM", "gap-y-3": "vars_gap-y-3__ZDk1M", "gap-y-4": "vars_gap-y-4__YzExN", "gap-y-5": "vars_gap-y-5__NTEyM", "gap-y-6": "vars_gap-y-6__ZjYxM", "gap-y-7": "vars_gap-y-7__OTQyZ", "gap-y-8": "vars_gap-y-8__NmI3M", "gap-y-9": "vars_gap-y-9__ZGNkZ", "gap-y-10": "vars_gap-y-10__NjQxY", "gap-y-11": "vars_gap-y-11__N2NkM", "gap-y-12": "vars_gap-y-12__ZWMzZ", "flex-direction-row": "vars_flex-direction-row__MWI2O", "flex-direction-row-reverse": "vars_flex-direction-row-reverse__YTgwM", "flex-direction-column": "vars_flex-direction-column__NTBmM", "flex-direction-column-reverse": "vars_flex-direction-column-reverse__M2FmY", "flex-wrap-wrap": "vars_flex-wrap-wrap__Y2MzY", "flex-wrap-nowrap": "vars_flex-wrap-nowrap__Yzg5O", "flex-wrap-wrap-reverse": "vars_flex-wrap-wrap-reverse__ZThlN", "justify-content-center": "vars_justify-content-center__MmFkO", "justify-content-start": "vars_justify-content-start__OTgzN", "justify-content-end": "vars_justify-content-end__NDYwN", "justify-content-flex-start": "vars_justify-content-flex-start__NGJmO", "justify-content-flex-end": "vars_justify-content-flex-end__YTBmN", "justify-content-left": "vars_justify-content-left__NDU4M", "justify-content-right": "vars_justify-content-right__NTVjN", "justify-content-space-between": "vars_justify-content-space-between__NTA0Z", "justify-content-space-around": "vars_justify-content-space-around__YzQ4O", "justify-content-space-evenly": "vars_justify-content-space-evenly__YmI5Z", "justify-content-stretch": "vars_justify-content-stretch__MjE4Z", "justify-items-stretch": "vars_justify-items-stretch__ZDMwN", "justify-items-center": "vars_justify-items-center__YjAxO", "justify-items-start": "vars_justify-items-start__N2ZmN", "justify-items-end": "vars_justify-items-end__YTBmZ", "justify-items-flex-start": "vars_justify-items-flex-start__ODdlM", "justify-items-flex-end": "vars_justify-items-flex-end__ZDdmZ", "justify-items-self-start": "vars_justify-items-self-start__NjhiO", "justify-items-self-end": "vars_justify-items-self-end__OGQyY", "justify-items-left": "vars_justify-items-left__NWUwO", "justify-items-right": "vars_justify-items-right__ZmE0Z", "justify-items-baseline": "vars_justify-items-baseline__ZjRkN", "align-content-center": "vars_align-content-center__NTNlN", "align-content-start": "vars_align-content-start__NmVkM", "align-content-end": "vars_align-content-end__NWY5O", "align-content-flex-start": "vars_align-content-flex-start__MDNlY", "align-content-flex-end": "vars_align-content-flex-end__ZjI3Z", "align-content-baseline": "vars_align-content-baseline__YmFmM", "align-content-space-between": "vars_align-content-space-between__NzhiM", "align-content-space-around": "vars_align-content-space-around__MWVlN", "align-content-space-evenly": "vars_align-content-space-evenly__NDcwZ", "align-content-stretch": "vars_align-content-stretch__MmE4N", "align-items-center": "vars_align-items-center__YmU3N", "align-items-start": "vars_align-items-start__ZjM5Z", "align-items-end": "vars_align-items-end__MjE2Y", "align-items-flex-start": "vars_align-items-flex-start__MmI0Y", "align-items-flex-end": "vars_align-items-flex-end__MDU2N", "align-items-self-start": "vars_align-items-self-start__YmMyM", "align-items-self-end": "vars_align-items-self-end__NzYzY", "align-items-stretch": "vars_align-items-stretch__ZmY4O", "align-items-baseline": "vars_align-items-baseline__OGQ5Z", "align-self-center": "vars_align-self-center__M2JhM", "align-self-start": "vars_align-self-start__ZTQyN", "align-self-end": "vars_align-self-end__ZTIyM", "align-self-self-start": "vars_align-self-self-start__MDEwO", "align-self-self-end": "vars_align-self-self-end__MWFiY", "align-self-flex-start": "vars_align-self-flex-start__MTdhN", "align-self-flex-end": "vars_align-self-flex-end__MDhiO", "align-self-baseline": "vars_align-self-baseline__NWM4M", "align-self-stretch": "vars_align-self-stretch__ZDIwM", "justify-self-center": "vars_justify-self-center__ZjIxZ", "justify-self-start": "vars_justify-self-start__Y2I2M", "justify-self-end": "vars_justify-self-end__ZDY4O", "justify-self-self-start": "vars_justify-self-self-start__MDY1N", "justify-self-self-end": "vars_justify-self-self-end__NjM1N", "justify-self-baseline": "vars_justify-self-baseline__MTgyZ", "justify-self-stretch": "vars_justify-self-stretch__YzhmY", "grid-auto-flow-row": "vars_grid-auto-flow-row__MTVmY", "grid-auto-flow-column": "vars_grid-auto-flow-column__YWVkM", "grid-auto-flow-row-dense": "vars_grid-auto-flow-row-dense__ODAxN", "grid-auto-flow-column-dense": "vars_grid-auto-flow-column-dense__ZjIzY", "overflow-visible": "vars_overflow-visible__ZTk4Z", "overflow-hidden": "vars_overflow-hidden__YzI2M", "overflow-clip": "vars_overflow-clip__MWFkN", "overflow-scroll": "vars_overflow-scroll__YjVkO", "overflow-auto": "vars_overflow-auto__MGU5Z", "overflow-x-visible": "vars_overflow-x-visible__OGIyO", "overflow-x-hidden": "vars_overflow-x-hidden__Yjc0M", "overflow-x-clip": "vars_overflow-x-clip__MmY4O", "overflow-x-scroll": "vars_overflow-x-scroll__NGI3N", "overflow-x-auto": "vars_overflow-x-auto__MTY5Z", "overflow-y-visible": "vars_overflow-y-visible__Zjc0O", "overflow-y-hidden": "vars_overflow-y-hidden__ZWY1Y", "overflow-y-clip": "vars_overflow-y-clip__MmY4Y", "overflow-y-scroll": "vars_overflow-y-scroll__Zjg4M", "overflow-y-auto": "vars_overflow-y-auto__YmIzN", "text-transform-capitalize": "vars_text-transform-capitalize__ZGZmZ", "text-transform-uppercase": "vars_text-transform-uppercase__YzkxN", "text-transform-lowercase": "vars_text-transform-lowercase__Zjc2O", "text-transform-none": "vars_text-transform-none__ZDc3M", "display-xs": "vars_display-xs__YmUyO", "position-xs": "vars_position-xs__MDFjM", "font-size-xs": "vars_font-size-xs__MjdjM", "font-weight-xs": "vars_font-weight-xs__ZTJmZ", "heading-size-xs": "vars_heading-size-xs__MGY0Z", "border-size-xs": "vars_border-size-xs__YzZhZ", "border-radius-xs": "vars_border-radius-xs__MmQ4N", "shadow-xs": "vars_shadow-xs__NzYyO", "font-color-xs": "vars_font-color-xs__OTEwY", "background-color-xs": "vars_background-color-xs__YzUwY", "align-xs": "vars_align-xs__MWVhO", "letter-spacing-xs": "vars_letter-spacing-xs__NzEzZ", "padding-xs": "vars_padding-xs__ZjkxO", "padding-x-xs": "vars_padding-x-xs__MzkyZ", "padding-y-xs": "vars_padding-y-xs__YTQ4N", "padding-top-xs": "vars_padding-top-xs__NmQyY", "padding-right-xs": "vars_padding-right-xs__NjI1O", "padding-bottom-xs": "vars_padding-bottom-xs__Njc3N", "padding-left-xs": "vars_padding-left-xs__OTNhO", "margin-xs": "vars_margin-xs__YjQwZ", "margin-x-xs": "vars_margin-x-xs__NWMwZ", "margin-y-xs": "vars_margin-y-xs__NGM3Z", "margin-top-xs": "vars_margin-top-xs__MTM0M", "margin-right-xs": "vars_margin-right-xs__Y2VkO", "margin-bottom-xs": "vars_margin-bottom-xs__OGI1Z", "margin-left-xs": "vars_margin-left-xs__ZTU3Z", "gap-xs": "vars_gap-xs__YjcyM", "gap-x-xs": "vars_gap-x-xs__MThhO", "gap-y-xs": "vars_gap-y-xs__Y2U0Y", "height-xs": "vars_height-xs__YWE2M", "width-xs": "vars_width-xs__ZGI1M", "min-height-xs": "vars_min-height-xs__M2FmN", "min-width-xs": "vars_min-width-xs__YzkwM", "max-height-xs": "vars_max-height-xs__M2RmZ", "flex-direction-xs": "vars_flex-direction-xs__YmQ3M", "flex-wrap-xs": "vars_flex-wrap-xs__ODYyM", "justify-content-xs": "vars_justify-content-xs__NzkzM", "justify-items-xs": "vars_justify-items-xs__MzI2Z", "justify-self-xs": "vars_justify-self-xs__NWMxN", "align-content-xs": "vars_align-content-xs__ZGZiY", "align-items-xs": "vars_align-items-xs__MTdiY", "align-self-xs": "vars_align-self-xs__ZGVjZ", "grid-template-rows-xs": "vars_grid-template-rows-xs__NjRjM", "grid-template-columns-xs": "vars_grid-template-columns-xs__NDJlY", "flex-basis-xs": "vars_flex-basis-xs__ZDAzY", "flex-grow-xs": "vars_flex-grow-xs__NmZlM", "flex-shrink-xs": "vars_flex-shrink-xs__MzI1N", "overflow-xs": "vars_overflow-xs__YzkwM", "overflow-x-xs": "vars_overflow-x-xs__MzZhN", "overflow-y-xs": "vars_overflow-y-xs__YTVlM", "order-xs": "vars_order-xs__YmE2N", "display-sm": "vars_display-sm__ZDcyN", "position-sm": "vars_position-sm__NDk3O", "font-size-sm": "vars_font-size-sm__MzI1Y", "font-weight-sm": "vars_font-weight-sm__ODlkM", "heading-size-sm": "vars_heading-size-sm__Y2VlN", "border-size-sm": "vars_border-size-sm__YWJmO", "border-radius-sm": "vars_border-radius-sm__YzZlM", "shadow-sm": "vars_shadow-sm__MmJkN", "font-color-sm": "vars_font-color-sm__MDY5Z", "background-color-sm": "vars_background-color-sm__NTQzY", "align-sm": "vars_align-sm__ZWJjO", "letter-spacing-sm": "vars_letter-spacing-sm__Y2NjY", "padding-sm": "vars_padding-sm__ODkzY", "padding-x-sm": "vars_padding-x-sm__ZjkwO", "padding-y-sm": "vars_padding-y-sm__NTI5Z", "padding-top-sm": "vars_padding-top-sm__NjZjN", "padding-right-sm": "vars_padding-right-sm__ZTM2Y", "padding-bottom-sm": "vars_padding-bottom-sm__NDljO", "padding-left-sm": "vars_padding-left-sm__NWYxZ", "margin-sm": "vars_margin-sm__MzM4Z", "margin-x-sm": "vars_margin-x-sm__YTFmZ", "margin-y-sm": "vars_margin-y-sm__ZjdhM", "margin-top-sm": "vars_margin-top-sm__MzhiM", "margin-right-sm": "vars_margin-right-sm__ZjBkY", "margin-bottom-sm": "vars_margin-bottom-sm__ODg4M", "margin-left-sm": "vars_margin-left-sm__NWMxO", "gap-sm": "vars_gap-sm__OGVmN", "gap-x-sm": "vars_gap-x-sm__MjFiM", "gap-y-sm": "vars_gap-y-sm__Mjc3M", "height-sm": "vars_height-sm__NTZmY", "width-sm": "vars_width-sm__OTc3Z", "min-height-sm": "vars_min-height-sm__NGFlM", "min-width-sm": "vars_min-width-sm__MTNjN", "max-height-sm": "vars_max-height-sm__MTc1O", "flex-direction-sm": "vars_flex-direction-sm__NDE1Z", "flex-wrap-sm": "vars_flex-wrap-sm__YzY4M", "justify-content-sm": "vars_justify-content-sm__ODRlN", "justify-items-sm": "vars_justify-items-sm__Yzk4N", "justify-self-sm": "vars_justify-self-sm__OWQwM", "align-content-sm": "vars_align-content-sm__NzY3Z", "align-items-sm": "vars_align-items-sm__MTc3Y", "align-self-sm": "vars_align-self-sm__NjMzM", "grid-template-rows-sm": "vars_grid-template-rows-sm__MDI3N", "grid-template-columns-sm": "vars_grid-template-columns-sm__ODA5M", "flex-basis-sm": "vars_flex-basis-sm__YzRhM", "flex-grow-sm": "vars_flex-grow-sm__MjdmN", "flex-shrink-sm": "vars_flex-shrink-sm__YWI1Y", "overflow-sm": "vars_overflow-sm__NjQyM", "overflow-x-sm": "vars_overflow-x-sm__YTI3O", "overflow-y-sm": "vars_overflow-y-sm__NTZiN", "order-sm": "vars_order-sm__YmE5M", "display-md": "vars_display-md__NTMwY", "position-md": "vars_position-md__ZjBlO", "font-size-md": "vars_font-size-md__ODcwN", "font-weight-md": "vars_font-weight-md__N2ExM", "heading-size-md": "vars_heading-size-md__M2JiY", "border-size-md": "vars_border-size-md__MTgwN", "border-radius-md": "vars_border-radius-md__ZjU4O", "shadow-md": "vars_shadow-md__OGIyY", "font-color-md": "vars_font-color-md__ZmI2O", "background-color-md": "vars_background-color-md__OGIzN", "align-md": "vars_align-md__NDg5Z", "letter-spacing-md": "vars_letter-spacing-md__OTlkM", "padding-md": "vars_padding-md__NDhjY", "padding-x-md": "vars_padding-x-md__YTA0Z", "padding-y-md": "vars_padding-y-md__ODRhM", "padding-top-md": "vars_padding-top-md__ZGYyN", "padding-right-md": "vars_padding-right-md__ZmIxZ", "padding-bottom-md": "vars_padding-bottom-md__MDM4M", "padding-left-md": "vars_padding-left-md__NTc5Y", "margin-md": "vars_margin-md__Yjc1N", "margin-x-md": "vars_margin-x-md__MTRlZ", "margin-y-md": "vars_margin-y-md__ZDdkO", "margin-top-md": "vars_margin-top-md__MWFiY", "margin-right-md": "vars_margin-right-md__YzA3M", "margin-bottom-md": "vars_margin-bottom-md__ODA4Z", "margin-left-md": "vars_margin-left-md__ZTMxZ", "gap-md": "vars_gap-md__YmY5M", "gap-x-md": "vars_gap-x-md__YTA0O", "gap-y-md": "vars_gap-y-md__NjYzN", "height-md": "vars_height-md__M2EwM", "width-md": "vars_width-md__ZDZjN", "min-height-md": "vars_min-height-md__OWZlO", "min-width-md": "vars_min-width-md__NGFmY", "max-height-md": "vars_max-height-md__NjkxN", "flex-direction-md": "vars_flex-direction-md__MDZiZ", "flex-wrap-md": "vars_flex-wrap-md__Nzk1Z", "justify-content-md": "vars_justify-content-md__MDc4Z", "justify-items-md": "vars_justify-items-md__MDQ0Y", "justify-self-md": "vars_justify-self-md__MTNlO", "align-content-md": "vars_align-content-md__Yjg1Y", "align-items-md": "vars_align-items-md__MzI0M", "align-self-md": "vars_align-self-md__OGRjY", "grid-template-rows-md": "vars_grid-template-rows-md__MmY0Z", "grid-template-columns-md": "vars_grid-template-columns-md__MjA0O", "flex-basis-md": "vars_flex-basis-md__YzlmM", "flex-grow-md": "vars_flex-grow-md__ODRlM", "flex-shrink-md": "vars_flex-shrink-md__NDg0Y", "overflow-md": "vars_overflow-md__NzYxO", "overflow-x-md": "vars_overflow-x-md__MWIzY", "overflow-y-md": "vars_overflow-y-md__MTRlN", "order-md": "vars_order-md__MGUzM", "display-lg": "vars_display-lg__MWEzY", "position-lg": "vars_position-lg__YTdkY", "font-size-lg": "vars_font-size-lg__ZjZjY", "font-weight-lg": "vars_font-weight-lg__MGU2M", "heading-size-lg": "vars_heading-size-lg__NDFjM", "border-size-lg": "vars_border-size-lg__ZjFiN", "border-radius-lg": "vars_border-radius-lg__ZjdmZ", "shadow-lg": "vars_shadow-lg__MDE0Z", "font-color-lg": "vars_font-color-lg__Yzc1Z", "background-color-lg": "vars_background-color-lg__ODI3N", "align-lg": "vars_align-lg__OTY1Y", "letter-spacing-lg": "vars_letter-spacing-lg__ZTg5N", "padding-lg": "vars_padding-lg__MWZlZ", "padding-x-lg": "vars_padding-x-lg__NjVlZ", "padding-y-lg": "vars_padding-y-lg__NjcyZ", "padding-top-lg": "vars_padding-top-lg__MDg3N", "padding-right-lg": "vars_padding-right-lg__NTRlM", "padding-bottom-lg": "vars_padding-bottom-lg__Y2YxO", "padding-left-lg": "vars_padding-left-lg__NjdlM", "margin-lg": "vars_margin-lg__Zjk2M", "margin-x-lg": "vars_margin-x-lg__MWM1N", "margin-y-lg": "vars_margin-y-lg__MTViM", "margin-top-lg": "vars_margin-top-lg__ODhkY", "margin-right-lg": "vars_margin-right-lg__MDk4O", "margin-bottom-lg": "vars_margin-bottom-lg__YThlY", "margin-left-lg": "vars_margin-left-lg__MjBiZ", "gap-lg": "vars_gap-lg__Mjg2Y", "gap-x-lg": "vars_gap-x-lg__ODM4Y", "gap-y-lg": "vars_gap-y-lg__MGE5N", "height-lg": "vars_height-lg__ZTVlO", "width-lg": "vars_width-lg__ZmRlM", "min-height-lg": "vars_min-height-lg__Zjg0N", "min-width-lg": "vars_min-width-lg__MDI2M", "max-height-lg": "vars_max-height-lg__MzBhM", "flex-direction-lg": "vars_flex-direction-lg__ZmI5O", "flex-wrap-lg": "vars_flex-wrap-lg__Y2E2O", "justify-content-lg": "vars_justify-content-lg__NTYzN", "justify-items-lg": "vars_justify-items-lg__ODQ5N", "justify-self-lg": "vars_justify-self-lg__MDJkO", "align-content-lg": "vars_align-content-lg__NzU1M", "align-items-lg": "vars_align-items-lg__YjBlY", "align-self-lg": "vars_align-self-lg__MGQ5Y", "grid-template-rows-lg": "vars_grid-template-rows-lg__M2Y1O", "grid-template-columns-lg": "vars_grid-template-columns-lg__MWQzM", "flex-basis-lg": "vars_flex-basis-lg__MjhhY", "flex-grow-lg": "vars_flex-grow-lg__MTk2N", "flex-shrink-lg": "vars_flex-shrink-lg__ZWZhO", "overflow-lg": "vars_overflow-lg__MjNmY", "overflow-x-lg": "vars_overflow-x-lg__NDBjM", "overflow-y-lg": "vars_overflow-y-lg__MzcyN", "order-lg": "vars_order-lg__NjJlN", "display-xl": "vars_display-xl__ZDg1M", "position-xl": "vars_position-xl__YjQ4Z", "font-size-xl": "vars_font-size-xl__YzNhN", "font-weight-xl": "vars_font-weight-xl__YjQyZ", "heading-size-xl": "vars_heading-size-xl__ZTM0M", "border-size-xl": "vars_border-size-xl__MzU0O", "border-radius-xl": "vars_border-radius-xl__ZDJhM", "shadow-xl": "vars_shadow-xl__NGMwN", "font-color-xl": "vars_font-color-xl__ZmQ1N", "background-color-xl": "vars_background-color-xl__ODc5M", "align-xl": "vars_align-xl__NDMzY", "letter-spacing-xl": "vars_letter-spacing-xl__OTUwM", "padding-xl": "vars_padding-xl__NTM4M", "padding-x-xl": "vars_padding-x-xl__NjExM", "padding-y-xl": "vars_padding-y-xl__OTQ0M", "padding-top-xl": "vars_padding-top-xl__YWI4M", "padding-right-xl": "vars_padding-right-xl__ZDllN", "padding-bottom-xl": "vars_padding-bottom-xl__ZWFmM", "padding-left-xl": "vars_padding-left-xl__NmVhZ", "margin-xl": "vars_margin-xl__MmNkY", "margin-x-xl": "vars_margin-x-xl__OWY1Y", "margin-y-xl": "vars_margin-y-xl__MDViM", "margin-top-xl": "vars_margin-top-xl__MTVmZ", "margin-right-xl": "vars_margin-right-xl__OTkxN", "margin-bottom-xl": "vars_margin-bottom-xl__YjQyN", "margin-left-xl": "vars_margin-left-xl__ZjAxY", "gap-xl": "vars_gap-xl__NzRiM", "gap-x-xl": "vars_gap-x-xl__MDU3N", "gap-y-xl": "vars_gap-y-xl__MjRlM", "height-xl": "vars_height-xl__ZDMyY", "width-xl": "vars_width-xl__NzFiZ", "min-height-xl": "vars_min-height-xl__NTBkY", "min-width-xl": "vars_min-width-xl__MmYwM", "max-height-xl": "vars_max-height-xl__MzVhO", "flex-direction-xl": "vars_flex-direction-xl__MThlM", "flex-wrap-xl": "vars_flex-wrap-xl__MGJkZ", "justify-content-xl": "vars_justify-content-xl__Nzk3O", "justify-items-xl": "vars_justify-items-xl__YTFjN", "justify-self-xl": "vars_justify-self-xl__MWMxN", "align-content-xl": "vars_align-content-xl__MTEwZ", "align-items-xl": "vars_align-items-xl__YjBjN", "align-self-xl": "vars_align-self-xl__NDg2Y", "grid-template-rows-xl": "vars_grid-template-rows-xl__NDkwN", "grid-template-columns-xl": "vars_grid-template-columns-xl__MGM5Y", "flex-basis-xl": "vars_flex-basis-xl__MzM5N", "flex-grow-xl": "vars_flex-grow-xl__M2JhO", "flex-shrink-xl": "vars_flex-shrink-xl__ZGE1N", "overflow-xl": "vars_overflow-xl__OGU3Z", "overflow-x-xl": "vars_overflow-x-xl__ZmEwM", "overflow-y-xl": "vars_overflow-y-xl__ZTljO", "order-xl": "vars_order-xl__YWUwM" };
+
+// src/components/hooks/useDesignProps.ts
+var cssMap = {
+  display: "display",
+  position: "position",
+  fontSize: "font-size",
+  fontWeight: "font-weight",
+  textAlign: "text-align",
+  textWrap: "text-wrap",
+  letterSpacing: "letter-spacing",
+  headingSize: "heading-size",
+  color: "font-color",
+  backgroundColor: "background-color",
+  hoverColor: "hover-color",
+  hoverBackgroundColor: "hover-background-color",
+  hoverBorderColor: "hover-border-color",
+  strokeColor: "stroke-color",
+  fillColor: "fill-color",
+  border: "border",
+  borderColor: "border-color",
+  borderRadius: "border-radius",
+  shadow: "shadow",
+  padding: "padding",
+  paddingX: "padding-x",
+  paddingY: "padding-y",
+  paddingTop: "padding-top",
+  paddingRight: "padding-right",
+  paddingBottom: "padding-bottom",
+  paddingLeft: "padding-left",
+  margin: "margin",
+  marginX: "margin-x",
+  marginY: "margin-y",
+  marginTop: "margin-top",
+  marginRight: "margin-right",
+  marginBottom: "margin-bottom",
+  marginLeft: "margin-left",
+  overflow: "overflow",
+  overflowX: "overflow-x",
+  overflowY: "overflow-y",
+  width: "width",
+  height: "height",
+  minHeight: "min-height",
+  maxHeight: "max-height",
+  minWidth: "min-width",
+  maxWidth: "max-width",
+  gap: "gap",
+  gapX: "gap-x",
+  gapY: "gap-y",
+  flexDirection: "flex-direction",
+  flexWrap: "flex-wrap",
+  justifyContent: "justify-content",
+  justifyItems: "justify-items",
+  alignContent: "align-content",
+  alignItems: "align-items",
+  alignSelf: "align-self",
+  flexBasis: "flex-basis",
+  flexGrow: "flex-grow",
+  flexShrink: "flex-shrink",
+  gridTemplateRows: "grid-template-rows",
+  gridTemplateColumns: "grid-template-columns",
+  gridTemplateAreas: "grid-template-areas",
+  gridAutoRows: "grid-auto-rows",
+  gridAutoColumns: "grid-auto-columns",
+  gridAutoFlow: "grid-auto-flow",
+  gridArea: "grid-area",
+  gridRow: "grid-row",
+  gridColumn: "grid-column",
+  top: "top",
+  right: "right",
+  bottom: "bottom",
+  left: "left",
+  order: "order",
+  textTransform: "text-transform"
+};
+var aliasMap = {
+  gap: "spacing",
+  "gap-x": "spacing",
+  "gap-y": "spacing"
+};
+var excludedProps = [
+  "width",
+  "height",
+  "minWidth",
+  "maxWidth",
+  "minHeight",
+  "maxHeight",
+  "gridTemplateRows",
+  "gridTemplateColumns",
+  "gridTemplateAreas",
+  "gridAutoRows",
+  "gridAutoColumns",
+  "gridArea",
+  "gridRow",
+  "gridColumn",
+  "flexBasis",
+  "flexGrow",
+  "flexShrink",
+  "gridArea",
+  "gridRow",
+  "gridColumn",
+  "order"
+];
+function parseValue(name, value) {
+  if (/^\d+$/.test(value)) {
+    return `var(--${aliasMap[name] || name}-${value})`;
+  }
+  return value;
+}
+function useDesignProps(props) {
+  const classes = [];
+  const styleProps = {};
+  Object.keys(props).forEach((key) => {
+    const name = cssMap[key];
+    const value = props[key];
+    if (value) {
+      if (typeof value === "boolean") {
+        classes.push(vars_default[name]);
+      } else if (typeof value === "string" || typeof value === "number") {
+        if (excludedProps.includes(key) || /var\(.*\)/.test(value.toString())) {
+          styleProps[key] = value;
+        } else {
+          classes.push(vars_default[`${name}-${value}`]);
+        }
+      } else if (typeof value === "object") {
+        Object.keys(value).forEach((breakpoint2) => {
+          const className = `${name}-${breakpoint2}`;
+          if (vars_default[className]) {
+            classes.push(vars_default[className]);
+            styleProps[`--${className}`] = parseValue(name, value[breakpoint2]);
+          } else {
+            styleProps[`--${className}`] = value;
+          }
+        });
+        classes.push(vars_default[name]);
+        const breakpoint = Breakpoints.find((breakpoint2) => vars_default[`${name}-${breakpoint2}`]);
+        styleProps[`--${name}`] = breakpoint ? parseValue(name, value[breakpoint]) : value;
+      }
+    }
+  });
+  return [classes, styleProps];
+}
+
 // src/components/Slot.tsx
 import { cloneElement, isValidElement } from "react";
 function Slot({
@@ -25031,6 +25178,7 @@ function Icon({
   size = "sm",
   variant,
   rotate,
+  strokeWidth,
   strokeColor,
   fillColor,
   style,
@@ -25038,16 +25186,20 @@ function Icon({
   children,
   ...props
 }) {
+  const [classes, styleProps] = useDesignProps({
+    strokeColor,
+    fillColor
+  });
   return /* @__PURE__ */ jsx(
     Slot,
     {
       ...props,
-      className: (0, import_classnames.default)(Icon_default.icon, className, size && Icon_default[size]),
+      className: (0, import_classnames.default)(Icon_default.icon, className, classes, size && Icon_default[size]),
       style: {
+        ...styleProps,
         ...style,
         transform: rotate ? `rotate(${rotate}deg)` : void 0,
-        stroke: strokeColor,
-        fill: fillColor
+        strokeWidth
       },
       children
     }
@@ -25349,151 +25501,6 @@ var AlertIcons = {
 // src/components/Flexbox.tsx
 var import_classnames4 = __toESM(require_classnames());
 
-// src/lib/types.ts
-var Breakpoints = ["", "xs", "sm", "md", "lg", "xl"];
-
-// css-modules:E:\dev\umami-react-zen\src\components\styles\vars.module.css
-var vars_default = { "display": "vars_display__MDQyM", "display-none": "vars_display-none__MjE1N", "display-inline": "vars_display-inline__YjQwY", "display-inline-block": "vars_display-inline-block__YTAxY", "display-block": "vars_display-block__ZGUyY", "display-flex": "vars_display-flex__ZmYwY", "display-inline-flex": "vars_display-inline-flex__OTBkN", "display-grid": "vars_display-grid__NzI3N", "display-inline-grid": "vars_display-inline-grid__NjljN", "position-absolute": "vars_position-absolute__MTFlO", "position-fixed": "vars_position-fixed__NjE3M", "position-stick": "vars_position-stick__NjljM", "position-static": "vars_position-static__MTkzZ", "position-relative": "vars_position-relative__YzM3N", "font-size": "vars_font-size__MzliM", "font-size-1": "vars_font-size-1__M2UzZ", "font-size-2": "vars_font-size-2__M2RhM", "font-size-3": "vars_font-size-3__YzE0Z", "font-size-4": "vars_font-size-4__NmViM", "font-size-5": "vars_font-size-5__YmMzM", "font-size-6": "vars_font-size-6__NzZlO", "font-size-7": "vars_font-size-7__ZGQ2Y", "font-size-8": "vars_font-size-8__YTM4M", "font-size-9": "vars_font-size-9__MTE2N", "font-size-10": "vars_font-size-10__NzI0N", "font-size-11": "vars_font-size-11__ZTdjM", "font-size-12": "vars_font-size-12__YzA1M", "heading-size": "vars_heading-size__ZWE3Z", "heading-size-1": "vars_heading-size-1__YTdiN", "heading-size-2": "vars_heading-size-2__YmFlM", "heading-size-3": "vars_heading-size-3__MzdiN", "heading-size-4": "vars_heading-size-4__MDQwM", "heading-size-5": "vars_heading-size-5__MzYzZ", "heading-size-6": "vars_heading-size-6__Mjg2Y", "font-weight-thin": "vars_font-weight-thin__YTY3Y", "font-weight-extra-light": "vars_font-weight-extra-light__OTI1M", "font-weight-light": "vars_font-weight-light__Y2YxN", "font-weight-regular": "vars_font-weight-regular__NTRjY", "font-weight-medium": "vars_font-weight-medium__ZGNhN", "font-weight-bold": "vars_font-weight-bold__MDQ0Z", "font-weight-extra-bold": "vars_font-weight-extra-bold__NTc2N", "font-weight-black": "vars_font-weight-black__ZjRkN", "border": "vars_border__ZTBjN", "border-top": "vars_border-top__MTRlO", "border-right": "vars_border-right__ZDZkO", "border-bottom": "vars_border-bottom__ZDNkZ", "border-left": "vars_border-left__NDY1O", "border-radius": "vars_border-radius__N2E0Y", "border-radius-1": "vars_border-radius-1__ODdjY", "border-radius-2": "vars_border-radius-2__YzFmN", "border-radius-3": "vars_border-radius-3__MTE4N", "border-radius-4": "vars_border-radius-4__YjYxN", "border-radius-full": "vars_border-radius-full__MDY4M", "shadow-1": "vars_shadow-1__YzVlO", "shadow-2": "vars_shadow-2__M2VjZ", "shadow-3": "vars_shadow-3__ZTBmN", "shadow-4": "vars_shadow-4__MjA4M", "shadow-5": "vars_shadow-5__NTUxM", "shadow-6": "vars_shadow-6__MDIxO", "font-color": "vars_font-color__YmVlY", "font-color-primary": "vars_font-color-primary__MTkwO", "font-color-muted": "vars_font-color-muted__M2I1M", "font-color-disabled": "vars_font-color-disabled__NjA3O", "font-color-1": "vars_font-color-1__NGQ3M", "font-color-2": "vars_font-color-2__YTI3N", "font-color-3": "vars_font-color-3__MTliZ", "font-color-4": "vars_font-color-4__MDYxZ", "font-color-5": "vars_font-color-5__MDJhZ", "font-color-6": "vars_font-color-6__NGMxM", "font-color-7": "vars_font-color-7__YWVmZ", "font-color-8": "vars_font-color-8__ZmZlZ", "font-color-10": "vars_font-color-10__MjJjN", "font-color-11": "vars_font-color-11__OWVjN", "font-color-12": "vars_font-color-12__OWNiZ", "font-color-gray": "vars_font-color-gray__OTk0N", "font-color-gold": "vars_font-color-gold__NDI5N", "font-color-bronze": "vars_font-color-bronze__ZmNkY", "font-color-brown": "vars_font-color-brown__M2UwO", "font-color-yellow": "vars_font-color-yellow__ZGJlZ", "font-color-amber": "vars_font-color-amber__NGEyN", "font-color-orange": "vars_font-color-orange__YzZhM", "font-color-tomato": "vars_font-color-tomato__MGYzY", "font-color-red": "vars_font-color-red__YWI3M", "font-color-ruby": "vars_font-color-ruby__Mjk2M", "font-color-crimson": "vars_font-color-crimson__NmFmZ", "font-color-pink": "vars_font-color-pink__Njc5Z", "font-color-plum": "vars_font-color-plum__ZTU4Y", "font-color-purple": "vars_font-color-purple__MDk4M", "font-color-violet": "vars_font-color-violet__Njc0N", "font-color-iris": "vars_font-color-iris__NDI3Z", "font-color-indigo": "vars_font-color-indigo__ZWZhN", "font-color-blue": "vars_font-color-blue__ZGI4N", "font-color-cyan": "vars_font-color-cyan__NzNjO", "font-color-teal": "vars_font-color-teal__Zjk2Z", "font-color-jade": "vars_font-color-jade__NzZhN", "font-color-green": "vars_font-color-green__ODRmZ", "font-color-grass": "vars_font-color-grass__ZWQ0Z", "font-color-lime": "vars_font-color-lime__MTE0O", "font-color-mint": "vars_font-color-mint__NDgyY", "font-color-sky": "vars_font-color-sky__Yjc4N", "background-color": "vars_background-color__NWVmZ", "background-color-transparent": "vars_background-color-transparent__OWE0Y", "background-color-primary": "vars_background-color-primary__YzNlN", "background-color-1": "vars_background-color-1__NTJiO", "background-color-2": "vars_background-color-2__MWFlN", "background-color-3": "vars_background-color-3__ZmMzM", "background-color-4": "vars_background-color-4__MjQ0N", "background-color-5": "vars_background-color-5__N2NmM", "background-color-6": "vars_background-color-6__YWI0N", "background-color-7": "vars_background-color-7__ZWViO", "background-color-8": "vars_background-color-8__YjYwY", "background-color-9": "vars_background-color-9__MTA2M", "background-color-10": "vars_background-color-10__ZTY3Y", "background-color-11": "vars_background-color-11__YWUzZ", "background-color-12": "vars_background-color-12__MjZkO", "background-color-gray": "vars_background-color-gray__MTliZ", "background-color-gold": "vars_background-color-gold__MTAwN", "background-color-bronze": "vars_background-color-bronze__NWU3O", "background-color-brown": "vars_background-color-brown__OThkY", "background-color-yellow": "vars_background-color-yellow__M2UxO", "background-color-amber": "vars_background-color-amber__MWFkM", "background-color-orange": "vars_background-color-orange__NmQzN", "background-color-tomato": "vars_background-color-tomato__ZGQ0Y", "background-color-red": "vars_background-color-red__M2QwN", "background-color-ruby": "vars_background-color-ruby__NmIzY", "background-color-crimson": "vars_background-color-crimson__NDk4Y", "background-color-pink": "vars_background-color-pink__ZGFmM", "background-color-plum": "vars_background-color-plum__MjBjM", "background-color-purple": "vars_background-color-purple__MGNiM", "background-color-violet": "vars_background-color-violet__Mzc1Z", "background-color-iris": "vars_background-color-iris__ZGYzZ", "background-color-indigo": "vars_background-color-indigo__YjU2O", "background-color-blue": "vars_background-color-blue__MzMyZ", "background-color-cyan": "vars_background-color-cyan__ZTZjY", "background-color-teal": "vars_background-color-teal__N2I1Z", "background-color-jade": "vars_background-color-jade__YjFkY", "background-color-green": "vars_background-color-green__OGIwN", "background-color-grass": "vars_background-color-grass__YTlhZ", "background-color-lime": "vars_background-color-lime__OTUzZ", "background-color-mint": "vars_background-color-mint__NTA0Z", "background-color-sky": "vars_background-color-sky__ZDljO", "border-color": "vars_border-color__YWQwO", "border-color-transparent": "vars_border-color-transparent__Yjk4Y", "border-color-primary": "vars_border-color-primary__NDMyN", "border-color-1": "vars_border-color-1__YTRjO", "border-color-2": "vars_border-color-2__Yjk5N", "border-color-3": "vars_border-color-3__MjU4O", "border-color-4": "vars_border-color-4__NjQ4N", "border-color-5": "vars_border-color-5__OGVkN", "border-color-6": "vars_border-color-6__YTIwM", "border-color-7": "vars_border-color-7__ZTU0Z", "border-color-8": "vars_border-color-8__NzFlM", "border-color-9": "vars_border-color-9__YTQ0Z", "border-color-10": "vars_border-color-10__Y2UwZ", "border-color-11": "vars_border-color-11__YWRkM", "border-color-12": "vars_border-color-12__MzBjM", "border-color-gray": "vars_border-color-gray__M2ViY", "border-color-gold": "vars_border-color-gold__MDJjN", "border-color-bronze": "vars_border-color-bronze__N2FjN", "border-color-brown": "vars_border-color-brown__MTRlM", "border-color-yellow": "vars_border-color-yellow__MmFlM", "border-color-amber": "vars_border-color-amber__N2M5N", "border-color-orange": "vars_border-color-orange__MjcxM", "border-color-tomato": "vars_border-color-tomato__NDdlN", "border-color-red": "vars_border-color-red__NTEzZ", "border-color-ruby": "vars_border-color-ruby__MmQ2M", "border-color-crimson": "vars_border-color-crimson__YzViN", "border-color-pink": "vars_border-color-pink__Yjc4Y", "border-color-plum": "vars_border-color-plum__ZTRmN", "border-color-purple": "vars_border-color-purple__ZjRlO", "border-color-violet": "vars_border-color-violet__NDEzN", "border-color-iris": "vars_border-color-iris__NTMzM", "border-color-indigo": "vars_border-color-indigo__ZThhN", "border-color-blue": "vars_border-color-blue__YWFkZ", "border-color-cyan": "vars_border-color-cyan__ZDViM", "border-color-teal": "vars_border-color-teal__ODk2M", "border-color-jade": "vars_border-color-jade__MjY3Y", "border-color-green": "vars_border-color-green__NTMyN", "border-color-grass": "vars_border-color-grass__NjgzM", "border-color-lime": "vars_border-color-lime__MWZkN", "border-color-mint": "vars_border-color-mint__ODMzO", "border-color-sky": "vars_border-color-sky__N2MyN", "hover-color": "vars_hover-color__NWZjO", "hover-color-primary": "vars_hover-color-primary__NjkwN", "hover-color-muted": "vars_hover-color-muted__OWFlY", "hover-color-disabled": "vars_hover-color-disabled__MDg2Z", "hover-color-1": "vars_hover-color-1__ZWY0Z", "hover-color-2": "vars_hover-color-2__MTNhY", "hover-color-3": "vars_hover-color-3__ZmU5Y", "hover-color-4": "vars_hover-color-4__Nzc4M", "hover-color-5": "vars_hover-color-5__NTM3M", "hover-color-6": "vars_hover-color-6__MTFkY", "hover-color-7": "vars_hover-color-7__ZDMwZ", "hover-color-8": "vars_hover-color-8__NjQ4N", "hover-color-10": "vars_hover-color-10__MDRiN", "hover-color-11": "vars_hover-color-11__YjA4N", "hover-color-12": "vars_hover-color-12__NGRlN", "hover-color-gray": "vars_hover-color-gray__ZmM4Z", "hover-color-gold": "vars_hover-color-gold__MDE3N", "hover-color-bronze": "vars_hover-color-bronze__MjI5Z", "hover-color-brown": "vars_hover-color-brown__MzdkM", "hover-color-yellow": "vars_hover-color-yellow__YWY2Y", "hover-color-amber": "vars_hover-color-amber__ZWJlN", "hover-color-orange": "vars_hover-color-orange__MTEwZ", "hover-color-tomato": "vars_hover-color-tomato__ODcyZ", "hover-color-red": "vars_hover-color-red__MGY2M", "hover-color-ruby": "vars_hover-color-ruby__ZTk4M", "hover-color-crimson": "vars_hover-color-crimson__MTFkM", "hover-color-pink": "vars_hover-color-pink__MWVkN", "hover-color-plum": "vars_hover-color-plum__NDE3M", "hover-color-purple": "vars_hover-color-purple__NTMyZ", "hover-color-violet": "vars_hover-color-violet__ZDBiN", "hover-color-iris": "vars_hover-color-iris__YjkwN", "hover-color-indigo": "vars_hover-color-indigo__N2MzY", "hover-color-blue": "vars_hover-color-blue__YmE4O", "hover-color-cyan": "vars_hover-color-cyan__Y2M4N", "hover-color-teal": "vars_hover-color-teal__ZWY2O", "hover-color-jade": "vars_hover-color-jade__MDhjY", "hover-color-green": "vars_hover-color-green__NjlhN", "hover-color-grass": "vars_hover-color-grass__N2NiM", "hover-color-lime": "vars_hover-color-lime__ZDM4N", "hover-color-mint": "vars_hover-color-mint__NDg5N", "hover-color-sky": "vars_hover-color-sky__MWIxZ", "hover-background-color": "vars_hover-background-color__NmYxY", "hover-background-color-transparent": "vars_hover-background-color-transparent__NjVjY", "hover-background-color-primary": "vars_hover-background-color-primary__NjYyY", "hover-background-color-1": "vars_hover-background-color-1__YjY1Z", "hover-background-color-2": "vars_hover-background-color-2__N2Q1M", "hover-background-color-3": "vars_hover-background-color-3__MTdhZ", "hover-background-color-4": "vars_hover-background-color-4__MWM2N", "hover-background-color-5": "vars_hover-background-color-5__ZTFhN", "hover-background-color-6": "vars_hover-background-color-6__MDViO", "hover-background-color-7": "vars_hover-background-color-7__YzEzO", "hover-background-color-8": "vars_hover-background-color-8__ZTExY", "hover-background-color-9": "vars_hover-background-color-9__YjI2N", "hover-background-color-10": "vars_hover-background-color-10__YWVkZ", "hover-background-color-11": "vars_hover-background-color-11__NjY4Z", "hover-background-color-12": "vars_hover-background-color-12__ZjNhO", "hover-background-color-gray": "vars_hover-background-color-gray__YTlhM", "hover-background-color-gold": "vars_hover-background-color-gold__ZDRhN", "hover-background-color-bronze": "vars_hover-background-color-bronze__MzFiY", "hover-background-color-brown": "vars_hover-background-color-brown__YTdhM", "hover-background-color-yellow": "vars_hover-background-color-yellow__ZGMyY", "hover-background-color-amber": "vars_hover-background-color-amber__Njk4O", "hover-background-color-orange": "vars_hover-background-color-orange__MzJhY", "hover-background-color-tomato": "vars_hover-background-color-tomato__N2YyZ", "hover-background-color-red": "vars_hover-background-color-red__NDhhM", "hover-background-color-ruby": "vars_hover-background-color-ruby__NmNmY", "hover-background-color-crimson": "vars_hover-background-color-crimson__ZTM1Z", "hover-background-color-pink": "vars_hover-background-color-pink__MTk0N", "hover-background-color-plum": "vars_hover-background-color-plum__ZmZlY", "hover-background-color-purple": "vars_hover-background-color-purple__NTAwM", "hover-background-color-violet": "vars_hover-background-color-violet__ZWNkN", "hover-background-color-iris": "vars_hover-background-color-iris__ZjAyN", "hover-background-color-indigo": "vars_hover-background-color-indigo__YzkzY", "hover-background-color-blue": "vars_hover-background-color-blue__NDMyN", "hover-background-color-cyan": "vars_hover-background-color-cyan__ZGM2O", "hover-background-color-teal": "vars_hover-background-color-teal__ZjRiY", "hover-background-color-jade": "vars_hover-background-color-jade__MjFjY", "hover-background-color-green": "vars_hover-background-color-green__MGNkM", "hover-background-color-grass": "vars_hover-background-color-grass__OWUzZ", "hover-background-color-lime": "vars_hover-background-color-lime__MDIzZ", "hover-background-color-mint": "vars_hover-background-color-mint__MTA5N", "hover-background-color-sky": "vars_hover-background-color-sky__MTdjN", "hover-border-color": "vars_hover-border-color__MmUyN", "hover-border-color-transparent": "vars_hover-border-color-transparent__ZWJkN", "hover-border-color-primary": "vars_hover-border-color-primary__ODlhZ", "hover-border-color-1": "vars_hover-border-color-1__MzI2O", "hover-border-color-2": "vars_hover-border-color-2__YTQwN", "hover-border-color-3": "vars_hover-border-color-3__NmFiZ", "hover-border-color-4": "vars_hover-border-color-4__MjZjZ", "hover-border-color-5": "vars_hover-border-color-5__MzM2M", "hover-border-color-6": "vars_hover-border-color-6__NTZkO", "hover-border-color-7": "vars_hover-border-color-7__NTgyZ", "hover-border-color-8": "vars_hover-border-color-8__NjUzM", "hover-border-color-9": "vars_hover-border-color-9__OTdlY", "hover-border-color-10": "vars_hover-border-color-10__OGMxM", "hover-border-color-11": "vars_hover-border-color-11__NjY2M", "hover-border-color-12": "vars_hover-border-color-12__ZDUwM", "hover-border-color-gray": "vars_hover-border-color-gray__NWRmM", "hover-border-color-gold": "vars_hover-border-color-gold__M2M0M", "hover-border-color-bronze": "vars_hover-border-color-bronze__MzlhY", "hover-border-color-brown": "vars_hover-border-color-brown__ZGFmM", "hover-border-color-yellow": "vars_hover-border-color-yellow__MzgyY", "hover-border-color-amber": "vars_hover-border-color-amber__YWU0Y", "hover-border-color-orange": "vars_hover-border-color-orange__Yzk1Z", "hover-border-color-tomato": "vars_hover-border-color-tomato__MWNhY", "hover-border-color-red": "vars_hover-border-color-red__YWU4Y", "hover-border-color-ruby": "vars_hover-border-color-ruby__MDYzN", "hover-border-color-crimson": "vars_hover-border-color-crimson__ZDI1Y", "hover-border-color-pink": "vars_hover-border-color-pink__Zjg4N", "hover-border-color-plum": "vars_hover-border-color-plum__MTBhM", "hover-border-color-purple": "vars_hover-border-color-purple__YzNjN", "hover-border-color-violet": "vars_hover-border-color-violet__NTVjZ", "hover-border-color-iris": "vars_hover-border-color-iris__MDMxN", "hover-border-color-indigo": "vars_hover-border-color-indigo__NjFhM", "hover-border-color-blue": "vars_hover-border-color-blue__NWM5N", "hover-border-color-cyan": "vars_hover-border-color-cyan__NTkyM", "hover-border-color-teal": "vars_hover-border-color-teal__Yzc4O", "hover-border-color-jade": "vars_hover-border-color-jade__YzFhY", "hover-border-color-green": "vars_hover-border-color-green__MWJmN", "hover-border-color-grass": "vars_hover-border-color-grass__YjE0M", "hover-border-color-lime": "vars_hover-border-color-lime__YjExO", "hover-border-color-mint": "vars_hover-border-color-mint__ZjUyN", "hover-border-color-sky": "vars_hover-border-color-sky__Yjk3M", "text-align-left": "vars_text-align-left__ZWE3N", "text-align-center": "vars_text-align-center__ZjkxM", "text-align-right": "vars_text-align-right__ZTc1Y", "text-wrap-wrap": "vars_text-wrap-wrap__OWExO", "text-wrap-nowrap": "vars_text-wrap-nowrap__NjEzM", "text-wrap-balance": "vars_text-wrap-balance__OWIxY", "text-wrap-pretty": "vars_text-wrap-pretty__NjcxM", "text-wrap-stable": "vars_text-wrap-stable__NDQ4Y", "letter-spacing-1": "vars_letter-spacing-1__YzkwZ", "letter-spacing-2": "vars_letter-spacing-2__NWRjY", "letter-spacing-3": "vars_letter-spacing-3__ZDUxY", "letter-spacing-4": "vars_letter-spacing-4__OWM1O", "letter-spacing-5": "vars_letter-spacing-5__NWM2Y", "padding": "vars_padding__N2MzY", "padding-1": "vars_padding-1__MTc3O", "padding-2": "vars_padding-2__MzQ0M", "padding-3": "vars_padding-3__MDNiY", "padding-4": "vars_padding-4__OWQxM", "padding-5": "vars_padding-5__MDQ5Y", "padding-6": "vars_padding-6__Mjg5M", "padding-7": "vars_padding-7__Nzg3Z", "padding-8": "vars_padding-8__NTA5Z", "padding-9": "vars_padding-9__N2E4Z", "padding-10": "vars_padding-10__ZDY2Y", "padding-11": "vars_padding-11__ODNkZ", "padding-12": "vars_padding-12__ZTI2M", "padding-x": "vars_padding-x__OTkzN", "padding-x-1": "vars_padding-x-1__NTNiY", "padding-x-2": "vars_padding-x-2__ZWQ1Y", "padding-x-3": "vars_padding-x-3__MDY2N", "padding-x-4": "vars_padding-x-4__NTMzY", "padding-x-5": "vars_padding-x-5__OTYwN", "padding-x-6": "vars_padding-x-6__NDBlY", "padding-x-7": "vars_padding-x-7__ZGMyZ", "padding-x-8": "vars_padding-x-8__MzRkN", "padding-x-9": "vars_padding-x-9__MWExN", "padding-x-10": "vars_padding-x-10__OWM5M", "padding-x-11": "vars_padding-x-11__N2MyN", "padding-x-12": "vars_padding-x-12__ODk0M", "padding-y": "vars_padding-y__NGIyO", "padding-y-1": "vars_padding-y-1__YjY4Z", "padding-y-2": "vars_padding-y-2__MTc2Z", "padding-y-3": "vars_padding-y-3__ZTU2Y", "padding-y-4": "vars_padding-y-4__M2Y0N", "padding-y-5": "vars_padding-y-5__N2FiY", "padding-y-6": "vars_padding-y-6__NGFlY", "padding-y-7": "vars_padding-y-7__YjMzY", "padding-y-8": "vars_padding-y-8__MzI1M", "padding-y-9": "vars_padding-y-9__NjljO", "padding-y-10": "vars_padding-y-10__MDExZ", "padding-y-11": "vars_padding-y-11__NjYyY", "padding-y-12": "vars_padding-y-12__M2UxY", "padding-top-1": "vars_padding-top-1__NzE2Y", "padding-top-2": "vars_padding-top-2__YjBjM", "padding-top-3": "vars_padding-top-3__ZmJkO", "padding-top-4": "vars_padding-top-4__NWRiZ", "padding-top-5": "vars_padding-top-5__MTI2Y", "padding-top-6": "vars_padding-top-6__NzYyM", "padding-top-7": "vars_padding-top-7__ODJmN", "padding-top-8": "vars_padding-top-8__MWJlZ", "padding-top-9": "vars_padding-top-9__ZDI3Z", "padding-top-10": "vars_padding-top-10__ZTk5O", "padding-top-11": "vars_padding-top-11__MjFiM", "padding-top-12": "vars_padding-top-12__NWQzZ", "padding-bottom-1": "vars_padding-bottom-1__NDgxM", "padding-bottom-2": "vars_padding-bottom-2__Y2QyZ", "padding-bottom-3": "vars_padding-bottom-3__ZTAyY", "padding-bottom-4": "vars_padding-bottom-4__ZmEyZ", "padding-bottom-5": "vars_padding-bottom-5__ZmI4N", "padding-bottom-6": "vars_padding-bottom-6__YTM4N", "padding-bottom-7": "vars_padding-bottom-7__YmIzN", "padding-bottom-8": "vars_padding-bottom-8__NTI0M", "padding-bottom-9": "vars_padding-bottom-9__MzA5M", "padding-bottom-10": "vars_padding-bottom-10__YjU5Z", "padding-bottom-11": "vars_padding-bottom-11__MWQxZ", "padding-bottom-12": "vars_padding-bottom-12__M2U1Y", "padding-left-1": "vars_padding-left-1__YzVkY", "padding-left-2": "vars_padding-left-2__Njk5Z", "padding-left-3": "vars_padding-left-3__NjBlM", "padding-left-4": "vars_padding-left-4__YzQyY", "padding-left-5": "vars_padding-left-5__YzhkO", "padding-left-6": "vars_padding-left-6__MThiO", "padding-left-7": "vars_padding-left-7__OGYwY", "padding-left-8": "vars_padding-left-8__MmNhY", "padding-left-9": "vars_padding-left-9__ZGNhY", "padding-left-10": "vars_padding-left-10__MWY4N", "padding-left-11": "vars_padding-left-11__NWFmY", "padding-left-12": "vars_padding-left-12__MmIxO", "padding-right-1": "vars_padding-right-1__Y2Y4Z", "padding-right-2": "vars_padding-right-2__MmE4Y", "padding-right-3": "vars_padding-right-3__NTMzM", "padding-right-4": "vars_padding-right-4__YzI2Y", "padding-right-5": "vars_padding-right-5__MmQyY", "padding-right-6": "vars_padding-right-6__YjZhN", "padding-right-7": "vars_padding-right-7__ZjJmM", "padding-right-8": "vars_padding-right-8__MTc3M", "padding-right-9": "vars_padding-right-9__MzJkZ", "padding-right-10": "vars_padding-right-10__NDBjO", "padding-right-11": "vars_padding-right-11__MzM3Y", "padding-right-12": "vars_padding-right-12__MjZmM", "margin-1": "vars_margin-1__YTlkM", "margin-2": "vars_margin-2__MjIxZ", "margin-3": "vars_margin-3__N2JiM", "margin-4": "vars_margin-4__MzQzY", "margin-5": "vars_margin-5__YzQ5Y", "margin-6": "vars_margin-6__MDNjO", "margin-7": "vars_margin-7__ZGZkN", "margin-8": "vars_margin-8__YTFjY", "margin-9": "vars_margin-9__NmFmZ", "margin-10": "vars_margin-10__MGMzY", "margin-11": "vars_margin-11__NjY5Z", "margin-12": "vars_margin-12__Y2ZhO", "margin-x-1": "vars_margin-x-1__MTc3N", "margin-x-2": "vars_margin-x-2__NGE1Z", "margin-x-3": "vars_margin-x-3__MTFiO", "margin-x-4": "vars_margin-x-4__YjZkN", "margin-x-5": "vars_margin-x-5__YjRlM", "margin-x-6": "vars_margin-x-6__NDBjY", "margin-x-7": "vars_margin-x-7__OTQwN", "margin-x-8": "vars_margin-x-8__YWQzN", "margin-x-9": "vars_margin-x-9__Y2NiY", "margin-x-10": "vars_margin-x-10__ZjZkN", "margin-x-11": "vars_margin-x-11__ZDI4Y", "margin-x-12": "vars_margin-x-12__ODY0M", "margin-y-1": "vars_margin-y-1__OWE0N", "margin-y-2": "vars_margin-y-2__YmIyN", "margin-y-3": "vars_margin-y-3__MTFhM", "margin-y-4": "vars_margin-y-4__NGQzN", "margin-y-5": "vars_margin-y-5__NTNkN", "margin-y-6": "vars_margin-y-6__OWQ3Z", "margin-y-7": "vars_margin-y-7__MTg1Z", "margin-y-8": "vars_margin-y-8__MGNkO", "margin-y-9": "vars_margin-y-9__ZjljO", "margin-y-10": "vars_margin-y-10__NmJhN", "margin-y-11": "vars_margin-y-11__OWMyY", "margin-y-12": "vars_margin-y-12__MjNkZ", "margin-top-1": "vars_margin-top-1__MzE5M", "margin-top-2": "vars_margin-top-2__ZWNkN", "margin-top-3": "vars_margin-top-3__M2VhN", "margin-top-4": "vars_margin-top-4__NzhjN", "margin-top-5": "vars_margin-top-5__MGFlM", "margin-top-6": "vars_margin-top-6__MWUyN", "margin-top-7": "vars_margin-top-7__OWQ3N", "margin-top-8": "vars_margin-top-8__Y2NkZ", "margin-top-9": "vars_margin-top-9__YTI3O", "margin-top-10": "vars_margin-top-10__MzE2N", "margin-top-11": "vars_margin-top-11__YzQ4Y", "margin-top-12": "vars_margin-top-12__NmQ5M", "margin-bottom-1": "vars_margin-bottom-1__ZTQ0Z", "margin-bottom-2": "vars_margin-bottom-2__MzE1N", "margin-bottom-3": "vars_margin-bottom-3__ODNhZ", "margin-bottom-4": "vars_margin-bottom-4__NWNkO", "margin-bottom-5": "vars_margin-bottom-5__YTMwO", "margin-bottom-6": "vars_margin-bottom-6__MjdhM", "margin-bottom-7": "vars_margin-bottom-7__YWJmM", "margin-bottom-8": "vars_margin-bottom-8__ZDkyN", "margin-bottom-9": "vars_margin-bottom-9__OTU2N", "margin-bottom-10": "vars_margin-bottom-10__MjNlM", "margin-bottom-11": "vars_margin-bottom-11__YTUyZ", "margin-bottom-12": "vars_margin-bottom-12__OWQ2M", "margin-left-1": "vars_margin-left-1__YTc5Z", "margin-left-2": "vars_margin-left-2__ODRmN", "margin-left-3": "vars_margin-left-3__YzY3M", "margin-left-4": "vars_margin-left-4__ZjBkY", "margin-left-5": "vars_margin-left-5__YzA1N", "margin-left-6": "vars_margin-left-6__N2E5M", "margin-left-7": "vars_margin-left-7__NWI4N", "margin-left-8": "vars_margin-left-8__M2EwN", "margin-left-9": "vars_margin-left-9__ZjEzN", "margin-left-10": "vars_margin-left-10__MzVkM", "margin-left-11": "vars_margin-left-11__YzZiM", "margin-left-12": "vars_margin-left-12__ZGM5O", "margin-right-1": "vars_margin-right-1__NzU1Y", "margin-right-2": "vars_margin-right-2__MTY4Z", "margin-right-3": "vars_margin-right-3__YWFhZ", "margin-right-4": "vars_margin-right-4__YTMxY", "margin-right-5": "vars_margin-right-5__MDZkM", "margin-right-6": "vars_margin-right-6__MGIzO", "margin-right-7": "vars_margin-right-7__ODM0N", "margin-right-8": "vars_margin-right-8__YTAwY", "margin-right-9": "vars_margin-right-9__YzAxY", "margin-right-10": "vars_margin-right-10__Y2ZkO", "margin-right-11": "vars_margin-right-11__N2NiY", "margin-right-12": "vars_margin-right-12__OGYwY", "gap": "vars_gap__YmM1O", "gap-1": "vars_gap-1__ZGZkY", "gap-2": "vars_gap-2__MDAyM", "gap-3": "vars_gap-3__ODdiZ", "gap-4": "vars_gap-4__NTc2Y", "gap-5": "vars_gap-5__MGRhO", "gap-6": "vars_gap-6__OTY5N", "gap-7": "vars_gap-7__NWQwN", "gap-8": "vars_gap-8__YmVjY", "gap-9": "vars_gap-9__MThlZ", "gap-10": "vars_gap-10__ZjBmY", "gap-11": "vars_gap-11__ZDAyN", "gap-12": "vars_gap-12__MzVlY", "gap-x": "vars_gap-x__ZWUwN", "gap-x-1": "vars_gap-x-1__YTIxN", "gap-x-2": "vars_gap-x-2__MDk1O", "gap-x-3": "vars_gap-x-3__OGM2M", "gap-x-4": "vars_gap-x-4__OGEzZ", "gap-x-5": "vars_gap-x-5__ODhkM", "gap-x-6": "vars_gap-x-6__MDJkM", "gap-x-7": "vars_gap-x-7__MjUyN", "gap-x-8": "vars_gap-x-8__NTY2Z", "gap-x-9": "vars_gap-x-9__MTkxM", "gap-x-10": "vars_gap-x-10__YzIzY", "gap-x-11": "vars_gap-x-11__YTg5M", "gap-x-12": "vars_gap-x-12__Yjk3Z", "gap-y": "vars_gap-y__ZTYyO", "gap-y-1": "vars_gap-y-1__MzFiN", "gap-y-2": "vars_gap-y-2__NjIyN", "gap-y-3": "vars_gap-y-3__MWIxN", "gap-y-4": "vars_gap-y-4__OGVjO", "gap-y-5": "vars_gap-y-5__NTg5N", "gap-y-6": "vars_gap-y-6__OGNmO", "gap-y-7": "vars_gap-y-7__YThhZ", "gap-y-8": "vars_gap-y-8__YjViY", "gap-y-9": "vars_gap-y-9__ZTNiN", "gap-y-10": "vars_gap-y-10__YTI0N", "gap-y-11": "vars_gap-y-11__ODcxN", "gap-y-12": "vars_gap-y-12__OGEwY", "flex-direction-row": "vars_flex-direction-row__MTk4M", "flex-direction-row-reverse": "vars_flex-direction-row-reverse__MWM0M", "flex-direction-column": "vars_flex-direction-column__YzA3N", "flex-direction-column-reverse": "vars_flex-direction-column-reverse__MTU0Z", "flex-wrap-wrap": "vars_flex-wrap-wrap__ZDU3Z", "flex-wrap-nowrap": "vars_flex-wrap-nowrap__ZmI4O", "flex-wrap-wrap-reverse": "vars_flex-wrap-wrap-reverse__MmJhY", "justify-content-center": "vars_justify-content-center__ZmVhO", "justify-content-start": "vars_justify-content-start__YmU0M", "justify-content-end": "vars_justify-content-end__MTQwM", "justify-content-flex-start": "vars_justify-content-flex-start__MWFhN", "justify-content-flex-end": "vars_justify-content-flex-end__ZTgyO", "justify-content-left": "vars_justify-content-left__OTBhY", "justify-content-right": "vars_justify-content-right__MTQ1Z", "justify-content-space-between": "vars_justify-content-space-between__YWM5Y", "justify-content-space-around": "vars_justify-content-space-around__OGY0N", "justify-content-space-evenly": "vars_justify-content-space-evenly__NDAyO", "justify-content-stretch": "vars_justify-content-stretch__ZDcyZ", "justify-items-stretch": "vars_justify-items-stretch__YmRkM", "justify-items-center": "vars_justify-items-center__ZmFjY", "justify-items-start": "vars_justify-items-start__OWFiN", "justify-items-end": "vars_justify-items-end__ODQ5Z", "justify-items-flex-start": "vars_justify-items-flex-start__NjYzN", "justify-items-flex-end": "vars_justify-items-flex-end__MTdkY", "justify-items-self-start": "vars_justify-items-self-start__NWY3O", "justify-items-self-end": "vars_justify-items-self-end__YTk5N", "justify-items-left": "vars_justify-items-left__MjBmN", "justify-items-right": "vars_justify-items-right__YmY3N", "justify-items-baseline": "vars_justify-items-baseline__ZjU5Y", "align-content-center": "vars_align-content-center__ZGQ2Z", "align-content-start": "vars_align-content-start__ZjA0O", "align-content-end": "vars_align-content-end__YmZiM", "align-content-flex-start": "vars_align-content-flex-start__ZGIzY", "align-content-flex-end": "vars_align-content-flex-end__YTQwM", "align-content-baseline": "vars_align-content-baseline__MjhlZ", "align-content-space-between": "vars_align-content-space-between__MTc5M", "align-content-space-around": "vars_align-content-space-around__ZTUzN", "align-content-space-evenly": "vars_align-content-space-evenly__MWM3N", "align-content-stretch": "vars_align-content-stretch__OGM0Z", "align-items-center": "vars_align-items-center__NWZlY", "align-items-start": "vars_align-items-start__MDVkM", "align-items-end": "vars_align-items-end__YjkxZ", "align-items-flex-start": "vars_align-items-flex-start__NWVlN", "align-items-flex-end": "vars_align-items-flex-end__M2Y0Y", "align-items-self-start": "vars_align-items-self-start__MzM3N", "align-items-self-end": "vars_align-items-self-end__MzhiN", "align-items-stretch": "vars_align-items-stretch__NDkzN", "align-items-baseline": "vars_align-items-baseline__NzE2N", "align-self-center": "vars_align-self-center__NTNlY", "align-self-start": "vars_align-self-start__NmI4Z", "align-self-end": "vars_align-self-end__OWU1N", "align-self-self-start": "vars_align-self-self-start__NTRkM", "align-self-self-end": "vars_align-self-self-end__MmRmM", "align-self-flex-start": "vars_align-self-flex-start__OWEyN", "align-self-flex-end": "vars_align-self-flex-end__ZmY2Z", "align-self-baseline": "vars_align-self-baseline__NDExO", "align-self-stretch": "vars_align-self-stretch__MDg2Y", "justify-self-center": "vars_justify-self-center__YTMxY", "justify-self-start": "vars_justify-self-start__OTBmY", "justify-self-end": "vars_justify-self-end__MGM1Z", "justify-self-self-start": "vars_justify-self-self-start__MjlmZ", "justify-self-self-end": "vars_justify-self-self-end__YWU2Y", "justify-self-baseline": "vars_justify-self-baseline__YTg5O", "justify-self-stretch": "vars_justify-self-stretch__OTExN", "grid-auto-flow-row": "vars_grid-auto-flow-row__ZDhlM", "grid-auto-flow-column": "vars_grid-auto-flow-column__NmMxM", "grid-auto-flow-row-dense": "vars_grid-auto-flow-row-dense__NDZlN", "grid-auto-flow-column-dense": "vars_grid-auto-flow-column-dense__MmFjN", "overflow-visible": "vars_overflow-visible__YTg2Y", "overflow-hidden": "vars_overflow-hidden__Njc1N", "overflow-clip": "vars_overflow-clip__N2E1N", "overflow-scroll": "vars_overflow-scroll__ZTE5Z", "overflow-auto": "vars_overflow-auto__NWNkM", "overflow-x-visible": "vars_overflow-x-visible__NTNlN", "overflow-x-hidden": "vars_overflow-x-hidden__MjA4N", "overflow-x-clip": "vars_overflow-x-clip__Y2U4M", "overflow-x-scroll": "vars_overflow-x-scroll__YTY3M", "overflow-x-auto": "vars_overflow-x-auto__NTlmN", "overflow-y-visible": "vars_overflow-y-visible__MGYzY", "overflow-y-hidden": "vars_overflow-y-hidden__OTAxY", "overflow-y-clip": "vars_overflow-y-clip__NDBmZ", "overflow-y-scroll": "vars_overflow-y-scroll__ZTljZ", "overflow-y-auto": "vars_overflow-y-auto__NjVkZ", "text-transform-capitalize": "vars_text-transform-capitalize__Mjk3M", "text-transform-uppercase": "vars_text-transform-uppercase__ZmViM", "text-transform-lowercase": "vars_text-transform-lowercase__Zjg4N", "text-transform-none": "vars_text-transform-none__MTgyN", "display-xs": "vars_display-xs__Mzk2Z", "position-xs": "vars_position-xs__ODQzY", "font-size-xs": "vars_font-size-xs__YmFlZ", "font-weight-xs": "vars_font-weight-xs__ZDE5Z", "heading-size-xs": "vars_heading-size-xs__ZGNmM", "border-size-xs": "vars_border-size-xs__YjRjY", "border-radius-xs": "vars_border-radius-xs__YTk3Z", "shadow-xs": "vars_shadow-xs__NDQ0M", "font-color-xs": "vars_font-color-xs__NjVjY", "background-color-xs": "vars_background-color-xs__MWIzN", "align-xs": "vars_align-xs__YTZmM", "letter-spacing-xs": "vars_letter-spacing-xs__NzM4M", "padding-xs": "vars_padding-xs__ZTI1M", "padding-x-xs": "vars_padding-x-xs__NDcxY", "padding-y-xs": "vars_padding-y-xs__ZmZmO", "padding-top-xs": "vars_padding-top-xs__YWNlZ", "padding-right-xs": "vars_padding-right-xs__ZjAyY", "padding-bottom-xs": "vars_padding-bottom-xs__N2IwM", "padding-left-xs": "vars_padding-left-xs__MDBmM", "margin-xs": "vars_margin-xs__MzZjY", "margin-x-xs": "vars_margin-x-xs__ZjQ3M", "margin-y-xs": "vars_margin-y-xs__NGNiM", "margin-top-xs": "vars_margin-top-xs__ODU1O", "margin-right-xs": "vars_margin-right-xs__NTc2Y", "margin-bottom-xs": "vars_margin-bottom-xs__MjQ3N", "margin-left-xs": "vars_margin-left-xs__MGIxM", "gap-xs": "vars_gap-xs__NjBlN", "gap-x-xs": "vars_gap-x-xs__M2I0Z", "gap-y-xs": "vars_gap-y-xs__OWVhN", "height-xs": "vars_height-xs__NTFmM", "width-xs": "vars_width-xs__YzA5M", "min-height-xs": "vars_min-height-xs__NjRmY", "min-width-xs": "vars_min-width-xs__YjczM", "max-height-xs": "vars_max-height-xs__MmJiY", "flex-direction-xs": "vars_flex-direction-xs__OWNiY", "flex-wrap-xs": "vars_flex-wrap-xs__NWQ5Y", "justify-content-xs": "vars_justify-content-xs__MGE5O", "justify-items-xs": "vars_justify-items-xs__MjI3N", "justify-self-xs": "vars_justify-self-xs__ODAyZ", "align-content-xs": "vars_align-content-xs__YTMwN", "align-items-xs": "vars_align-items-xs__OTMzY", "align-self-xs": "vars_align-self-xs__NjRmY", "grid-template-rows-xs": "vars_grid-template-rows-xs__NzRmY", "grid-template-columns-xs": "vars_grid-template-columns-xs__ZjM4O", "flex-basis-xs": "vars_flex-basis-xs__NzgzO", "flex-grow-xs": "vars_flex-grow-xs__NWRmZ", "flex-shrink-xs": "vars_flex-shrink-xs__NWY5N", "overflow-xs": "vars_overflow-xs__NzJiN", "overflow-x-xs": "vars_overflow-x-xs__NDNhN", "overflow-y-xs": "vars_overflow-y-xs__YjAyN", "order-xs": "vars_order-xs__YTRlM", "display-sm": "vars_display-sm__ODc2M", "position-sm": "vars_position-sm__OGNiY", "font-size-sm": "vars_font-size-sm__Zjc1Y", "font-weight-sm": "vars_font-weight-sm__NjkxO", "heading-size-sm": "vars_heading-size-sm__MzY0O", "border-size-sm": "vars_border-size-sm__ZTc5N", "border-radius-sm": "vars_border-radius-sm__NjUwO", "shadow-sm": "vars_shadow-sm__YTVhN", "font-color-sm": "vars_font-color-sm__MDdmM", "background-color-sm": "vars_background-color-sm__N2VlY", "align-sm": "vars_align-sm__YTBlZ", "letter-spacing-sm": "vars_letter-spacing-sm__YWVhM", "padding-sm": "vars_padding-sm__MmUwY", "padding-x-sm": "vars_padding-x-sm__NmVjO", "padding-y-sm": "vars_padding-y-sm__MTg2Z", "padding-top-sm": "vars_padding-top-sm__ZjA1M", "padding-right-sm": "vars_padding-right-sm__NTIwZ", "padding-bottom-sm": "vars_padding-bottom-sm__N2Q2O", "padding-left-sm": "vars_padding-left-sm__ZTM2O", "margin-sm": "vars_margin-sm__NzAzM", "margin-x-sm": "vars_margin-x-sm__MTlmN", "margin-y-sm": "vars_margin-y-sm__NjljN", "margin-top-sm": "vars_margin-top-sm__OGNkZ", "margin-right-sm": "vars_margin-right-sm__OWRjY", "margin-bottom-sm": "vars_margin-bottom-sm__MWEzY", "margin-left-sm": "vars_margin-left-sm__OGU4Z", "gap-sm": "vars_gap-sm__YTZjO", "gap-x-sm": "vars_gap-x-sm__ZWM1N", "gap-y-sm": "vars_gap-y-sm__YWJkY", "height-sm": "vars_height-sm__ZjAyM", "width-sm": "vars_width-sm__YzQyN", "min-height-sm": "vars_min-height-sm__M2I2Y", "min-width-sm": "vars_min-width-sm__MTA4M", "max-height-sm": "vars_max-height-sm__NDhmZ", "flex-direction-sm": "vars_flex-direction-sm__ZjhiY", "flex-wrap-sm": "vars_flex-wrap-sm__ZjhmY", "justify-content-sm": "vars_justify-content-sm__NGVmO", "justify-items-sm": "vars_justify-items-sm__NTE2N", "justify-self-sm": "vars_justify-self-sm__MmEwO", "align-content-sm": "vars_align-content-sm__NTRmM", "align-items-sm": "vars_align-items-sm__NGI5Y", "align-self-sm": "vars_align-self-sm__OWExM", "grid-template-rows-sm": "vars_grid-template-rows-sm__MTE5M", "grid-template-columns-sm": "vars_grid-template-columns-sm__Y2IyZ", "flex-basis-sm": "vars_flex-basis-sm__Yzc4Y", "flex-grow-sm": "vars_flex-grow-sm__ZjM4Z", "flex-shrink-sm": "vars_flex-shrink-sm__ZGEzN", "overflow-sm": "vars_overflow-sm__Njc2Z", "overflow-x-sm": "vars_overflow-x-sm__MTE2Y", "overflow-y-sm": "vars_overflow-y-sm__ZDBkY", "order-sm": "vars_order-sm__YTUzO", "display-md": "vars_display-md__Yjc3N", "position-md": "vars_position-md__NDdhO", "font-size-md": "vars_font-size-md__MzFjM", "font-weight-md": "vars_font-weight-md__MGM5N", "heading-size-md": "vars_heading-size-md__ZmNhM", "border-size-md": "vars_border-size-md__MDZhN", "border-radius-md": "vars_border-radius-md__NTg4Z", "shadow-md": "vars_shadow-md__N2Q2N", "font-color-md": "vars_font-color-md__MjViN", "background-color-md": "vars_background-color-md__NjJmY", "align-md": "vars_align-md__NjZlN", "letter-spacing-md": "vars_letter-spacing-md__ZjBlM", "padding-md": "vars_padding-md__OGZmN", "padding-x-md": "vars_padding-x-md__M2EwM", "padding-y-md": "vars_padding-y-md__N2JhZ", "padding-top-md": "vars_padding-top-md__YWJmM", "padding-right-md": "vars_padding-right-md__Nzk2M", "padding-bottom-md": "vars_padding-bottom-md__Y2Y2N", "padding-left-md": "vars_padding-left-md__N2NlZ", "margin-md": "vars_margin-md__MmZjO", "margin-x-md": "vars_margin-x-md__MzZjZ", "margin-y-md": "vars_margin-y-md__OWI5M", "margin-top-md": "vars_margin-top-md__YTg5Y", "margin-right-md": "vars_margin-right-md__MjA1Z", "margin-bottom-md": "vars_margin-bottom-md__OGEyO", "margin-left-md": "vars_margin-left-md__NDk4Y", "gap-md": "vars_gap-md__NTE3M", "gap-x-md": "vars_gap-x-md__Y2Q1O", "gap-y-md": "vars_gap-y-md__NWE2O", "height-md": "vars_height-md__Mjc4Y", "width-md": "vars_width-md__ZjYwZ", "min-height-md": "vars_min-height-md__NTY5N", "min-width-md": "vars_min-width-md__MDAwO", "max-height-md": "vars_max-height-md__ZjFkZ", "flex-direction-md": "vars_flex-direction-md__ZTg4N", "flex-wrap-md": "vars_flex-wrap-md__NTA4Z", "justify-content-md": "vars_justify-content-md__NTFlY", "justify-items-md": "vars_justify-items-md__MzkyY", "justify-self-md": "vars_justify-self-md__M2RjN", "align-content-md": "vars_align-content-md__NDVlM", "align-items-md": "vars_align-items-md__NWIyN", "align-self-md": "vars_align-self-md__YmJjY", "grid-template-rows-md": "vars_grid-template-rows-md__NTBiY", "grid-template-columns-md": "vars_grid-template-columns-md__YzQ1N", "flex-basis-md": "vars_flex-basis-md__ZGQzM", "flex-grow-md": "vars_flex-grow-md__NjAyM", "flex-shrink-md": "vars_flex-shrink-md__ZmMxM", "overflow-md": "vars_overflow-md__YWExY", "overflow-x-md": "vars_overflow-x-md__NjdkZ", "overflow-y-md": "vars_overflow-y-md__NzYyM", "order-md": "vars_order-md__MDQ0N", "display-lg": "vars_display-lg__Y2VkZ", "position-lg": "vars_position-lg__ODY0M", "font-size-lg": "vars_font-size-lg__MDVmN", "font-weight-lg": "vars_font-weight-lg__YjI4M", "heading-size-lg": "vars_heading-size-lg__YTg5Y", "border-size-lg": "vars_border-size-lg__YjhmM", "border-radius-lg": "vars_border-radius-lg__ODQzO", "shadow-lg": "vars_shadow-lg__M2MwZ", "font-color-lg": "vars_font-color-lg__MWQyZ", "background-color-lg": "vars_background-color-lg__MDJiY", "align-lg": "vars_align-lg__M2U4Z", "letter-spacing-lg": "vars_letter-spacing-lg__ZTE1N", "padding-lg": "vars_padding-lg__YzQ1Y", "padding-x-lg": "vars_padding-x-lg__ZmFkM", "padding-y-lg": "vars_padding-y-lg__MmI4Y", "padding-top-lg": "vars_padding-top-lg__YjY5N", "padding-right-lg": "vars_padding-right-lg__OWQyO", "padding-bottom-lg": "vars_padding-bottom-lg__ZDgwZ", "padding-left-lg": "vars_padding-left-lg__YmJkY", "margin-lg": "vars_margin-lg__NzQwZ", "margin-x-lg": "vars_margin-x-lg__Yjg0M", "margin-y-lg": "vars_margin-y-lg__MzA2M", "margin-top-lg": "vars_margin-top-lg__MWM3M", "margin-right-lg": "vars_margin-right-lg__ODVmN", "margin-bottom-lg": "vars_margin-bottom-lg__MDQ3Z", "margin-left-lg": "vars_margin-left-lg__ZmFlZ", "gap-lg": "vars_gap-lg__ZjNkO", "gap-x-lg": "vars_gap-x-lg__NzBlZ", "gap-y-lg": "vars_gap-y-lg__Yzg2M", "height-lg": "vars_height-lg__OTVkZ", "width-lg": "vars_width-lg__NzZhY", "min-height-lg": "vars_min-height-lg__MmFkO", "min-width-lg": "vars_min-width-lg__MjU1M", "max-height-lg": "vars_max-height-lg__MDMxO", "flex-direction-lg": "vars_flex-direction-lg__MTA4Z", "flex-wrap-lg": "vars_flex-wrap-lg__MzU1N", "justify-content-lg": "vars_justify-content-lg__NmIyN", "justify-items-lg": "vars_justify-items-lg__ZTk3M", "justify-self-lg": "vars_justify-self-lg__NWE1N", "align-content-lg": "vars_align-content-lg__MDRiM", "align-items-lg": "vars_align-items-lg__ZjIzY", "align-self-lg": "vars_align-self-lg__ZTdhZ", "grid-template-rows-lg": "vars_grid-template-rows-lg__N2U5M", "grid-template-columns-lg": "vars_grid-template-columns-lg__MTE0N", "flex-basis-lg": "vars_flex-basis-lg__NjEzM", "flex-grow-lg": "vars_flex-grow-lg__OGMxZ", "flex-shrink-lg": "vars_flex-shrink-lg__MjNhM", "overflow-lg": "vars_overflow-lg__MmMyN", "overflow-x-lg": "vars_overflow-x-lg__YzJjZ", "overflow-y-lg": "vars_overflow-y-lg__NTg1O", "order-lg": "vars_order-lg__MTgzN", "display-xl": "vars_display-xl__NTdiN", "position-xl": "vars_position-xl__MWE5Y", "font-size-xl": "vars_font-size-xl__MDkyN", "font-weight-xl": "vars_font-weight-xl__Y2FiZ", "heading-size-xl": "vars_heading-size-xl__YzRjY", "border-size-xl": "vars_border-size-xl__ODZhM", "border-radius-xl": "vars_border-radius-xl__ZDFlN", "shadow-xl": "vars_shadow-xl__NGMwM", "font-color-xl": "vars_font-color-xl__MmNmN", "background-color-xl": "vars_background-color-xl__MTkwN", "align-xl": "vars_align-xl__YzhlZ", "letter-spacing-xl": "vars_letter-spacing-xl__YzI2Y", "padding-xl": "vars_padding-xl__YzE2Y", "padding-x-xl": "vars_padding-x-xl__MjU4M", "padding-y-xl": "vars_padding-y-xl__NzUxN", "padding-top-xl": "vars_padding-top-xl__MTcyO", "padding-right-xl": "vars_padding-right-xl__YmViN", "padding-bottom-xl": "vars_padding-bottom-xl__YWFlN", "padding-left-xl": "vars_padding-left-xl__MjRlM", "margin-xl": "vars_margin-xl__NjEwO", "margin-x-xl": "vars_margin-x-xl__ZmFjM", "margin-y-xl": "vars_margin-y-xl__YzE2M", "margin-top-xl": "vars_margin-top-xl__MTQ0Z", "margin-right-xl": "vars_margin-right-xl__NmIyM", "margin-bottom-xl": "vars_margin-bottom-xl__YjJkO", "margin-left-xl": "vars_margin-left-xl__NDU4Z", "gap-xl": "vars_gap-xl__YTk4N", "gap-x-xl": "vars_gap-x-xl__MTk3N", "gap-y-xl": "vars_gap-y-xl__NTQ3N", "height-xl": "vars_height-xl__NzkyY", "width-xl": "vars_width-xl__ODZjO", "min-height-xl": "vars_min-height-xl__ODNmZ", "min-width-xl": "vars_min-width-xl__N2I0Z", "max-height-xl": "vars_max-height-xl__YmM4Y", "flex-direction-xl": "vars_flex-direction-xl__MTc4M", "flex-wrap-xl": "vars_flex-wrap-xl__ZmI5N", "justify-content-xl": "vars_justify-content-xl__NGU1Y", "justify-items-xl": "vars_justify-items-xl__OGI3Y", "justify-self-xl": "vars_justify-self-xl__YjMwN", "align-content-xl": "vars_align-content-xl__MzM5Z", "align-items-xl": "vars_align-items-xl__Mzg5O", "align-self-xl": "vars_align-self-xl__NDVkZ", "grid-template-rows-xl": "vars_grid-template-rows-xl__Nzk3O", "grid-template-columns-xl": "vars_grid-template-columns-xl__YmExY", "flex-basis-xl": "vars_flex-basis-xl__YTVjM", "flex-grow-xl": "vars_flex-grow-xl__MzA2N", "flex-shrink-xl": "vars_flex-shrink-xl__NmZhM", "overflow-xl": "vars_overflow-xl__NzUxM", "overflow-x-xl": "vars_overflow-x-xl__YmI3N", "overflow-y-xl": "vars_overflow-y-xl__NDJiN", "order-xl": "vars_order-xl__Nzk3M" };
-
-// src/components/hooks/useDesignProps.ts
-var cssMap = {
-  display: "display",
-  position: "position",
-  fontSize: "font-size",
-  fontWeight: "font-weight",
-  textAlign: "text-align",
-  textWrap: "text-wrap",
-  letterSpacing: "letter-spacing",
-  headingSize: "heading-size",
-  color: "font-color",
-  backgroundColor: "background-color",
-  hoverColor: "hover-color",
-  hoverBackgroundColor: "hover-background-color",
-  hoverBorderColor: "hover-border-color",
-  border: "border",
-  borderColor: "border-color",
-  borderRadius: "border-radius",
-  shadow: "shadow",
-  padding: "padding",
-  paddingX: "padding-x",
-  paddingY: "padding-y",
-  paddingTop: "padding-top",
-  paddingRight: "padding-right",
-  paddingBottom: "padding-bottom",
-  paddingLeft: "padding-left",
-  margin: "margin",
-  marginX: "margin-x",
-  marginY: "margin-y",
-  marginTop: "margin-top",
-  marginRight: "margin-right",
-  marginBottom: "margin-bottom",
-  marginLeft: "margin-left",
-  overflow: "overflow",
-  overflowX: "overflow-x",
-  overflowY: "overflow-y",
-  width: "width",
-  height: "height",
-  minHeight: "min-height",
-  maxHeight: "max-height",
-  minWidth: "min-width",
-  maxWidth: "max-width",
-  gap: "gap",
-  gapX: "gap-x",
-  gapY: "gap-y",
-  flexDirection: "flex-direction",
-  flexWrap: "flex-wrap",
-  justifyContent: "justify-content",
-  justifyItems: "justify-items",
-  alignContent: "align-content",
-  alignItems: "align-items",
-  alignSelf: "align-self",
-  flexBasis: "flex-basis",
-  flexGrow: "flex-grow",
-  flexShrink: "flex-shrink",
-  gridTemplateRows: "grid-template-rows",
-  gridTemplateColumns: "grid-template-columns",
-  gridTemplateAreas: "grid-template-areas",
-  gridAutoRows: "grid-auto-rows",
-  gridAutoColumns: "grid-auto-columns",
-  gridAutoFlow: "grid-auto-flow",
-  gridArea: "grid-area",
-  gridRow: "grid-row",
-  gridColumn: "grid-column",
-  top: "top",
-  right: "right",
-  bottom: "bottom",
-  left: "left",
-  order: "order",
-  textTransform: "text-transform"
-};
-var aliasMap = {
-  gap: "spacing",
-  "gap-x": "spacing",
-  "gap-y": "spacing"
-};
-var excludedProps = [
-  "width",
-  "height",
-  "minWidth",
-  "maxWidth",
-  "minHeight",
-  "maxHeight",
-  "gridTemplateRows",
-  "gridTemplateColumns",
-  "gridTemplateAreas",
-  "gridAutoRows",
-  "gridAutoColumns",
-  "gridArea",
-  "gridRow",
-  "gridColumn",
-  "flexBasis",
-  "flexGrow",
-  "flexShrink",
-  "gridArea",
-  "gridRow",
-  "gridColumn",
-  "order"
-];
-function parseValue(name, value) {
-  if (/^\d+$/.test(value)) {
-    return `var(--${aliasMap[name] || name}-${value})`;
-  }
-  return value;
-}
-function useDesignProps(props) {
-  const classes = [];
-  const styleProps = {};
-  Object.keys(props).forEach((key) => {
-    const name = cssMap[key];
-    const value = props[key];
-    if (value) {
-      if (typeof value === "boolean") {
-        classes.push(vars_default[name]);
-      } else if (typeof value === "string" || typeof value === "number") {
-        if (excludedProps.includes(key) || /var\(.*\)/.test(value.toString())) {
-          styleProps[key] = value;
-        } else {
-          classes.push(vars_default[`${name}-${value}`]);
-        }
-      } else if (typeof value === "object") {
-        Object.keys(value).forEach((breakpoint2) => {
-          const className = `${name}-${breakpoint2}`;
-          if (vars_default[className]) {
-            classes.push(vars_default[className]);
-            styleProps[`--${className}`] = parseValue(name, value[breakpoint2]);
-          } else {
-            styleProps[`--${className}`] = value;
-          }
-        });
-        classes.push(vars_default[name]);
-        const breakpoint = Breakpoints.find((breakpoint2) => vars_default[`${name}-${breakpoint2}`]);
-        styleProps[`--${name}`] = breakpoint ? parseValue(name, value[breakpoint]) : value;
-      }
-    }
-  });
-  return [classes, styleProps];
-}
-
 // src/components/Box.tsx
 var import_classnames3 = __toESM(require_classnames());
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -30172,21 +30179,38 @@ import { Children as Children2, createElement as createElement5 } from "react";
 var import_classnames23 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
-var Table_default = { "table": "Table_table__YWNjZ", "header": "Table_header__NDRkN", "body": "Table_body__MTcyZ", "row": "Table_row__MDBjM", "column": "Table_column__YmI1M", "cell": "Table_cell__Y2ZiM", "start": "Table_start__NjIyN", "center": "Table_center__NGM2N", "end": "Table_end__MDhhO" };
+var Table_default = { "table": "Table_table__MjczZ", "header": "Table_header__YjU3M", "body": "Table_body__MzgxM", "row": "Table_row__MTdmZ", "column": "Table_column__ZDFlM", "cell": "Table_cell__NzhiM", "start": "Table_start__ODJiN", "center": "Table_center__MTI5M", "end": "Table_end__MjE3N" };
 
 // src/components/Table.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
+var gridTemplateColumns = "repeat(auto-fit, minmax(140px, 1fr))";
 function Table2({ children, className, ...props }) {
   return /* @__PURE__ */ jsx32($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames23.default)(Table_default.table, className), "aria-label": "Table", children });
 }
-function TableHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx32($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames23.default)(Table_default.header, className), children });
+function TableHeader({ children, className, style, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    $1910c06f0ca9905e$export$f850895b287ef28e,
+    {
+      ...props,
+      className: (0, import_classnames23.default)(Table_default.header, className),
+      style: { gridTemplateColumns, ...style },
+      children
+    }
+  );
 }
 function TableBody({ children, className, ...props }) {
   return /* @__PURE__ */ jsx32($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames23.default)(Table_default.body, className), children });
 }
-function TableRow({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx32($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames23.default)(Table_default.row, className), children });
+function TableRow({ children, className, style, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    $1910c06f0ca9905e$export$b59bdbef9ce70de2,
+    {
+      ...props,
+      className: (0, import_classnames23.default)(Table_default.row, className),
+      style: { gridTemplateColumns, ...style },
+      children
+    }
+  );
 }
 function TableColumn({ children, className, align, ...props }) {
   return /* @__PURE__ */ jsx32(
@@ -30214,15 +30238,16 @@ function DataTable({ data = [], className, children, ...props }) {
   const columns = Children2.map(children, (child) => {
     return { ...child.props };
   });
+  const gridTemplateColumns2 = columns.map(({ width }) => width || "1fr").join(" ");
   return /* @__PURE__ */ jsxs16(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ jsx33(TableHeader, { children: columns.filter((n) => n).map(({ id, label, as, hidden, ...columnProps }) => {
+    /* @__PURE__ */ jsx33(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ createElement6(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
     /* @__PURE__ */ jsx33(TableBody, { items, children: (row) => {
-      return /* @__PURE__ */ jsx33(TableRow, { children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+      return /* @__PURE__ */ jsx33(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
         return /* @__PURE__ */ createElement6(
           TableCell,
@@ -30913,6 +30938,7 @@ var Select2 = forwardRef9(
   ({
     items = [],
     value,
+    defaultValue,
     label,
     isLoading,
     allowSearch,
@@ -30938,35 +30964,46 @@ var Select2 = forwardRef9(
       setSearch(value2);
       onSearch?.(value2);
     };
-    return /* @__PURE__ */ jsxs30($82d7e5349645de74$export$ef9b1a59e592288f, { "aria-label": "Select", ...props, ref, onSelectionChange: handleChange, children: [
-      label && /* @__PURE__ */ jsx53(Label2, { children: label }),
-      /* @__PURE__ */ jsx53(Button2, { variant: "outline", ...buttonProps, children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
-        /* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-        /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ jsx53(Icons.Chevron, {}) }) })
-      ] }) }),
-      /* @__PURE__ */ jsx53(Popover2, { ...popoverProps, children: /* @__PURE__ */ jsx53(Column, { children: /* @__PURE__ */ jsxs30(Box, { padding: "2", border: true, borderRadius: true, backgroundColor: true, shadow: "3", children: [
-        allowSearch && /* @__PURE__ */ jsx53(Box, { marginBottom: "2", children: /* @__PURE__ */ jsx53(
-          SearchField2,
-          {
-            value: search,
-            onSearch: handleSearch,
-            delay: searchDelay,
-            defaultValue: searchValue,
-            autoFocus: true
-          }
-        ) }),
-        isLoading && /* @__PURE__ */ jsx53(Loading, { icon: "dots", position: "center", size: "sm" }),
-        /* @__PURE__ */ jsx53(
-          List,
-          {
-            ...listProps,
-            items,
-            style: { ...listProps?.style, display: isLoading ? "none" : void 0 },
-            children
-          }
-        )
-      ] }) }) })
-    ] });
+    return /* @__PURE__ */ jsxs30(
+      $82d7e5349645de74$export$ef9b1a59e592288f,
+      {
+        "aria-label": "Select",
+        ...props,
+        ref,
+        selectedKey: value,
+        defaultSelectedKey: defaultValue,
+        onSelectionChange: handleChange,
+        children: [
+          label && /* @__PURE__ */ jsx53(Label2, { children: label }),
+          /* @__PURE__ */ jsx53(Button2, { variant: "outline", ...buttonProps, children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
+            /* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
+            /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ jsx53(Icons.Chevron, {}) }) })
+          ] }) }),
+          /* @__PURE__ */ jsx53(Popover2, { ...popoverProps, children: /* @__PURE__ */ jsx53(Column, { children: /* @__PURE__ */ jsxs30(Box, { padding: "2", border: true, borderRadius: true, backgroundColor: true, shadow: "3", children: [
+            allowSearch && /* @__PURE__ */ jsx53(Box, { marginBottom: "2", children: /* @__PURE__ */ jsx53(
+              SearchField2,
+              {
+                value: search,
+                onSearch: handleSearch,
+                delay: searchDelay,
+                defaultValue: searchValue,
+                autoFocus: true
+              }
+            ) }),
+            isLoading && /* @__PURE__ */ jsx53(Loading, { icon: "dots", position: "center", size: "sm" }),
+            /* @__PURE__ */ jsx53(
+              List,
+              {
+                ...listProps,
+                items,
+                style: { ...listProps?.style, display: isLoading ? "none" : void 0 },
+                children
+              }
+            )
+          ] }) }) })
+        ]
+      }
+    );
   }
 );