musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/search/styles.cjs

@@ -2,93 +2,276 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {
-  container: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kzqmXN: "musaex-92755x",
-      kZKoxP: "musaex-1s2k5h2",
-      kaIpWk: "musaex-shxsqp",
-      kWkggS: "musaex-1b8defr",
-      kGVxlE: "musaex-7u4mnu",
-      kB7OPa: "musaex-9f619",
-      k8WAf4: "musaex-6yerk0",
-      kZCmMZ: "musaex-1rl4tsp",
-      kwRFfy: "musaex-epcfto",
-      kOIVth: "musaex-xfrshk",
-      k1ekBW: "musaex-15wldfd",
-      kIyJzY: "musaex-1ptezny",
-      k6sLGO: "musaex-1sj8a8t",
-      knuKkz: "musaex-8pombj",
-      $$css: true
-    },
-    disabled: {
-      kWkggS: "musaex-1fbjual",
-      kMwMTN: "musaex-1ldep6k",
-      kGVxlE: "musaex-yb4mll",
-      kkrTdU: "musaex-1h6gzvc",
-      knuKkz: "musaex-1utxejx",
-      $$css: true
-    },
-    withSearchButton: {
-      kwRFfy: null,
-      $$css: true
-    }
+var container = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-3nfvp2",
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-19tpzfy",
+    ks0D6T: "musaex-wzqzfi",
+    $$css: true
+  }
+};
+var field = {
+  root: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-1rdiejn",
+    kZKoxP: "musaex-1s2k5h2",
+    kogj98: "musaex-q3gua8",
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-ipt7de",
+    kWkggS: "musaex-1b8defr",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ed109x",
+    $$css: true
+  },
+  enabled: {
+    kSReZ0: "musaex-usidmp",
+    $$css: true
+  },
+  pill: {
+    kaIpWk: "musaex-shxsqp",
+    $$css: true
+  },
+  standard: {
+    kZKoxP: "musaex-qg7gut",
+    kaIpWk: "musaex-mgj2z",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: "musaex-1j73dxc",
+    kMwMTN: "musaex-1ldep6k",
+    kkrTdU: "musaex-t0e3qv",
+    $$css: true
+  }
+};
+var fieldInput = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    k7Eaqz: "musaex-1rdiejn",
+    kZKoxP: "musaex-kyvkcq",
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    kMzoRj: "musaex-k59kd",
+    kI3sdo: "musaex-4fx59i",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-1j14bxn",
+    knGrYV: "musaex-l7pqhg",
+    kGuDYH: "musaex-1qlqyl8",
+    kLWn49: "musaex-15bjb6t",
+    k8Qsv1: "musaex-19r3k9r",
+    $$css: true
+  },
+  disabled: {
+    kMwMTN: "musaex-1ldep6k",
+    k8Qsv1: "musaex-1tfpmi6",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kMwMTN: "musaex-bq1wot",
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    kwRFfy: "musaex-epcfto",
+    $$css: true
+  }
+};
+var clear = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    kaIpWk: "musaex-shxsqp",
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+var searchButton = {
+  base: {
+    kmuXW: "musaex-2lah0s",
+    k71WvV: "musaex-nvd5go",
+    kIxVMA: "musaex-jizfy5",
+    kqGeR4: "musaex-yjjj70",
+    ksF3WI: "musaex-210sh3",
+    kYm2EN: "musaex-qk21nw",
+    $$css: true
+  }
+};
+var view = {
+  root: {
+    kVAEAm: "musaex-ixxii4",
+    kpwlN0: "musaex-sl765j",
+    kY2c9j: "musaex-p1v8q3",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    $$css: true
+  },
+  modalRoot: {
+    kmVPX3: "musaex-1gjhikt",
+    $$css: true
+  },
+  overlay: {
+    kVAEAm: "musaex-10l6tqk",
+    kpwlN0: "musaex-sl765j",
+    kWkggS: "musaex-11we2rp",
+    kSiTet: "musaex-17l7b8s",
+    $$css: true
+  },
+  panel: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kB7OPa: "musaex-9f619",
+    kVQacm: "musaex-b3r6kr",
+    kWkggS: "musaex-1b8defr",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  modal: {
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-19tpzfy",
+    ks0D6T: "musaex-wzqzfi",
+    kAzted: "musaex-1t89waw",
+    kaIpWk: "musaex-17ybn5r",
+    $$css: true
+  },
+  fullScreen: {
+    kzqmXN: "musaex-92755x",
+    kZKoxP: "musaex-qg7gut",
+    kaIpWk: "musaex-mgj2z",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kmuXW: "musaex-2lah0s",
+    kfdmCh: "musaex-1q0q8m5",
+    kt9PQ7: "musaex-d1xpcx",
+    kL6WhQ: "musaex-ubuf2d",
+    $$css: true
+  },
+  modalHeader: {
+    kZKoxP: "musaex-1s2k5h2",
+    $$css: true
+  },
+  fullScreenHeader: {
+    kZKoxP: "musaex-gnqa1e",
+    $$css: true
+  },
+  action: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kmVPX3: "musaex-1nskiab",
+    kMzoRj: "musaex-k59kd",
+    kaIpWk: "musaex-shxsqp",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var resultList = {
+  root: {
+    kzQI83: "musaex-1iyjqo2",
+    kAzted: "musaex-aw5wtj",
+    kORKVm: "musaex-1odjw0f",
+    k8WAf4: "musaex-a0rzc7",
+    $$css: true
+  },
+  item: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kAzted: "musaex-1szcog6",
+    kg3NbH: "musaex-1pyhihf",
+    kOIVth: "musaex-g4b44g",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  },
+  activeItem: {
+    kWkggS: "musaex-1fbjual",
+    $$css: true
+  },
+  disabledItem: {
+    kkrTdU: "musaex-t0e3qv",
+    kSiTet: "musaex-15anptp",
+    $$css: true
   },
   leading: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kzqmXN: "musaex-19dbm5w",
-      kZKoxP: "musaex-12ez60q",
-      kmuXW: "musaex-2lah0s",
-      kMwMTN: "musaex-bq1wot",
-      keTefX: "musaex-1y714p4",
-      $$css: true
-    }
-  },
-  input: {
-    "default": {
-      kT0RAg: "musaex-19h0how",
-      kHUTPI: "musaex-4v1e0s",
-      k7rxBM: "musaex-1me2y4k",
-      kil8hD: "musaex-1jcey5v",
-      kquBjY: "musaex-yttm51",
-      $$css: true
-    }
-  },
-  clear: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kzqmXN: "musaex-19dbm5w",
-      kZKoxP: "musaex-12ez60q",
-      kmuXW: "musaex-2lah0s",
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-jbqb8w",
-      kMwMTN: "musaex-bq1wot",
-      kkrTdU: "musaex-1ypdohk",
-      kaIpWk: "musaex-shxsqp",
-      kmVPX3: "musaex-1n775ky",
-      k71WvV: "musaex-1j0o5cy",
-      kHE3J0: "musaex-m45hjz",
-      $$css: true
-    }
-  },
-  searchButton: {
-    "default": {
-      kmuXW: "musaex-2lah0s",
-      k71WvV: "musaex-nvd5go",
-      kIxVMA: "musaex-jizfy5",
-      kqGeR4: "musaex-yjjj70",
-      ksF3WI: "musaex-210sh3",
-      kYm2EN: "musaex-qk21nw",
-      $$css: true
-    }
+    k1xSpc: "musaex-3nfvp2",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kzQI83: "musaex-1iyjqo2",
+    k7Eaqz: "musaex-1rdiejn",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  label: {
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  supportingText: {
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  },
+  trailing: {
+    k1xSpc: "musaex-3nfvp2",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
   }
 };
+var styles = {
+  container: container,
+  field: field,
+  fieldInput: fieldInput,
+  leading: leading,
+  trailing: trailing,
+  clear: clear,
+  searchButton: searchButton,
+  view: view,
+  resultList: resultList
+};
 
 exports.default = styles;

package/dist/components/search/styles.d.ts

@@ -1,68 +1,99 @@
 declare const styles: {
     container: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly maxWidth: import("@stylexjs/stylex").StyleXClassNameFor<"maxWidth", string>;
+        }>;
+    }>;
+    field: Readonly<{
+        readonly root: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
             readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
             readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
-            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
-            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-high)">;
-            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-outline) inset`>;
-            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
             readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
-            readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", string>;
-            readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", string>;
-            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
-            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "box-shadow, background-color">;
-            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
-            readonly willChange: import("@stylexjs/stylex").StyleXClassNameFor<"willChange", "box-shadow">;
-            readonly ":focus-within": import("@stylexjs/stylex").StyleXClassNameFor<":focus-within", {
-                readonly boxShadow: `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-primary) inset`;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-high)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "text">;
+        }>;
+        readonly enabled: Readonly<{
+            readonly ":active": import("@stylexjs/stylex").StyleXClassNameFor<":active", {
+                readonly backgroundColor: `color-mix(in srgb, var(--color-on-surface) ${number}%, var(--color-surface-container-high))`;
             }>;
         }>;
+        readonly pill: Readonly<{
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly standard: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
         readonly disabled: Readonly<{
-            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-08)">;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-12)">;
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-38)">;
-            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-on-surface-opacity-38) inset`>;
-            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "not-allowed">;
-            readonly ":focus-within": import("@stylexjs/stylex").StyleXClassNameFor<":focus-within", {
-                readonly boxShadow: `0px 0px 0px ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-on-surface-opacity-38) inset`;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "default">;
+        }>;
+    }>;
+    fieldInput: Readonly<{
+        readonly base: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly outline: import("@stylexjs/stylex").StyleXClassNameFor<"outline", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "transparent">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface)">;
+            readonly caretColor: import("@stylexjs/stylex").StyleXClassNameFor<"caretColor", "var(--color-primary)">;
+            readonly fontSize: import("@stylexjs/stylex").StyleXClassNameFor<"fontSize", "inherit">;
+            readonly lineHeight: import("@stylexjs/stylex").StyleXClassNameFor<"lineHeight", "inherit">;
+            readonly "::placeholder": import("@stylexjs/stylex").StyleXClassNameFor<"::placeholder", {
+                readonly color: "var(--color-on-surface-variant)";
             }>;
         }>;
-        readonly withSearchButton: Readonly<{
-            readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", null>;
+        readonly disabled: Readonly<{
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-38)">;
+            readonly "::placeholder": import("@stylexjs/stylex").StyleXClassNameFor<"::placeholder", {
+                readonly color: "var(--color-on-surface-opacity-38)";
+            }>;
         }>;
     }>;
     leading: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
             readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
             readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
             readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
             readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
-            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
         }>;
     }>;
-    input: Readonly<{
-        readonly default: Readonly<{
-            readonly ":not(#\\#)": import("@stylexjs/stylex").StyleXClassNameFor<":not(#\\#)", {
-                readonly fontSize: import("@stylexjs/stylex").StyleXVar<string>;
-                readonly boxShadow: "none";
-                readonly borderRadius: import("@stylexjs/stylex").StyleXVar<string>;
-                readonly backgroundColor: "transparent";
-            }>;
-            readonly ":focus-within:not(#\\#)": import("@stylexjs/stylex").StyleXClassNameFor<":focus-within:not(#\\#)", {
-                readonly boxShadow: "none";
-            }>;
+    trailing: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", string>;
         }>;
     }>;
     clear: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
             readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
             readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
             readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
             readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
@@ -72,16 +103,10 @@ declare const styles: {
             readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
             readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
             readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
-            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", string>;
-            readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly "@media (hover: hover)": {
-                    readonly backgroundColor: "var(--color-on-surface-variant-opacity-08)";
-                };
-            }>;
         }>;
     }>;
     searchButton: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
             readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", string>;
             readonly borderTopLeftRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopLeftRadius", string>;
@@ -90,5 +115,124 @@ declare const styles: {
             readonly borderBottomRightRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomRightRadius", string>;
         }>;
     }>;
+    view: Readonly<{
+        readonly root: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "fixed">;
+            readonly inset: import("@stylexjs/stylex").StyleXClassNameFor<"inset", string>;
+            readonly zIndex: import("@stylexjs/stylex").StyleXClassNameFor<"zIndex", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+        }>;
+        readonly modalRoot: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+        readonly overlay: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly inset: import("@stylexjs/stylex").StyleXClassNameFor<"inset", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-dim)">;
+            readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0.8>;
+        }>;
+        readonly panel: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-high)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+        }>;
+        readonly modal: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly maxWidth: import("@stylexjs/stylex").StyleXClassNameFor<"maxWidth", string>;
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly fullScreen: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly header: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+            readonly borderBlockEndStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderBlockEndStyle", "solid">;
+            readonly borderBlockEndWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBlockEndWidth", string>;
+            readonly borderBlockEndColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderBlockEndColor", "var(--color-outline)">;
+        }>;
+        readonly modalHeader: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly fullScreenHeader: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly action: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "transparent">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+        }>;
+    }>;
+    resultList: Readonly<{
+        readonly root: Readonly<{
+            readonly flexGrow: import("@stylexjs/stylex").StyleXClassNameFor<"flexGrow", 1>;
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            readonly overflowY: import("@stylexjs/stylex").StyleXClassNameFor<"overflowY", "auto">;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+        }>;
+        readonly item: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+        }>;
+        readonly activeItem: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-08)">;
+        }>;
+        readonly disabledItem: Readonly<{
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "default">;
+            readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0.38>;
+        }>;
+        readonly leading: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+        }>;
+        readonly content: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly flexGrow: import("@stylexjs/stylex").StyleXClassNameFor<"flexGrow", 1>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+        readonly label: Readonly<{
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+        }>;
+        readonly supportingText: Readonly<{
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly textOverflow: import("@stylexjs/stylex").StyleXClassNameFor<"textOverflow", "ellipsis">;
+            readonly whiteSpace: import("@stylexjs/stylex").StyleXClassNameFor<"whiteSpace", "nowrap">;
+        }>;
+        readonly trailing: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+        }>;
+    }>;
 };
 export default styles;