quirk-ui 0.0.142 → 0.0.144

package/dist/assets/index.css

@@ -1 +1 @@
-:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family-sans: -apple-system;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
+:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-rgb: 37, 99, 235;--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family-sans: -apple-system;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}

package/dist/assets/index14.css

@@ -1 +1 @@
-._callToAction_11phy_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_11phy_1{width:100%}}._callToAction_11phy_1:focus,._callToAction_11phy_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_11phy_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._blurred_11phy_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_11phy_32 ._content_11phy_36{background-color:#2563ebd9;color:#fff}._blurredInverted_11phy_42{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_11phy_42 ._content_11phy_36{background-color:#ffffff80;color:var(--color-primary)}._primary_11phy_52{background-color:var(--color-primary);color:#fff}._primary_11phy_52:hover{background-color:var(--color-secondary);color:#fff}._primaryInverted_11phy_62{border-color:#fff;background-color:#fff;color:var(--color-primary)}._primaryInverted_11phy_62:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-primary)}._secondary_11phy_74{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._secondary_11phy_74:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._secondaryInverted_11phy_87{background-color:transparent;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_11phy_87:hover{border-color:#fff;background-color:#fff;color:var(--color-primary)}._link_11phy_100{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_11phy_109{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_11phy_118{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_11phy_127{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_11phy_136{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_11phy_145{display:inline-flex}._content_11phy_36{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}._iconLeft_11phy_160{flex-direction:row-reverse}._iconRight_11phy_164{flex-direction:row}
+._callToAction_5y8vw_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_5y8vw_1{width:100%}}._callToAction_5y8vw_1:focus,._callToAction_5y8vw_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_5y8vw_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._blurred_5y8vw_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_5y8vw_32 ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._blurred_5y8vw_32:hover ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1)}._blurredInverted_5y8vw_48{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_5y8vw_48 ._content_5y8vw_36{background-color:#ffffff26;color:var(--color-primary)}._blurredInverted_5y8vw_48:hover ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_5y8vw_65{background-color:var(--color-primary);color:#fff}._primary_5y8vw_65:hover{background-color:var(--color-secondary);color:#fff}._primaryInverted_5y8vw_75{border-color:#fff;background-color:#fff;color:var(--color-primary)}._primaryInverted_5y8vw_75:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-primary)}._secondary_5y8vw_87{background-color:transparent;border-color:var(--color-primary);border-width:2px;border-style:solid;color:var(--color-primary)}._secondary_5y8vw_87:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._secondaryInverted_5y8vw_101{background-color:transparent;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_5y8vw_101:hover{border-color:#fff;background-color:#fff;color:var(--color-primary)}._link_5y8vw_114{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_5y8vw_123{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_5y8vw_132{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_5y8vw_141{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_5y8vw_150{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_5y8vw_159{display:inline-flex}._content_5y8vw_36{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_5y8vw_175{flex-direction:row-reverse}._iconRight_5y8vw_179{flex-direction:row}

package/dist/assets/index2.css

@@ -1 +1 @@
-:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}
+:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-rgb: 37, 99, 235;--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}

package/dist/assets/index46.css

@@ -1 +1 @@
-:root{--nav-height: 65px}._navbar_1c696_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1c696_19{position:fixed;top:0;left:0;right:0;background-color:transparent}._transparent_1c696_19 ._nav_1c696_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1c696_19 ._nav_1c696_5 ._sublinks_1c696_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}._left_1c696_50 ._container_1c696_51{justify-content:flex-start}._left_1c696_50 ._logo_1c696_26{flex:unset}._left_1c696_50 ._nav_1c696_5{flex:1}@media (max-width: 767px){._left_1c696_50 ._logo_1c696_26{flex:1}}._center_1c696_70 ._nav_1c696_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1c696_70 ._nav_1c696_5._hidden_1c696_76{transform:translateY(-100%);opacity:0;pointer-events:none}._center_1c696_70 ._nav_1c696_5._visible_1c696_82{transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 767px){._center_1c696_70 ._logo_1c696_26{flex:1}}._right_1c696_96 ._container_1c696_51{justify-content:flex-end}._right_1c696_96 ._logo_1c696_26{flex:1}._right_1c696_96 ._nav_1c696_5{flex:unset}._sticky_1c696_110{position:sticky;top:0;width:100%}._container_1c696_51{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1c696_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1c696_26 img{height:auto;width:auto}._menuToggle_1c696_140{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1c696_149{display:none}._utility_1c696_149 a{font-size:var(--font-size-sm)}._nav_1c696_5{display:flex;gap:var(--spacing-lg);height:100%;transition:transform .3s ease}._linkWrapper_1c696_164{position:relative;display:flex;align-items:center}._linkItem_1c696_170{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1c696_178,._link_1c696_164{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1c696_164:hover,._sublinkToggle_1c696_178:hover,._navItem_1c696_195:hover{color:var(--color-primary)}._sublinkToggle_1c696_178{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1c696_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1c696_42._show_1c696_232{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1c696_239{transition:transform .3s ease}._sublinkToggle_1c696_178._open_1c696_243 ._chevron_1c696_239{transform:rotate(180deg)}@media (max-width: 767px){._logo_1c696_26{flex:1}._menuToggle_1c696_140{display:flex;align-items:center;justify-content:center}._utility_1c696_149 a:first-of-type{display:none}._utilityMobile_1c696_149{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1c696_149._open_1c696_243{transform:translateY(0)}._nav_1c696_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1c696_5._open_1c696_243{transform:translate(0)}._linkWrapper_1c696_164{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1c696_164._parent_1c696_312{border-bottom:1px solid var(--color-border)}._linkWrapper_1c696_164._parent_1c696_312:last-of-type{border:none}._linkItem_1c696_170{width:100%}._chevron_1c696_239{display:none}._sublinks_1c696_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1c696_178{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
+:root{--nav-height: 65px}._navbar_1xybq_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1xybq_19{position:fixed;top:var(--spacing-sm);left:0;right:0;background-color:transparent}._transparent_1xybq_19 ._nav_1xybq_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1xybq_19 ._nav_1xybq_5 ._sublinks_1xybq_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media (max-width: 767px){._transparent_1xybq_19 ._nav_1xybq_5{padding:0;background:#fffffff2;border-radius:0;left:0!important;height:100vh}}._left_1xybq_58 ._container_1xybq_59{justify-content:flex-start}._left_1xybq_58 ._logo_1xybq_26{flex:unset}._left_1xybq_58 ._nav_1xybq_5{flex:1}@media (max-width: 767px){._left_1xybq_58 ._logo_1xybq_26{flex:1}}._center_1xybq_78 ._nav_1xybq_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1xybq_78 ._nav_1xybq_5._hidden_1xybq_84{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1xybq_78 ._nav_1xybq_5._visible_1xybq_91{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1xybq_78 ._logo_1xybq_26{flex:1}}._right_1xybq_106 ._container_1xybq_59{justify-content:flex-end}._right_1xybq_106 ._logo_1xybq_26{flex:1}._right_1xybq_106 ._nav_1xybq_5{flex:unset}._sticky_1xybq_120{position:sticky;top:0;width:100%}._container_1xybq_59{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1xybq_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1xybq_26 img{height:auto;width:auto}._menuToggle_1xybq_150{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1xybq_159{display:none}._utility_1xybq_159 a{font-size:var(--font-size-sm)}._nav_1xybq_5{display:flex;gap:var(--spacing-lg);height:100vh;transition:transform .3s ease}._linkWrapper_1xybq_174{position:relative;display:flex;align-items:center}._linkItem_1xybq_180{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1xybq_188,._link_1xybq_174{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1xybq_174:hover,._sublinkToggle_1xybq_188:hover,._navItem_1xybq_205:hover{color:var(--color-primary)}._sublinkToggle_1xybq_188{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1xybq_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1xybq_42._show_1xybq_242{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1xybq_249{transition:transform .3s ease}._sublinkToggle_1xybq_188._open_1xybq_253 ._chevron_1xybq_249{transform:rotate(180deg)}@media (max-width: 767px){._logo_1xybq_26{flex:1}._menuToggle_1xybq_150{display:flex;align-items:center;justify-content:center}._utility_1xybq_159 a:first-of-type{display:none}._utilityMobile_1xybq_159{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1xybq_159._open_1xybq_253{transform:translateY(0)}._nav_1xybq_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1xybq_5._open_1xybq_253{transform:translate(0)}._linkWrapper_1xybq_174{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1xybq_174._parent_1xybq_322{border-bottom:1px solid var(--color-border)}._linkWrapper_1xybq_174._parent_1xybq_322:last-of-type{border:none}._linkItem_1xybq_180{width:100%}._chevron_1xybq_249{display:none}._sublinks_1xybq_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1xybq_188{cursor:pointer;pointer-events:none;color:var(--color-muted)}}

package/dist/components/CallToAction/index.js

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import '../../assets/index14.css';const u = "_callToAction_11phy_1", v = "_blurred_11phy_32", I = "_content_11phy_36", m = "_blurredInverted_11phy_42", b = "_primary_11phy_52", f = "_primaryInverted_11phy_62", k = "_secondary_11phy_74", g = "_secondaryInverted_11phy_87", $ = "_link_11phy_100", A = "_linkInverted_11phy_109", T = "_underline_11phy_118", x = "_underlineInverted_11phy_127", R = "_icon_11phy_145", L = "_iconLeft_11phy_160", C = "_iconRight_11phy_164", n = {
-  callToAction: u,
-  blurred: v,
-  content: I,
-  blurredInverted: m,
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import '../../assets/index14.css';const I = "_callToAction_5y8vw_1", p = "_blurred_5y8vw_32", m = "_content_5y8vw_36", w = "_blurredInverted_5y8vw_48", b = "_primary_5y8vw_65", f = "_primaryInverted_5y8vw_75", h = "_secondary_5y8vw_87", k = "_secondaryInverted_5y8vw_101", g = "_link_5y8vw_114", $ = "_linkInverted_5y8vw_123", A = "_underline_5y8vw_132", T = "_underlineInverted_5y8vw_141", x = "_icon_5y8vw_159", R = "_iconLeft_5y8vw_175", L = "_iconRight_5y8vw_179", n = {
+  callToAction: I,
+  blurred: p,
+  content: m,
+  blurredInverted: w,
   primary: b,
   primaryInverted: f,
-  secondary: k,
-  secondaryInverted: g,
-  link: $,
-  linkInverted: A,
-  underline: T,
-  underlineInverted: x,
-  icon: R,
-  iconLeft: L,
-  iconRight: C
+  secondary: h,
+  secondaryInverted: k,
+  link: g,
+  linkInverted: $,
+  underline: A,
+  underlineInverted: T,
+  icon: x,
+  iconLeft: R,
+  iconRight: L
 }, l = {
   primary: n.primary,
   primaryInverted: n.primaryInverted,
@@ -26,34 +26,34 @@ import '../../assets/index14.css';const u = "_callToAction_11phy_1", v = "_blurr
   underlineInverted: n.underlineInverted,
   blurred: n.blurred,
   blurredInverted: n.blurredInverted
-}, N = {
+}, C = {
   left: n.iconLeft,
   right: n.iconRight
 };
-function q({
+function M({
   variant: t = "primary",
   icon: o,
   iconAlignemnt: s = "right",
-  useRouter: j = !1,
+  useRouter: N = !1,
   className: c,
   children: a,
   disabled: _ = !1,
   ...r
 }) {
-  const i = /* @__PURE__ */ h("span", { className: `${n.content} ${N[s]}`, children: [
+  const i = /* @__PURE__ */ u("span", { className: `${n.content} ${C[s]}`, children: [
     /* @__PURE__ */ e("span", { children: a }),
     o && /* @__PURE__ */ e("span", { className: n.icon, children: o })
   ] });
   if (r.as == "a") {
-    const { href: y, target: d, ...p } = r;
+    const { href: v, target: d, ...y } = r;
     return /* @__PURE__ */ e(
       "a",
       {
-        href: y,
+        href: v,
         target: d,
         rel: d === "_blank" ? "noopener noreferrer" : void 0,
         className: `${c ?? ""} ${n.callToAction} ${l[t]}`,
-        ...p,
+        ...y,
         children: i
       }
     );
@@ -69,5 +69,5 @@ function q({
   );
 }
 export {
-  q as CallToAction
+  M as CallToAction
 };

package/dist/components/NavBar/index.js

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useState as d, useRef as C, useCallback as u, useEffect as E } from "react";
-import { CallToAction as I } from "../CallToAction/index.js";
-import { ButtonGroup as W } from "../ButtonGroup/index.js";
+import { useState as c, useRef as N, useCallback as d, useEffect as $ } from "react";
+import { CallToAction as C } from "../CallToAction/index.js";
+import { ButtonGroup as E } from "../ButtonGroup/index.js";
 import { X as P } from "../../x-CnsEH4Ox.js";
-import { c as A } from "../../createLucideIcon-C8GTh_Qx.js";
-import { C as G } from "../../chevron-down-DSUzBz9F.js";
+import { c as V } from "../../createLucideIcon-C8GTh_Qx.js";
+import { C as A } from "../../chevron-down-DSUzBz9F.js";
 import '../../assets/index46.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const X = [
+const G = [
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
   ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
   ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
-], q = A("menu", X), F = "_navbar_1c696_5", H = "_transparent_1c696_19", J = "_nav_1c696_5", K = "_sublinks_1c696_42", Q = "_left_1c696_50", U = "_container_1c696_51", Y = "_logo_1c696_26", Z = "_center_1c696_70", ee = "_hidden_1c696_76", ne = "_visible_1c696_82", te = "_right_1c696_96", re = "_sticky_1c696_110", oe = "_menuToggle_1c696_140", ie = "_utilityMobile_1c696_149", se = "_utility_1c696_149", ae = "_linkWrapper_1c696_164", le = "_linkItem_1c696_170", ce = "_sublinkToggle_1c696_178", de = "_link_1c696_164", ue = "_show_1c696_232", _e = "_chevron_1c696_239", ve = "_open_1c696_243", he = "_parent_1c696_312", e = {
+], X = V("menu", G), F = "_navbar_1xybq_5", H = "_transparent_1xybq_19", J = "_nav_1xybq_5", K = "_sublinks_1xybq_42", Q = "_left_1xybq_58", U = "_container_1xybq_59", Y = "_logo_1xybq_26", Z = "_center_1xybq_78", ee = "_hidden_1xybq_84", ne = "_visible_1xybq_91", te = "_right_1xybq_106", oe = "_sticky_1xybq_120", ie = "_menuToggle_1xybq_150", se = "_utilityMobile_1xybq_159", re = "_utility_1xybq_159", le = "_linkWrapper_1xybq_174", ae = "_linkItem_1xybq_180", ce = "_sublinkToggle_1xybq_188", de = "_link_1xybq_174", ue = "_show_1xybq_242", _e = "_chevron_1xybq_249", be = "_open_1xybq_253", he = "_parent_1xybq_322", e = {
   navbar: F,
   transparent: H,
   nav: J,
@@ -27,170 +27,153 @@ const X = [
   hidden: ee,
   visible: ne,
   right: te,
-  sticky: re,
-  menuToggle: oe,
-  utilityMobile: ie,
-  utility: se,
-  linkWrapper: ae,
-  linkItem: le,
+  sticky: oe,
+  menuToggle: ie,
+  utilityMobile: se,
+  utility: re,
+  linkWrapper: le,
+  linkItem: ae,
   sublinkToggle: ce,
   link: de,
   show: ue,
   chevron: _e,
-  open: ve,
+  open: be,
   parent: he
 }, fe = {
   left: e.left,
   center: e.center,
   right: e.right
 };
-function $e({
-  logo: L,
-  items: M,
-  utilityItems: s,
-  isSticky: T = !1,
-  isTransparent: m = !1,
-  alignment: p = "right",
+function we({
+  logo: T,
+  items: W,
+  utilityItems: r,
+  isSticky: L = !1,
+  isTransparent: M = !1,
+  alignment: m = "right",
   className: z
 }) {
-  const [a, b] = d(!1), [O, c] = d(null), [R, j] = d(0), [S, V] = d(!1), _ = C(null), v = C(null), B = () => {
-    b((n) => !n);
-  }, D = (n) => {
-    c((o) => o === n ? null : n);
-  }, g = u((n) => {
-    _.current && !_.current.contains(n.target) && c(null);
-  }, []), y = u(() => {
-    c(null);
-  }, []), k = u(() => {
-    w(), typeof window < "u" && window.innerWidth > 768 && (b(!1), c(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), w = u(() => {
-    if (v.current) {
-      const n = v.current.getBoundingClientRect().width;
-      j(n), V(!0);
+  const [s, y] = c(!1), [O, l] = c(null), [R, j] = c(0), [S, B] = c(!1), u = N(null), _ = N(null), D = () => {
+    y((n) => !n);
+  }, I = (n) => {
+    l((i) => i === n ? null : n);
+  }, p = d((n) => {
+    u.current && !u.current.contains(n.target) && l(null);
+  }, []), v = d(() => {
+    l(null);
+  }, []), g = d(() => {
+    x(), typeof window < "u" && window.innerWidth > 768 && (y(!1), l(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), x = d(() => {
+    if (_.current) {
+      const n = _.current.getBoundingClientRect().width;
+      j(n), B(!0);
     }
   }, []);
-  E(() => {
-    const n = typeof window < "u", o = typeof document < "u";
-    return n && (window.addEventListener("resize", k), window.addEventListener("scroll", y)), o && document.addEventListener("click", g), w(), () => {
-      n && (window.removeEventListener("resize", k), window.removeEventListener("scroll", y)), o && document.removeEventListener("click", g);
+  $(() => {
+    const n = typeof window < "u", i = typeof document < "u";
+    return n && (window.addEventListener("resize", g), window.addEventListener("scroll", v)), i && document.addEventListener("click", p), x(), () => {
+      n && (window.removeEventListener("resize", g), window.removeEventListener("scroll", v)), i && document.removeEventListener("click", p);
     };
-  }, []), E(() => {
+  }, []), $(() => {
     if (typeof document < "u")
-      return document.body.style.overflow = a ? "hidden" : "", () => {
+      return document.body.style.overflow = s ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
-  }, [a]);
-  const $ = (n, o = "") => n.map((r) => {
-    var N;
-    const i = `${o}/${r.label}`, l = O === i, h = (N = r.sublinks) == null ? void 0 : N.length;
+  }, [s]);
+  const k = (n, i = "") => n.map((o) => {
+    var w;
+    const a = `${i}/${o.label}`, b = O === a, h = (w = o.sublinks) == null ? void 0 : w.length;
     return /* @__PURE__ */ f(
       "div",
       {
-        className: `${e.linkWrapper} ${o ? "" : e.parent}`,
+        className: `${e.linkWrapper} ${i ? "" : e.parent}`,
         children: [
-          /* @__PURE__ */ t("div", { className: e.linkItem, children: r.href ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: e.linkItem, children: o.href ? /* @__PURE__ */ t(
             "a",
             {
-              href: r.href,
+              href: o.href,
               className: e.link,
-              target: r.isExternal ? "_blank" : "_self",
-              rel: r.isExternal ? "noopener noreferrer" : void 0,
+              target: o.isExternal ? "_blank" : "_self",
+              rel: o.isExternal ? "noopener noreferrer" : void 0,
               onClick: () => {
-                var x;
-                c(null), (x = r.onClick) == null || x.call(r);
+                var q;
+                l(null), (q = o.onClick) == null || q.call(o);
               },
               role: "menuitem",
-              children: r.label
+              children: o.label
             }
           ) : /* @__PURE__ */ f(
             "button",
             {
               "aria-haspopup": h ? "true" : void 0,
-              "aria-expanded": l,
-              className: `${e.sublinkToggle} ${l ? e.open : ""}`,
-              onClick: () => D(i),
+              "aria-expanded": b,
+              className: `${e.sublinkToggle} ${b ? e.open : ""}`,
+              onClick: () => I(a),
               children: [
-                r.label,
-                h && /* @__PURE__ */ t(G, { size: 21, className: e.chevron })
+                o.label,
+                h && /* @__PURE__ */ t(A, { size: 21, className: e.chevron })
               ]
             }
           ) }),
           h && /* @__PURE__ */ t(
             "div",
             {
-              className: `${e.sublinks} ${l ? e.show : ""}`,
+              className: `${e.sublinks} ${b ? e.show : ""}`,
               role: "menu",
-              "aria-label": `${r.label} submenu`,
-              children: $(r.sublinks, i)
+              "aria-label": `${o.label} submenu`,
+              children: k(o.sublinks, a)
             }
           )
         ]
       },
-      i
+      a
     );
   });
   return /* @__PURE__ */ t(
     "header",
     {
-      ref: _,
-      className: `${z ?? ""} ${fe[p]} ${e.navbar} ${T ? e.sticky : ""} ${m ? e.transparent : ""} `,
+      ref: u,
+      className: `${z ?? ""} ${fe[m]} ${e.navbar} ${L ? e.sticky : ""} ${M ? e.transparent : ""} `,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ f("div", { className: e.container, children: [
-        /* @__PURE__ */ t("div", { className: e.logo, children: L }),
+        /* @__PURE__ */ t("div", { className: e.logo, children: T }),
         /* @__PURE__ */ t(
           "nav",
           {
-            ref: v,
+            ref: _,
             style: {
-              left: p === "center" ? `calc(50% - ${R / 2}px)` : "unset"
+              left: m === "center" ? `calc(50% - ${R / 2}px)` : "unset"
             },
-            className: `${e.nav} ${a ? e.open : ""} ${S ? e.visible : e.hidden}`,
+            className: `${e.nav} ${s ? e.open : ""} ${S ? e.visible : e.hidden}`,
             id: "main-menu",
             role: "menubar",
-            children: $(M)
+            children: k(W)
           }
         ),
-        s && /* @__PURE__ */ t("nav", { className: e.utility, children: /* @__PURE__ */ t(W, { children: s.map((n, o) => {
-          const r = (() => {
-            const i = n.variant, l = m && !i.includes("Inverted") ? `${i}Inverted` : i;
-            return [
-              "primary",
-              "primaryInverted",
-              "secondary",
-              "secondaryInverted",
-              "link",
-              "linkInverted",
-              "underline",
-              "underlineInverted",
-              "blurred",
-              "blurredInverted"
-            ].includes(l) ? l : i;
-          })();
-          return /* @__PURE__ */ t(
-            I,
-            {
-              as: "a",
-              href: n.href ?? "/",
-              variant: n.variant.includes("blurred") ? n.variant : r,
-              children: n.label
-            },
-            n._id || o
-          );
-        }) }) }),
-        s && /* @__PURE__ */ t(
+        r && /* @__PURE__ */ t("nav", { className: e.utility, children: /* @__PURE__ */ t(E, { children: r.map((n, i) => /* @__PURE__ */ t(
+          C,
+          {
+            as: "a",
+            href: n.href ?? "/",
+            variant: n.variant,
+            children: n.label
+          },
+          n._id || i
+        )) }) }),
+        r && /* @__PURE__ */ t(
           "nav",
           {
-            className: `${e.utilityMobile} ${a ? e.open : ""}`,
-            children: /* @__PURE__ */ t(W, { alignment: "center", children: /* @__PURE__ */ t(
-              I,
+            className: `${e.utilityMobile} ${s ? e.open : ""}`,
+            children: /* @__PURE__ */ t(E, { alignment: "center", children: /* @__PURE__ */ t(
+              C,
               {
                 as: "a",
-                href: s[0].href ?? "/",
-                variant: s[0].variant,
-                children: s[0].label
+                href: r[0].href ?? "/",
+                variant: "secondary",
+                children: r[0].label
               },
-              s[0]._id
+              r[0]._id
             ) })
           }
         ),
@@ -198,11 +181,11 @@ function $e({
           "button",
           {
             className: e.menuToggle,
-            onClick: B,
-            "aria-label": a ? "Close menu" : "Open menu",
-            "aria-expanded": a,
+            onClick: D,
+            "aria-label": s ? "Close menu" : "Open menu",
+            "aria-expanded": s,
             "aria-controls": "main-menu",
-            children: a ? /* @__PURE__ */ t(P, { size: 24 }) : /* @__PURE__ */ t(q, { size: 24 })
+            children: s ? /* @__PURE__ */ t(P, { size: 24 }) : /* @__PURE__ */ t(X, { size: 24 })
           }
         )
       ] })
@@ -210,5 +193,5 @@ function $e({
   );
 }
 export {
-  $e as Navbar
+  we as Navbar
 };

package/dist/styles.css

@@ -1,5 +1,5 @@
-:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family-sans: -apple-system;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
-:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}
+:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-rgb: 37, 99, 235;--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-family-sans: -apple-system;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
+:root{--color-text-primary: var(--user-color-text-primary, #111);--color-primary: var(--user-color-primary, #2563eb);--color-primary-rgb: 37, 99, 235;--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #94a3b8);--color-secondary-foreground: var(--user-color-secondary-foreground, #fff);--color-background: var(--user-color-background, #fff);--color-foreground: var(--user-color-foreground, #fff);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #e2e8f0);--color-muted: var(--user-color-muted, #999);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary));--color-success: var(--user-color-success, #28a745);--color-warning: var(--user-color-warning, #f59e0b);--color-online: var(--user-color-success, var(--color-success));--color-offline: var(--user-color-muted, var(--color-muted));--color-busy: var(--user-color-error, var(--color-error));--color-info-bg: var(--color-primary);--color-info-text: #fff;--color-success-bg: var(--color-success);--color-success-text: #fff;--color-warning-bg: var(--color-warning);--color-warning-text: #fff;--color-error-bg: var(--color-error);--color-error-text: #fff;--color-tab-background: var(--user-color-border, #e2e8f0)}[data-theme=dark]{--color-text-primary: var(--user-color-text-primary, #fff);--color-primary: var(--user-color-primary, #3b82f6);--color-primary-foreground: var(--user-color-primary-foreground, #fff);--color-secondary: var(--user-color-secondary, #64748b);--color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);--color-background: var(--user-color-background, #0f172a);--color-foreground: var(--user-color-foreground, #f8fafc);--color-error: var(--user-color-error, #bd1919);--color-border: var(--user-color-border, #334155);--color-muted: var(--user-color-muted, #f1f5f9);--color-heading: var(--user-color-text-primary, var(--color-text-primary));--color-link: var(--user-color-primary, var(--color-primary))}
 ._tooltipContainer_94xs9_1{position:relative;display:inline-block}._tooltip_94xs9_1{position:absolute;background-color:var(--color-secondary, #333);color:var(--color-text-primary, #fff);padding:var(--spacing-sm, .5rem);border-radius:var(--radius-sm, 4px);white-space:nowrap;z-index:1000;opacity:0;transform:translateY(0);transition:opacity .3s,transform .3s}._top_94xs9_19{bottom:100%;left:50%;transform:translateY(.5rem);margin-bottom:.25rem}._bottom_94xs9_26{top:100%;left:50%;transform:translateY(-.5rem);margin-top:.25rem}._left_94xs9_33{right:100%;top:50%;transform:translate(.5rem);margin-right:.25rem}._right_94xs9_40{left:100%;top:50%;transform:translate(-.5rem);margin-left:.25rem}._tooltip_94xs9_1._visible_94xs9_47{opacity:1;transform:translateY(0);pointer-events:auto}
 ._wrapper_162xi_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_162xi_7{cursor:pointer}._textarea_162xi_11{min-height:6rem;padding:var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);resize:vertical;font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .3s}._textarea_162xi_11:focus{border-color:var(--color-primary);outline:none}._textarea_162xi_11:disabled{background-color:var(--color-muted);cursor:not-allowed}
 ._text_4sv7j_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary)}._text_4sv7j_1 p{margin-bottom:var(--spacing-md)}._text_4sv7j_1 h1,._text_4sv7j_1 h2,._text_4sv7j_1 h3,._text_4sv7j_1 h4,._text_4sv7j_1 h5,._text_4sv7j_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_4sv7j_1 ul,._text_4sv7j_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_4sv7j_1 ul{list-style-type:disc}._text_4sv7j_1 ol{list-style-type:decimal}._text_4sv7j_1 li{margin-bottom:var(--spacing-xs)}._text_4sv7j_1 a{color:var(--color-primary);text-decoration:underline}._text_4sv7j_1 a:hover{text-decoration:none}._default_4sv7j_55{font-size:1rem}._muted_4sv7j_59{color:var(--color-muted)}._lead_4sv7j_63{font-size:1.25rem;font-weight:500}._small_4sv7j_68{font-size:.875rem}
@@ -11,7 +11,7 @@
 ._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
 ._buttonGroup_15lw8_1{display:flex;gap:var(--spacing-md)}._buttonGroup_15lw8_1>*{align-self:center;justify-content:center;width:auto}@media (max-width: 480px){._buttonGroup_15lw8_1>*{width:100%}}._left_15lw8_16{justify-content:flex-start}._center_15lw8_20{justify-content:center}._center_15lw8_20>*{align-self:center;justify-content:center}._right_15lw8_29{justify-content:flex-end}._vertical_15lw8_33{flex-direction:column}._horizontal_15lw8_37{flex-direction:row}@media (max-width: 480px){._buttonGroup_15lw8_1{flex-direction:column}}
 ._fab_1p460_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1p460_1:hover{background-color:var(--color-secondary)}._sm_1p460_22{width:40px;height:40px}._md_1p460_27{width:56px;height:56px}._lg_1p460_31{width:72px;height:72px}._bottom-right_1p460_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1p460_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1p460_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1p460_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1p460_56{color:var(--color-muted)}
-._callToAction_11phy_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_11phy_1{width:100%}}._callToAction_11phy_1:focus,._callToAction_11phy_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_11phy_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._blurred_11phy_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_11phy_32 ._content_11phy_36{background-color:#2563ebd9;color:#fff}._blurredInverted_11phy_42{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_11phy_42 ._content_11phy_36{background-color:#ffffff80;color:var(--color-primary)}._primary_11phy_52{background-color:var(--color-primary);color:#fff}._primary_11phy_52:hover{background-color:var(--color-secondary);color:#fff}._primaryInverted_11phy_62{border-color:#fff;background-color:#fff;color:var(--color-primary)}._primaryInverted_11phy_62:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-primary)}._secondary_11phy_74{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._secondary_11phy_74:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._secondaryInverted_11phy_87{background-color:transparent;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_11phy_87:hover{border-color:#fff;background-color:#fff;color:var(--color-primary)}._link_11phy_100{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_11phy_109{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_11phy_118{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_11phy_127{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_11phy_136{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_11phy_145{display:inline-flex}._content_11phy_36{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}._iconLeft_11phy_160{flex-direction:row-reverse}._iconRight_11phy_164{flex-direction:row}
+._callToAction_5y8vw_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_5y8vw_1{width:100%}}._callToAction_5y8vw_1:focus,._callToAction_5y8vw_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_5y8vw_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._blurred_5y8vw_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_5y8vw_32 ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._blurred_5y8vw_32:hover ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1)}._blurredInverted_5y8vw_48{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_5y8vw_48 ._content_5y8vw_36{background-color:#ffffff26;color:var(--color-primary)}._blurredInverted_5y8vw_48:hover ._content_5y8vw_36{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_5y8vw_65{background-color:var(--color-primary);color:#fff}._primary_5y8vw_65:hover{background-color:var(--color-secondary);color:#fff}._primaryInverted_5y8vw_75{border-color:#fff;background-color:#fff;color:var(--color-primary)}._primaryInverted_5y8vw_75:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-primary)}._secondary_5y8vw_87{background-color:transparent;border-color:var(--color-primary);border-width:2px;border-style:solid;color:var(--color-primary)}._secondary_5y8vw_87:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._secondaryInverted_5y8vw_101{background-color:transparent;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_5y8vw_101:hover{border-color:#fff;background-color:#fff;color:var(--color-primary)}._link_5y8vw_114{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_5y8vw_123{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_5y8vw_132{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_5y8vw_141{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_5y8vw_150{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_5y8vw_159{display:inline-flex}._content_5y8vw_36{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_5y8vw_175{flex-direction:row-reverse}._iconRight_5y8vw_179{flex-direction:row}
 ._iconButton_e9jmu_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_e9jmu_1:disabled{opacity:.5;cursor:not-allowed}._sm_e9jmu_18{width:32px;height:32px}._md_e9jmu_23{width:40px;height:40px}._lg_e9jmu_28{width:48px;height:48px}._default_e9jmu_33{background-color:#f0f0f0;color:#111}._muted_e9jmu_38{background-color:#bbb;color:var(--color-muted)}._accent_e9jmu_43{background-color:var(--color-primary);color:#fff}._error_e9jmu_48{background-color:var(--color-error);color:#fff}._srOnly_e9jmu_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
 h1,h2,h3,h4,h5,h6,._h1_1nzl1_7,._h2_1nzl1_8,._h3_1nzl1_9,._h4_1nzl1_10,._h5_1nzl1_11,._h6_1nzl1_12{line-height:var(--line-height-tight);margin-block:0 var(--spacing-md);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_1nzl1_7[class*=bg],._h2_1nzl1_8[class*=bg],._h3_1nzl1_9[class*=bg],._h4_1nzl1_10[class*=bg],._h5_1nzl1_11[class*=bg],._h6_1nzl1_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_1nzl1_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-sm)}h2,._h2_1nzl1_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-sm)}h3,._h3_1nzl1_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h4,._h4_1nzl1_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h5,._h5_1nzl1_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}h6,._h6_1nzl1_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}
 ._grid_10mi0_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_10mi0_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_10mi0_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_10mi0_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_10mi0_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_10mi0_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
@@ -43,6 +43,6 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
 ._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}
 ._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}
 ._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}
-:root{--nav-height: 65px}._navbar_1c696_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1c696_19{position:fixed;top:0;left:0;right:0;background-color:transparent}._transparent_1c696_19 ._nav_1c696_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1c696_19 ._nav_1c696_5 ._sublinks_1c696_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}._left_1c696_50 ._container_1c696_51{justify-content:flex-start}._left_1c696_50 ._logo_1c696_26{flex:unset}._left_1c696_50 ._nav_1c696_5{flex:1}@media (max-width: 767px){._left_1c696_50 ._logo_1c696_26{flex:1}}._center_1c696_70 ._nav_1c696_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1c696_70 ._nav_1c696_5._hidden_1c696_76{transform:translateY(-100%);opacity:0;pointer-events:none}._center_1c696_70 ._nav_1c696_5._visible_1c696_82{transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 767px){._center_1c696_70 ._logo_1c696_26{flex:1}}._right_1c696_96 ._container_1c696_51{justify-content:flex-end}._right_1c696_96 ._logo_1c696_26{flex:1}._right_1c696_96 ._nav_1c696_5{flex:unset}._sticky_1c696_110{position:sticky;top:0;width:100%}._container_1c696_51{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1c696_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1c696_26 img{height:auto;width:auto}._menuToggle_1c696_140{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1c696_149{display:none}._utility_1c696_149 a{font-size:var(--font-size-sm)}._nav_1c696_5{display:flex;gap:var(--spacing-lg);height:100%;transition:transform .3s ease}._linkWrapper_1c696_164{position:relative;display:flex;align-items:center}._linkItem_1c696_170{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1c696_178,._link_1c696_164{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1c696_164:hover,._sublinkToggle_1c696_178:hover,._navItem_1c696_195:hover{color:var(--color-primary)}._sublinkToggle_1c696_178{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1c696_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1c696_42._show_1c696_232{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1c696_239{transition:transform .3s ease}._sublinkToggle_1c696_178._open_1c696_243 ._chevron_1c696_239{transform:rotate(180deg)}@media (max-width: 767px){._logo_1c696_26{flex:1}._menuToggle_1c696_140{display:flex;align-items:center;justify-content:center}._utility_1c696_149 a:first-of-type{display:none}._utilityMobile_1c696_149{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1c696_149._open_1c696_243{transform:translateY(0)}._nav_1c696_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1c696_5._open_1c696_243{transform:translate(0)}._linkWrapper_1c696_164{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1c696_164._parent_1c696_312{border-bottom:1px solid var(--color-border)}._linkWrapper_1c696_164._parent_1c696_312:last-of-type{border:none}._linkItem_1c696_170{width:100%}._chevron_1c696_239{display:none}._sublinks_1c696_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1c696_178{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
+:root{--nav-height: 65px}._navbar_1xybq_5{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background-color:var(--color-background);padding:0 var(--spacing-md);position:relative;z-index:1000;height:var(--nav-height)}._transparent_1xybq_19{position:fixed;top:var(--spacing-sm);left:0;right:0;background-color:transparent}._transparent_1xybq_19 ._nav_1xybq_5{background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:blur(6px);height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md)}._transparent_1xybq_19 ._nav_1xybq_5 ._sublinks_1xybq_42{background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media (max-width: 767px){._transparent_1xybq_19 ._nav_1xybq_5{padding:0;background:#fffffff2;border-radius:0;left:0!important;height:100vh}}._left_1xybq_58 ._container_1xybq_59{justify-content:flex-start}._left_1xybq_58 ._logo_1xybq_26{flex:unset}._left_1xybq_58 ._nav_1xybq_5{flex:1}@media (max-width: 767px){._left_1xybq_58 ._logo_1xybq_26{flex:1}}._center_1xybq_78 ._nav_1xybq_5{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1xybq_78 ._nav_1xybq_5._hidden_1xybq_84{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1xybq_78 ._nav_1xybq_5._visible_1xybq_91{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1xybq_78 ._logo_1xybq_26{flex:1}}._right_1xybq_106 ._container_1xybq_59{justify-content:flex-end}._right_1xybq_106 ._logo_1xybq_26{flex:1}._right_1xybq_106 ._nav_1xybq_5{flex:unset}._sticky_1xybq_120{position:sticky;top:0;width:100%}._container_1xybq_59{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:100%;margin:0 auto}._logo_1xybq_26{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start}._logo_1xybq_26 img{height:auto;width:auto}._menuToggle_1xybq_150{background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100}._utilityMobile_1xybq_159{display:none}._utility_1xybq_159 a{font-size:var(--font-size-sm)}._nav_1xybq_5{display:flex;gap:var(--spacing-lg);height:100vh;transition:transform .3s ease}._linkWrapper_1xybq_174{position:relative;display:flex;align-items:center}._linkItem_1xybq_180{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1xybq_188,._link_1xybq_174{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box}._link_1xybq_174:hover,._sublinkToggle_1xybq_188:hover,._navItem_1xybq_205:hover{color:var(--color-primary)}._sublinkToggle_1xybq_188{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1xybq_42{position:absolute;right:0;top:100%;background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;overflow:hidden;max-height:0;min-width:100%;width:max-content;opacity:0;z-index:100;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;display:flex;visibility:hidden;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:0 0 var(--radius-md) var(--radius-md);pointer-events:none}._sublinks_1xybq_42._show_1xybq_242{max-height:500px;opacity:1;pointer-events:auto;visibility:visible}._chevron_1xybq_249{transition:transform .3s ease}._sublinkToggle_1xybq_188._open_1xybq_253 ._chevron_1xybq_249{transform:rotate(180deg)}@media (max-width: 767px){._logo_1xybq_26{flex:1}._menuToggle_1xybq_150{display:flex;align-items:center;justify-content:center}._utility_1xybq_159 a:first-of-type{display:none}._utilityMobile_1xybq_159{display:block;transform:translateY(100px);position:fixed;bottom:1rem;margin:0 auto;width:100%;z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1xybq_159._open_1xybq_253{transform:translateY(0)}._nav_1xybq_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1xybq_5._open_1xybq_253{transform:translate(0)}._linkWrapper_1xybq_174{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1xybq_174._parent_1xybq_322{border-bottom:1px solid var(--color-border)}._linkWrapper_1xybq_174._parent_1xybq_322:last-of-type{border:none}._linkItem_1xybq_180{width:100%}._chevron_1xybq_249{display:none}._sublinks_1xybq_42{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1xybq_188{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
 ._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
 ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.142",
+  "version": "0.0.144",
   "type": "module",
   "exports": {
     ".": {