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

package/dist/components/calendar/styles.cjs

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var calendar = {
+  base: {
+    kzqmXN: "musaex-eq5yr9",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    k1C7PZ: "musaex-1bu9cvf",
+    kg3NbH: "musaex-81lxrv",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  heading: {
+    kUk6DE: "musaex-98rzlu",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    $$css: true
+  },
+  body: {
+    kLvRdT: "musaex-1vathgz",
+    kheTzg: "musaex-4jqler",
+    $$css: true
+  }
+};
+var hooks = {
+  cell: {
+    kZKoxP: "musaex-4etbzz",
+    kzqmXN: "musaex-fzmvr9",
+    kmVPX3: "musaex-1n775ky",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  header: {
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  date: {
+    kVAEAm: "musaex-1n2onr6",
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    kLkRvE: "musaex-14lex9m",
+    kgzTxl: "musaex-4dflte",
+    $$css: true
+  },
+  hidden: {
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  },
+  range: {
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-vgnsxj",
+    $$css: true
+  },
+  from: {
+    kSJ0CW: "musaex-fbisj7",
+    koaPKo: "musaex-vgnsxj",
+    $$css: true
+  },
+  to: {
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-1gkks1t",
+    $$css: true
+  },
+  trigger: {
+    kogj98: "musaex-zzs3sa",
+    $$css: true
+  }
+};
+var contributionCalendar = {
+  base: {
+    kLvRdT: "musaex-1vathgz",
+    kheTzg: "musaex-4jqler",
+    $$css: true
+  },
+  scrollable: {
+    ks0D6T: "musaex-1t8xbu",
+    kVQacm: "musaex-ysyzu8",
+    $$css: true
+  }
+};
+var cell = {
+  base: {
+    k7Eaqz: "musaex-brgm1n",
+    kAzted: "musaex-5g0ifs",
+    kmVPX3: "musaex-1n775ky",
+    kaIpWk: "musaex-1xa9b2s",
+    kkrTdU: "musaex-1ypdohk",
+    kWkggS: "musaex-19fix8x",
+    $$css: true
+  }
+};
+var weekday = {
+  cell: {
+    kmVPX3: "musaex-1717udv",
+    $$css: true
+  },
+  base: {
+    kZKoxP: "musaex-xxg8xw",
+    kVQacm: "musaex-1rea2x4",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  }
+};
+var month = {
+  cell: {
+    kmVPX3: "musaex-1717udv",
+    kVAEAm: "musaex-1n2onr6",
+    $$css: true
+  },
+  leading: {
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  },
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    $$css: true
+  }
+};
+var legend = {
+  base: {
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-13mmbl6",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-13a6bvl",
+    $$css: true
+  }
+};
+var levels = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kOIVth: "musaex-15wobh7",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  },
+  level: {
+    kzqmXN: "musaex-1k7pija",
+    kZKoxP: "musaex-xxg8xw",
+    kaIpWk: "musaex-1xa9b2s",
+    $$css: true
+  }
+};
+var styles = {
+  calendar: calendar,
+  hooks: hooks,
+  contributionCalendar: contributionCalendar,
+  cell: cell,
+  weekday: weekday,
+  month: month,
+  legend: legend,
+  levels: levels
+};
+
+exports.default = styles;

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

@@ -0,0 +1,133 @@
+declare const styles: {
+    calendar: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "fit-content">;
+        }>;
+        readonly header: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly columnGap: import("@stylexjs/stylex").StyleXClassNameFor<"columnGap", string>;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+        }>;
+        readonly heading: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+        }>;
+        readonly body: Readonly<{
+            readonly borderCollapse: import("@stylexjs/stylex").StyleXClassNameFor<"borderCollapse", "separate">;
+            readonly borderSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"borderSpacing", string>;
+        }>;
+    }>;
+    hooks: Readonly<{
+        readonly cell: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly textAlign: import("@stylexjs/stylex").StyleXClassNameFor<"textAlign", "center">;
+        }>;
+        readonly header: Readonly<{
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+        }>;
+        readonly date: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly backgroundColor: "var(--color-secondary-container)";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+        readonly hidden: Readonly<{
+            readonly visibility: import("@stylexjs/stylex").StyleXClassNameFor<"visibility", "hidden">;
+        }>;
+        readonly range: Readonly<{
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly insetInlineStart: `calc(${import("@stylexjs/stylex").StyleXVar<string>} * -1)`;
+                readonly insetInlineEnd: `calc(${import("@stylexjs/stylex").StyleXVar<string>} * -1)`;
+            }>;
+        }>;
+        readonly from: Readonly<{
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly insetInlineStart: "50%";
+                readonly insetInlineEnd: `calc(${import("@stylexjs/stylex").StyleXVar<string>} * -1)`;
+            }>;
+        }>;
+        readonly to: Readonly<{
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly insetInlineStart: `calc(${import("@stylexjs/stylex").StyleXVar<string>} * -1)`;
+                readonly insetInlineEnd: "50%";
+            }>;
+        }>;
+        readonly trigger: Readonly<{
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+        }>;
+    }>;
+    contributionCalendar: Readonly<{
+        readonly base: Readonly<{
+            readonly borderCollapse: import("@stylexjs/stylex").StyleXClassNameFor<"borderCollapse", "separate">;
+            readonly borderSpacing: import("@stylexjs/stylex").StyleXClassNameFor<"borderSpacing", string>;
+        }>;
+        readonly scrollable: Readonly<{
+            readonly maxWidth: import("@stylexjs/stylex").StyleXClassNameFor<"maxWidth", "max-content">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "auto">;
+        }>;
+    }>;
+    cell: Readonly<{
+        readonly base: Readonly<{
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+        }>;
+    }>;
+    weekday: Readonly<{
+        readonly cell: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", 0>;
+        }>;
+        readonly base: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "visible">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        }>;
+    }>;
+    month: Readonly<{
+        readonly cell: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", 0>;
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+        }>;
+        readonly leading: Readonly<{
+            readonly visibility: import("@stylexjs/stylex").StyleXClassNameFor<"visibility", "hidden">;
+        }>;
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly insetBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetBlockStart", 0>;
+            readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", 0>;
+        }>;
+    }>;
+    legend: Readonly<{
+        readonly base: Readonly<{
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "flex-end">;
+        }>;
+    }>;
+    levels: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        }>;
+        readonly level: 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>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/calendar/styles.mjs

@@ -0,0 +1,157 @@
+var calendar = {
+  base: {
+    kzqmXN: "musaex-eq5yr9",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    k1C7PZ: "musaex-1bu9cvf",
+    kg3NbH: "musaex-81lxrv",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  heading: {
+    kUk6DE: "musaex-98rzlu",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    $$css: true
+  },
+  body: {
+    kLvRdT: "musaex-1vathgz",
+    kheTzg: "musaex-4jqler",
+    $$css: true
+  }
+};
+var hooks = {
+  cell: {
+    kZKoxP: "musaex-4etbzz",
+    kzqmXN: "musaex-fzmvr9",
+    kmVPX3: "musaex-1n775ky",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  header: {
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  date: {
+    kVAEAm: "musaex-1n2onr6",
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    kLkRvE: "musaex-14lex9m",
+    kgzTxl: "musaex-4dflte",
+    $$css: true
+  },
+  hidden: {
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  },
+  range: {
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-vgnsxj",
+    $$css: true
+  },
+  from: {
+    kSJ0CW: "musaex-fbisj7",
+    koaPKo: "musaex-vgnsxj",
+    $$css: true
+  },
+  to: {
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-1gkks1t",
+    $$css: true
+  },
+  trigger: {
+    kogj98: "musaex-zzs3sa",
+    $$css: true
+  }
+};
+var contributionCalendar = {
+  base: {
+    kLvRdT: "musaex-1vathgz",
+    kheTzg: "musaex-4jqler",
+    $$css: true
+  },
+  scrollable: {
+    ks0D6T: "musaex-1t8xbu",
+    kVQacm: "musaex-ysyzu8",
+    $$css: true
+  }
+};
+var cell = {
+  base: {
+    k7Eaqz: "musaex-brgm1n",
+    kAzted: "musaex-5g0ifs",
+    kmVPX3: "musaex-1n775ky",
+    kaIpWk: "musaex-1xa9b2s",
+    kkrTdU: "musaex-1ypdohk",
+    kWkggS: "musaex-19fix8x",
+    $$css: true
+  }
+};
+var weekday = {
+  cell: {
+    kmVPX3: "musaex-1717udv",
+    $$css: true
+  },
+  base: {
+    kZKoxP: "musaex-xxg8xw",
+    kVQacm: "musaex-1rea2x4",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  }
+};
+var month = {
+  cell: {
+    kmVPX3: "musaex-1717udv",
+    kVAEAm: "musaex-1n2onr6",
+    $$css: true
+  },
+  leading: {
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  },
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    $$css: true
+  }
+};
+var legend = {
+  base: {
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-13mmbl6",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-13a6bvl",
+    $$css: true
+  }
+};
+var levels = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kOIVth: "musaex-15wobh7",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  },
+  level: {
+    kzqmXN: "musaex-1k7pija",
+    kZKoxP: "musaex-xxg8xw",
+    kaIpWk: "musaex-1xa9b2s",
+    $$css: true
+  }
+};
+var styles = {
+  calendar: calendar,
+  hooks: hooks,
+  contributionCalendar: contributionCalendar,
+  cell: cell,
+  weekday: weekday,
+  month: month,
+  legend: legend,
+  levels: levels
+};
+
+export { styles as default };

package/dist/components/card/actions.cjs

@@ -20,7 +20,7 @@ var CardActions = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var actionsStyled = stylex.props(styles.default.actions["default"]);
+  var actionsStyled = stylex.props(styles.default.actions.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.actions, className$1, actionsStyled.className),

package/dist/components/card/actions.mjs

@@ -16,7 +16,7 @@ var CardActions = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var actionsStyled = props(styles.actions["default"]);
+  var actionsStyled = props(styles.actions.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.actions, className, actionsStyled.className),

package/dist/components/card/body.cjs

@@ -19,7 +19,7 @@ var CardBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var bodyStyled = stylex.props(styles.default.body["default"]);
+  var bodyStyled = stylex.props(styles.default.body.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.body, className$1, bodyStyled.className),

package/dist/components/card/body.mjs

@@ -15,7 +15,7 @@ var CardBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var bodyStyled = props(styles.body["default"]);
+  var bodyStyled = props(styles.body.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.body, className, bodyStyled.className),

package/dist/components/card/card.cjs

@@ -69,7 +69,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (disabled) return;
     onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, onClick]);
-  var styled = stylex.props(styles.default.card["default"], styles.default.card[layout], styles.default.card[variant], interactive && styles.default.card.interactive, disabled && styles.default.card.disabled,
+  var styled = stylex.props(styles.default.card.base, styles.default.card[layout], styles.default.card[variant], interactive && styles.default.card.interactive, disabled && styles.default.card.disabled,
   // state-based elevation (only meaningful when interactive or dragged)
   interactive && variant === "outlined" && styles.default.elevationState.outlinedHover, isDragged && variant === "outlined" && styles.default.elevationState.outlinedDragged, interactive && variant === "elevated" && styles.default.elevationState.elevatedHover, isDragged && variant === "elevated" && styles.default.elevationState.elevatedDragged, isDragged && variant === "filled" && styles.default.elevationState.filledDragged,
   // state layer

package/dist/components/card/card.mjs

@@ -65,7 +65,7 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (disabled) return;
     onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, onClick]);
-  var styled = props(styles.card["default"], styles.card[layout], styles.card[variant], interactive && styles.card.interactive, disabled && styles.card.disabled,
+  var styled = props(styles.card.base, styles.card[layout], styles.card[variant], interactive && styles.card.interactive, disabled && styles.card.disabled,
   // state-based elevation (only meaningful when interactive or dragged)
   interactive && variant === "outlined" && styles.elevationState.outlinedHover, isDragged && variant === "outlined" && styles.elevationState.outlinedDragged, interactive && variant === "elevated" && styles.elevationState.elevatedHover, isDragged && variant === "elevated" && styles.elevationState.elevatedDragged, isDragged && variant === "filled" && styles.elevationState.filledDragged,
   // state layer

package/dist/components/card/content.cjs

@@ -22,7 +22,7 @@ var CardContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var contentStyled = stylex.props(styles.default.content["default"]);
+  var contentStyled = stylex.props(styles.default.content.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.content, className$1, contentStyled.className),

package/dist/components/card/content.mjs

@@ -18,7 +18,7 @@ var CardContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var contentStyled = props(styles.content["default"]);
+  var contentStyled = props(styles.content.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.content, className, contentStyled.className),

package/dist/components/card/header.cjs

@@ -30,12 +30,12 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useCardContext = context.useCardContext(),
     layout = _useCardContext.layout;
-  var headerStyled = stylex.props(styles.default.header["default"], styles.default.header[layout]);
-  var contentStyled = stylex.props(styles.default.headerContent["default"]);
-  var textStyled = stylex.props(styles.default.headerText["default"]);
-  var titleStyled = stylex.props(styles.default.headerTitle["default"]);
-  var subheadStyled = stylex.props(styles.default.headerSubhead["default"]);
-  stylex.props(styles.default.headerAction["default"]);
+  var headerStyled = stylex.props(styles.default.header.base, styles.default.header[layout]);
+  var contentStyled = stylex.props(styles.default.headerContent.base);
+  var textStyled = stylex.props(styles.default.headerText.base);
+  var titleStyled = stylex.props(styles.default.headerTitle.base);
+  var subheadStyled = stylex.props(styles.default.headerSubhead.base);
+  stylex.props(styles.default.headerAction.base);
   if (children) {
     return /*#__PURE__*/React.createElement("div", {
       ref: ref,

package/dist/components/card/header.mjs

@@ -26,12 +26,12 @@ var CardHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var classNames = useClassNames(CLASS_NAMES);
   var _useCardContext = useCardContext(),
     layout = _useCardContext.layout;
-  var headerStyled = props(styles.header["default"], styles.header[layout]);
-  var contentStyled = props(styles.headerContent["default"]);
-  var textStyled = props(styles.headerText["default"]);
-  var titleStyled = props(styles.headerTitle["default"]);
-  var subheadStyled = props(styles.headerSubhead["default"]);
-  props(styles.headerAction["default"]);
+  var headerStyled = props(styles.header.base, styles.header[layout]);
+  var contentStyled = props(styles.headerContent.base);
+  var textStyled = props(styles.headerText.base);
+  var titleStyled = props(styles.headerTitle.base);
+  var subheadStyled = props(styles.headerSubhead.base);
+  props(styles.headerAction.base);
   if (children) {
     return /*#__PURE__*/React.createElement("div", {
       ref: ref,

package/dist/components/card/headline.cjs

@@ -19,7 +19,7 @@ var CardHeadline = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var headlineStyled = stylex.props(styles.default.headline["default"]);
+  var headlineStyled = stylex.props(styles.default.headline.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.headline, className$1, headlineStyled.className),

package/dist/components/card/headline.mjs

@@ -15,7 +15,7 @@ var CardHeadline = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var headlineStyled = props(styles.headline["default"]);
+  var headlineStyled = props(styles.headline.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.headline, className, headlineStyled.className),

package/dist/components/card/media.cjs

@@ -28,7 +28,7 @@ var CardMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useCardContext = context.useCardContext(),
     layout = _useCardContext.layout;
-  var mediaStyled = stylex.props(styles.default.media["default"], styles.default.media[layout]);
+  var mediaStyled = stylex.props(styles.default.media.base, styles.default.media[layout]);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.media, className$1, mediaStyled.className),

package/dist/components/card/media.mjs

@@ -24,7 +24,7 @@ var CardMedia = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var classNames = useClassNames(CLASS_NAMES);
   var _useCardContext = useCardContext(),
     layout = _useCardContext.layout;
-  var mediaStyled = props(styles.media["default"], styles.media[layout]);
+  var mediaStyled = props(styles.media.base, styles.media[layout]);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.media, className, mediaStyled.className),