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

package/dist/components/button/styles.mjs

@@ -1,54 +1,105 @@
 import { $headline, $title, $label } from '../theme/theme.mjs';
 
-var styles = {
-  button: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kOIVth: "musaex-1wm2zkp",
-      k1ekBW: "musaex-1yyhn7k",
-      kIyJzY: "musaex-1dg6om",
-      k6sLGO: "musaex-19v51jg",
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-jbqb8w",
-      kVQacm: "musaex-b3r6kr",
-      khDVqt: "musaex-uxw1ft",
-      kg5iWk: "musaex-lyipyv",
-      kkrTdU: "musaex-1ypdohk",
-      kMv6JI: "musaex-jb2p0i",
-      kB7OPa: "musaex-9f619",
-      kZKoxP: "musaex-g7h5cd",
-      kmuXW: "musaex-2lah0s",
-      $$css: true
-    },
-    rippleable: {
-      kVAEAm: "musaex-1n2onr6",
-      $$css: true
-    }
+var button = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kOIVth: "musaex-1wm2zkp",
+    k1ekBW: "musaex-1yyhn7k",
+    kIyJzY: "musaex-1dg6om",
+    k6sLGO: "musaex-19v51jg",
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-jbqb8w",
+    kVQacm: "musaex-b3r6kr",
+    khDVqt: "musaex-uxw1ft",
+    kg5iWk: "musaex-lyipyv",
+    kkrTdU: "musaex-1ypdohk",
+    kMv6JI: "musaex-jb2p0i",
+    kB7OPa: "musaex-9f619",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
   },
-  variant: {
-    filled: {
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-onffnr",
-      kMwMTN: "musaex-1nt3oiv",
-      kkqDRM: "musaex-52rqan",
-      $$css: true
-    },
-    outlined: {
-      kMzoRj: "musaex-1iyq3db",
-      ksu8eU: "musaex-1y0btm7",
-      kVAM5u: "musaex-1u22kak",
-      kMwMTN: "musaex-erz01e",
-      kHE3J0: "musaex-iy4r31",
-      $$css: true
-    },
-    text: {
-      kMwMTN: "musaex-erz01e",
-      kHE3J0: "musaex-iy4r31",
-      $$css: true
-    }
+  rippleable: {
+    kVAEAm: "musaex-1n2onr6",
+    $$css: true
+  }
+};
+var variant = {
+  filled: {
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-onffnr",
+    kMwMTN: "musaex-1nt3oiv",
+    kkqDRM: "musaex-52rqan",
+    $$css: true
+  },
+  outlined: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-1u22kak",
+    kMwMTN: "musaex-erz01e",
+    kHE3J0: "musaex-iy4r31",
+    $$css: true
+  },
+  text: {
+    kMwMTN: "musaex-erz01e",
+    kHE3J0: "musaex-iy4r31",
+    $$css: true
+  }
+};
+var size = {
+  xsmall: {
+    kZKoxP: "musaex-1si1pn3",
+    kg3NbH: "musaex-81lxrv",
+    $$css: true
+  },
+  small: {
+    kZKoxP: "musaex-12ez60q",
+    kg3NbH: "musaex-1v4gb6w",
+    $$css: true
+  },
+  medium: {
+    kZKoxP: "musaex-1s2k5h2",
+    kg3NbH: "musaex-1pyhihf",
+    $$css: true
+  },
+  large: {
+    kZKoxP: "musaex-1nrwtz4",
+    kg3NbH: "musaex-116ub19",
+    $$css: true
+  },
+  xlarge: {
+    kZKoxP: "musaex-1do9ykw",
+    kg3NbH: "musaex-sxb18w",
+    $$css: true
+  }
+};
+var disabled = {
+  base: {
+    kMwMTN: "musaex-1ldep6k",
+    kkrTdU: "musaex-1h6gzvc",
+    kGVxlE: null,
+    kVAM5u: null,
+    kWkggS: null,
+    kkqDRM: null,
+    $$css: true
+  },
+  filled: {
+    kWkggS: "musaex-1j73dxc",
+    $$css: true
+  },
+  outlined: {
+    kVAM5u: "musaex-1edbmam",
+    $$css: true
   },
+  text: {
+    kHE3J0: null,
+    $$css: true
+  }
+};
+var styles = {
+  button: button,
+  variant: variant,
   shape: {
     round: {
       medium: {
@@ -79,56 +130,8 @@ var styles = {
       }
     }
   },
-  size: {
-    xsmall: {
-      k8WAf4: "musaex-1nsg7hs",
-      kg3NbH: "musaex-81lxrv",
-      $$css: true
-    },
-    small: {
-      k8WAf4: "musaex-bge23m",
-      kg3NbH: "musaex-1v4gb6w",
-      $$css: true
-    },
-    medium: {
-      k8WAf4: "musaex-1aur8i7",
-      kg3NbH: "musaex-1pyhihf",
-      $$css: true
-    },
-    large: {
-      k8WAf4: "musaex-gr5jxa",
-      kg3NbH: "musaex-116ub19",
-      $$css: true
-    },
-    xlarge: {
-      k8WAf4: "musaex-1a4cq7x",
-      kg3NbH: "musaex-sxb18w",
-      $$css: true
-    }
-  },
-  disabled: {
-    "default": {
-      kMwMTN: "musaex-1ldep6k",
-      kkrTdU: "musaex-1h6gzvc",
-      kGVxlE: null,
-      kVAM5u: null,
-      kWkggS: null,
-      kkqDRM: null,
-      $$css: true
-    },
-    filled: {
-      kWkggS: "musaex-1j73dxc",
-      $$css: true
-    },
-    outlined: {
-      kVAM5u: "musaex-1edbmam",
-      $$css: true
-    },
-    text: {
-      kHE3J0: null,
-      $$css: true
-    }
-  }
+  size: size,
+  disabled: disabled
 };
 /**
  * `Button` `Typography`

package/dist/components/calendar/calendar.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var hooks = require('./hooks.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
@@ -17,22 +18,6 @@ var keyboardArrowLeft = require('../icon/icons/hardware/keyboard-arrow-left.cjs'
 var keyboardArrowRight = require('../icon/icons/hardware/keyboard-arrow-right.cjs');
 var keyboardDoubleArrowRight = require('../icon/icons/hardware/keyboard-double-arrow-right.cjs');
 
-var styles = {
-  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
-  }
-};
 var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _timespan$to;
   var className$1 = _ref.className,
@@ -68,14 +53,10 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   });
   var theme$1 = hooks$1.useTheme();
   var styled = {
-    calendar: {
-      className: "musaex-eq5yr9"
-    },
-    header: stylex.props(theme.$label.large, styles.header),
-    heading: stylex.props(styles.heading, theme.$body.medium),
-    body: {
-      className: "musaex-1vathgz musaex-4jqler"
-    }
+    calendar: stylex.props(styles.default.calendar.base),
+    header: stylex.props(theme.$label.large, styles.default.calendar.header),
+    heading: stylex.props(styles.default.calendar.heading, theme.$body.medium),
+    body: stylex.props(styles.default.calendar.body)
   };
   React.useImperativeHandle(ref, function () {
     return {

package/dist/components/calendar/calendar.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { useValue, useFocusedAt, useDateCells, useHeadCells } from './hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
@@ -13,22 +14,6 @@ import IconKeyboardArrowLeft from '../icon/icons/hardware/keyboard-arrow-left.mj
 import IconKeyboardArrowRight from '../icon/icons/hardware/keyboard-arrow-right.mjs';
 import IconKeyboardDoubleArrowRight from '../icon/icons/hardware/keyboard-double-arrow-right.mjs';
 
-var styles = {
-  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
-  }
-};
 var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _timespan$to;
   var className = _ref.className,
@@ -64,14 +49,10 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
   var theme = useTheme();
   var styled = {
-    calendar: {
-      className: "musaex-eq5yr9"
-    },
-    header: props($label.large, styles.header),
-    heading: props(styles.heading, $body.medium),
-    body: {
-      className: "musaex-1vathgz musaex-4jqler"
-    }
+    calendar: props(styles.calendar.base),
+    header: props($label.large, styles.calendar.header),
+    heading: props(styles.calendar.heading, $body.medium),
+    body: props(styles.calendar.body)
   };
   useImperativeHandle(ref, function () {
     return {

package/dist/components/calendar/contribution.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var styles = require('./styles.cjs');
 var dayjs = require('dayjs');
 var React = require('react');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
@@ -16,31 +17,6 @@ var useLocale = require('../../locale/use-locale.cjs');
 var theme = require('../theme/theme.cjs');
 
 var FORMAT = "YYYY-MM-DD";
-var styles = {
-  weekday: {
-    cell: {
-      kmVPX3: "musaex-1717udv",
-      $$css: true
-    }},
-  month: {
-    cell: {
-      kmVPX3: "musaex-1717udv",
-      kVAEAm: "musaex-1n2onr6",
-      $$css: true
-    },
-    leading: {
-      k33iCy: "musaex-lshs6z",
-      $$css: true
-    }},
-  legend: {
-    "default": {
-      k8WAf4: "musaex-11owsmz",
-      kg3NbH: "musaex-13mmbl6",
-      k1xSpc: "musaex-78zum5",
-      kjj79g: "musaex-13a6bvl",
-      $$css: true
-    }
-  }};
 /**
  * @description
  * contribution calendar
@@ -100,35 +76,21 @@ var ContributionCalendar = function ContributionCalendar(_ref) {
     }, new Map());
   }, [contributions]);
   var styled = {
-    scrollable: {
-      className: "musaex-1t8xbu musaex-ysyzu8"
-    },
-    calendar: {
-      className: "musaex-1vathgz musaex-4jqler"
-    },
-    cell: {
-      className: "musaex-brgm1n musaex-5g0ifs musaex-1n775ky musaex-1xa9b2s musaex-1ypdohk musaex-19fix8x"
-    },
+    scrollable: stylex.props(styles.default.contributionCalendar.scrollable),
+    calendar: stylex.props(styles.default.contributionCalendar.base),
+    cell: stylex.props(styles.default.cell.base),
     weekday: {
-      cell: stylex.props(styles.weekday.cell, theme.$body.small),
-      "default": {
-        className: "musaex-xxg8xw musaex-1rea2x4 musaex-78zum5 musaex-6s0dn4"
-      }
+      cell: stylex.props(styles.default.weekday.cell, theme.$body.small),
+      "default": stylex.props(styles.default.weekday.base)
     },
     month: {
-      cell: stylex.props(styles.month.cell, theme.$body.small),
-      "default": {
-        className: "musaex-10l6tqk musaex-13vifvy musaex-1o0tod"
-      },
-      leading: stylex.props(styles.month.cell, theme.$body.small, styles.month.leading)
-    },
-    legend: stylex.props(styles.legend["default"], theme.$label.medium),
-    levels: {
-      className: "musaex-78zum5 musaex-15wobh7 musaex-6s0dn4"
+      cell: stylex.props(styles.default.month.cell, theme.$body.small),
+      "default": stylex.props(styles.default.month.base),
+      leading: stylex.props(styles.default.month.cell, theme.$body.small, styles.default.month.leading)
     },
-    level: {
-      className: "musaex-1k7pija musaex-xxg8xw musaex-1xa9b2s"
-    }
+    legend: stylex.props(styles.default.legend.base, theme.$label.medium),
+    levels: stylex.props(styles.default.levels.base),
+    level: stylex.props(styles.default.levels.level)
   };
   // how to get different levels
   // convert primary color into hsla color

package/dist/components/calendar/contribution.mjs

@@ -1,5 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import dayjs from 'dayjs';
 import React, { useMemo } from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
@@ -12,31 +13,6 @@ import { useLocale } from '../../locale/use-locale.mjs';
 import { $label, $body } from '../theme/theme.mjs';
 
 var FORMAT = "YYYY-MM-DD";
-var styles = {
-  weekday: {
-    cell: {
-      kmVPX3: "musaex-1717udv",
-      $$css: true
-    }},
-  month: {
-    cell: {
-      kmVPX3: "musaex-1717udv",
-      kVAEAm: "musaex-1n2onr6",
-      $$css: true
-    },
-    leading: {
-      k33iCy: "musaex-lshs6z",
-      $$css: true
-    }},
-  legend: {
-    "default": {
-      k8WAf4: "musaex-11owsmz",
-      kg3NbH: "musaex-13mmbl6",
-      k1xSpc: "musaex-78zum5",
-      kjj79g: "musaex-13a6bvl",
-      $$css: true
-    }
-  }};
 /**
  * @description
  * contribution calendar
@@ -96,35 +72,21 @@ var ContributionCalendar = function ContributionCalendar(_ref) {
     }, new Map());
   }, [contributions]);
   var styled = {
-    scrollable: {
-      className: "musaex-1t8xbu musaex-ysyzu8"
-    },
-    calendar: {
-      className: "musaex-1vathgz musaex-4jqler"
-    },
-    cell: {
-      className: "musaex-brgm1n musaex-5g0ifs musaex-1n775ky musaex-1xa9b2s musaex-1ypdohk musaex-19fix8x"
-    },
+    scrollable: props(styles.contributionCalendar.scrollable),
+    calendar: props(styles.contributionCalendar.base),
+    cell: props(styles.cell.base),
     weekday: {
       cell: props(styles.weekday.cell, $body.small),
-      "default": {
-        className: "musaex-xxg8xw musaex-1rea2x4 musaex-78zum5 musaex-6s0dn4"
-      }
+      "default": props(styles.weekday.base)
     },
     month: {
       cell: props(styles.month.cell, $body.small),
-      "default": {
-        className: "musaex-10l6tqk musaex-13vifvy musaex-1o0tod"
-      },
+      "default": props(styles.month.base),
       leading: props(styles.month.cell, $body.small, styles.month.leading)
     },
-    legend: props(styles.legend["default"], $label.medium),
-    levels: {
-      className: "musaex-78zum5 musaex-15wobh7 musaex-6s0dn4"
-    },
-    level: {
-      className: "musaex-1k7pija musaex-xxg8xw musaex-1xa9b2s"
-    }
+    legend: props(styles.legend.base, $label.medium),
+    levels: props(styles.levels.base),
+    level: props(styles.levels.level)
   };
   // how to get different levels
   // convert primary color into hsla color

package/dist/components/calendar/hooks.cjs

@@ -3,6 +3,7 @@
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var dayjs = require('dayjs');
 var React = require('react');
 var relax = require('@aiszlab/relax');
@@ -13,46 +14,6 @@ var iconButton = require('../icon-button/icon-button.cjs');
 var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 
-var styles = {
-  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
-  }
-};
 /**
  * @description
  * head cells
@@ -62,7 +23,7 @@ var useHeadCells = function useHeadCells(_ref) {
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["on-surface-variant"]);
   return React.useMemo(function () {
     var _dayjs$Ls$dayjs$local;
-    var styled = stylex.props(styles.cell, styles.header, theme.$body.medium);
+    var styled = stylex.props(styles.default.hooks.cell, styles.default.hooks.header, theme.$body.medium);
     return (_dayjs$Ls$dayjs$local = dayjs.Ls[dayjs.locale()].weekdays) === null || _dayjs$Ls$dayjs$local === void 0 ? void 0 : _dayjs$Ls$dayjs$local.map(function (weekday, index) {
       return /*#__PURE__*/React.createElement("th", {
         key: index,
@@ -101,10 +62,8 @@ var useDateCells = function useDateCells(_ref2) {
       var isDisabled = isHidden || !!(disabledDate !== null && disabledDate !== void 0 && disabledDate(currentAt));
       var isSelected = isFrom || isTo;
       var styled = {
-        cell: stylex.props(styles.cell, styles.date, isHidden && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, theme.$body.large),
-        trigger: {
-          className: "musaex-zzs3sa"
-        }
+        cell: stylex.props(styles.default.hooks.cell, styles.default.hooks.date, isHidden && styles.default.hooks.hidden, isBetween && styles.default.hooks.range, isFrom && timespan.isRange && styles.default.hooks.from, isTo && timespan.isRange && styles.default.hooks.to, theme.$body.large),
+        trigger: stylex.props(styles.default.hooks.trigger)
       };
       (_prev$at = prev.at(prev.length - 1)) === null || _prev$at === void 0 || _prev$at.push(/*#__PURE__*/React.createElement("td", {
         title: formatted,

package/dist/components/calendar/hooks.mjs

@@ -1,6 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import dayjs from 'dayjs';
 import React, { useCallback, useMemo, useState } from 'react';
 import { toArray } from '@aiszlab/relax';
@@ -11,46 +12,6 @@ import IconButton from '../icon-button/icon-button.mjs';
 import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 
-var styles = {
-  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
-  }
-};
 /**
  * @description
  * head cells
@@ -60,7 +21,7 @@ var useHeadCells = function useHeadCells(_ref) {
   var _themeColorVars = useThemeColorVars(["on-surface-variant"]);
   return useMemo(function () {
     var _dayjs$Ls$dayjs$local;
-    var styled = props(styles.cell, styles.header, $body.medium);
+    var styled = props(styles.hooks.cell, styles.hooks.header, $body.medium);
     return (_dayjs$Ls$dayjs$local = dayjs.Ls[dayjs.locale()].weekdays) === null || _dayjs$Ls$dayjs$local === void 0 ? void 0 : _dayjs$Ls$dayjs$local.map(function (weekday, index) {
       return /*#__PURE__*/React.createElement("th", {
         key: index,
@@ -99,10 +60,8 @@ var useDateCells = function useDateCells(_ref2) {
       var isDisabled = isHidden || !!(disabledDate !== null && disabledDate !== void 0 && disabledDate(currentAt));
       var isSelected = isFrom || isTo;
       var styled = {
-        cell: props(styles.cell, styles.date, isHidden && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, $body.large),
-        trigger: {
-          className: "musaex-zzs3sa"
-        }
+        cell: props(styles.hooks.cell, styles.hooks.date, isHidden && styles.hooks.hidden, isBetween && styles.hooks.range, isFrom && timespan.isRange && styles.hooks.from, isTo && timespan.isRange && styles.hooks.to, $body.large),
+        trigger: props(styles.hooks.trigger)
       };
       (_prev$at = prev.at(prev.length - 1)) === null || _prev$at === void 0 || _prev$at.push(/*#__PURE__*/React.createElement("td", {
         title: formatted,