@temp-spotwork/ui 1.4.3

package/dist/components/molecules/drawer/drawer.js

@@ -0,0 +1,126 @@
+import { jsx as r, jsxs as t, Fragment as k } from "react/jsx-runtime";
+import { useState as I, useRef as y, useMemo as X, useEffect as v } from "react";
+import { u as E, b as F, a as g } from "../../../react-spring_web.modern-BLL8Qmtg.js";
+import { R as M, P as q, O as z, C as A, D as G, T as H } from "../../../index-C0ZrzaoZ.js";
+import "../../styles/tailwind-config/index.js";
+import { Typography as w } from "../../styles/typography/typography.js";
+import "../../styles/colors/colors.js";
+import { surface as J } from "../../styles/colors/colormap.js";
+import { Icons as K } from "../../atoms/icons/icons.js";
+import "../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../atoms/icons/iconsSVGs/Small/Profile.js";
+import "../../../index-fN7hCOo3.js";
+import "../../atoms/form/dateselect/dateselect.js";
+import "../../atoms/form/time-picker/time-picker.js";
+import "../../atoms/form/dropdown/dropdown.js";
+import "../filter/dropdown-selector/styles.js";
+import "../../atoms/form/dropdown-search/dropdown-search.js";
+import "../../../index-CYyrKZeH.js";
+import "../../atoms/form/textfield/textfield.js";
+import "../../atoms/form/stepper/stepper.js";
+import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/timeselect/timeselect.js";
+import { Button as L } from "../button/button.js";
+import "../datatables/cell/cell.js";
+import "../dataviz/donut-chart/donut-chart.js";
+import "../form/radiogroup/radiogroup.js";
+import "../../../card-Cc2Qkiqr.js";
+function vr({
+  children: N,
+  actionBox: b,
+  title: l,
+  open: e,
+  setOpen: i,
+  width: a,
+  transitionDuration: c = 500,
+  hasOverlayBg: C = !1,
+  metadata: d,
+  subheading: f,
+  buttonProps: u,
+  enableWidthTransition: p = !1,
+  preserveScrollPosition: m = !0,
+  scrollBehavior: D = "auto",
+  enableScroll: s = !0
+}) {
+  const [n, T] = I(c), o = y(null), h = y(0), R = X(
+    () => ({
+      from: { opacity: 0, transform: `translateX(${a})` },
+      enter: { opacity: 1, transform: "translateX(0%)" },
+      leave: { opacity: 1 },
+      config: {
+        duration: n
+      }
+    }),
+    [a, n]
+  ), B = E(e, R);
+  v(() => {
+    T(c);
+  }, [c]);
+  const _ = F({
+    width: e ? a : 0,
+    config: { duration: n }
+  });
+  v(() => {
+    e && m && s && o.current && (o.current.scrollTop = h.current);
+  }, [e, m, s]);
+  const $ = () => {
+    m && s && o.current && (h.current = o.current.scrollTop), i == null || i(!1);
+  };
+  return /* @__PURE__ */ r(M, { open: e, onOpenChange: i, children: /* @__PURE__ */ r(q, { children: B(
+    (x, j) => j ? /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ r(g.div, { style: { opacity: x.opacity }, children: /* @__PURE__ */ r(
+        z,
+        {
+          className: "DialogOverlay fixed inset-0",
+          style: C ? {
+            background: J.subduedInverted,
+            opacity: "50%"
+          } : {}
+        }
+      ) }),
+      /* @__PURE__ */ t(A, { children: [
+        /* @__PURE__ */ r(G, { className: "sr-only", children: l ? `${l} drawer` : "Drawer content" }),
+        /* @__PURE__ */ t(
+          g.div,
+          {
+            style: {
+              transform: x.transform,
+              width: p ? _.width : a,
+              maxWidth: "100vw",
+              transition: p ? void 0 : `width ${n}ms ease-in-out`
+            },
+            className: "fixed top-0 right-0 h-screen bg-surface-default shadow-[0rem_0rem_1rem_0rem_#B0B0B0] focus:outline-none flex flex-col",
+            children: [
+              /* @__PURE__ */ t("div", { className: "flex-shrink-0 flex flex-col p-xl gap-md border-b border-bcolor-subdued bg-surface-default", children: [
+                /* @__PURE__ */ t("div", { className: "flex flex-row justify-between gap-md", children: [
+                  /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(w, { swStyle: 8, className: "truncate", children: l }) }),
+                  /* @__PURE__ */ t("div", { className: "flex gap-md", children: [
+                    b,
+                    /* @__PURE__ */ r(K, { icon: "Cross", button: !0, handleClick: $ })
+                  ] })
+                ] }),
+                f && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(w, { swStyle: 1, color: "subdued", children: f }) }),
+                d && /* @__PURE__ */ t("div", { className: "flex items-center gap-md w-full", children: [
+                  /* @__PURE__ */ r("div", { className: "w-full", children: d }),
+                  u && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(L, { ...u }) })
+                ] })
+              ] }),
+              e && /* @__PURE__ */ r(
+                "div",
+                {
+                  ref: o,
+                  className: `flex-1 ${s ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden"}`,
+                  style: { scrollBehavior: D },
+                  children: N
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }) : null
+  ) }) });
+}
+export {
+  vr as Drawer
+};

package/dist/components/molecules/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './drawer';
+export type { DrawerProps } from './drawer';

package/dist/components/molecules/drawer/index.js

@@ -0,0 +1,4 @@
+import { Drawer as o } from "./drawer.js";
+export {
+  o as Drawer
+};

package/dist/components/molecules/filter/checkbox/checkbox.d.ts

@@ -0,0 +1,19 @@
+export type CheckboxFilterProps = {
+    /**
+     * a variable containing a true or false state that is changed when the checkbox is clicked or unclicked
+     */
+    checked: boolean;
+    /**
+     * the handleChange that changes the checkboxOption state by taking the event of the checkbox and setting setstate action accordingly
+     */
+    onChange?: () => void;
+    /**
+     * a customizable string that is displayed as a label for the checkbox
+     */
+    label?: string;
+    /**
+     * option disabled state
+     */
+    disabled?: boolean;
+};
+export declare function CheckboxFilter({ label, onChange, checked, disabled, }: CheckboxFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/filter/checkbox/checkbox.js

@@ -0,0 +1,45 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useId as n } from "react";
+import { C as d, a as c } from "../../../../index-DrfOymtc.js";
+import { Icons as i } from "../../../atoms/icons/icons.js";
+import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
+import { Typography as m } from "../../../styles/typography/typography.js";
+import { t as f } from "../../../../bundle-mjs-CAy1p0fn.js";
+function C({
+  label: t,
+  onChange: s,
+  checked: e,
+  disabled: o = !1
+}) {
+  const l = n();
+  return /* @__PURE__ */ a("div", { className: "flex items-center gap-xs p-xs", children: [
+    /* @__PURE__ */ r(
+      d,
+      {
+        checked: e,
+        disabled: o,
+        onCheckedChange: s,
+        className: f(
+          "w-[1.6rem] h-[1.6rem]  border border-bcolor-default rounded-xs bg-surface-default flex items-center justify-centers",
+          e && "border-none bg-surface-activeInverted",
+          o && e && "border-none bg-surface-disabledInverted cursor-not-allowed",
+          o && !e && "border-bcolor-default bg-surface-disabled cursor-not-allowed"
+        ),
+        id: l,
+        children: /* @__PURE__ */ r(c, { className: "ml-[-0.2rem]", children: /* @__PURE__ */ r(
+          i,
+          {
+            disabled: !0,
+            icon: "TickSmall",
+            color: o ? "disabledInverted" : "overlay"
+          }
+        ) })
+      }
+    ),
+    t && /* @__PURE__ */ r("label", { htmlFor: l, children: /* @__PURE__ */ r(m, { swStyle: 1, color: "default", children: t }) })
+  ] });
+}
+export {
+  C as CheckboxFilter
+};

package/dist/components/molecules/filter/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxFilter } from './checkbox';
+export type { CheckboxFilterProps } from './checkbox';

package/dist/components/molecules/filter/checkbox/index.js

@@ -0,0 +1,4 @@
+import { CheckboxFilter as r } from "./checkbox.js";
+export {
+  r as CheckboxFilter
+};

package/dist/components/molecules/filter/context-search/context-search.d.ts

@@ -0,0 +1,19 @@
+export type ContextSearchProps = {
+    /**
+     * value of the input
+     */
+    value?: string;
+    /**
+     * onChange function
+     */
+    onChange?: (value: string) => void;
+    /**
+     * placeholder
+     */
+    placeholder?: string;
+    /**
+     * disabled
+     */
+    disabled?: boolean;
+};
+export declare const ContextSearch: ({ value, onChange, placeholder, disabled, }: ContextSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/filter/context-search/context-search.js

@@ -0,0 +1,58 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { Icons as n } from "../../../atoms/icons/icons.js";
+import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
+import { t as s } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { outlinedBorder as l } from "../../../styles/defaults/defaults.js";
+import "../../../../purify.es-eYFoHPwR.js";
+import { styleMap as b } from "../../../styles/typography/style.js";
+import "../../../styles/colors/colormap.js";
+const w = ({
+  value: a,
+  onChange: e,
+  placeholder: i,
+  disabled: o = !1
+}) => {
+  const [c, r] = p(!1), m = () => {
+    r(!0);
+  }, u = () => {
+    r(!1);
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: s(
+        `h-[3rem] flex items-center gap-xs px-xs bg-surface-default ${l.base} border-bcolor-default `,
+        c && l.active,
+        o && "bg-surface-disabled border-bcolor-disabled"
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          n,
+          {
+            disabled: !0,
+            icon: "MagnifyingGlassSmall",
+            color: o ? "disabled" : "active"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            className: s(`focus:outline-none w-full ${b[1]}`),
+            placeholder: i,
+            onFocus: m,
+            onBlur: u,
+            onChange: (f) => e == null ? void 0 : e(f.target.value),
+            value: a,
+            disabled: o
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as ContextSearch
+};

package/dist/components/molecules/filter/context-search/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextSearch } from './context-search';
+export type { ContextSearchProps } from './context-search';

package/dist/components/molecules/filter/context-search/index.js

@@ -0,0 +1,4 @@
+import { ContextSearch as r } from "./context-search.js";
+export {
+  r as ContextSearch
+};

package/dist/components/molecules/filter/date-range-selector/date-range-selector.d.ts

@@ -0,0 +1,28 @@
+export type DateRangeSelectorProps = {
+    /**
+     * value of the component.
+     * An array of 2 values. Start date and End date.
+     */
+    value: [string | Date, string | Date];
+    /**
+     * return a new value.
+     */
+    onChange: (value: [string | Date, string | Date]) => void;
+    /**
+     * min date which can be selected
+     */
+    min?: string | Date;
+    /**
+     * max date which can be selected
+     */
+    max?: string | Date;
+    /**
+     * disabled state
+     */
+    disabled?: boolean;
+    /**
+     * text which displayed when first date selected
+     */
+    endText?: string;
+};
+export declare function DateRangeSelector({ value, onChange, min, max, disabled, endText, }: DateRangeSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/filter/date-range-selector/date-range-selector.js

@@ -0,0 +1,306 @@
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import y from "react";
+import { t as M } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { Icons as C } from "../../../atoms/icons/icons.js";
+import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
+import "../../../styles/colors/colors.js";
+import { surface as N } from "../../../styles/colors/colormap.js";
+import { outlinedBorder as X } from "../../../styles/defaults/defaults.js";
+import { Typography as i } from "../../../styles/typography/typography.js";
+import { getBorderClasses as ee, getInnerIconColor as te } from "../../../atoms/form/utils-for-forms/state-functions.js";
+import { formatDateToMonthYear as R, parseShortMonthYear as j, formatShortMonthYear as re, isSameMonth as T } from "../../../atoms/form/dateselect/helpers.js";
+import { useStickyZIndex as ne } from "../../../../hooks/use-sticky-z-index.js";
+import { t as m } from "../../../../toDate-DF9e2eS8.js";
+import { f as O, a as D, s as l, g as se } from "../../../../format-BwmhcciO.js";
+import { s as oe } from "../../../../startOfToday-BPMZZniU.js";
+import { a as $ } from "../../../../addYears-D3POA9ql.js";
+import { p as ae, s as ce, a as ie, e as le, b as de, c as L, i as f } from "../../../../isToday-DmBTkQMq.js";
+import { i as a } from "../../../../isWithinInterval-BTUruC3j.js";
+import { i as fe } from "../../../../isBefore-D0yKF9R5.js";
+function me(t) {
+  return m(t).getDay() === 6;
+}
+function he(t) {
+  return m(t).getDay() === 0;
+}
+function ue(t) {
+  const s = m(t);
+  return s.setHours(23, 59, 59, 999), s;
+}
+function Y(t) {
+  const s = m(t), d = s.getMonth();
+  return s.setFullYear(s.getFullYear(), d + 1, 0), s.setHours(23, 59, 59, 999), s;
+}
+function pe(t) {
+  const s = m(t);
+  return +ue(s) == +Y(s);
+}
+function ge(t) {
+  return m(t).getDate() === 1;
+}
+function _e({
+  value: t,
+  onChange: s,
+  min: d = $(/* @__PURE__ */ new Date(), -5),
+  max: h = $(/* @__PURE__ */ new Date(), 5),
+  disabled: c = !1,
+  endText: F = "End Date"
+}) {
+  const w = y.useRef(null), _ = ne(w), E = oe(), [x, b] = y.useState(!1), [o, S] = y.useState(
+    null
+  ), H = ee(
+    x,
+    !1,
+    !1,
+    c
+  ), P = te(
+    x,
+    !1,
+    !1,
+    c
+  ), z = () => {
+    !c && b((r) => !r);
+  };
+  y.useEffect(() => {
+    !t && s([d, h]);
+    const r = (e) => {
+      const p = w.current;
+      p && e.target !== p && !p.contains(e.target) && (b(!1), S(null));
+    };
+    return document.addEventListener("click", r), () => {
+      document.removeEventListener("click", r);
+    };
+  }, []);
+  const [u, v] = y.useState(() => t ? R(new Date(t[0])) : R(E)), I = ae(u, "MMM-yyyy", /* @__PURE__ */ new Date()), k = (r) => O(r, "MM/dd/yyyy"), G = () => {
+    const r = D(I, { months: -1 });
+    v(O(r, "MMM-yyyy"));
+  }, Z = () => {
+    const r = D(I, { months: 1 });
+    v(O(r, "MMM-yyyy"));
+  }, q = ["S", "M", "T", "W", "T", "F", "S"], A = () => /* @__PURE__ */ g("div", { className: "flex items-center w-full justify-between h-[3rem]", children: [
+    /* @__PURE__ */ n(
+      C,
+      {
+        disabled: !1,
+        handleClick: G,
+        icon: "ChevronLeft",
+        color: "active",
+        button: !0,
+        id: "prev-month"
+      }
+    ),
+    /* @__PURE__ */ n(
+      i,
+      {
+        swStyle: 1,
+        color: "active",
+        children: `${re(u)}`,
+        className: "min-w-[2rem] text-center select-none"
+      }
+    ),
+    /* @__PURE__ */ n(
+      C,
+      {
+        disabled: !1,
+        handleClick: Z,
+        icon: "ChevronRight",
+        color: "active",
+        button: !0,
+        id: "next-month"
+      }
+    )
+  ] }), J = () => /* @__PURE__ */ n("div", { className: "flex justify-center items-center gap-[1rem] bg-[#e7e7e7] rounded-[0.5rem] w-full h-[2rem]", children: q.map((r, e) => /* @__PURE__ */ n(
+    i,
+    {
+      swStyle: 1,
+      color: e === 0 || e === 6 ? "subdued" : "default",
+      children: r,
+      className: "min-w-[2rem] text-center select-none"
+    },
+    r + e
+  )) });
+  function K(r) {
+    const e = ce(j(r)), p = Y(j(r));
+    return ie({
+      start: e,
+      end: p
+    }).map((B) => le({
+      start: B,
+      end: de(B)
+    }));
+  }
+  const Q = K(u), W = (r) => `linear-gradient(to ${r}, ${N.active} 0%, ${N.default} 60%,  ${N.default} 100%)`, U = (r) => {
+    o ? (fe(r, o) ? s([r, o]) : s([o, r]), S(null), b(!1)) : S(r);
+  }, V = () => /* @__PURE__ */ n("div", { className: "flex flex-col gap-md", children: Q.map((r) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: M("flex justify-start items-start"),
+      children: r.map((e) => T(u, e) ? /* @__PURE__ */ n(
+        "div",
+        {
+          className: M(
+            "cursor-pointer  min-w-[2rem] h-[2rem] px-xs first:pl-0 first:rounded-s first:ml-0 last:pr-0 last:rounded-e last:mr-0",
+            !o && a(e, {
+              start: l(t[0]),
+              end: l(t[1])
+            }) && " bg-surface-active",
+            // fill the bg of selected dates
+            f(e, t[0]) && "pl-0 ml-xs rounded-s",
+            // fill right side of the first selected date
+            f(e, t[1]) && "pr-0 mr-xs rounded-e",
+            //fill left side of the last selected date
+            !a(e, { start: d, end: h }) && "cursor-not-allowed"
+          ),
+          onClick: () => a(e, { start: d, end: h }) && U(e),
+          children: /* @__PURE__ */ n(
+            i,
+            {
+              swStyle: 1,
+              color: a(e, { start: d, end: h }) ? !o && a(e, {
+                start: l(t[0]),
+                end: l(t[1])
+              }) || o && f(e, o) ? "active" : "default" : "disabled",
+              children: T(u, e) ? e.getDate() : "",
+              className: M(
+                "min-w-[2rem] h-[2rem] text-center select-none  ",
+                // base styles
+                L(e) && "border border-bcolor-subdued rounded",
+                // grey border for current day
+                !o && a(e, {
+                  start: l(t[0]),
+                  end: l(t[1])
+                }) && L(e) && "border-bcolor-active",
+                // active border for selected current day
+                o && f(e, o) && "bg-surface-active rounded border-bcolor-active",
+                !o && a(e, {
+                  start: l(t[0]),
+                  end: l(t[1])
+                }) && " bg-surface-active ",
+                // hover state for acceptable dates
+                (f(e, t[0]) || he(e)) && "rounded-s",
+                (f(e, t[1]) || me(e)) && "rounded-e",
+                a(e, { start: d, end: h }) && " hover:bg-surface-active hover:rounded"
+                // hover state for acceptable dates
+              )
+            }
+          )
+        },
+        e.getDate()
+      ) : /* @__PURE__ */ n(
+        "div",
+        {
+          className: "min-w-[2rem] h-[2rem] mx-xs first:ml-0 last:mr-0",
+          style: a(e, {
+            start: t[0],
+            end: t[1]
+          }) && a(D(e, { days: 1 }), {
+            start: t[0],
+            end: t[1]
+          }) && pe(e) ? {
+            background: W("left"),
+            marginRight: 0,
+            minWidth: "2.5rem",
+            paddingRight: "0.5rem"
+          } : a(e, {
+            start: t[0],
+            end: t[1]
+          }) && a(D(e, { days: -1 }), {
+            start: t[0],
+            end: t[1]
+          }) && ge(e) ? {
+            background: W("right"),
+            marginLeft: 0,
+            minWidth: "2.5rem",
+            paddingLeft: "0.5rem"
+          } : {}
+        },
+        e.getDate()
+      ))
+    },
+    `week-${se(r[0])}`
+  )) });
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: w,
+      id: "custom",
+      onClick: z,
+      className: M(
+        "relative inline-block min-w-[19rem]  px-xs",
+        c ? "bg-surface-disabled" : "",
+        H
+      ),
+      children: [
+        /* @__PURE__ */ g(
+          "div",
+          {
+            className: M(
+              "flex items-center justify-between gap-xs min-h-[3rem] ",
+              c ? " cursor-not-allowed" : "cursor-pointer"
+            ),
+            children: [
+              /* @__PURE__ */ g("div", { className: "flex", children: [
+                o ? /* @__PURE__ */ n(
+                  i,
+                  {
+                    swStyle: 1,
+                    color: c ? "disabled" : "default",
+                    children: k(o)
+                  }
+                ) : /* @__PURE__ */ n(
+                  i,
+                  {
+                    swStyle: 1,
+                    color: c ? "disabled" : "default",
+                    children: k(t[0])
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  i,
+                  {
+                    swStyle: 1,
+                    color: c ? "disabled" : "default",
+                    children: "–"
+                  }
+                ),
+                o ? /* @__PURE__ */ n(
+                  i,
+                  {
+                    swStyle: 1,
+                    color: c ? "disabled" : "placeholder",
+                    children: F
+                  }
+                ) : /* @__PURE__ */ n(
+                  i,
+                  {
+                    swStyle: 1,
+                    color: c ? "disabled" : "default",
+                    children: k(t[1])
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n(C, { icon: "CalendarSmall", color: P, disabled: !0 })
+            ]
+          }
+        ),
+        x && /* @__PURE__ */ n(
+          "div",
+          {
+            onClick: (r) => r.stopPropagation(),
+            className: `absolute top-[3.5rem] right-0 bg-surface-default ${X.active} p-md`,
+            style: { zIndex: _ },
+            children: /* @__PURE__ */ g("div", { className: "flex flex-col justify-center items-center gap-md", children: [
+              A(),
+              J(),
+              /* @__PURE__ */ n("div", { className: "flex flex-col gap-md", children: V() })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  _e as DateRangeSelector
+};

package/dist/components/molecules/filter/date-range-selector/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangeSelector } from './date-range-selector';
+export type { DateRangeSelectorProps } from './date-range-selector';

package/dist/components/molecules/filter/date-range-selector/index.js

@@ -0,0 +1,4 @@
+import { DateRangeSelector as r } from "./date-range-selector.js";
+export {
+  r as DateRangeSelector
+};

package/dist/components/molecules/filter/date-selector/DateSelector.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateSelector } from './';
+
+declare const meta: Meta<typeof DateSelector>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/molecules/filter/date-selector/DateSelector.stories.js

@@ -0,0 +1,20 @@
+import { f as o } from "../../../../index-DfdAzObv.js";
+import { DateSelector as t } from "./date-selector.js";
+const a = {
+  title: "@spotwork-ui/DateSelector",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  args: { onClick: o() }
+}, c = {
+  args: {}
+};
+export {
+  c as Primary,
+  a as default
+};