- GRID =
%w[w-full].freeze
- DAYS_OF_WEEK =
%w[
grid grid-cols-7 text-center text-(--sp-text-xs)
font-medium text-(--sp-color-muted-fg) mb-1
].freeze
- DAYS_OF_MONTH =
%w[grid grid-cols-7 justify-items-center].freeze
- DAY =
%w[
size-(--sp-calendar-day-size) rounded-(--sp-radius-md)
flex items-center justify-center text-(--sp-text-sm)
hover:bg-(--sp-color-muted) cursor-pointer
].freeze
- DAY_SELECTED =
%w[
bg-(--sp-color-primary)
text-(--sp-color-primary-fg)
hover:bg-(--sp-color-primary)/90
].freeze
- NAV =
%w[flex items-center justify-between gap-1 mb-2].freeze
- NAV_BTN =
%w[
inline-flex items-center justify-center
size-(--sp-calendar-day-size) rounded-(--sp-radius-md)
text-(--sp-color-fg) hover:bg-(--sp-color-muted)
focus-visible:outline-none focus-visible:ring-2
focus-visible:ring-(--sp-focus-ring-color)
disabled:pointer-events-none disabled:opacity-50
].freeze
- NAV_ICON =
%w[size-4 stroke-current].freeze