@opengovsg/oui-theme 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,7 +17,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
17
17
  content: "",
18
18
  cell: [
19
19
  "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
20
- ..._chunkPWPTVAILjs.focusVisibleClasses
20
+ ..._chunkPWPTVAILjs.focusClasses
21
21
  ],
22
22
  grid: "",
23
23
  calendar: "",
@@ -110,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
110
110
 
111
111
 
112
112
  exports.calendarStyles = calendarStyles;
113
- //# sourceMappingURL=chunk-QON6KDRO.js.map
113
+ //# sourceMappingURL=chunk-SXFWEGKA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SXFWEGKA.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SXFWEGKA.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}
@@ -1,5 +1,5 @@
1
1
  import {
2
- focusVisibleClasses
2
+ focusClasses
3
3
  } from "./chunk-E43A5ROR.mjs";
4
4
  import {
5
5
  tv
@@ -17,7 +17,7 @@ var calendarStyles = tv({
17
17
  content: "",
18
18
  cell: [
19
19
  "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
20
- ...focusVisibleClasses
20
+ ...focusClasses
21
21
  ],
22
22
  grid: "",
23
23
  calendar: "",
@@ -110,4 +110,4 @@ var calendarStyles = tv({
110
110
  export {
111
111
  calendarStyles
112
112
  };
113
- //# sourceMappingURL=chunk-3IVEF5M7.mjs.map
113
+ //# sourceMappingURL=chunk-YZ3TLYY6.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QACE;AAAA,IACF,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,sBACE;AAAA,IACF,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkQON6KDROjs = require('../chunk-QON6KDRO.js');
3
+ var _chunkSXFWEGKAjs = require('../chunk-SXFWEGKA.js');
4
4
  require('../chunk-OLJN3WXR.js');
5
5
  require('../chunk-2LTV7VB5.js');
6
6
  require('../chunk-O3I4FUFD.js');
@@ -11,5 +11,5 @@ require('../chunk-UZONBJUX.js');
11
11
  require('../chunk-HEB3T2LL.js');
12
12
 
13
13
 
14
- exports.calendarStyles = _chunkQON6KDROjs.calendarStyles;
14
+ exports.calendarStyles = _chunkSXFWEGKAjs.calendarStyles;
15
15
  //# sourceMappingURL=calendar.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  calendarStyles
3
- } from "../chunk-3IVEF5M7.mjs";
3
+ } from "../chunk-YZ3TLYY6.mjs";
4
4
  import "../chunk-M2BG3FAA.mjs";
5
5
  import "../chunk-XTHC46M2.mjs";
6
6
  import "../chunk-TL5MCSZQ.mjs";
@@ -76,7 +76,7 @@ var _chunkHX2YSJTRjs = require('../chunk-HX2YSJTR.js');
76
76
  require('../chunk-7Y2HFACM.js');
77
77
 
78
78
 
79
- var _chunkQON6KDROjs = require('../chunk-QON6KDRO.js');
79
+ var _chunkSXFWEGKAjs = require('../chunk-SXFWEGKA.js');
80
80
 
81
81
 
82
82
 
@@ -141,5 +141,5 @@ require('../chunk-HEB3T2LL.js');
141
141
 
142
142
 
143
143
 
144
- exports.badgeCloseButtonStyles = _chunkF52XBBDGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF52XBBDGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkHX2YSJTRjs.buttonStyles; exports.calendarStyles = _chunkQON6KDROjs.calendarStyles; exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.govtBannerStyles = _chunkMNRXJUFJjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.paginationStyles = _chunkMA67SUVHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles; exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles;
144
+ exports.badgeCloseButtonStyles = _chunkF52XBBDGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF52XBBDGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkHX2YSJTRjs.buttonStyles; exports.calendarStyles = _chunkSXFWEGKAjs.calendarStyles; exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.govtBannerStyles = _chunkMNRXJUFJjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.paginationStyles = _chunkMA67SUVHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles; exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles;
145
145
  //# sourceMappingURL=index.js.map
@@ -76,7 +76,7 @@ import {
76
76
  import "../chunk-C7FUGWVY.mjs";
77
77
  import {
78
78
  calendarStyles
79
- } from "../chunk-3IVEF5M7.mjs";
79
+ } from "../chunk-YZ3TLYY6.mjs";
80
80
  import {
81
81
  checkboxGroupStyles,
82
82
  checkboxStyles
package/dist/index.js CHANGED
@@ -76,7 +76,7 @@ var _chunkHX2YSJTRjs = require('./chunk-HX2YSJTR.js');
76
76
  require('./chunk-7Y2HFACM.js');
77
77
 
78
78
 
79
- var _chunkQON6KDROjs = require('./chunk-QON6KDRO.js');
79
+ var _chunkSXFWEGKAjs = require('./chunk-SXFWEGKA.js');
80
80
 
81
81
 
82
82
 
@@ -165,5 +165,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
165
165
 
166
166
 
167
167
 
168
- exports.badgeCloseButtonStyles = _chunkF52XBBDGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF52XBBDGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkHX2YSJTRjs.buttonStyles; exports.calendarStyles = _chunkQON6KDROjs.calendarStyles; exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.govtBannerStyles = _chunkMNRXJUFJjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.paginationStyles = _chunkMA67SUVHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles; exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
168
+ exports.badgeCloseButtonStyles = _chunkF52XBBDGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF52XBBDGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkHX2YSJTRjs.buttonStyles; exports.calendarStyles = _chunkSXFWEGKAjs.calendarStyles; exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.govtBannerStyles = _chunkMNRXJUFJjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.paginationStyles = _chunkMA67SUVHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles; exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
169
169
  //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -76,7 +76,7 @@ import {
76
76
  import "./chunk-C7FUGWVY.mjs";
77
77
  import {
78
78
  calendarStyles
79
- } from "./chunk-3IVEF5M7.mjs";
79
+ } from "./chunk-YZ3TLYY6.mjs";
80
80
  import {
81
81
  checkboxGroupStyles,
82
82
  checkboxStyles
@@ -1,5 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
 
3
- declare const tv: tailwind_variants.CreateTV;
3
+ declare const tv: tailwind_variants.TV;
4
4
 
5
5
  export { tv };
@@ -1,5 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
 
3
- declare const tv: tailwind_variants.CreateTV;
3
+ declare const tv: tailwind_variants.TV;
4
4
 
5
5
  export { tv };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui-theme",
3
- "version": "0.0.15",
3
+ "version": "0.0.17",
4
4
  "sideEffects": false,
5
5
  "files": [
6
6
  "dist",
@@ -27,7 +27,7 @@
27
27
  "eslint": "^9.20.1",
28
28
  "prettier": "^3.5.3",
29
29
  "react": "^19.0.0",
30
- "tailwind-variants": "2.0.1",
30
+ "tailwind-variants": "^3.1.1",
31
31
  "tailwindcss": "4.1.11",
32
32
  "tsup": "^8.3.6",
33
33
  "typescript": "5.7.3",
@@ -44,8 +44,8 @@
44
44
  "tw-animate-css": "^1.2.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": ">= 18",
48
- "tailwind-variants": "2.0.1",
47
+ "react": ">=18",
48
+ "tailwind-variants": ">=3",
49
49
  "tailwindcss": ">=4"
50
50
  },
51
51
  "prettier": "@oui/prettier-config",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QACE;AAAA,IACF,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,sBACE;AAAA,IACF,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QON6KDRO.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QON6KDRO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}