rangeflow 1.0.2 → 1.0.3

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.
package/dist/index.js CHANGED
@@ -532,7 +532,7 @@ function Oe() {
532
532
  return /* @__PURE__ */ p("div", {
533
533
  className: "rangeflow-tabs flex items-center justify-center select-none",
534
534
  children: /* @__PURE__ */ p("div", {
535
- className: "flex items-center",
535
+ className: "relative flex items-center overflow-hidden",
536
536
  children: o.map((e, n) => /* @__PURE__ */ m("button", {
537
537
  className: y("rangeflow-tab relative z-1 flex items-center px-1.5 py-1"),
538
538
  "data-active": c === n || void 0,
@@ -547,6 +547,10 @@ function Oe() {
547
547
  }), c === n && /* @__PURE__ */ p(x.div, {
548
548
  className: "rangeflow-tab-indicator absolute inset-0 rounded-sm bg-(--rangeflow-active-bg)",
549
549
  layoutId: "tab-indicator",
550
+ initial: {
551
+ x: 0,
552
+ y: 0
553
+ },
550
554
  transition: {
551
555
  type: "spring",
552
556
  stiffness: 200,
package/dist/style.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent:#16433c;--rangeflow-surface:#fff;--rangeflow-foreground:#0a0f0c;--rangeflow-on-accent:oklch(from var(--rangeflow-accent) clamp(0, (.62 - l) * 100, 1) 0 0);--rangeflow-bg:var(--rangeflow-surface);--rangeflow-border:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border:color-mix(in oklab, var(--rangeflow-accent) 22%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:color-mix(in oklab, var(--rangeflow-accent) 45%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:color-mix(in oklab, var(--rangeflow-foreground) 10%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:color-mix(in oklab, var(--rangeflow-foreground) 92%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:color-mix(in oklab, var(--rangeflow-foreground) 65%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:color-mix(in oklab, var(--rangeflow-foreground) 50%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:color-mix(in oklab, var(--rangeflow-foreground) 35%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:color-mix(in oklab, var(--rangeflow-foreground) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:color-mix(in oklab, var(--rangeflow-accent) 12%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:color-mix(in oklab, var(--rangeflow-accent) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:color-mix(in oklab, var(--rangeflow-accent) 32%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid:var(--rangeflow-accent);--rangeflow-accent-solid-hover:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:color-mix(in oklab, var(--rangeflow-accent), var(--rangeflow-foreground) 12%)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-contrast:var(--rangeflow-on-accent);--rangeflow-accent-text:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-text:color-mix(in oklab, var(--rangeflow-accent) 55%, var(--rangeflow-foreground))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ring:var(--rangeflow-accent);--rangeflow-separator:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator:color-mix(in oklab, var(--rangeflow-accent) 65%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator-active:var(--rangeflow-accent);--rangeflow-ticker:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ticker:color-mix(in oklab, var(--rangeflow-accent) 40%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-today:var(--rangeflow-accent-text)}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-surface:#0a0f0c;--rangeflow-foreground:#fff}}@layer base{.rangeflow-date-picker,.rangeflow-date-picker-portal{font-family:var(--rangeflow-font,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rangeflow-date-picker,.rangeflow-date-picker *,.rangeflow-date-picker-portal,.rangeflow-date-picker-portal *{box-sizing:border-box}.rangeflow-date-picker button,.rangeflow-date-picker-portal button,.rangeflow-date-picker select,.rangeflow-date-picker-portal select{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.rangeflow-date-picker select,.rangeflow-date-picker-portal select{appearance:none}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-10{top:calc(var(--spacing) * 10)}.top-\[50\%\]{top:50%}.left-0{left:calc(var(--spacing) * 0)}.z-1{z-index:1}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[clamp\(0\.5rem\,5vw\,5\%\)\]{margin-inline:clamp(.5rem,5vw,5%)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing) * 3)}.h-3\/4{height:75%}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-35{height:calc(var(--spacing) * 35)}.h-full{height:100%}.w-0\.5{width:calc(var(--spacing) * .5)}.w-0\.75{width:calc(var(--spacing) * .75)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-140{width:calc(var(--spacing) * 140)}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-\[50\%\]{--tw-translate-y:calc(50% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\(--rangeflow-border\){border-color:var(--rangeflow-border)}.border-\(--rangeflow-border-strong\){border-color:var(--rangeflow-border-strong)}.bg-\(--rangeflow-active-bg\){background-color:var(--rangeflow-active-bg)}.bg-\(--rangeflow-bg\){background-color:var(--rangeflow-bg)}.bg-\(--rangeflow-range-bg\){background-color:var(--rangeflow-range-bg)}.bg-\(--rangeflow-separator\){background-color:var(--rangeflow-separator)}.bg-\(--rangeflow-ticker\){background-color:var(--rangeflow-ticker)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-nowrap{text-wrap:nowrap}.text-\(--rangeflow-accent-text\){color:var(--rangeflow-accent-text)}.text-\(--rangeflow-text\){color:var(--rangeflow-text)}.text-\(--rangeflow-text-disabled\){color:var(--rangeflow-text-disabled)}.text-\(--rangeflow-text-faint\){color:var(--rangeflow-text-faint)}.text-\(--rangeflow-text-muted\){color:var(--rangeflow-text-muted)}.text-\(--rangeflow-text-subtle\){color:var(--rangeflow-text-subtle)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.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)}.inset-shadow-sm{--tw-inset-shadow:inset 0 2px 4px var(--tw-inset-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:var(--rangeflow-shadow-color)}@supports (color:color-mix(in lab, red, red)){.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:color-mix(in oklab, var(--rangeflow-shadow-color) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2\.5px\]{--tw-backdrop-blur:blur(2.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,opacity\]{transition-property:background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-has-\[\[data-track-handle-container\]\:hover\]\:opacity-100:is(:where(.group):has([data-track-handle-container]:hover) *){opacity:1}@media (hover:hover){.hover\:bg-\(--rangeflow-hover-bg\):hover{background-color:var(--rangeflow-hover-bg)}.hover\:bg-\(--rangeflow-separator-active\):hover{background-color:var(--rangeflow-separator-active)}.hover\:text-\(--rangeflow-text-muted\):hover{color:var(--rangeflow-text-muted)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-\(--rangeflow-ring\):focus-visible{--tw-ring-color:var(--rangeflow-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-\[\:focus\]\:ring-1:has(:focus){--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)}.has-\[\:focus\]\:ring-\(--rangeflow-ring\):has(:focus){--tw-ring-color:var(--rangeflow-ring)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-40[aria-disabled=true]{opacity:.4}.data-\[range-end\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-end=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-end\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-end=true]{color:var(--rangeflow-accent-contrast)}.data-\[range-start\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-start=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-start\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-start=true]{color:var(--rangeflow-accent-contrast)}.data-\[selected\=true\]\:bg-\(--rangeflow-accent-solid\)[data-selected=true]{background-color:var(--rangeflow-accent-solid)}.data-\[selected\=true\]\:text-\(--rangeflow-accent-contrast\)[data-selected=true]{color:var(--rangeflow-accent-contrast)}@media (hover:hover){.data-\[selected\=true\]\:hover\:bg-\(--rangeflow-accent-solid-hover\)[data-selected=true]:hover{background-color:var(--rangeflow-accent-solid-hover)}}.data-\[separator\=active\]\:bg-\(--rangeflow-separator-active\)[data-separator=active]{background-color:var(--rangeflow-separator-active)}.data-\[separator\=active\]\:opacity-100[data-separator=active],.data-\[separator\=focus\]\:opacity-100[data-separator=focus]{opacity:1}.data-\[today\=true\]\:font-bold[data-today=true]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[today\=true\]\:text-\(--rangeflow-today\)[data-today=true]{color:var(--rangeflow-today)}@media (width>=48rem){.md\:flex-row{flex-direction:row}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
2
+ @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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent:#16433c;--rangeflow-surface:#fff;--rangeflow-foreground:#0a0f0c;--rangeflow-on-accent:oklch(from var(--rangeflow-accent) clamp(0, (.62 - l) * 100, 1) 0 0);--rangeflow-bg:var(--rangeflow-surface);--rangeflow-border:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border:color-mix(in oklab, var(--rangeflow-accent) 22%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:color-mix(in oklab, var(--rangeflow-accent) 45%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:color-mix(in oklab, var(--rangeflow-foreground) 10%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:color-mix(in oklab, var(--rangeflow-foreground) 92%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:color-mix(in oklab, var(--rangeflow-foreground) 65%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:color-mix(in oklab, var(--rangeflow-foreground) 50%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:color-mix(in oklab, var(--rangeflow-foreground) 35%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:color-mix(in oklab, var(--rangeflow-foreground) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:color-mix(in oklab, var(--rangeflow-accent) 12%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:color-mix(in oklab, var(--rangeflow-accent) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:color-mix(in oklab, var(--rangeflow-accent) 32%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid:var(--rangeflow-accent);--rangeflow-accent-solid-hover:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:color-mix(in oklab, var(--rangeflow-accent), var(--rangeflow-foreground) 12%)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-contrast:var(--rangeflow-on-accent);--rangeflow-accent-text:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-text:color-mix(in oklab, var(--rangeflow-accent) 55%, var(--rangeflow-foreground))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ring:var(--rangeflow-accent);--rangeflow-separator:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator:color-mix(in oklab, var(--rangeflow-accent) 65%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator-active:var(--rangeflow-accent);--rangeflow-ticker:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ticker:color-mix(in oklab, var(--rangeflow-accent) 40%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-today:var(--rangeflow-accent-text)}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-surface:#0a0f0c;--rangeflow-foreground:#fff;--rangeflow-border:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border:color-mix(in oklab, var(--rangeflow-accent) 30%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 14%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border-strong:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border-strong:color-mix(in oklab, var(--rangeflow-accent) 55%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 22%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-hover-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-hover-bg:color-mix(in oklab, var(--rangeflow-accent) 22%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 10%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-range-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-range-bg:color-mix(in oklab, var(--rangeflow-accent) 32%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 14%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-active-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-active-bg:color-mix(in oklab, var(--rangeflow-accent) 45%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 20%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-ticker:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-ticker:color-mix(in oklab, var(--rangeflow-accent) 55%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 28%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator:color-mix(in oklab, var(--rangeflow-accent) 55%, var(--rangeflow-foreground))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator-active:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator-active:color-mix(in oklab, var(--rangeflow-accent) 35%, var(--rangeflow-foreground))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:color-mix(in oklab, var(--rangeflow-accent), var(--rangeflow-foreground) 18%)}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-text:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-text:color-mix(in oklab, var(--rangeflow-accent) 45%, var(--rangeflow-foreground))}}}@layer base{.rangeflow-date-picker,.rangeflow-date-picker-portal{font-family:var(--rangeflow-font,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rangeflow-date-picker,.rangeflow-date-picker *,.rangeflow-date-picker-portal,.rangeflow-date-picker-portal *{box-sizing:border-box}.rangeflow-date-picker button,.rangeflow-date-picker-portal button,.rangeflow-date-picker select,.rangeflow-date-picker-portal select{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.rangeflow-date-picker select,.rangeflow-date-picker-portal select{appearance:none}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-10{top:calc(var(--spacing) * 10)}.top-\[50\%\]{top:50%}.left-0{left:calc(var(--spacing) * 0)}.z-1{z-index:1}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[clamp\(0\.5rem\,5vw\,5\%\)\]{margin-inline:clamp(.5rem,5vw,5%)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing) * 3)}.h-3\/4{height:75%}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-35{height:calc(var(--spacing) * 35)}.h-full{height:100%}.w-0\.5{width:calc(var(--spacing) * .5)}.w-0\.75{width:calc(var(--spacing) * .75)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-140{width:calc(var(--spacing) * 140)}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-\[50\%\]{--tw-translate-y:calc(50% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\(--rangeflow-border\){border-color:var(--rangeflow-border)}.border-\(--rangeflow-border-strong\){border-color:var(--rangeflow-border-strong)}.bg-\(--rangeflow-active-bg\){background-color:var(--rangeflow-active-bg)}.bg-\(--rangeflow-bg\){background-color:var(--rangeflow-bg)}.bg-\(--rangeflow-range-bg\){background-color:var(--rangeflow-range-bg)}.bg-\(--rangeflow-separator\){background-color:var(--rangeflow-separator)}.bg-\(--rangeflow-ticker\){background-color:var(--rangeflow-ticker)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-nowrap{text-wrap:nowrap}.text-\(--rangeflow-accent-text\){color:var(--rangeflow-accent-text)}.text-\(--rangeflow-text\){color:var(--rangeflow-text)}.text-\(--rangeflow-text-disabled\){color:var(--rangeflow-text-disabled)}.text-\(--rangeflow-text-faint\){color:var(--rangeflow-text-faint)}.text-\(--rangeflow-text-muted\){color:var(--rangeflow-text-muted)}.text-\(--rangeflow-text-subtle\){color:var(--rangeflow-text-subtle)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.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)}.inset-shadow-sm{--tw-inset-shadow:inset 0 2px 4px var(--tw-inset-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:var(--rangeflow-shadow-color)}@supports (color:color-mix(in lab, red, red)){.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:color-mix(in oklab, var(--rangeflow-shadow-color) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2\.5px\]{--tw-backdrop-blur:blur(2.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,opacity\]{transition-property:background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-has-\[\[data-track-handle-container\]\:hover\]\:opacity-100:is(:where(.group):has([data-track-handle-container]:hover) *){opacity:1}@media (hover:hover){.hover\:bg-\(--rangeflow-hover-bg\):hover{background-color:var(--rangeflow-hover-bg)}.hover\:bg-\(--rangeflow-separator-active\):hover{background-color:var(--rangeflow-separator-active)}.hover\:text-\(--rangeflow-text-muted\):hover{color:var(--rangeflow-text-muted)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-\(--rangeflow-ring\):focus-visible{--tw-ring-color:var(--rangeflow-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-\[\:focus\]\:ring-1:has(:focus){--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)}.has-\[\:focus\]\:ring-\(--rangeflow-ring\):has(:focus){--tw-ring-color:var(--rangeflow-ring)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-40[aria-disabled=true]{opacity:.4}.data-\[range-end\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-end=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-end\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-end=true]{color:var(--rangeflow-accent-contrast)}.data-\[range-start\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-start=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-start\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-start=true]{color:var(--rangeflow-accent-contrast)}.data-\[selected\=true\]\:bg-\(--rangeflow-accent-solid\)[data-selected=true]{background-color:var(--rangeflow-accent-solid)}.data-\[selected\=true\]\:text-\(--rangeflow-accent-contrast\)[data-selected=true]{color:var(--rangeflow-accent-contrast)}@media (hover:hover){.data-\[selected\=true\]\:hover\:bg-\(--rangeflow-accent-solid-hover\)[data-selected=true]:hover{background-color:var(--rangeflow-accent-solid-hover)}}.data-\[separator\=active\]\:bg-\(--rangeflow-separator-active\)[data-separator=active]{background-color:var(--rangeflow-separator-active)}.data-\[separator\=active\]\:opacity-100[data-separator=active],.data-\[separator\=focus\]\:opacity-100[data-separator=focus]{opacity:1}.data-\[today\=true\]\:font-bold[data-today=true]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[today\=true\]\:text-\(--rangeflow-today\)[data-today=true]{color:var(--rangeflow-today)}@media (width>=48rem){.md\:flex-row{flex-direction:row}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
3
3
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rangeflow",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "type": "module",
5
5
  "description": "A fancy date range picker built with React and Tailwind.",
6
6
  "license": "MIT",