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

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

@@ -0,0 +1,96 @@
+declare const styles: {
+    step: Readonly<{
+        readonly base: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "grid">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly columnGap: import("@stylexjs/stylex").StyleXClassNameFor<"columnGap", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly pointerEvents: import("@stylexjs/stylex").StyleXClassNameFor<"pointerEvents", "none">;
+            readonly gridTemplateAreas: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateAreas", "'leading title' '. description'">;
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", "auto 1fr">;
+        }>;
+        readonly clickable: Readonly<{
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+            readonly pointerEvents: import("@stylexjs/stylex").StyleXClassNameFor<"pointerEvents", null>;
+        }>;
+    }>;
+    leading: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "leading">;
+        }>;
+        readonly tail: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly backgroundColor: "var(--color-primary)";
+                readonly insetBlockStart: "100%";
+                readonly insetInlineStart: `calc((100% - ${import("@stylexjs/stylex").StyleXVar<string>}) / 2)`;
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+    }>;
+    sign: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", `var(--size, ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", `var(--size, ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+        readonly doing: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary)">;
+        }>;
+        readonly done: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary-container)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary-container)">;
+        }>;
+        readonly todo: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-secondary)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--on-secondary)">;
+        }>;
+    }>;
+    title: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "title">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        }>;
+        readonly tail: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly backgroundColor: "var(--color-primary)";
+                readonly marginInlineStart: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly insetBlockStart: `calc((100% - ${import("@stylexjs/stylex").StyleXVar<string>}) / 2)`;
+            }>;
+        }>;
+    }>;
+    description: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "description">;
+        }>;
+    }>;
+    steps: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "flex-start">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+        readonly horizontal: Readonly<{
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "row">;
+        }>;
+        readonly vertical: Readonly<{
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/steps/styles.mjs

@@ -0,0 +1,113 @@
+var step = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    k1xSpc: "musaex-rvj5dj",
+    kGNEyG: "musaex-6s0dn4",
+    k1C7PZ: "musaex-1rxfirf",
+    kVQacm: "musaex-b3r6kr",
+    kfzvcC: "musaex-47corl",
+    kC13JO: "musaex-1tdxyq7",
+    kumcoG: "musaex-1pmbctz",
+    $$css: true
+  },
+  clickable: {
+    kkrTdU: "musaex-1ypdohk",
+    kfzvcC: null,
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    kJuA4N: "musaex-1kxrqrs",
+    $$css: true
+  },
+  tail: {
+    kVAEAm: "musaex-1n2onr6",
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    k4zj60: "musaex-1nohuj4",
+    kkgrvl: "musaex-1qndy6a",
+    ks3ayO: "musaex-gc2np",
+    k3foIR: "musaex-1srwf7z",
+    kc1e00: "musaex-avoipq",
+    kDzuh9: "musaex-1tkvk9y",
+    $$css: true
+  }
+};
+var sign = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kaIpWk: "musaex-shxsqp",
+    kVQacm: "musaex-b3r6kr",
+    kzqmXN: "musaex-1d3rvb1",
+    kZKoxP: "musaex-1e69kxh",
+    $$css: true
+  },
+  doing: {
+    kWkggS: "musaex-19fix8x",
+    kMwMTN: "musaex-1szb5uh",
+    $$css: true
+  },
+  done: {
+    kWkggS: "musaex-1ncffr6",
+    kMwMTN: "musaex-cm04b4",
+    $$css: true
+  },
+  todo: {
+    kWkggS: "musaex-1e1ffwq",
+    kMwMTN: "musaex-1lg5hlj",
+    $$css: true
+  }
+};
+var title = {
+  base: {
+    kJuA4N: "musaex-nyuz70",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  },
+  tail: {
+    kVAEAm: "musaex-1n2onr6",
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    k4zj60: "musaex-1uvvyix",
+    kkgrvl: "musaex-1oca1jw",
+    ks3ayO: "musaex-gc2np",
+    kJfJEs: "musaex-1qu101n",
+    k3foIR: "musaex-1rud92j",
+    $$css: true
+  }
+};
+var description = {
+  base: {
+    kJuA4N: "musaex-19tbii3",
+    $$css: true
+  }
+};
+var steps = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-1cy8zhl",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  horizontal: {
+    kXwgrk: "musaex-1q0g3np",
+    $$css: true
+  },
+  vertical: {
+    kXwgrk: "musaex-dt5ytf",
+    $$css: true
+  }
+};
+var styles = {
+  step: step,
+  leading: leading,
+  sign: sign,
+  title: title,
+  description: description,
+  steps: steps
+};
+
+export { styles as default };

package/dist/components/switch/styles.cjs

@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var supporting = {
+  base: {
+    kZKoxP: "musaex-qg7gut",
+    kzqmXN: "musaex-92755x",
+    kVQacm: "musaex-b3r6kr",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kMwMTN: "musaex-1heor9g",
+    k1ekBW: "musaex-bjh9w0",
+    kIyJzY: "musaex-1ptezny",
+    kZCmMZ: "musaex-4ufmrg",
+    kwRFfy: "musaex-10crppr",
+    $$css: true
+  },
+  checked: {
+    kZCmMZ: "musaex-4qvwnj",
+    kwRFfy: "musaex-17ch5fk",
+    $$css: true
+  },
+  child: {
+    kZKoxP: "musaex-qg7gut",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kMwMTN: "musaex-1heor9g",
+    k1ekBW: "musaex-1ve1rmq",
+    kIyJzY: "musaex-1ptezny",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    keTefX: "musaex-97orae",
+    k71WvV: "musaex-1m6ogap",
+    $$css: true
+  },
+  checked: {
+    keTefX: "musaex-1lziwak",
+    k71WvV: "musaex-14z9mp",
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    keoZOQ: "musaex-e3hmvk",
+    k71WvV: "musaex-14z9mp",
+    keTefX: "musaex-1lziwak",
+    $$css: true
+  },
+  checked: {
+    k71WvV: "musaex-962lq5",
+    keTefX: "musaex-1i3arqa",
+    $$css: true
+  }
+};
+var styles = {
+  "switch": {
+    base: {
+      base: {
+        k7Eaqz: "musaex-14lk58v",
+        kzqmXN: "musaex-eq5yr9",
+        kZKoxP: "musaex-1si1pn3",
+        k1xSpc: "musaex-78zum5",
+        kGNEyG: "musaex-6s0dn4",
+        kVAEAm: "musaex-1n2onr6",
+        k1ekBW: "musaex-fagghw",
+        kIyJzY: "musaex-1ptezny",
+        kaIpWk: "musaex-shxsqp",
+        kMzoRj: "musaex-1xm4y21",
+        ksu8eU: "musaex-1y0btm7",
+        kVAM5u: "musaex-1t7i6ks",
+        kWkggS: "musaex-1mu49yl",
+        kMwMTN: "musaex-bq1wot",
+        kmVPX3: "musaex-1n775ky",
+        $$css: true
+      },
+      checked: {
+        kVAM5u: "musaex-9r1u3d",
+        kWkggS: "musaex-19fix8x",
+        kMwMTN: "musaex-1szb5uh",
+        $$css: true
+      }
+    },
+    disabled: {
+      base: {
+        kkrTdU: "musaex-1h6gzvc",
+        kVAM5u: "musaex-utl9qk",
+        kWkggS: "musaex-1ag9dze",
+        kMwMTN: "musaex-1ldep6k",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-1j73dxc",
+        kMwMTN: "musaex-d8bn1n",
+        $$css: true
+      }
+    }
+  },
+  slider: {
+    base: {
+      base: {
+        kaIpWk: "musaex-shxsqp",
+        kVAEAm: "musaex-10l6tqk",
+        k1ekBW: "musaex-fagghw",
+        kIyJzY: "musaex-1ptezny",
+        kWkggS: "musaex-9ip8r5",
+        kMwMTN: "musaex-14kusyn",
+        kZKoxP: "musaex-151xgyu",
+        kzqmXN: "musaex-1fdp3o3",
+        kLqNvP: "musaex-lrh9k8",
+        k1xSpc: "musaex-78zum5",
+        kGNEyG: "musaex-6s0dn4",
+        kjj79g: "musaex-l56j7k",
+        $$css: true
+      },
+      icon: {
+        kZKoxP: "musaex-pvxov6",
+        kzqmXN: "musaex-t4hhhd",
+        kLqNvP: "musaex-zwkl2s",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-1q2mt7c",
+        kMwMTN: "musaex-cm04b4",
+        kZKoxP: "musaex-pvxov6",
+        kzqmXN: "musaex-t4hhhd",
+        kSiTet: null,
+        kLqNvP: "musaex-16hpesl",
+        $$css: true
+      }
+    },
+    disabled: {
+      base: {
+        kSiTet: "musaex-1hpiskz",
+        kWkggS: "musaex-t23fqg",
+        kMwMTN: "musaex-14kusyn",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-k7eln3",
+        kMwMTN: "musaex-1ldep6k",
+        $$css: true
+      }
+    }
+  },
+  supporting: supporting,
+  leading: leading,
+  trailing: trailing
+};
+
+exports.default = styles;

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

@@ -0,0 +1,132 @@
+declare const styles: {
+    switch: {
+        base: Readonly<{
+            readonly base: Readonly<{
+                readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+                readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "fit-content">;
+                readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+                readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+                readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+                readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+                readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "all">;
+                readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+                readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+                readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+                readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+                readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline)">;
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-highest)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+                readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            }>;
+            readonly checked: Readonly<{
+                readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "transparent">;
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary)">;
+            }>;
+        }>;
+        disabled: Readonly<{
+            readonly base: Readonly<{
+                readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "not-allowed">;
+                readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-on-surface-opacity-12)">;
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-variant-opacity-12)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-38)">;
+            }>;
+            readonly checked: Readonly<{
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-12)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-surface)">;
+            }>;
+        }>;
+    };
+    slider: {
+        base: Readonly<{
+            readonly base: Readonly<{
+                readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+                readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+                readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "all">;
+                readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-variant)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-surface-container-highest)">;
+                readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+                readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+                readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", 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 icon: Readonly<{
+                readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+                readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+                readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", string>;
+            }>;
+            readonly checked: Readonly<{
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-primary)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary-container)">;
+                readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+                readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+                readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", null>;
+                readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", `calc(100% - ${import("@stylexjs/stylex").StyleXVar<string>} - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            }>;
+        }>;
+        disabled: Readonly<{
+            readonly base: Readonly<{
+                readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0.2>;
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-opacity-38)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-surface-container-highest)">;
+            }>;
+            readonly checked: Readonly<{
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface)">;
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-38)">;
+            }>;
+        }>;
+    };
+    supporting: Readonly<{
+        readonly base: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "inherit">;
+            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "padding-inline-start, padding-inline-end">;
+            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+            readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", `calc(${import("@stylexjs/stylex").StyleXVar<string>} + ${import("@stylexjs/stylex").StyleXVar<string>} * 4)`>;
+            readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", `calc(${import("@stylexjs/stylex").StyleXVar<string>} / 2 - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+        readonly checked: Readonly<{
+            readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", `calc(${import("@stylexjs/stylex").StyleXVar<string>} / 2 - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", `calc(${import("@stylexjs/stylex").StyleXVar<string>} + ${import("@stylexjs/stylex").StyleXVar<string>} * 4)`>;
+        }>;
+        readonly child: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "row">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "inherit">;
+            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "margin-inline-start, margin-inline-end">;
+            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+        }>;
+    }>;
+    leading: Readonly<{
+        readonly base: Readonly<{
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", `calc(-100% - ${import("@stylexjs/stylex").StyleXVar<string>} - ${import("@stylexjs/stylex").StyleXVar<string>} * 4 - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", `calc(100% + ${import("@stylexjs/stylex").StyleXVar<string>} + ${import("@stylexjs/stylex").StyleXVar<string>} * 4 + ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+        readonly checked: Readonly<{
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", 0>;
+            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", 0>;
+        }>;
+    }>;
+    trailing: Readonly<{
+        readonly base: Readonly<{
+            readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", `calc(-1 * ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", 0>;
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", 0>;
+        }>;
+        readonly checked: Readonly<{
+            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", `calc(-100% - ${import("@stylexjs/stylex").StyleXVar<string>} - ${import("@stylexjs/stylex").StyleXVar<string>} * 4 - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", `calc(100% + ${import("@stylexjs/stylex").StyleXVar<string>} + ${import("@stylexjs/stylex").StyleXVar<string>} * 4 + ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/switch/styles.mjs

@@ -0,0 +1,152 @@
+var supporting = {
+  base: {
+    kZKoxP: "musaex-qg7gut",
+    kzqmXN: "musaex-92755x",
+    kVQacm: "musaex-b3r6kr",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kMwMTN: "musaex-1heor9g",
+    k1ekBW: "musaex-bjh9w0",
+    kIyJzY: "musaex-1ptezny",
+    kZCmMZ: "musaex-4ufmrg",
+    kwRFfy: "musaex-10crppr",
+    $$css: true
+  },
+  checked: {
+    kZCmMZ: "musaex-4qvwnj",
+    kwRFfy: "musaex-17ch5fk",
+    $$css: true
+  },
+  child: {
+    kZKoxP: "musaex-qg7gut",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kMwMTN: "musaex-1heor9g",
+    k1ekBW: "musaex-1ve1rmq",
+    kIyJzY: "musaex-1ptezny",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    keTefX: "musaex-97orae",
+    k71WvV: "musaex-1m6ogap",
+    $$css: true
+  },
+  checked: {
+    keTefX: "musaex-1lziwak",
+    k71WvV: "musaex-14z9mp",
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    keoZOQ: "musaex-e3hmvk",
+    k71WvV: "musaex-14z9mp",
+    keTefX: "musaex-1lziwak",
+    $$css: true
+  },
+  checked: {
+    k71WvV: "musaex-962lq5",
+    keTefX: "musaex-1i3arqa",
+    $$css: true
+  }
+};
+var styles = {
+  "switch": {
+    base: {
+      base: {
+        k7Eaqz: "musaex-14lk58v",
+        kzqmXN: "musaex-eq5yr9",
+        kZKoxP: "musaex-1si1pn3",
+        k1xSpc: "musaex-78zum5",
+        kGNEyG: "musaex-6s0dn4",
+        kVAEAm: "musaex-1n2onr6",
+        k1ekBW: "musaex-fagghw",
+        kIyJzY: "musaex-1ptezny",
+        kaIpWk: "musaex-shxsqp",
+        kMzoRj: "musaex-1xm4y21",
+        ksu8eU: "musaex-1y0btm7",
+        kVAM5u: "musaex-1t7i6ks",
+        kWkggS: "musaex-1mu49yl",
+        kMwMTN: "musaex-bq1wot",
+        kmVPX3: "musaex-1n775ky",
+        $$css: true
+      },
+      checked: {
+        kVAM5u: "musaex-9r1u3d",
+        kWkggS: "musaex-19fix8x",
+        kMwMTN: "musaex-1szb5uh",
+        $$css: true
+      }
+    },
+    disabled: {
+      base: {
+        kkrTdU: "musaex-1h6gzvc",
+        kVAM5u: "musaex-utl9qk",
+        kWkggS: "musaex-1ag9dze",
+        kMwMTN: "musaex-1ldep6k",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-1j73dxc",
+        kMwMTN: "musaex-d8bn1n",
+        $$css: true
+      }
+    }
+  },
+  slider: {
+    base: {
+      base: {
+        kaIpWk: "musaex-shxsqp",
+        kVAEAm: "musaex-10l6tqk",
+        k1ekBW: "musaex-fagghw",
+        kIyJzY: "musaex-1ptezny",
+        kWkggS: "musaex-9ip8r5",
+        kMwMTN: "musaex-14kusyn",
+        kZKoxP: "musaex-151xgyu",
+        kzqmXN: "musaex-1fdp3o3",
+        kLqNvP: "musaex-lrh9k8",
+        k1xSpc: "musaex-78zum5",
+        kGNEyG: "musaex-6s0dn4",
+        kjj79g: "musaex-l56j7k",
+        $$css: true
+      },
+      icon: {
+        kZKoxP: "musaex-pvxov6",
+        kzqmXN: "musaex-t4hhhd",
+        kLqNvP: "musaex-zwkl2s",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-1q2mt7c",
+        kMwMTN: "musaex-cm04b4",
+        kZKoxP: "musaex-pvxov6",
+        kzqmXN: "musaex-t4hhhd",
+        kSiTet: null,
+        kLqNvP: "musaex-16hpesl",
+        $$css: true
+      }
+    },
+    disabled: {
+      base: {
+        kSiTet: "musaex-1hpiskz",
+        kWkggS: "musaex-t23fqg",
+        kMwMTN: "musaex-14kusyn",
+        $$css: true
+      },
+      checked: {
+        kWkggS: "musaex-k7eln3",
+        kMwMTN: "musaex-1ldep6k",
+        $$css: true
+      }
+    }
+  },
+  supporting: supporting,
+  leading: leading,
+  trailing: trailing
+};
+
+export { styles as default };