@brijbyte/agentic-ui 0.0.1 → 0.0.3

package/dist/card/card.css

@@ -1,9 +1,7 @@
-@layer theme, base;
-
 @layer components {
   .root_mD1LSW {
     background-color: var(--color-surface-1);
-    border: var(--border-width-base) solid var(--color-border-base);
+    border: var(--border-width-base) solid var(--color-line);
     border-radius: var(--radius-xl);
     overflow: hidden;
   }
@@ -30,7 +28,7 @@
 
   .header_mD1LSW {
     padding: var(--space-4) var(--space-5);
-    border-bottom: var(--border-width-base) solid var(--color-border-subtle);
+    border-bottom: var(--border-width-base) solid var(--color-line-subtle);
     gap: var(--space-0-5);
     flex-direction: column;
     display: flex;
@@ -40,7 +38,7 @@
     font-family: var(--font-mono);
     font-size: var(--font-size-md);
     font-weight: var(--font-weight-semibold);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     line-height: var(--line-height-tight);
     letter-spacing: var(--letter-spacing-tight);
   }
@@ -48,7 +46,7 @@
   .description_mD1LSW {
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
-    color: var(--color-text-secondary);
+    color: var(--color-secondary);
     line-height: var(--line-height-normal);
   }
 
@@ -58,11 +56,9 @@
 
   .footer_mD1LSW {
     padding: var(--space-3) var(--space-5);
-    border-top: var(--border-width-base) solid var(--color-border-subtle);
+    border-top: var(--border-width-base) solid var(--color-line-subtle);
     align-items: center;
     gap: var(--space-2);
     display: flex;
   }
 }
-
-@layer utilities;

package/dist/card/card.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import styles from "./card.module.css";
 
 //#region src/card/card.d.ts

package/dist/card/card.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.module.js","names":[],"sources":["../../src/card/card.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    background-color: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-border-base);\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n  }\n\n  .root-elevated {\n    box-shadow: var(--shadow-sm);\n  }\n\n  .root-interactive {\n    cursor: pointer;\n    transition:\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard),\n      transform var(--duration-fast) var(--easing-standard);\n  }\n\n  .root-interactive:hover {\n    border-color: var(--color-accent);\n    box-shadow: var(--shadow-md);\n  }\n\n  .root-interactive:active {\n    transform: scale(0.995);\n  }\n\n  .header {\n    padding: var(--space-4) var(--space-5);\n    border-bottom: var(--border-width-base) solid var(--color-border-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-0-5);\n  }\n\n  .title {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-md);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-text-primary);\n    line-height: var(--line-height-tight);\n    letter-spacing: var(--letter-spacing-tight);\n  }\n\n  .description {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-secondary);\n    line-height: var(--line-height-normal);\n  }\n\n  .body {\n    padding: var(--space-4) var(--space-5);\n  }\n\n  .footer {\n    padding: var(--space-3) var(--space-5);\n    border-top: var(--border-width-base) solid var(--color-border-subtle);\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n  }\n}\n"],"mappings":";AAgBA,IAAA,sBAAc;CAAA,QAAA;CAAA,eAAA;CAAA,UAAA;CAAA,UAAA;CAAA,QAAA;CAAA,iBAAA;CAAA,oBAAA;CAAA,SAAA;CAAA"}
+{"version":3,"file":"card.module.js","names":[],"sources":["../../src/card/card.module.css"],"sourcesContent":["@layer components {\n  .root {\n    background-color: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-line);\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n  }\n  .root-elevated {\n    box-shadow: var(--shadow-sm);\n  }\n  .root-interactive {\n    cursor: pointer;\n    transition:\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard),\n      transform var(--duration-fast) var(--easing-standard);\n  }\n  .root-interactive:hover {\n    border-color: var(--color-accent);\n    box-shadow: var(--shadow-md);\n  }\n  .root-interactive:active {\n    transform: scale(0.995);\n  }\n  .header {\n    padding: var(--space-4) var(--space-5);\n    border-bottom: var(--border-width-base) solid var(--color-line-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-0-5);\n  }\n  .title {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-md);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-primary);\n    line-height: var(--line-height-tight);\n    letter-spacing: var(--letter-spacing-tight);\n  }\n  .description {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-secondary);\n    line-height: var(--line-height-normal);\n  }\n  .body {\n    padding: var(--space-4) var(--space-5);\n  }\n  .footer {\n    padding: var(--space-3) var(--space-5);\n    border-top: var(--border-width-base) solid var(--color-line-subtle);\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n  }\n}\n"],"mappings":";AAgBA,IAAA,sBAAE;CAAA,QAAA;CAAA,eAAA;CAAA,UAAA;CAAA,UAAA;CAAA,QAAA;CAAA,iBAAA;CAAA,oBAAA;CAAA,SAAA;CAAA"}

package/dist/checkbox/checkbox.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .root_J4At5G {
     align-items: center;
@@ -16,7 +14,7 @@
 
   .indicator_J4At5G {
     border-radius: var(--radius-sm);
-    border: var(--border-width-base) solid var(--color-border-strong);
+    border: var(--border-width-base) solid var(--color-line-strong);
     background-color: var(--color-surface-1);
     width: 16px;
     height: 16px;
@@ -53,7 +51,7 @@
   .icon_J4At5G {
     width: 10px;
     height: 10px;
-    color: var(--color-text-on-accent);
+    color: var(--color-on-accent);
     opacity: 0;
     transition: opacity var(--duration-fast) var(--easing-standard),
       transform var(--duration-fast) var(--easing-spring);
@@ -68,9 +66,7 @@
   .label_J4At5G {
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     line-height: var(--line-height-normal);
   }
 }
-
-@layer utilities;

package/dist/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./checkbox.module.css";
 
 //#region src/checkbox/checkbox.d.ts

package/dist/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import checkbox_module_default from "./checkbox.module.js";
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Checkbox } from "@base-ui/react/checkbox";
 //#region src/checkbox/checkbox.tsx
 function Checkbox$1({ children, id, className, onCheckedChange, ...props }) {

package/dist/checkbox/checkbox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.module.js","names":[],"sources":["../../src/checkbox/checkbox.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .root[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  .indicator {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--radius-sm);\n    border: var(--border-width-base) solid var(--color-border-strong);\n    background-color: var(--color-surface-1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard);\n    outline: none;\n    position: relative;\n  }\n\n  .indicator:focus-visible {\n    box-shadow: var(--shadow-focus);\n    border-color: var(--color-accent);\n  }\n\n  .indicator:hover:not([data-disabled]) {\n    border-color: var(--color-accent);\n  }\n\n  .indicator[data-checked],\n  .indicator[data-indeterminate] {\n    background-color: var(--color-accent);\n    border-color: var(--color-accent);\n  }\n\n  .indicator[data-checked]:hover,\n  .indicator[data-indeterminate]:hover {\n    background-color: var(--color-accent-hover);\n    border-color: var(--color-accent-hover);\n  }\n\n  /* Checkmark SVG */\n  .icon {\n    width: 10px;\n    height: 10px;\n    color: var(--color-text-on-accent);\n    opacity: 0;\n    transform: scale(0.9);\n    transition:\n      opacity var(--duration-fast) var(--easing-standard),\n      transform var(--duration-fast) var(--easing-spring);\n  }\n\n  .indicator[data-checked] .icon,\n  .indicator[data-indeterminate] .icon {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .label {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-primary);\n    line-height: var(--line-height-normal);\n  }\n}\n"],"mappings":";AAQA,IAAA,0BAAe;CAAC,QAAK;CAAA,aAAA;CAAA,SAAA;CAAA,QAAA;CAAA"}
+{"version":3,"file":"checkbox.module.js","names":[],"sources":["../../src/checkbox/checkbox.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    cursor: pointer;\n    user-select: none;\n  }\n  .root[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .indicator {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--radius-sm);\n    border: var(--border-width-base) solid var(--color-line-strong);\n    background-color: var(--color-surface-1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard);\n    outline: none;\n    position: relative;\n  }\n  .indicator:focus-visible {\n    box-shadow: var(--shadow-focus);\n    border-color: var(--color-accent);\n  }\n  .indicator:hover:not([data-disabled]) {\n    border-color: var(--color-accent);\n  }\n  .indicator[data-checked],\n  .indicator[data-indeterminate] {\n    background-color: var(--color-accent);\n    border-color: var(--color-accent);\n  }\n  .indicator[data-checked]:hover,\n  .indicator[data-indeterminate]:hover {\n    background-color: var(--color-accent-hover);\n    border-color: var(--color-accent-hover);\n  }\n  /* Checkmark SVG */\n  .icon {\n    width: 10px;\n    height: 10px;\n    color: var(--color-on-accent);\n    opacity: 0;\n    transform: scale(0.9);\n    transition:\n      opacity var(--duration-fast) var(--easing-standard),\n      transform var(--duration-fast) var(--easing-spring);\n  }\n  .indicator[data-checked] .icon,\n  .indicator[data-indeterminate] .icon {\n    opacity: 1;\n    transform: scale(1);\n  }\n  .label {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    line-height: var(--line-height-normal);\n  }\n}\n"],"mappings":";AAQA,IAAA,0BAAa;CAAA,QAAU;CAAA,aAAA;CAAA,SAAA;CAAA,QAAA;CAAA"}

package/dist/checkbox/parts.js

@@ -1,6 +1,6 @@
 import checkbox_module_default from "./checkbox.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Checkbox } from "@base-ui/react/checkbox";
 //#region src/checkbox/parts.tsx
 /**

package/dist/collapsible/collapsible.css

@@ -1,5 +1,3 @@
-@layer theme, base;
-
 @layer components {
   .root_rWN60G {
     flex-direction: column;
@@ -14,9 +12,9 @@
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
-    color: var(--color-text-primary);
+    color: var(--color-primary);
     background: var(--color-surface-1);
-    border: var(--border-width-base) solid var(--color-border-base);
+    border: var(--border-width-base) solid var(--color-line);
     border-radius: var(--radius-md);
     cursor: pointer;
     text-align: left;
@@ -40,7 +38,7 @@
   }
 
   .trigger_rWN60G:hover {
-    background-color: var(--color-surface-hover);
+    background-color: var(--color-hover);
   }
 
   .trigger_rWN60G:focus-visible {
@@ -53,7 +51,7 @@
   }
 
   .trigger-icon_rWN60G {
-    color: var(--color-text-tertiary);
+    color: var(--color-tertiary);
     transition: transform var(--duration-normal) var(--easing-standard);
     flex-shrink: 0;
   }
@@ -80,13 +78,11 @@
     padding: var(--space-3) var(--space-3) var(--space-3) var(--space-3);
     font-family: var(--font-mono);
     font-size: var(--font-size-sm);
-    color: var(--color-text-secondary);
+    color: var(--color-secondary);
     line-height: var(--line-height-relaxed);
-    border: var(--border-width-base) solid var(--color-border-base);
+    border: var(--border-width-base) solid var(--color-line);
     border-radius: 0 0 var(--radius-md) var(--radius-md);
-    background: var(--color-bg-elevated);
+    background: var(--color-elevated);
     border-top: none;
   }
 }
-
-@layer utilities;

package/dist/collapsible/collapsible.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import styles from "./collapsible.module.css";
 
 //#region src/collapsible/collapsible.d.ts

package/dist/collapsible/collapsible.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.module.js","names":[],"sources":["../../src/collapsible/collapsible.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    padding: var(--space-2) var(--space-3);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-text-primary);\n    background: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-border-base);\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    outline: none;\n    text-align: left;\n    user-select: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-bottom-left-radius var(--duration-normal) var(--easing-standard) var(--duration-normal),\n      border-bottom-right-radius var(--duration-normal) var(--easing-standard) var(--duration-normal),\n      border-bottom-color var(--duration-normal) var(--easing-standard) var(--duration-normal);\n  }\n\n  .trigger[data-panel-open] {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-bottom-left-radius var(--duration-normal) var(--easing-standard),\n      border-bottom-right-radius var(--duration-normal) var(--easing-standard),\n      border-bottom-color var(--duration-normal) var(--easing-standard);\n  }\n\n  .trigger:hover {\n    background-color: var(--color-surface-hover);\n  }\n\n  .trigger:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n\n  .trigger[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  .trigger-icon {\n    color: var(--color-text-tertiary);\n    flex-shrink: 0;\n    transition: transform var(--duration-normal) var(--easing-standard);\n  }\n\n  .trigger[data-panel-open] .trigger-icon {\n    transform: rotate(90deg);\n  }\n\n  .panel {\n    height: var(--collapsible-panel-height);\n    overflow: hidden;\n    transition: height var(--duration-normal) var(--easing-standard);\n  }\n\n  /* hide when not using hidden=\"until-found\" */\n  .panel[hidden]:not([hidden=\"until-found\"]) {\n    display: none;\n  }\n\n  .panel[data-starting-style],\n  .panel[data-ending-style] {\n    height: 0;\n  }\n\n  .panel-content {\n    padding: var(--space-3) var(--space-3) var(--space-3) var(--space-3);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-secondary);\n    line-height: var(--line-height-relaxed);\n    border: var(--border-width-base) solid var(--color-border-base);\n    border-top: none;\n    border-radius: 0 0 var(--radius-md) var(--radius-md);\n    background: var(--color-bg-elevated);\n  }\n}\n"],"mappings":";AAUA,IAAA,6BAAa;CAAA,SAAI;CAAA,iBAAA;CAAA,QAAA;CAAA,WAAA;CAAA,gBAAA;CAAA"}
+{"version":3,"file":"collapsible.module.js","names":[],"sources":["../../src/collapsible/collapsible.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n  .trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    padding: var(--space-2) var(--space-3);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-primary);\n    background: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-line);\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    outline: none;\n    text-align: left;\n    user-select: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-bottom-left-radius var(--duration-normal) var(--easing-standard) var(--duration-normal),\n      border-bottom-right-radius var(--duration-normal) var(--easing-standard) var(--duration-normal),\n      border-bottom-color var(--duration-normal) var(--easing-standard) var(--duration-normal);\n  }\n  .trigger[data-panel-open] {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      border-bottom-left-radius var(--duration-normal) var(--easing-standard),\n      border-bottom-right-radius var(--duration-normal) var(--easing-standard),\n      border-bottom-color var(--duration-normal) var(--easing-standard);\n  }\n  .trigger:hover {\n    background-color: var(--color-hover);\n  }\n  .trigger:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n  .trigger[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .trigger-icon {\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n    transition: transform var(--duration-normal) var(--easing-standard);\n  }\n  .trigger[data-panel-open] .trigger-icon {\n    transform: rotate(90deg);\n  }\n  .panel {\n    height: var(--collapsible-panel-height);\n    overflow: hidden;\n    transition: height var(--duration-normal) var(--easing-standard);\n  }\n  /* hide when not using hidden=\"until-found\" */\n  .panel[hidden]:not([hidden=\"until-found\"]) {\n    display: none;\n  }\n  .panel[data-starting-style],\n  .panel[data-ending-style] {\n    height: 0;\n  }\n  .panel-content {\n    padding: var(--space-3) var(--space-3) var(--space-3) var(--space-3);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-secondary);\n    line-height: var(--line-height-relaxed);\n    border: var(--border-width-base) solid var(--color-line);\n    border-top: none;\n    border-radius: 0 0 var(--radius-md) var(--radius-md);\n    background: var(--color-elevated);\n  }\n}\n"],"mappings":";AAUA,IAAA,6BAAa;CAAG,SAAQ;CAAe,iBAAG;CAAA,QAAA;CAAA,WAAA;CAAA,gBAAA;CAAA"}

package/dist/collapsible/parts.js

@@ -1,6 +1,6 @@
 import collapsible_module_default from "./collapsible.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Collapsible } from "@base-ui/react/collapsible";
 //#region src/collapsible/parts.tsx
 /**

package/dist/context-menu/context-menu.css

@@ -0,0 +1,151 @@
+@layer components {
+  .positioner_U19WMG {
+    z-index: var(--z-dropdown);
+    outline: none;
+  }
+
+  .popup_U19WMG {
+    box-sizing: border-box;
+    padding: var(--space-1) 0;
+    border-radius: var(--radius-lg);
+    background-color: var(--color-overlay);
+    border: var(--border-width-base) solid var(--color-line);
+    box-shadow: var(--shadow-popover);
+    color: var(--color-primary);
+    font-family: var(--font-sans);
+    font-size: var(--font-size-md);
+    min-width: 220px;
+    transform-origin: var(--transform-origin);
+    transition: opacity .15s var(--easing-ease-out),
+      transform .15s var(--easing-ease-out);
+    outline: none;
+  }
+
+  @supports (backdrop-filter: blur(20px)) {
+    .popup_U19WMG {
+      -webkit-backdrop-filter: blur(20px) saturate(1.8);
+    }
+  }
+
+  .popup_U19WMG[data-starting-style] {
+    opacity: 0;
+    transform: scale(.97);
+  }
+
+  .popup_U19WMG[data-ending-style] {
+    opacity: 0;
+    transition: opacity 75ms var(--easing-ease-in),
+      transform 75ms var(--easing-ease-in);
+    transform: scale(.99);
+  }
+
+  .trigger_U19WMG {
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: default;
+    outline: none;
+    display: block;
+  }
+
+  .item_U19WMG {
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-1) var(--space-4);
+    font-family: var(--font-sans);
+    font-size: var(--font-size-md);
+    color: var(--color-primary);
+    cursor: default;
+    user-select: none;
+    outline: none;
+    transition: none;
+    display: flex;
+    position: relative;
+  }
+
+  .item_U19WMG[data-highlighted] {
+    background-color: var(--color-accent);
+    color: var(--color-on-accent);
+  }
+
+  .item_U19WMG[data-disabled] {
+    opacity: .36;
+    cursor: not-allowed;
+  }
+
+  .item-icon_U19WMG {
+    width: 16px;
+    height: 16px;
+    color: inherit;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .item-label_U19WMG {
+    flex: 1;
+  }
+
+  .item-shortcut_U19WMG {
+    margin-left: var(--space-8);
+    font-size: var(--font-size-sm);
+    color: var(--color-tertiary);
+    flex-shrink: 0;
+  }
+
+  .item_U19WMG[data-highlighted] .item-shortcut_U19WMG {
+    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);
+  }
+
+  .submenu-icon_U19WMG {
+    color: var(--color-tertiary);
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  .item_U19WMG[data-highlighted] .submenu-icon_U19WMG, .submenu-trigger_U19WMG[data-highlighted] .submenu-icon_U19WMG {
+    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);
+  }
+
+  .submenu-trigger_U19WMG {
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-1) var(--space-4);
+    font-family: var(--font-sans);
+    font-size: var(--font-size-md);
+    color: var(--color-primary);
+    cursor: default;
+    user-select: none;
+    outline: none;
+    transition: none;
+    display: flex;
+  }
+
+  .submenu-trigger_U19WMG[data-highlighted], .submenu-trigger_U19WMG[data-popup-open] {
+    background-color: var(--color-accent);
+    color: var(--color-on-accent);
+  }
+
+  .submenu-trigger_U19WMG[data-disabled] {
+    opacity: .36;
+    cursor: not-allowed;
+  }
+
+  .group-label_U19WMG {
+    padding: var(--space-1) var(--space-4) var(--space-0-5);
+    font-family: var(--font-sans);
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-tertiary);
+    text-transform: uppercase;
+    letter-spacing: var(--letter-spacing-wide);
+    cursor: default;
+    user-select: none;
+  }
+
+  .separator_U19WMG {
+    margin: var(--space-1) var(--space-4);
+    height: var(--border-width-base);
+    background-color: var(--color-line-subtle);
+  }
+}

package/dist/context-menu/context-menu.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
+import styles from "./context-menu.module.css";
+
+//#region src/context-menu/context-menu.d.ts
+interface ContextMenuItemDef {
+  type?: "item";
+  label: ReactNode;
+  icon?: ReactNode;
+  shortcut?: string;
+  onSelect?: () => void;
+  disabled?: boolean;
+}
+interface ContextMenuSeparatorDef {
+  type: "separator";
+}
+interface ContextMenuGroupDef {
+  type: "group";
+  label?: ReactNode;
+  items: ContextMenuItemDef[];
+}
+type ContextMenuEntry = ContextMenuItemDef | ContextMenuSeparatorDef | ContextMenuGroupDef;
+interface ContextMenuProps {
+  /** The element that can be right-clicked / long-pressed to open the menu. */
+  children: ReactElement;
+  items: ContextMenuEntry[];
+  className?: string;
+}
+declare function ContextMenu({
+  children,
+  items,
+  className
+}: ContextMenuProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContextMenu, ContextMenuEntry, ContextMenuGroupDef, ContextMenuItemDef, ContextMenuProps, ContextMenuSeparatorDef, styles };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../../src/context-menu/context-menu.tsx"],"mappings":";;;;;UAIiB,kBAAA;EACf,IAAA;EACA,KAAA,EAAO,SAAA;EACP,IAAA,GAAO,SAAA;EACP,QAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,UAGe,uBAAA;EACf,IAAA;AAAA;AAAA,UAGe,mBAAA;EACf,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,KAAA,EAAO,kBAAA;AAAA;AAAA,KAGG,gBAAA,GAAmB,kBAAA,GAAqB,uBAAA,GAA0B,mBAAA;AAAA,UAE7D,gBAAA;EAZuB;EActC,QAAA,EAAU,YAAA;EACV,KAAA,EAAO,gBAAA;EACP,SAAA;AAAA;AAAA,iBAac,WAAA,CAAA;EAAc,QAAA;EAAU,KAAA;EAAO;AAAA,GAAa,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/context-menu/context-menu.js

@@ -0,0 +1,54 @@
+import context_menu_module_default from "./context-menu.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ContextMenu } from "@base-ui/react/context-menu";
+//#region src/context-menu/context-menu.tsx
+function RenderItem({ item, i }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.Item, {
+		className: context_menu_module_default.item,
+		disabled: item.disabled,
+		onClick: item.onSelect,
+		children: [
+			item.icon && /* @__PURE__ */ jsx("span", {
+				className: context_menu_module_default["item-icon"],
+				children: item.icon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: context_menu_module_default["item-label"],
+				children: item.label
+			}),
+			item.shortcut && /* @__PURE__ */ jsx("span", {
+				className: context_menu_module_default["item-shortcut"],
+				children: item.shortcut
+			})
+		]
+	}, i);
+}
+function ContextMenu$1({ children, items, className }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.Root, { children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		className: `${context_menu_module_default.trigger} ${className ?? ""}`,
+		render: children
+	}), /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: context_menu_module_default.positioner,
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			className: context_menu_module_default.popup,
+			children: items.map((entry, i) => {
+				if (entry.type === "separator") return /* @__PURE__ */ jsx(ContextMenu.Separator, { className: context_menu_module_default.separator }, i);
+				if (entry.type === "group") return /* @__PURE__ */ jsxs(ContextMenu.Group, { children: [entry.label && /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+					className: context_menu_module_default["group-label"],
+					children: entry.label
+				}), entry.items.map((item, j) => /* @__PURE__ */ jsx(RenderItem, {
+					item,
+					i: j
+				}, j))] }, i);
+				return /* @__PURE__ */ jsx(RenderItem, {
+					item: entry,
+					i
+				}, i);
+			})
+		})
+	}) })] });
+}
+//#endregion
+export { ContextMenu$1 as ContextMenu };
+
+//# sourceMappingURL=context-menu.js.map

package/dist/context-menu/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["BaseContextMenu","styles","ContextMenu"],"sources":["../../src/context-menu/context-menu.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport styles from \"./context-menu.module.css\";\n\nexport interface ContextMenuItemDef {\n  type?: \"item\";\n  label: ReactNode;\n  icon?: ReactNode;\n  shortcut?: string;\n  onSelect?: () => void;\n  disabled?: boolean;\n}\n\nexport interface ContextMenuSeparatorDef {\n  type: \"separator\";\n}\n\nexport interface ContextMenuGroupDef {\n  type: \"group\";\n  label?: ReactNode;\n  items: ContextMenuItemDef[];\n}\n\nexport type ContextMenuEntry = ContextMenuItemDef | ContextMenuSeparatorDef | ContextMenuGroupDef;\n\nexport interface ContextMenuProps {\n  /** The element that can be right-clicked / long-pressed to open the menu. */\n  children: ReactElement;\n  items: ContextMenuEntry[];\n  className?: string;\n}\n\nfunction RenderItem({ item, i }: { item: ContextMenuItemDef; i: number }) {\n  return (\n    <BaseContextMenu.Item key={i} className={styles.item} disabled={item.disabled} onClick={item.onSelect}>\n      {item.icon && <span className={styles[\"item-icon\"]}>{item.icon}</span>}\n      <span className={styles[\"item-label\"]}>{item.label}</span>\n      {item.shortcut && <span className={styles[\"item-shortcut\"]}>{item.shortcut}</span>}\n    </BaseContextMenu.Item>\n  );\n}\n\nexport function ContextMenu({ children, items, className }: ContextMenuProps) {\n  return (\n    <BaseContextMenu.Root>\n      <BaseContextMenu.Trigger className={`${styles.trigger} ${className ?? \"\"}`} render={children} />\n      <BaseContextMenu.Portal>\n        <BaseContextMenu.Positioner className={styles.positioner}>\n          <BaseContextMenu.Popup className={styles.popup}>\n            {items.map((entry, i) => {\n              if (entry.type === \"separator\") {\n                return <BaseContextMenu.Separator key={i} className={styles.separator} />;\n              }\n              if (entry.type === \"group\") {\n                return (\n                  <BaseContextMenu.Group key={i}>\n                    {entry.label && (\n                      <BaseContextMenu.GroupLabel className={styles[\"group-label\"]}>{entry.label}</BaseContextMenu.GroupLabel>\n                    )}\n                    {entry.items.map((item, j) => (\n                      <RenderItem key={j} item={item} i={j} />\n                    ))}\n                  </BaseContextMenu.Group>\n                );\n              }\n              return <RenderItem key={i} item={entry} i={i} />;\n            })}\n          </BaseContextMenu.Popup>\n        </BaseContextMenu.Positioner>\n      </BaseContextMenu.Portal>\n    </BaseContextMenu.Root>\n  );\n}\n\nexport { styles as ContextMenuStyles };\n"],"mappings":";;;;AAgCA,SAAS,WAAW,EAAE,MAAM,KAA8C;AACxE,QACE,qBAACA,YAAgB,MAAjB;EAA8B,WAAWC,4BAAO;EAAM,UAAU,KAAK;EAAU,SAAS,KAAK;YAA7F;GACG,KAAK,QAAQ,oBAAC,QAAD;IAAM,WAAWA,4BAAO;cAAe,KAAK;IAAY,CAAA;GACtE,oBAAC,QAAD;IAAM,WAAWA,4BAAO;cAAgB,KAAK;IAAa,CAAA;GACzD,KAAK,YAAY,oBAAC,QAAD;IAAM,WAAWA,4BAAO;cAAmB,KAAK;IAAgB,CAAA;GAC7D;IAJI,EAIJ;;AAI3B,SAAgBC,cAAY,EAAE,UAAU,OAAO,aAA+B;AAC5E,QACE,qBAACF,YAAgB,MAAjB,EAAA,UAAA,CACE,oBAACA,YAAgB,SAAjB;EAAyB,WAAW,GAAGC,4BAAO,QAAQ,GAAG,aAAa;EAAM,QAAQ;EAAY,CAAA,EAChG,oBAACD,YAAgB,QAAjB,EAAA,UACE,oBAACA,YAAgB,YAAjB;EAA4B,WAAWC,4BAAO;YAC5C,oBAACD,YAAgB,OAAjB;GAAuB,WAAWC,4BAAO;aACtC,MAAM,KAAK,OAAO,MAAM;AACvB,QAAI,MAAM,SAAS,YACjB,QAAO,oBAACD,YAAgB,WAAjB,EAAmC,WAAWC,4BAAO,WAAa,EAAlC,EAAkC;AAE3E,QAAI,MAAM,SAAS,QACjB,QACE,qBAACD,YAAgB,OAAjB,EAAA,UAAA,CACG,MAAM,SACL,oBAACA,YAAgB,YAAjB;KAA4B,WAAWC,4BAAO;eAAiB,MAAM;KAAmC,CAAA,EAEzG,MAAM,MAAM,KAAK,MAAM,MACtB,oBAAC,YAAD;KAA0B;KAAM,GAAG;KAAK,EAAvB,EAAuB,CACxC,CACoB,EAAA,EAPI,EAOJ;AAG5B,WAAO,oBAAC,YAAD;KAAoB,MAAM;KAAU;KAAK,EAAxB,EAAwB;KAChD;GACoB,CAAA;EACG,CAAA,EACN,CAAA,CACJ,EAAA,CAAA"}

package/dist/context-menu/context-menu.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/context-menu/context-menu.module.js

@@ -0,0 +1,18 @@
+//#region src/context-menu/context-menu.module.css
+var context_menu_module_default = {
+	"group-label": "group-label_U19WMG",
+	"item": "item_U19WMG",
+	"item-icon": "item-icon_U19WMG",
+	"item-label": "item-label_U19WMG",
+	"item-shortcut": "item-shortcut_U19WMG",
+	"popup": "popup_U19WMG",
+	"positioner": "positioner_U19WMG",
+	"separator": "separator_U19WMG",
+	"submenu-icon": "submenu-icon_U19WMG",
+	"submenu-trigger": "submenu-trigger_U19WMG",
+	"trigger": "trigger_U19WMG"
+};
+//#endregion
+export { context_menu_module_default as default };
+
+//# sourceMappingURL=context-menu.module.js.map

package/dist/context-menu/context-menu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.module.js","names":[],"sources":["../../src/context-menu/context-menu.module.css"],"sourcesContent":["@layer components {\n  .positioner {\n    outline: none;\n    z-index: var(--z-dropdown);\n  }\n\n  .popup {\n    box-sizing: border-box;\n    padding: var(--space-1) 0;\n    border-radius: var(--radius-lg);\n    background-color: var(--color-overlay);\n    border: var(--border-width-base) solid var(--color-line);\n    box-shadow: var(--shadow-popover);\n    color: var(--color-primary);\n    font-family: var(--font-sans);\n    font-size: var(--font-size-md);\n    min-width: 220px;\n    transform-origin: var(--transform-origin);\n    outline: none;\n    transition:\n      opacity 150ms var(--easing-ease-out),\n      transform 150ms var(--easing-ease-out);\n  }\n\n  @supports (backdrop-filter: blur(20px)) {\n    .popup {\n      backdrop-filter: blur(20px) saturate(1.8);\n      -webkit-backdrop-filter: blur(20px) saturate(1.8);\n    }\n  }\n\n  .popup[data-starting-style] {\n    opacity: 0;\n    transform: scale(0.97);\n  }\n\n  .popup[data-ending-style] {\n    opacity: 0;\n    transform: scale(0.99);\n    transition:\n      opacity 75ms var(--easing-ease-in),\n      transform 75ms var(--easing-ease-in);\n  }\n\n  /* ─── Trigger area ───────────────────────────────────────────── */\n\n  .trigger {\n    display: block;\n    outline: none;\n    user-select: none;\n    -webkit-user-select: none;\n    cursor: default;\n  }\n\n  /* ─── Item ───────────────────────────────────────────────────── */\n\n  .item {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    /* Full-width — no inset margin */\n    padding: var(--space-1) var(--space-4);\n    font-family: var(--font-sans);\n    font-size: var(--font-size-md);\n    color: var(--color-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    position: relative;\n    transition: none;\n  }\n\n  .item[data-highlighted] {\n    background-color: var(--color-accent);\n    color: var(--color-on-accent);\n  }\n\n  .item[data-disabled] {\n    opacity: 0.36;\n    cursor: not-allowed;\n  }\n\n  /* ─── Item internals ─────────────────────────────────────────── */\n\n  .item-icon {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: inherit;\n  }\n\n  .item-label {\n    flex: 1;\n  }\n\n  .item-shortcut {\n    margin-left: var(--space-8);\n    font-size: var(--font-size-sm);\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n  }\n\n  .item[data-highlighted] .item-shortcut {\n    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);\n  }\n\n  .submenu-icon {\n    margin-left: auto;\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n  }\n\n  .item[data-highlighted] .submenu-icon,\n  .submenu-trigger[data-highlighted] .submenu-icon {\n    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);\n  }\n\n  /* ─── Submenu trigger ────────────────────────────────────────── */\n\n  .submenu-trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    padding: var(--space-1) var(--space-4);\n    font-family: var(--font-sans);\n    font-size: var(--font-size-md);\n    color: var(--color-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    transition: none;\n  }\n\n  .submenu-trigger[data-highlighted],\n  .submenu-trigger[data-popup-open] {\n    background-color: var(--color-accent);\n    color: var(--color-on-accent);\n  }\n\n  .submenu-trigger[data-disabled] {\n    opacity: 0.36;\n    cursor: not-allowed;\n  }\n\n  /* ─── Group label ────────────────────────────────────────────── */\n\n  .group-label {\n    padding: var(--space-1) var(--space-4) var(--space-0-5);\n    font-family: var(--font-sans);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-tertiary);\n    text-transform: uppercase;\n    letter-spacing: var(--letter-spacing-wide);\n    cursor: default;\n    user-select: none;\n  }\n\n  /* ─── Separator ──────────────────────────────────────────────── */\n  .separator {\n    margin: var(--space-1) var(--space-4);\n    height: var(--border-width-base);\n    background-color: var(--color-line-subtle);\n  }\n}\n"],"mappings":";AAsBA,IAAA,8BAAE;CAAA,eAAA;CAAA,QAAA;CAAA,aAAA;CAAA,cAAA;CAAA,iBAAA;CAAA,SAAA;CAAA,cAAA;CAAA,aAAA;CAAA,gBAAA;CAAA,mBAAA;CAAA,WAAA;CAAA"}

package/dist/context-menu/index.d.ts

@@ -0,0 +1,3 @@
+import { ContextMenu, ContextMenuEntry, ContextMenuGroupDef, ContextMenuItemDef, ContextMenuProps, ContextMenuSeparatorDef, styles } from "./context-menu.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerProps } from "./parts.js";
+export { ContextMenu, type ContextMenuEntry, ContextMenuGroup, type ContextMenuGroupDef, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemDef, type ContextMenuItemProps, ContextMenuPopup, type ContextMenuPopupProps, type ContextMenuProps, ContextMenuSeparator, type ContextMenuSeparatorDef, type ContextMenuSeparatorProps, styles as ContextMenuStyles, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps };

package/dist/context-menu/index.js

@@ -0,0 +1,4 @@
+import context_menu_module_default from "./context-menu.module.js";
+import { ContextMenu } from "./context-menu.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, ContextMenuSubmenuTrigger } from "./parts.js";
+export { ContextMenu, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, context_menu_module_default as ContextMenuStyles, ContextMenuSubmenuTrigger };

package/dist/context-menu/parts.d.ts

@@ -0,0 +1,38 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/context-menu/parts.d.ts
+type BasePopupProps = ComponentPropsWithoutRef<typeof ContextMenu.Popup>;
+type BaseItemProps = ComponentPropsWithoutRef<typeof ContextMenu.Item>;
+type BaseSeparatorProps = ComponentPropsWithoutRef<typeof ContextMenu.Separator>;
+type BaseGroupProps = ComponentPropsWithoutRef<typeof ContextMenu.Group>;
+type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof ContextMenu.GroupLabel>;
+type BaseSubmenuTriggerProps = ComponentPropsWithoutRef<typeof ContextMenu.SubmenuTrigger>;
+interface ContextMenuPopupProps extends Omit<BasePopupProps, "className"> {
+  className?: string;
+}
+interface ContextMenuItemProps extends Omit<BaseItemProps, "className"> {
+  className?: string;
+}
+interface ContextMenuSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
+  className?: string;
+}
+interface ContextMenuGroupProps extends Omit<BaseGroupProps, "className"> {
+  className?: string;
+}
+interface ContextMenuGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
+  className?: string;
+}
+interface ContextMenuSubmenuTriggerProps extends Omit<BaseSubmenuTriggerProps, "className"> {
+  className?: string;
+}
+declare const ContextMenuPopup: react.ForwardRefExoticComponent<ContextMenuPopupProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLElement>>;
+declare const ContextMenuSeparator: react.ForwardRefExoticComponent<ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuGroup: react.ForwardRefExoticComponent<ContextMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuGroupLabel: react.ForwardRefExoticComponent<ContextMenuGroupLabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubmenuTrigger: react.ForwardRefExoticComponent<ContextMenuSubmenuTriggerProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerProps };
+//# sourceMappingURL=parts.d.ts.map

package/dist/context-menu/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/context-menu/parts.tsx"],"mappings":";;;;;KA4BK,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,aAAA,GAAgB,wBAAA,QAAgC,WAAA,CAAgB,IAAA;AAAA,KAChE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,mBAAA,GAAsB,wBAAA,QAAgC,WAAA,CAAgB,UAAA;AAAA,KACtE,uBAAA,GAA0B,wBAAA,QAAgC,WAAA,CAAgB,cAAA;AAAA,UAE9D,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,oBAAA,SAA6B,IAAA,CAAK,aAAA;EACjD,SAAA;AAAA;AAAA,UAEe,yBAAA,SAAkC,IAAA,CAAK,kBAAA;EACtD,SAAA;AAAA;AAAA,UAEe,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,0BAAA,SAAmC,IAAA,CAAK,mBAAA;EACvD,SAAA;AAAA;AAAA,UAEe,8BAAA,SAAuC,IAAA,CAAK,uBAAA;EAC3D,SAAA;AAAA;AAAA,cAGW,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOf,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAMpB,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,qBAAA,EAAqB,KAAA,CAAA,yBAAA,CAAA,0BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAMrB,yBAAA,EAAyB,KAAA,CAAA,yBAAA,CAAA,8BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA"}