react-attendance-calendar 2.4.5 → 2.4.6

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.
Files changed (7) hide show
  1. package/README.md +16 -1
  2. package/dist/calendar/calendar-title.d.ts +3 -1
  3. package/dist/calendar/calendar-title.d.ts.map +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.js +44 -44
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -119,6 +119,21 @@ function MyCalendar() {
119
119
 
120
120
  ### Custom title format
121
121
 
122
+ Use `format` for full control over the title markup, or keep the default layout and style the month (`className` on the `<h2>`) and year (`yearClassName` on the year span) separately.
123
+
124
+ **Default title with separate year styling**
125
+
126
+ `className` applies to the whole heading (`<h2>`). `yearClassName` applies only to the year number and overrides the default `text-slate-500` (merged with `tailwind-merge`, so a new `text-*` class wins).
127
+
128
+ ```tsx
129
+ <Calendar.Title
130
+ className="text-indigo-900"
131
+ yearClassName="text-indigo-600"
132
+ />
133
+ ```
134
+
135
+ **Fully custom title**
136
+
122
137
  ```tsx
123
138
  <Calendar.Title
124
139
  format={(monthName, year) => (
@@ -275,7 +290,7 @@ type CellData = {
275
290
  | --- | --- | --- |
276
291
  | `Calendar.Root` | `view`, `onChangeView`, `attendanceData`, `onDateClick`, `className`, `children` | Context provider and container |
277
292
  | `Calendar.Header` | `className`, `children` | Flex wrapper for title + nav |
278
- | `Calendar.Title` | `className`, `format?` | Month/year heading |
293
+ | `Calendar.Title` | `className`, `yearClassName?`, `format?` | Month/year heading — `yearClassName` styles the year span only (default year color: `text-slate-500`) |
279
294
  | `Calendar.PrevTrigger` | all `<button>` props | Previous month button |
280
295
  | `Calendar.NextTrigger` | all `<button>` props | Next month button |
281
296
  | `Calendar.WeekDays` | `className`, `dayClassName`, `labels?` | Weekday labels row |
package/dist/calendar/calendar-title.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export type TitleProps = {
2
2
  className?: string;
3
+ /** Classes for the year span only (overrides default `text-slate-500`) */
4
+ yearClassName?: string;
3
5
  format?: (monthName: string, year: number) => React.ReactNode;
4
6
  };
5
- export declare function Title({ className, format }: TitleProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function Title({ className, yearClassName, format }: TitleProps): import("react/jsx-runtime").JSX.Element;
6
8
  //# sourceMappingURL=calendar-title.d.ts.map
package/dist/calendar/calendar-title.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-title.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-title.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,UAAU,2CAgBtD"}
1
+ {"version":3,"file":"calendar-title.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-title.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,UAAU,2CAkBrE"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}}@layer components;@layer utilities{.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-green-200{border-color:var(--color-green-200)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-white{background-color:var(--color-white)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-5{padding:calc(var(--spacing)*5)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-10{padding-block:calc(var(--spacing)*10)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-green-700{color:var(--color-green-700)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-700{color:var(--color-indigo-700)}.text-red-700{color:var(--color-red-700)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-amber-400{--tw-ring-color:var(--color-amber-400)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-emerald-400{--tw-ring-color:var(--color-emerald-400)}.ring-indigo-300{--tw-ring-color:var(--color-indigo-300)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}}@layer components;@layer utilities{.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-green-200{border-color:var(--color-green-200)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-white{background-color:var(--color-white)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-5{padding:calc(var(--spacing)*5)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-10{padding-block:calc(var(--spacing)*10)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-green-700{color:var(--color-green-700)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-red-700{color:var(--color-red-700)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-amber-400{--tw-ring-color:var(--color-amber-400)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-emerald-400{--tw-ring-color:var(--color-emerald-400)}.ring-indigo-300{--tw-ring-color:var(--color-indigo-300)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
package/dist/index.js CHANGED
@@ -56,7 +56,7 @@ function Ke() {
56
56
  return "Profiler";
57
57
  case k:
58
58
  return "StrictMode";
59
- case P:
59
+ case j:
60
60
  return "Suspense";
61
61
  case G:
62
62
  return "SuspenseList";
@@ -78,7 +78,7 @@ function Ke() {
78
78
  return t = t.displayName, t || (t = p.displayName || p.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
79
79
  case f:
80
80
  return p = t.displayName || null, p !== null ? p : e(t.type) || "Memo";
81
- case j:
81
+ case I:
82
82
  p = t._payload, t = t._init;
83
83
  try {
84
84
  return e(t(p));
@@ -109,7 +109,7 @@ function Ke() {
109
109
  }
110
110
  function r(t) {
111
111
  if (t === S) return "<>";
112
- if (typeof t == "object" && t !== null && t.$$typeof === j)
112
+ if (typeof t == "object" && t !== null && t.$$typeof === I)
113
113
  return "<...>";
114
114
  try {
115
115
  var p = e(t);
@@ -232,12 +232,12 @@ React keys must be passed directly to JSX without using spread:
232
232
  );
233
233
  }
234
234
  function C(t) {
235
- _(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === j && (t._payload.status === "fulfilled" ? _(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
235
+ _(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === I && (t._payload.status === "fulfilled" ? _(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
236
236
  }
237
237
  function _(t) {
238
238
  return typeof t == "object" && t !== null && t.$$typeof === R;
239
239
  }
240
- var A = We, R = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), N = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), U = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, re = Object.prototype.hasOwnProperty, te = Array.isArray, L = console.createTask ? console.createTask : function() {
240
+ var A = We, R = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), N = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), U = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, re = Object.prototype.hasOwnProperty, te = Array.isArray, L = console.createTask ? console.createTask : function() {
241
241
  return null;
242
242
  };
243
243
  A = {
@@ -496,8 +496,8 @@ const we = "-", rr = (e) => {
496
496
  continue;
497
497
  a.push(N);
498
498
  const D = s(k, S);
499
- for (let P = 0; P < D.length; ++P) {
500
- const G = D[P];
499
+ for (let j = 0; j < D.length; ++j) {
500
+ const G = D[j];
501
501
  a.push(O + G);
502
502
  }
503
503
  d = g + (d.length > 0 ? " " + d : d);
@@ -568,7 +568,7 @@ const E = (e) => {
568
568
  "bottom-left",
569
569
  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
570
570
  "left-bottom"
571
- ], D = () => [...N(), l, i], P = () => ["auto", "hidden", "clip", "visible", "scroll"], G = () => ["auto", "contain", "none"], f = () => [l, i, d], j = () => [K, "full", "auto", ...f()], ce = () => [B, "none", "subgrid", l, i], de = () => ["auto", {
571
+ ], D = () => [...N(), l, i], j = () => ["auto", "hidden", "clip", "visible", "scroll"], G = () => ["auto", "contain", "none"], f = () => [l, i, d], I = () => [K, "full", "auto", ...f()], ce = () => [B, "none", "subgrid", l, i], de = () => ["auto", {
572
572
  span: ["full", B, l, i]
573
573
  }, B, l, i], U = () => [B, "auto", l, i], re = () => ["auto", "min", "max", "fr", l, i], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...f()], $ = () => [K, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], m = () => [e, l, i], oe = () => [...N(), Se, _e, {
574
574
  position: [l, i]
@@ -722,21 +722,21 @@ const E = (e) => {
722
722
  * @see https://tailwindcss.com/docs/overflow
723
723
  */
724
724
  overflow: [{
725
- overflow: P()
725
+ overflow: j()
726
726
  }],
727
727
  /**
728
728
  * Overflow X
729
729
  * @see https://tailwindcss.com/docs/overflow
730
730
  */
731
731
  "overflow-x": [{
732
- "overflow-x": P()
732
+ "overflow-x": j()
733
733
  }],
734
734
  /**
735
735
  * Overflow Y
736
736
  * @see https://tailwindcss.com/docs/overflow
737
737
  */
738
738
  "overflow-y": [{
739
- "overflow-y": P()
739
+ "overflow-y": j()
740
740
  }],
741
741
  /**
742
742
  * Overscroll Behavior
@@ -769,63 +769,63 @@ const E = (e) => {
769
769
  * @see https://tailwindcss.com/docs/top-right-bottom-left
770
770
  */
771
771
  inset: [{
772
- inset: j()
772
+ inset: I()
773
773
  }],
774
774
  /**
775
775
  * Right / Left
776
776
  * @see https://tailwindcss.com/docs/top-right-bottom-left
777
777
  */
778
778
  "inset-x": [{
779
- "inset-x": j()
779
+ "inset-x": I()
780
780
  }],
781
781
  /**
782
782
  * Top / Bottom
783
783
  * @see https://tailwindcss.com/docs/top-right-bottom-left
784
784
  */
785
785
  "inset-y": [{
786
- "inset-y": j()
786
+ "inset-y": I()
787
787
  }],
788
788
  /**
789
789
  * Start
790
790
  * @see https://tailwindcss.com/docs/top-right-bottom-left
791
791
  */
792
792
  start: [{
793
- start: j()
793
+ start: I()
794
794
  }],
795
795
  /**
796
796
  * End
797
797
  * @see https://tailwindcss.com/docs/top-right-bottom-left
798
798
  */
799
799
  end: [{
800
- end: j()
800
+ end: I()
801
801
  }],
802
802
  /**
803
803
  * Top
804
804
  * @see https://tailwindcss.com/docs/top-right-bottom-left
805
805
  */
806
806
  top: [{
807
- top: j()
807
+ top: I()
808
808
  }],
809
809
  /**
810
810
  * Right
811
811
  * @see https://tailwindcss.com/docs/top-right-bottom-left
812
812
  */
813
813
  right: [{
814
- right: j()
814
+ right: I()
815
815
  }],
816
816
  /**
817
817
  * Bottom
818
818
  * @see https://tailwindcss.com/docs/top-right-bottom-left
819
819
  */
820
820
  bottom: [{
821
- bottom: j()
821
+ bottom: I()
822
822
  }],
823
823
  /**
824
824
  * Left
825
825
  * @see https://tailwindcss.com/docs/top-right-bottom-left
826
826
  */
827
827
  left: [{
828
- left: j()
828
+ left: I()
829
829
  }],
830
830
  /**
831
831
  * Visibility
@@ -3020,7 +3020,7 @@ const E = (e) => {
3020
3020
  orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
3021
3021
  };
3022
3022
  }, Nr = /* @__PURE__ */ pr(Ir);
3023
- function I(...e) {
3023
+ function P(...e) {
3024
3024
  return Nr(er(e));
3025
3025
  }
3026
3026
  const zr = [
@@ -3132,13 +3132,13 @@ function Fr({
3132
3132
  r
3133
3133
  ]
3134
3134
  );
3135
- return /* @__PURE__ */ v.jsx(Pe.Provider, { value: S, children: /* @__PURE__ */ v.jsx("div", { ref: a, className: I("w-full", c), children: s }) });
3135
+ return /* @__PURE__ */ v.jsx(Pe.Provider, { value: S, children: /* @__PURE__ */ v.jsx("div", { ref: a, className: P("w-full", c), children: s }) });
3136
3136
  }
3137
3137
  function Yr({ children: e, className: n }) {
3138
3138
  return /* @__PURE__ */ v.jsx(
3139
3139
  "div",
3140
3140
  {
3141
- className: I(
3141
+ className: P(
3142
3142
  "flex items-center justify-between mb-6 gap-2",
3143
3143
  n
3144
3144
  ),
@@ -3146,19 +3146,19 @@ function Yr({ children: e, className: n }) {
3146
3146
  }
3147
3147
  );
3148
3148
  }
3149
- function Vr({ className: e, format: n }) {
3150
- const { monthName: o, view: r } = le();
3151
- return n ? /* @__PURE__ */ v.jsx(v.Fragment, { children: n(o, r.year) }) : /* @__PURE__ */ v.jsxs(
3149
+ function Vr({ className: e, yearClassName: n, format: o }) {
3150
+ const { monthName: r, view: s } = le();
3151
+ return o ? /* @__PURE__ */ v.jsx(v.Fragment, { children: o(r, s.year) }) : /* @__PURE__ */ v.jsxs(
3152
3152
  "h2",
3153
3153
  {
3154
- className: I(
3154
+ className: P(
3155
3155
  "text-xl sm:text-2xl font-bold text-slate-900 leading-tight",
3156
3156
  e
3157
3157
  ),
3158
3158
  children: [
3159
- o,
3159
+ r,
3160
3160
  " ",
3161
- /* @__PURE__ */ v.jsx("span", { className: "text-slate-500 font-semibold", children: r.year })
3161
+ /* @__PURE__ */ v.jsx("span", { className: P("font-semibold text-slate-500", n), children: s.year })
3162
3162
  ]
3163
3163
  }
3164
3164
  );
@@ -3193,7 +3193,7 @@ function Ur({
3193
3193
  "aria-label": "Previous month",
3194
3194
  ...o,
3195
3195
  onClick: r,
3196
- className: I(Ve, n),
3196
+ className: P(Ve, n),
3197
3197
  children: e ?? /* @__PURE__ */ v.jsx(Ue, { direction: "prev" })
3198
3198
  }
3199
3199
  );
@@ -3211,7 +3211,7 @@ function Wr({
3211
3211
  "aria-label": "Next month",
3212
3212
  ...o,
3213
3213
  onClick: r,
3214
- className: I(Ve, n),
3214
+ className: P(Ve, n),
3215
3215
  children: e ?? /* @__PURE__ */ v.jsx(Ue, { direction: "next" })
3216
3216
  }
3217
3217
  );
@@ -3221,14 +3221,14 @@ function Br({ className: e, dayClassName: n, labels: o }) {
3221
3221
  return /* @__PURE__ */ v.jsx(
3222
3222
  "div",
3223
3223
  {
3224
- className: I("grid gap-1.5 sm:gap-2 text-center mb-2", e),
3224
+ className: P("grid gap-1.5 sm:gap-2 text-center mb-2", e),
3225
3225
  style: {
3226
3226
  gridTemplateColumns: `repeat(${s}, minmax(0, 1fr))`
3227
3227
  },
3228
3228
  children: c.map((a, u) => /* @__PURE__ */ v.jsx(
3229
3229
  "div",
3230
3230
  {
3231
- className: I(
3231
+ className: P(
3232
3232
  "text-xs font-semibold uppercase tracking-wider py-1.5 text-slate-400",
3233
3233
  n
3234
3234
  ),
@@ -3240,7 +3240,7 @@ function Br({ className: e, dayClassName: n, labels: o }) {
3240
3240
  );
3241
3241
  }
3242
3242
  function qr(e, n, o, r) {
3243
- const { inCurrentMonth: s, isPresent: c, isAbsent: a, isToday: u, isClickable: d } = e, w = I(
3243
+ const { inCurrentMonth: s, isPresent: c, isAbsent: a, isToday: u, isClickable: d } = e, w = P(
3244
3244
  "grid place-items-center font-semibold rounded-2xl transition-all duration-200",
3245
3245
  !o && "w-full aspect-square",
3246
3246
  r,
@@ -3249,18 +3249,18 @@ function qr(e, n, o, r) {
3249
3249
  n?.cell
3250
3250
  );
3251
3251
  let g = "";
3252
- return s ? c ? g = I(
3252
+ return s ? c ? g = P(
3253
3253
  "bg-emerald-500 text-white",
3254
3254
  u && "ring-2 ring-offset-1 ring-emerald-400",
3255
3255
  n?.present
3256
- ) : a ? g = I(
3256
+ ) : a ? g = P(
3257
3257
  "bg-amber-500 text-white",
3258
3258
  u && "ring-2 ring-offset-1 ring-amber-400",
3259
3259
  n?.absent
3260
- ) : u ? g = "bg-slate-900 text-white" : g = "text-slate-600 border border-slate-200 hover:border-slate-300 hover:bg-slate-50" : g = I(
3260
+ ) : u ? g = "bg-slate-900 text-white" : g = "text-slate-600 border border-slate-200 hover:border-slate-300 hover:bg-slate-50" : g = P(
3261
3261
  "text-slate-300 border border-slate-100",
3262
3262
  n?.outside
3263
- ), I(w, g, u && n?.today);
3263
+ ), P(w, g, u && n?.today);
3264
3264
  }
3265
3265
  function Jr({
3266
3266
  className: e,
@@ -3285,21 +3285,21 @@ function Jr({
3285
3285
  return /* @__PURE__ */ v.jsx(
3286
3286
  "div",
3287
3287
  {
3288
- className: I("grid gap-1.5 sm:gap-2", e),
3288
+ className: P("grid gap-1.5 sm:gap-2", e),
3289
3289
  style: {
3290
3290
  gridTemplateColumns: `repeat(${u}, minmax(0, 1fr))`
3291
3291
  },
3292
3292
  children: a.map((k, M) => {
3293
- const O = A && k.inCurrentMonth && !!d?.presentDays.has(k.day), N = A && k.inCurrentMonth && !!d?.absentDays.has(k.day), D = k.inCurrentMonth && k.day === w.day && g.monthIndex === w.month && g.year === w.year, P = !!(_ && k.inCurrentMonth && A), G = {
3293
+ const O = A && k.inCurrentMonth && !!d?.presentDays.has(k.day), N = A && k.inCurrentMonth && !!d?.absentDays.has(k.day), D = k.inCurrentMonth && k.day === w.day && g.monthIndex === w.month && g.year === w.year, j = !!(_ && k.inCurrentMonth && A), G = {
3294
3294
  day: k.day,
3295
3295
  date: new Date(g.year, g.monthIndex, k.day),
3296
3296
  inCurrentMonth: k.inCurrentMonth,
3297
3297
  isPresent: O,
3298
3298
  isAbsent: N,
3299
3299
  isToday: D,
3300
- isClickable: P
3300
+ isClickable: j
3301
3301
  }, f = () => {
3302
- P && _(k.day, g.monthIndex, g.year);
3302
+ j && _(k.day, g.monthIndex, g.year);
3303
3303
  };
3304
3304
  return c ? /* @__PURE__ */ v.jsx(
3305
3305
  "div",
@@ -3324,7 +3324,7 @@ function Jr({
3324
3324
  S
3325
3325
  ),
3326
3326
  style: R,
3327
- title: P ? `${k.day} ${C} ${g.year}` : void 0,
3327
+ title: j ? `${k.day} ${C} ${g.year}` : void 0,
3328
3328
  children: k.day
3329
3329
  }
3330
3330
  )
@@ -3390,7 +3390,7 @@ function Zr({
3390
3390
  export {
3391
3391
  Zr as AttendanceCalendar,
3392
3392
  X as Calendar,
3393
- I as cn,
3393
+ P as cn,
3394
3394
  le as useCalendar
3395
3395
  };
3396
3396
  //# sourceMappingURL=index.js.map