trepur_components 2.3.17 → 2.3.19

package/lib/components/Nav/Nav.stories.d.ts

@@ -4,15 +4,15 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
-        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-            logo: string;
-        } & import('react').RefAttributes<HTMLDivElement>>;
+        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         DesktopHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        MobileHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Logo: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
         Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Folder: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
             label: string;
+            active?: boolean | undefined;
         } & import('react').RefAttributes<HTMLDivElement>>;
     };
     parameters: {

package/lib/components/Nav/index.d.ts

@@ -6,15 +6,15 @@ export interface NavContextProps {
     setExpanded?: (val: boolean) => void;
 }
 declare const Nav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
-    Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        logo: string;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     DesktopHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    MobileHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Section: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Logo: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
     Body: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Folder: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         label: string;
+        active?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Nav };

package/lib/components/Nav/index.js

@@ -1,82 +1,96 @@
-import { jsx as e, jsxs as d, Fragment as h } from "react/jsx-runtime";
-import { createContext as y, forwardRef as o, useState as c, useMemo as b, useContext as m, useRef as C } from "react";
-import { HamburgerIcon as H } from "../HamburgerIcon/index.js";
-import { faChevronDown as k } from "@fortawesome/fontawesome-free-solid";
-import p from "clsx";
-import { Icon as w } from "../Icon/index.js";
-const l = y(null), v = o(({ children: a }, s) => {
-  const [r, t] = c(!1), n = b(
+import { jsx as e, jsxs as n, Fragment as y } from "react/jsx-runtime";
+import { createContext as H, forwardRef as r, useState as c, useMemo as C, useContext as m, useRef as k } from "react";
+import { HamburgerIcon as w } from "../HamburgerIcon/index.js";
+import { faChevronDown as M } from "@fortawesome/fontawesome-free-solid";
+import l from "clsx";
+import { Icon as j } from "../Icon/index.js";
+const i = H(null), p = r(({ children: a }, s) => {
+  const [t, o] = c(!1), d = C(
     () => ({
-      expanded: r,
-      setExpanded: t
+      expanded: t,
+      setExpanded: o
     }),
-    [r, t]
+    [t, o]
   );
-  return /* @__PURE__ */ e(l.Provider, { value: n, children: /* @__PURE__ */ e("div", { children: a }) });
-}), N = o(({ children: a, logo: s }, r) => {
-  const { setExpanded: t, expanded: n } = m(l) || {};
-  return /* @__PURE__ */ d("div", { ref: r, className: p("relative h-24 w-full bg-nav-bg px-2 py-2"), children: [
-    /* @__PURE__ */ d("div", { className: "flex h-full md:hidden", children: [
-      /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
-        H,
-        {
-          variant: "ghost",
-          onClick: () => t == null ? void 0 : t(!n),
-          className: "aspect-square"
-        }
-      ) }),
-      /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: /* @__PURE__ */ e(i, { src: s }) })
-    ] }),
-    a
+  return /* @__PURE__ */ e(i.Provider, { value: d, children: /* @__PURE__ */ e("div", { children: a }) });
+}), v = r(
+  ({ children: a }, s) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: s,
+      className: l("relative h-24 w-full bg-nav-bg px-2 py-2"),
+      children: a
+    }
+  )
+), N = r(({ children: a }, s) => {
+  const { setExpanded: t, expanded: o } = m(i) || {};
+  return /* @__PURE__ */ n("div", { ref: s, className: "flex h-full md:hidden", children: [
+    /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
+      w,
+      {
+        variant: "ghost",
+        onClick: () => t == null ? void 0 : t(!o),
+        className: "aspect-square"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: a })
   ] });
-}), g = o(
-  ({ children: a }, s) => {
-    const { expanded: r } = m(l) || {};
-    return r ? /* @__PURE__ */ e("div", { className: "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: a }) }) : /* @__PURE__ */ e(h, {});
-  }
-), f = o(({ children: a }, s) => /* @__PURE__ */ e(
+}), g = r(({ children: a }, s) => /* @__PURE__ */ e(
   "div",
   {
     ref: s,
     className: "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
     children: a
   }
-)), x = o(
+)), f = r(
+  ({ children: a }, s) => {
+    const { expanded: t } = m(i) || {};
+    return t ? /* @__PURE__ */ e("div", { className: "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: a }) }) : /* @__PURE__ */ e(y, {});
+  }
+), u = r(
   ({ children: a }, s) => /* @__PURE__ */ e("div", { ref: s, className: "my-4 md:flex md:gap-4 lg:gap-8", children: a })
-), u = o(({ label: a, children: s }) => {
-  const [r, t] = c(!1), n = C(null);
-  return /* @__PURE__ */ d(
+), x = r(({ label: a, children: s, active: t = !1 }) => {
+  const [o, d] = c(!1), b = k(null);
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: n,
-      onClick: () => t(!0),
-      onMouseLeave: () => t(!1),
-      className: "relative m-auto text-xl font-normal tracking-wider text-nav-text hover:cursor-pointer",
+      ref: b,
+      onClick: () => d(!0),
+      onMouseLeave: () => d(!1),
+      className: l(
+        "relative m-auto text-xl tracking-wider text-nav-text hover:cursor-pointer",
+        {
+          "font-bold": t,
+          "font-normal": !t
+        }
+      ),
       children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-px ", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-px ", children: [
           /* @__PURE__ */ e("p", { children: a }),
-          /* @__PURE__ */ e(w, { icon: k })
+          /* @__PURE__ */ e(j, { icon: M })
         ] }),
-        r && /* @__PURE__ */ e("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: s }) })
+        o && /* @__PURE__ */ e("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: s }) })
       ]
     }
   );
-}), i = o(({ className: a, src: s, ...r }, t) => /* @__PURE__ */ e("img", { className: p("h-20", a), ref: t, src: s, ...r }));
-v.displayName = "Nav";
-N.displayName = "Nav.Header";
-f.displayName = "Nav.DesktopHeader";
-i.displayName = "Nav.Logo";
-x.displayName = "Nav.Section";
-g.displayName = "Nav.Body";
-u.displayName = "Nav.Folder";
-const I = Object.assign(v, {
-  Header: N,
-  DesktopHeader: f,
-  Section: x,
-  Logo: i,
-  Body: g,
-  Folder: u
+}), h = r(({ className: a, src: s, ...t }, o) => /* @__PURE__ */ e("img", { className: l("h-20", a), ref: o, src: s, ...t }));
+p.displayName = "Nav";
+v.displayName = "Nav.Header";
+g.displayName = "Nav.DesktopHeader";
+N.displayName = "Nav.MobileHeader";
+h.displayName = "Nav.Logo";
+u.displayName = "Nav.Section";
+f.displayName = "Nav.Body";
+x.displayName = "Nav.Folder";
+const R = Object.assign(p, {
+  Header: v,
+  DesktopHeader: g,
+  MobileHeader: N,
+  Section: u,
+  Logo: h,
+  Body: f,
+  Folder: x
 });
 export {
-  I as Nav
+  R as Nav
 };

package/lib/components/NavItem/NavItem.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
         href: string;
+        active?: boolean | undefined;
     } & import('react').RefAttributes<HTMLAnchorElement>> & {
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
@@ -15,3 +16,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof NavItem>;
 export declare const Default: Story;
+export declare const Active: Story;

package/lib/components/NavItem/index.d.ts

@@ -2,6 +2,7 @@ import { HTMLAttributes } from 'react';
 
 declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
     href: string;
+    active?: boolean | undefined;
 } & import('react').RefAttributes<HTMLAnchorElement>> & {
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 };

package/lib/components/NavItem/index.js

@@ -1,31 +1,35 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import f from "clsx";
-const n = o(({ children: t, className: e, href: a, ...m }, l) => /* @__PURE__ */ r(
+import c from "clsx";
+const n = o(({ active: e, children: t, className: a, href: m, ...l }, f) => /* @__PURE__ */ r(
   "a",
   {
-    href: a,
-    ref: l,
-    className: f(
+    href: m,
+    ref: f,
+    className: c(
       "m-auto h-8 py-0 text-nav-text after:block after:scale-x-0 after:border-b-4 after:border-nav-text after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
-      e
+      {
+        "font-bold": e,
+        "font-normal": !e
+      },
+      a
     ),
-    ...m,
+    ...l,
     children: t
   }
-)), s = o(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+)), s = o(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "p",
   {
-    className: "flex-none text-nowrap text-xl font-normal tracking-wider",
+    className: "flex-none text-nowrap text-xl tracking-wider",
     ref: a,
-    ...e
+    ...t
   }
 ));
 n.displayName = "NavItem";
 s.displayName = "NavItem.Label";
-const p = Object.assign(n, {
+const N = Object.assign(n, {
   Label: s
 });
 export {
-  p as NavItem
+  N as NavItem
 };

package/lib/components/SplitCard/SplitCard.stories.d.ts

@@ -10,10 +10,11 @@ declare const meta: {
         Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
     args: {
-        swapDesktop: true;
         children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;
 type Story = StoryObj<typeof SplitCard>;
 export declare const Default: Story;
+export declare const swapDesktop: Story;
+export declare const swapMobile: Story;

package/lib/components/SplitCard/index.js

@@ -1,82 +1,84 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as g, forwardRef as l, useMemo as N, useContext as p } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as u, forwardRef as d, useMemo as N, useContext as c } from "react";
 import h from "../../utils/matchMedia.js";
-import { Screens as M } from "../../utils/screens.js";
-import a from "clsx";
-const m = g(null), x = l(({ id: i, className: e, children: r, swapDesktop: t, swapMobile: n, ...o }, d) => {
-  const S = `(min-width: ${M.md})`, c = h(S), u = N(
+import { Screens as y } from "../../utils/screens.js";
+import p from "clsx";
+const a = u(null), x = d(({ id: l, className: e, children: r, swapDesktop: t, swapMobile: i, ...s }, o) => {
+  const f = `(min-width: ${y.md})`, m = h(f), S = N(
     () => ({
       swapDesktop: t,
-      swapMobile: n,
-      isMd: c
+      swapMobile: i,
+      isMd: m
     }),
-    [t, n, c]
+    [t, i, m]
   );
-  return /* @__PURE__ */ s(m.Provider, { value: u, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(a.Provider, { value: S, children: /* @__PURE__ */ n(
     "div",
     {
-      ref: d,
-      ...o,
-      className: a("grid grid-cols-1 md:grid-cols-2", e),
+      ref: o,
+      ...s,
+      className: p("grid grid-cols-1 md:grid-cols-2", e),
       children: r
     }
   ) });
-}), C = l(({ className: i, children: e, ...r }, t) => {
-  const { swapDesktop: n, swapMobile: o, isMd: d } = p(m) || {};
-  return /* @__PURE__ */ s(
+}), g = d(({ className: l, children: e, ...r }, t) => {
+  const { swapDesktop: i, swapMobile: s, isMd: o } = c(a) || {};
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: t,
       ...r,
-      className: a(
-        "mx-auto flex items-center p-8 py-12 text-center md:p-12 lg:p-20",
+      className: p(
+        "mx-auto flex items-center px-4 py-2 text-center md:p-8 lg:py-20",
         {
-          "md:order-last": n,
-          "order-last": !d && o
+          "md:order-last lg:pl-12 lg:pr-20": i,
+          "lg:pl-20 lg:pr-12": !i,
+          "order-last": !o && s
         },
-        i
+        l
       ),
       children: e
     }
   );
-}), f = l(({ className: i, children: e, ...r }, t) => {
-  const { swapDesktop: n, swapMobile: o, isMd: d } = p(m) || {};
-  return /* @__PURE__ */ s(
+}), C = d(({ className: l, children: e, ...r }, t) => {
+  const { swapDesktop: i, swapMobile: s, isMd: o } = c(a) || {};
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: t,
       ...r,
-      className: a(
-        "flex h-full items-center p-8 text-center md:p-12 lg:p-20",
+      className: p(
+        "flex h-full items-center px-4 py-2 text-center md:p-8 lg:py-20",
         {
-          "md:order-first": n,
-          "order-first": !d && o
+          "md:order-first lg:pl-20 lg:pr-12": i,
+          "lg:pl-12 lg:pr-20": !i,
+          "order-first": !o && s
         },
-        i
+        l
       ),
       children: e
     }
   );
-}), v = l(({ className: i, children: e, ...r }, t) => /* @__PURE__ */ s(
+}), M = d(({ className: l, children: e, ...r }, t) => /* @__PURE__ */ n(
   "p",
   {
     ref: t,
-    className: a(
+    className: p(
       "items-center text-6xl font-semibold tracking-wider md:text-4xl lg:text-6xl",
-      i
+      l
     ),
     ...r,
     children: e
   }
-)), w = l(({ className: i, children: e, ...r }, t) => /* @__PURE__ */ s("p", { ref: t, className: a("text-lg", i), ...r, children: e }));
+)), v = d(({ className: l, children: e, ...r }, t) => /* @__PURE__ */ n("p", { ref: t, className: p("text-lg", l), ...r, children: e }));
 x.displayName = "SplitCard";
-C.displayName = "SplitCard.LeftContent";
-f.displayName = "SplitCard.RightContent";
+g.displayName = "SplitCard.LeftContent";
+C.displayName = "SplitCard.RightContent";
 const k = Object.assign(x, {
-  LeftContent: C,
-  RightContent: f,
-  Title: v,
-  Text: w
+  LeftContent: g,
+  RightContent: C,
+  Title: M,
+  Text: v
 });
 export {
   k as SplitCard

package/lib/style.css

@@ -1 +1 @@
-.react-calendar{width:410px;background:#fff;border:none;border-radius:25px;border:1px solid #fff;box-shadow:0 12px 24px #0003;padding:8px;line-height:1.125em}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:50px;margin-bottom:1em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-size:.75em}.react-calendar--doubleView{width:800px}.react-calendar__month-view{padding-left:20px;padding-right:20px}.react-calendar__tile{height:50px;width:50px}.react-calendar__tile:disabled{background-color:#fff;color:#bebebe}.react-calendar__month-view__days__day--weekend,.react-calendar__month-view__days__day{color:#000}.react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--now{background:#fff;color:#000}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#f8f8fa}.react-calendar__tile--active{background:#000;border-radius:50%;color:#fff}.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeEnd:enabled{border-radius:0 50% 50% 0;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeStart:enabled{border-radius:50% 0 0 50%;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#dfdfe1}.react-calendar--selectRange .react-calendar__tile--rangeStart{background-color:#000;color:#fff}.react-calendar__tile--range{background:#dfdfe1;color:#000;border-radius:0}.react-calendar__tile--rangeStart{border-radius:50% 0 0 50%;background:#000;color:#fff}.react-calendar__tile--rangeEnd{border-radius:0 50% 50% 0;background:#000;color:#fff}.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button{background:#fff}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__navigation__label__labelText{color:#000}.react-calendar__navigation{height:50px}.react-calendar__navigation button{color:#000;width:50px;background:none;font-size:16px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#bebebe;color:#000;border-radius:50%}.react-calendar__navigation button:disabled{background:#fff;color:#bebebe}abbr[title]{text-decoration:none}.react-calendar__navigation__label__divider{display:none}.react-calendar__navigation__label{padding-top:20px;display:flex;flex-grow:1;justify-content:space-between}.react-calendar__navigation__label__labelText--from{margin-left:80px}.react-calendar__navigation__label__labelText--to{margin-right:100px}button.react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--rangeBothEnds.react-calendar__tile--hover.react-calendar__tile--hoverStart.react-calendar__tile--hoverEnd.react-calendar__tile--hoverBothEnds.react-calendar__month-view__days__day.react-calendar__month-view__days__day--weekend{background-color:#000}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}
+.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.react-calendar{width:410px;background:#fff;border:none;border-radius:25px;border:1px solid #fff;box-shadow:0 12px 24px #0003;padding:8px;line-height:1.125em}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:50px;margin-bottom:1em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-size:.75em}.react-calendar--doubleView{width:800px}.react-calendar__month-view{padding-left:20px;padding-right:20px}.react-calendar__tile{height:50px;width:50px}.react-calendar__tile:disabled{background-color:#fff;color:#bebebe}.react-calendar__month-view__days__day--weekend,.react-calendar__month-view__days__day{color:#000}.react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--now{background:#fff;color:#000}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#f8f8fa}.react-calendar__tile--active{background:#000;border-radius:50%;color:#fff}.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeEnd:enabled{border-radius:0 50% 50% 0;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeStart:enabled{border-radius:50% 0 0 50%;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#dfdfe1}.react-calendar--selectRange .react-calendar__tile--rangeStart{background-color:#000;color:#fff}.react-calendar__tile--range{background:#dfdfe1;color:#000;border-radius:0}.react-calendar__tile--rangeStart{border-radius:50% 0 0 50%;background:#000;color:#fff}.react-calendar__tile--rangeEnd{border-radius:0 50% 50% 0;background:#000;color:#fff}.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button{background:#fff}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__navigation__label__labelText{color:#000}.react-calendar__navigation{height:50px}.react-calendar__navigation button{color:#000;width:50px;background:none;font-size:16px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#bebebe;color:#000;border-radius:50%}.react-calendar__navigation button:disabled{background:#fff;color:#bebebe}abbr[title]{text-decoration:none}.react-calendar__navigation__label__divider{display:none}.react-calendar__navigation__label{padding-top:20px;display:flex;flex-grow:1;justify-content:space-between}.react-calendar__navigation__label__labelText--from{margin-left:80px}.react-calendar__navigation__label__labelText--to{margin-right:100px}button.react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--rangeBothEnds.react-calendar__tile--hover.react-calendar__tile--hoverStart.react-calendar__tile--hoverEnd.react-calendar__tile--hoverBothEnds.react-calendar__month-view__days__day.react-calendar__month-view__days__day--weekend{background-color:#000}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.17",
+  "version": "2.3.19",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,