@fluentui/react-calendar-compat 0.0.0-nightly-20231023-0416.1 → 0.0.2

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js

@@ -0,0 +1,357 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    calendarDayClassNames: function() {
+        return calendarDayClassNames;
+    },
+    useCalendarDayStyles_unstable: function() {
+        return useCalendarDayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const calendarDayClassNames = {
+    root: 'fui-CalendarDay',
+    header: 'fui-CalendarDay__header',
+    monthAndYear: 'fui-CalendarDay__monthAndYear',
+    monthComponents: 'fui-CalendarDay__monthComponents',
+    headerIconButton: 'fui-CalendarDay__headerIconButton',
+    disabledStyle: 'fui-CalendarDay__disabledStyle'
+};
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        B7ck84d: "f1e4lqlz",
+        z8tnut: "f1kcqot9",
+        z189sj: [
+            "f11qrl6u",
+            "fjlbh76"
+        ],
+        Byoj8tv: "fpe6lb7",
+        uwmqm3: [
+            "fjlbh76",
+            "f11qrl6u"
+        ],
+        a9b677: "f4m2ahc"
+    },
+    normalize: {
+        E5pizo: "f1couhl3",
+        B7ck84d: "f1ewtqcl",
+        B6of3ja: "f1hu3pq6",
+        t21cq0: [
+            "f11qmguv",
+            "f1tyq0we"
+        ],
+        jrapky: "f19f4twv",
+        Frg6f3: [
+            "f1tyq0we",
+            "f11qmguv"
+        ],
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ]
+    },
+    showWeekNumbers: {
+        a9b677: "fl524qk"
+    }
+}, {
+    d: [
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".f1kcqot9{padding-top:12px;}",
+        ".f11qrl6u{padding-right:12px;}",
+        ".fjlbh76{padding-left:12px;}",
+        ".fpe6lb7{padding-bottom:12px;}",
+        ".f4m2ahc{width:196px;}",
+        ".f1couhl3{box-shadow:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f1hu3pq6{margin-top:0;}",
+        ".f11qmguv{margin-right:0;}",
+        ".f1tyq0we{margin-left:0;}",
+        ".f19f4twv{margin-bottom:0;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".fl524qk{width:226px;}"
+    ]
+});
+const useHeaderStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "ftuwxu6",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f1vzymgo",
+        qhf8xq: "f10pi13n",
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:inline-flex;}",
+        ".fxldao9{height:28px;}",
+        ".f1vzymgo{line-height:44px;}",
+        ".f10pi13n{position:relative;}",
+        ".fly5x3f{width:100%;}"
+    ]
+});
+const useMonthAndYearStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bt984gj: "f122n59",
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Bbmb7ep: [
+            "f2i1086",
+            "f1rlsnju"
+        ],
+        Beyfa6y: [
+            "f1rlsnju",
+            "f2i1086"
+        ],
+        B7oj6ja: [
+            "f1stktl2",
+            "f1127022"
+        ],
+        Btl43ni: [
+            "f1127022",
+            "f1stktl2"
+        ],
+        sj55zd: "f19n0e5",
+        mc9l5x: "f14t3ns0",
+        Bh6795r: "fqerorx",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f336tjw",
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f8wuabp",
+            "fycuoez"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "frdkuqy",
+            "f81rol6"
+        ],
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ],
+        ygn44y: "f1cmbuwj",
+        Huce71: "fz5stix"
+    },
+    animation: {
+        vin17d: "fhsqnsn",
+        Bf5fcs: "fywypte",
+        Bv12yb3: "f1h7u52p",
+        Ezkn3b: "fjq4c94"
+    },
+    headerIsClickable: {
+        Jwef8y: "f121v1wq",
+        Bi91k9c: "feu1g3u",
+        eoavqd: "f8491dx",
+        iro3zm: "f6r9z65"
+    }
+}, {
+    d: [
+        ".f122n59{align-items:center;}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".f2i1086{border-bottom-right-radius:2px;}",
+        ".f1rlsnju{border-bottom-left-radius:2px;}",
+        ".f1stktl2{border-top-right-radius:2px;}",
+        ".f1127022{border-top-left-radius:2px;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f14t3ns0{display:inline-block;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f336tjw{line-height:28px;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f8wuabp{padding-right:4px;}",
+        ".fycuoez{padding-left:4px;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".frdkuqy{padding-left:10px;}",
+        ".f81rol6{padding-right:10px;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
+        ".f1cmbuwj{text-overflow:ellipsis;}",
+        ".fz5stix{white-space:nowrap;}",
+        ".fhsqnsn{animation-duration:0.267s;}",
+        ".fywypte{animation-fill-mode:both;}",
+        ".f1h7u52p{animation-name:f5j8bii;}",
+        ".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"
+    ],
+    k: [
+        "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"
+    ],
+    h: [
+        ".f121v1wq:hover{background-color:var(--colorBrandBackground2);}",
+        ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        ".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}"
+    ]
+});
+const useMonthComponentsStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        qb2dma: "fpydfdc",
+        mc9l5x: "ftuwxu6"
+    }
+}, {
+    d: [
+        ".fpydfdc{align-self:flex-end;}",
+        ".ftuwxu6{display:inline-flex;}"
+    ]
+});
+const useHeaderIconButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Bbmb7ep: [
+            "f2i1086",
+            "f1rlsnju"
+        ],
+        Beyfa6y: [
+            "f1rlsnju",
+            "f2i1086"
+        ],
+        B7oj6ja: [
+            "f1stktl2",
+            "f1127022"
+        ],
+        Btl43ni: [
+            "f1127022",
+            "f1stktl2"
+        ],
+        sj55zd: "f11d4kpn",
+        mc9l5x: "ftgm304",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fy9rknc",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f336tjw",
+        B68tc82: "f1mtd64y",
+        Bmxbyg5: "f1y7q3j9",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ],
+        qhf8xq: "f10pi13n",
+        fsow6f: "f17mccla",
+        a9b677: "f1w9dchk",
+        Jwef8y: "f18a0fwf",
+        Bi91k9c: "f3sdaeg",
+        eoavqd: "f8491dx",
+        Dwtyhm: "f14gx60i",
+        ukgb2i: "f1o3croz",
+        pugfm4: "f11jyo21",
+        iro3zm: "f1wvkgvo",
+        B2d53fq: "f1wdoaqd"
+    }
+}, {
+    d: [
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".f2i1086{border-bottom-right-radius:2px;}",
+        ".f1rlsnju{border-bottom-left-radius:2px;}",
+        ".f1stktl2{border-top-right-radius:2px;}",
+        ".f1127022{border-top-left-radius:2px;}",
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".ftgm304{display:block;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fxldao9{height:28px;}",
+        ".f336tjw{line-height:28px;}",
+        ".f1mtd64y{overflow-x:visible;}",
+        ".f1y7q3j9{overflow-y:visible;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f10pi13n{position:relative;}",
+        ".f17mccla{text-align:center;}",
+        ".f1w9dchk{width:28px;}"
+    ],
+    h: [
+        ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
+        ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        ".f14gx60i:hover{outline-width:1px;}",
+        ".f1o3croz:hover{outline-style:solid;}",
+        ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
+        ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
+        ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"
+    ]
+});
+const useDisabledStyleStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bg33ivm: "f1oelgmz",
+        t69wg0: "fhh1ekj"
+    }
+}, {
+    d: [
+        ".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}",
+        ".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}"
+    ]
+});
+const useCalendarDayStyles_unstable = (props)=>{
+    const rootStyles = useRootStyles();
+    const headerStyles = useHeaderStyles();
+    const monthAndYearStyles = useMonthAndYearStyles();
+    const monthComponentsStyles = useMonthComponentsStyles();
+    const headerIconButtonStyles = useHeaderIconButtonStyles();
+    const disabledStyleStyles = useDisabledStyleStyles();
+    const { className, headerIsClickable, showWeekNumbers } = props;
+    return {
+        root: (0, _react.mergeClasses)(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),
+        header: (0, _react.mergeClasses)(calendarDayClassNames.header, headerStyles.base),
+        monthAndYear: (0, _react.mergeClasses)(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),
+        monthComponents: (0, _react.mergeClasses)(calendarDayClassNames.monthComponents, monthComponentsStyles.base),
+        headerIconButton: (0, _react.mergeClasses)(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),
+        disabledStyle: (0, _react.mergeClasses)(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)
+    };
+}; //# sourceMappingURL=useCalendarDayStyles.styles.js.map

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */\nexport const calendarDayClassNames = {\n  root: 'fui-CalendarDay',\n  header: 'fui-CalendarDay__header',\n  monthAndYear: 'fui-CalendarDay__monthAndYear',\n  monthComponents: 'fui-CalendarDay__monthComponents',\n  headerIconButton: 'fui-CalendarDay__headerIconButton',\n  disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    B7ck84d: \"f1e4lqlz\",\n    z8tnut: \"f1kcqot9\",\n    z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n    Byoj8tv: \"fpe6lb7\",\n    uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n    a9b677: \"f4m2ahc\"\n  },\n  normalize: {\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  showWeekNumbers: {\n    a9b677: \"fl524qk\"\n  }\n}, {\n  d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f1vzymgo\",\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    De3pzq: \"f1c21dwh\",\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    sj55zd: \"f19n0e5\",\n    mc9l5x: \"f14t3ns0\",\n    Bh6795r: \"fqerorx\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f336tjw\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    ygn44y: \"f1cmbuwj\",\n    Huce71: \"fz5stix\"\n  },\n  animation: {\n    vin17d: \"fhsqnsn\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h7u52p\",\n    Ezkn3b: \"fjq4c94\"\n  },\n  headerIsClickable: {\n    Jwef8y: \"f121v1wq\",\n    Bi91k9c: \"feu1g3u\",\n    eoavqd: \"f8491dx\",\n    iro3zm: \"f6r9z65\"\n  }\n}, {\n  d: [\".f122n59{align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".frdkuqy{padding-left:10px;}\", \".f81rol6{padding-right:10px;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n  k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n  h: [\".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}\"]\n});\nconst useMonthComponentsStyles = /*#__PURE__*/__styles({\n  base: {\n    qb2dma: \"fpydfdc\",\n    mc9l5x: \"ftuwxu6\"\n  }\n}, {\n  d: [\".fpydfdc{align-self:flex-end;}\", \".ftuwxu6{display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    sj55zd: \"f11d4kpn\",\n    mc9l5x: \"ftgm304\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fy9rknc\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f336tjw\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f10pi13n\",\n    fsow6f: \"f17mccla\",\n    a9b677: \"f1w9dchk\",\n    Jwef8y: \"f18a0fwf\",\n    Bi91k9c: \"f3sdaeg\",\n    eoavqd: \"f8491dx\",\n    Dwtyhm: \"f14gx60i\",\n    ukgb2i: \"f1o3croz\",\n    pugfm4: \"f11jyo21\",\n    iro3zm: \"f1wvkgvo\",\n    B2d53fq: \"f1wdoaqd\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n  h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg33ivm: \"f1oelgmz\",\n    t69wg0: \"fhh1ekj\"\n  }\n}, {\n  d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\n  const rootStyles = useRootStyles();\n  const headerStyles = useHeaderStyles();\n  const monthAndYearStyles = useMonthAndYearStyles();\n  const monthComponentsStyles = useMonthComponentsStyles();\n  const headerIconButtonStyles = useHeaderIconButtonStyles();\n  const disabledStyleStyles = useDisabledStyleStyles();\n  const {\n    className,\n    headerIsClickable,\n    showWeekNumbers\n  } = props;\n  return {\n    root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n    header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n    monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n    monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n    headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n    disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarDayStyles.styles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","Dwtyhm","ukgb2i","pugfm4","B2d53fq","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarDayGrid", {
+    enumerable: true,
+    get: function() {
+        return CalendarDayGrid;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _utils = require("../../utils");
+const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
+const _CalendarMonthHeaderRow = require("./CalendarMonthHeaderRow");
+const _CalendarGridRow = require("./CalendarGridRow");
+const _useWeeks = require("./useWeeks");
+const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
+const _react1 = require("@griffel/react");
+function useDayRefs() {
+    const daysRef = _react.useRef({});
+    const getSetRefCallback = (dayKey)=>(element)=>{
+            if (element === null) {
+                delete daysRef.current[dayKey];
+            } else {
+                daysRef.current[dayKey] = element;
+            }
+        };
+    return [
+        daysRef,
+        getSetRefCallback
+    ];
+}
+function useAnimateBackwards(weeks) {
+    const previousNavigatedDateRef = _react.useRef();
+    _react.useEffect(()=>{
+        previousNavigatedDateRef.current = weeks[0][0].originalDate;
+    });
+    const previousNavigatedDate = previousNavigatedDateRef.current;
+    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {
+        return undefined;
+    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {
+        return false;
+    } else {
+        return true;
+    }
+}
+const CalendarDayGrid = (props)=>{
+    const navigatedDayRef = _react.useRef(null);
+    const activeDescendantId = (0, _reactutilities.useId)();
+    const onSelectDate = (selectedDate)=>{
+        var _props_onSelectDate, _props_onNavigateDate;
+        const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;
+        const restrictedDatesOptions = {
+            minDate,
+            maxDate,
+            restrictedDates
+        };
+        let dateRange = (0, _utils.getDateRangeArray)(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);
+        dateRange = (0, _utils.getBoundedDateRange)(dateRange, minDate, maxDate);
+        dateRange = dateRange.filter((d)=>{
+            return !(0, _utils.isRestrictedDate)(d, restrictedDatesOptions);
+        });
+        (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);
+        (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);
+    };
+    const [daysRef, getSetRefCallback] = useDayRefs();
+    const weeks = (0, _useWeeks.useWeeks)(props, onSelectDate, getSetRefCallback);
+    const animateBackwards = useAnimateBackwards(weeks);
+    const [getWeekCornerStyles, calculateRoundedStyles] = (0, _useWeekCornerStylesstyles.useWeekCornerStyles)(props);
+    _react.useImperativeHandle(props.componentRef, ()=>({
+            focus () {
+                var _navigatedDayRef_current_focus, _navigatedDayRef_current;
+                (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);
+            }
+        }), []);
+    /**
+   *
+   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support
+   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks
+   * to set classnames on all relevant child refs to apply the styling
+   *
+   */ const getDayInfosInRangeOfDay = (dayToCompare)=>{
+        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
+        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);
+        // gets all the dates for the given date range type that are in the same date range as the given day
+        const dateRange = (0, _utils.getDateRangeArray)(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());
+        // gets all the day refs for the given dates
+        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{
+            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));
+        }, []);
+        return dayInfosInRange;
+    };
+    const getRefsFromDayInfos = (dayInfosInRange)=>{
+        let dayRefs = [];
+        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);
+        return dayRefs;
+    };
+    const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;
+    const classNames = (0, _useCalendarDayGridStylesstyles.useCalendarDayGridStyles_unstable)({
+        animateBackwards,
+        animationDirection,
+        dateRangeType,
+        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,
+        showWeekNumbers
+    });
+    // When the month is highlighted get the corner dates so that styles can be added to them
+    const weekCorners = getWeekCornerStyles(weeks);
+    const partialWeekProps = {
+        weeks,
+        navigatedDayRef,
+        calculateRoundedStyles,
+        activeDescendantId,
+        classNames,
+        weekCorners,
+        getDayInfosInRangeOfDay,
+        getRefsFromDayInfos
+    };
+    const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'grid'
+    });
+    return /*#__PURE__*/ _react.createElement("table", {
+        className: (0, _react1.mergeClasses)(classNames.table, props.className),
+        "aria-multiselectable": "false",
+        "aria-labelledby": labelledBy,
+        "aria-activedescendant": activeDescendantId,
+        role: "grid",
+        ...arrowNavigationAttributes
+    }, /*#__PURE__*/ _react.createElement("tbody", null, /*#__PURE__*/ _react.createElement(_CalendarMonthHeaderRow.CalendarMonthHeaderRow, {
+        ...props,
+        classNames: classNames,
+        weeks: weeks
+    }), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[0],
+        weekIndex: -1,
+        rowClassName: classNames.firstTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+            ...props,
+            ...partialWeekProps,
+            key: weekIndex,
+            week: week,
+            weekIndex: weekIndex,
+            rowClassName: classNames.weekRow
+        })), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[weeks.length - 1],
+        weekIndex: -2,
+        rowClassName: classNames.lastTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    })));
+};
+CalendarDayGrid.displayName = 'CalendarDayGrid';
+/**
+ * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous
+ * work weeks, we'll just show week view instead.
+ */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {
+    if (workWeekDays && dateRangeType === _utils.DateRangeType.WorkWeek) {
+        const sortedWWDays = workWeekDays.slice().sort();
+        let isContiguous = true;
+        for(let i = 1; i < sortedWWDays.length; i++){
+            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {
+                isContiguous = false;
+                break;
+            }
+        }
+        if (!isContiguous || workWeekDays.length === 0) {
+            return _utils.DateRangeType.Week;
+        }
+    }
+    return dateRangeType;
+}

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarDayGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nfunction useDayRefs() {\n    const daysRef = React.useRef({});\n    const getSetRefCallback = (dayKey)=>(element)=>{\n            if (element === null) {\n                delete daysRef.current[dayKey];\n            } else {\n                daysRef.current[dayKey] = element;\n            }\n        };\n    return [\n        daysRef,\n        getSetRefCallback\n    ];\n}\nfunction useAnimateBackwards(weeks) {\n    const previousNavigatedDateRef = React.useRef();\n    React.useEffect(()=>{\n        previousNavigatedDateRef.current = weeks[0][0].originalDate;\n    });\n    const previousNavigatedDate = previousNavigatedDateRef.current;\n    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n        return undefined;\n    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n        return false;\n    } else {\n        return true;\n    }\n}\nexport const CalendarDayGrid = (props)=>{\n    const navigatedDayRef = React.useRef(null);\n    const activeDescendantId = useId();\n    const onSelectDate = (selectedDate)=>{\n        var _props_onSelectDate, _props_onNavigateDate;\n        const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n        const restrictedDatesOptions = {\n            minDate,\n            maxDate,\n            restrictedDates\n        };\n        let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n        dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n        dateRange = dateRange.filter((d)=>{\n            return !isRestrictedDate(d, restrictedDatesOptions);\n        });\n        (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);\n        (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);\n    };\n    const [daysRef, getSetRefCallback] = useDayRefs();\n    const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n    const animateBackwards = useAnimateBackwards(weeks);\n    const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n    React.useImperativeHandle(props.componentRef, ()=>({\n            focus () {\n                var _navigatedDayRef_current_focus, _navigatedDayRef_current;\n                (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n            }\n        }), []);\n    /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */ const getDayInfosInRangeOfDay = (dayToCompare)=>{\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n        // gets all the dates for the given date range type that are in the same date range as the given day\n        const dateRange = getDateRangeArray(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());\n        // gets all the day refs for the given dates\n        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{\n            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));\n        }, []);\n        return dayInfosInRange;\n    };\n    const getRefsFromDayInfos = (dayInfosInRange)=>{\n        let dayRefs = [];\n        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);\n        return dayRefs;\n    };\n    const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;\n    const classNames = useCalendarDayGridStyles_unstable({\n        animateBackwards,\n        animationDirection,\n        dateRangeType,\n        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n        showWeekNumbers\n    });\n    // When the month is highlighted get the corner dates so that styles can be added to them\n    const weekCorners = getWeekCornerStyles(weeks);\n    const partialWeekProps = {\n        weeks,\n        navigatedDayRef,\n        calculateRoundedStyles,\n        activeDescendantId,\n        classNames,\n        weekCorners,\n        getDayInfosInRangeOfDay,\n        getRefsFromDayInfos\n    };\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'grid'\n    });\n    return /*#__PURE__*/ React.createElement(\"table\", {\n        className: mergeClasses(classNames.table, props.className),\n        \"aria-multiselectable\": \"false\",\n        \"aria-labelledby\": labelledBy,\n        \"aria-activedescendant\": activeDescendantId,\n        role: \"grid\",\n        ...arrowNavigationAttributes\n    }, /*#__PURE__*/ React.createElement(\"tbody\", null, /*#__PURE__*/ React.createElement(CalendarMonthHeaderRow, {\n        ...props,\n        classNames: classNames,\n        weeks: weeks\n    }), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[0],\n        weekIndex: -1,\n        rowClassName: classNames.firstTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ React.createElement(CalendarGridRow, {\n            ...props,\n            ...partialWeekProps,\n            key: weekIndex,\n            week: week,\n            weekIndex: weekIndex,\n            rowClassName: classNames.weekRow\n        })), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[weeks.length - 1],\n        weekIndex: -2,\n        rowClassName: classNames.lastTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    })));\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {\n    if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n        const sortedWWDays = workWeekDays.slice().sort();\n        let isContiguous = true;\n        for(let i = 1; i < sortedWWDays.length; i++){\n            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n                isContiguous = false;\n                break;\n            }\n        }\n        if (!isContiguous || workWeekDays.length === 0) {\n            return DateRangeType.Week;\n        }\n    }\n    return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props_onNavigateDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current_focus","_navigatedDayRef_current","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;iEAtCU;8BACiB;gCAClB;uBACkE;gDACtC;wCACX;iCACP;0BACP;2CACW;wBACP;AAC7B,SAASC;IACL,MAAMC,UAAUC,OAAMC,MAAM,CAAC,CAAC;IAC9B,MAAMC,oBAAoB,CAACC,SAAS,CAACC;YAC7B,IAAIA,YAAY,MAAM;gBAClB,OAAOL,QAAQM,OAAO,CAACF,OAAO;YAClC,OAAO;gBACHJ,QAAQM,OAAO,CAACF,OAAO,GAAGC;YAC9B;QACJ;IACJ,OAAO;QACHL;QACAG;KACH;AACL;AACA,SAASI,oBAAoBC,KAAK;IAC9B,MAAMC,2BAA2BR,OAAMC,MAAM;IAC7CD,OAAMS,SAAS,CAAC;QACZD,yBAAyBH,OAAO,GAAGE,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;IAC/D;IACA,MAAMC,wBAAwBH,yBAAyBH,OAAO;IAC9D,IAAI,CAACM,yBAAyBA,sBAAsBC,OAAO,OAAOL,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,CAACE,OAAO,IAAI;QAClG,OAAOC;IACX,OAAO,IAAIF,yBAAyBJ,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,EAAE;QAC1D,OAAO;IACX,OAAO;QACH,OAAO;IACX;AACJ;AACO,MAAMb,kBAAkB,CAACiB;IAC5B,MAAMC,kBAAkBf,OAAMC,MAAM,CAAC;IACrC,MAAMe,qBAAqBC,IAAAA,qBAAK;IAChC,MAAMC,eAAe,CAACC;QAClB,IAAIC,qBAAqBC;QACzB,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAEC,OAAO,EAAEC,YAAY,EAAEC,qBAAqB,EAAEC,eAAe,EAAE,GAAGb;QACnG,MAAMc,yBAAyB;YAC3BL;YACAC;YACAG;QACJ;QACA,IAAIE,YAAYC,IAAAA,wBAAiB,EAACX,cAAcY,eAAeT,gBAAgBG,cAAcC;QAC7FG,YAAYG,IAAAA,0BAAmB,EAACH,WAAWN,SAASC;QACpDK,YAAYA,UAAUI,MAAM,CAAC,CAACC;YAC1B,OAAO,CAACC,IAAAA,uBAAgB,EAACD,GAAGN;QAChC;QACCR,CAAAA,sBAAsBN,MAAMI,YAAY,AAAD,MAAO,QAAQE,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBgB,IAAI,CAACtB,OAAOK,cAAcU;QAC9IR,CAAAA,wBAAwBP,MAAMuB,cAAc,AAAD,MAAO,QAAQhB,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBe,IAAI,CAACtB,OAAOK,cAAc;IAC3J;IACA,MAAM,CAACpB,SAASG,kBAAkB,GAAGJ;IACrC,MAAMS,QAAQ+B,IAAAA,kBAAQ,EAACxB,OAAOI,cAAchB;IAC5C,MAAMqC,mBAAmBjC,oBAAoBC;IAC7C,MAAM,CAACiC,qBAAqBC,uBAAuB,GAAGC,IAAAA,8CAAmB,EAAC5B;IAC1Ed,OAAM2C,mBAAmB,CAAC7B,MAAM8B,YAAY,EAAE,IAAK,CAAA;YAC3CC;gBACI,IAAIC,gCAAgCC;gBACnCA,CAAAA,2BAA2BhC,gBAAgBV,OAAO,AAAD,MAAO,QAAQ0C,6BAA6B,KAAK,IAAI,KAAK,IAAI,AAACD,CAAAA,iCAAiCC,yBAAyBF,KAAK,AAAD,MAAO,QAAQC,mCAAmC,KAAK,IAAI,KAAK,IAAIA,+BAA+BV,IAAI,CAACW;YAC3R;QACJ,CAAA,GAAI,EAAE;IACV;;;;;;GAMD,GAAG,MAAMC,0BAA0B,CAACC;QAC/B,8GAA8G;QAC9G,MAAMC,qBAAqBC,sBAAsBrC,MAAMiB,aAAa,EAAEjB,MAAMW,YAAY;QACxF,oGAAoG;QACpG,MAAMI,YAAYC,IAAAA,wBAAiB,EAACmB,aAAavC,YAAY,EAAEwC,oBAAoBpC,MAAMQ,cAAc,EAAER,MAAMW,YAAY,EAAEX,MAAMY,qBAAqB,EAAE0B,GAAG,CAAC,CAACC,OAAOA,KAAKzC,OAAO;QAClL,4CAA4C;QAC5C,MAAM0C,kBAAkB/C,MAAMgD,MAAM,CAAC,CAACC,kBAAkBC;YACpD,OAAOD,iBAAiBE,MAAM,CAACD,YAAYxB,MAAM,CAAC,CAAC0B,UAAU9B,UAAU+B,OAAO,CAACD,QAAQjD,YAAY,CAACE,OAAO,QAAQ,CAAC;QACxH,GAAG,EAAE;QACL,OAAO0C;IACX;IACA,MAAMO,sBAAsB,CAACP;QACzB,IAAIQ,UAAU,EAAE;QAChBA,UAAUR,gBAAgBF,GAAG,CAAC,CAACW,UAAUhE,QAAQM,OAAO,CAAC0D,QAAQC,GAAG,CAAC;QACrE,OAAOF;IACX;IACA,MAAM,EAAE/B,aAAa,EAAEkC,eAAe,EAAEC,UAAU,EAAEC,gCAAgC,EAAEC,kBAAkB,EAAE,GAAGtD;IAC7G,MAAMuD,aAAaC,IAAAA,iEAAiC,EAAC;QACjD/B;QACA6B;QACArC;QACAoC,kCAAkCA,qCAAqCtD,YAAY,OAAOsD;QAC1FF;IACJ;IACA,yFAAyF;IACzF,MAAMM,cAAc/B,oBAAoBjC;IACxC,MAAMiE,mBAAmB;QACrBjE;QACAQ;QACA0B;QACAzB;QACAqD;QACAE;QACAvB;QACAa;IACJ;IACA,MAAMY,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,OAAO,WAAW,GAAG3E,OAAM4E,aAAa,CAAC,SAAS;QAC9CC,WAAWC,IAAAA,oBAAY,EAACT,WAAWU,KAAK,EAAEjE,MAAM+D,SAAS;QACzD,wBAAwB;QACxB,mBAAmBX;QACnB,yBAAyBlD;QACzBgE,MAAM;QACN,GAAGP,yBAAyB;IAChC,GAAG,WAAW,GAAGzE,OAAM4E,aAAa,CAAC,SAAS,MAAM,WAAW,GAAG5E,OAAM4E,aAAa,CAACK,8CAAsB,EAAE;QAC1G,GAAGnE,KAAK;QACRuD,YAAYA;QACZ9D,OAAOA;IACX,IAAI,WAAW,GAAGP,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACnD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAAC,EAAE;QACd6E,WAAW,CAAC;QACZC,cAAchB,WAAWiB,mBAAmB;QAC5C,aAAa;QACbC,YAAY;IAChB,IAAIhF,MAAMiF,KAAK,CAAC,GAAGjF,MAAMkF,MAAM,GAAG,GAAGrC,GAAG,CAAC,CAAC+B,MAAMC,YAAY,WAAW,GAAGpF,OAAM4E,aAAa,CAACM,gCAAe,EAAE;YACvG,GAAGpE,KAAK;YACR,GAAG0D,gBAAgB;YACnBR,KAAKoB;YACLD,MAAMA;YACNC,WAAWA;YACXC,cAAchB,WAAWqB,OAAO;QACpC,KAAK,WAAW,GAAG1F,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACxD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAACA,MAAMkF,MAAM,GAAG,EAAE;QAC7BL,WAAW,CAAC;QACZC,cAAchB,WAAWsB,kBAAkB;QAC3C,aAAa;QACbJ,YAAY;IAChB;AACJ;AACA1F,gBAAgB+F,WAAW,GAAG;AAC9B;;;CAGC,GAAG,SAASzC,sBAAsBpB,aAAa,EAAEN,YAAY;IAC1D,IAAIA,gBAAgBM,kBAAkB8D,oBAAa,CAACC,QAAQ,EAAE;QAC1D,MAAMC,eAAetE,aAAa+D,KAAK,GAAGQ,IAAI;QAC9C,IAAIC,eAAe;QACnB,IAAI,IAAIC,IAAI,GAAGA,IAAIH,aAAaN,MAAM,EAAES,IAAI;YACxC,IAAIH,YAAY,CAACG,EAAE,KAAKH,YAAY,CAACG,IAAI,EAAE,GAAG,GAAG;gBAC7CD,eAAe;gBACf;YACJ;QACJ;QACA,IAAI,CAACA,gBAAgBxE,aAAagE,MAAM,KAAK,GAAG;YAC5C,OAAOI,oBAAa,CAACM,IAAI;QAC7B;IACJ;IACA,OAAOpE;AACX"}

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}