qaema-ui 0.0.1

package/dist/components/Draggable.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type UploadState = 'idle-drag' | 'hover-drag' | 'pressed-drag';
+export type DraggableFile = File & {
+    data?: string;
+};
+export type DraggableProps = {
+    state?: UploadState;
+    onDrop?: (files: DraggableFile[]) => void;
+    title?: string;
+    description?: string;
+    name: string;
+    multiple?: boolean;
+    accept?: string;
+    optional?: boolean;
+};
+declare const DraggableUpload: React.FC<DraggableProps>;
+export default DraggableUpload;
+//# sourceMappingURL=Draggable.d.ts.map

package/dist/components/Draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../../src/lib/components/Draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkFF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmF7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Draggable.js

@@ -0,0 +1,130 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { useRef as T } from "react";
+import { MdOutlineUploadFile as A } from "../node_modules/react-icons/md/index.js";
+import s, { css as p } from "styled-components";
+import { useQaemaCoreTranslation as C } from "../i18n/i18n.js";
+import { Optional as k } from "./InputField.js";
+const F = s.div`
+  width: 100%;
+  max-width: 34.0625rem;
+  min-height: 12.5rem;
+  border: 1px solid #e6e9ef;
+  border-radius: ${({ theme: e }) => e.borderRadius.lg};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: ${({ theme: e }) => `${e.spacing.sm} ${e.spacing.sm}`};
+  gap: ${({ theme: e }) => e.spacing.sm};
+  cursor: pointer;
+  transition:
+    background-color 0.2s ease,
+    box-shadow 0.2s ease;
+  margin: auto;
+
+  ${({ $state: e }) => e === "pressed-drag" ? p`
+        background-color: ${({ theme: t }) => `${t.colors.grey.n100}`};
+      ` : p`
+        background-color: ${({ theme: t }) => `${t.colors.grey.n50}`};
+      `}
+`, I = s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ theme: e }) => `${e.colors.primary.purple.n100}`};
+  border-radius: ${({ theme: e }) => e.borderRadius.iconRounded};
+  width: 3.5rem;
+  height: 3.5rem;
+
+  svg {
+    width: 1.75rem;
+    height: 1.75rem;
+    color: ${({ theme: e }) => `${e.colors.primary.purple.n450}`};
+  }
+`, P = s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${({ theme: e }) => e.spacing.xs};
+`, _ = s.p`
+  text-align: center;
+  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s4};
+  color: ${({ theme: e }) => e.colors.grey.n650};
+  margin: 0;
+  display: inline-flex;
+  gap: ${({ theme: e }) => e.spacing.xxs};
+`, v = s.span`
+  color: ${({ theme: e }) => `${e.colors.primary.purple.n450}`};
+  cursor: pointer;
+`, z = s.p`
+  text-align: center;
+  font-size: ${({ theme: e }) => e.typography.sizes.s3};
+  color: ${({ theme: e }) => `${e.colors.grey.n300}`};
+  max-width: 31.375rem;
+  margin: 0;
+`, B = s.input`
+  display: none;
+`, G = ({
+  state: e = "idle-drag",
+  onDrop: t,
+  title: g,
+  description: m,
+  name: u,
+  multiple: f,
+  accept: h,
+  optional: x = !1
+}) => {
+  const c = T(null), { t: i } = C(), y = (r) => {
+    r.preventDefault(), d(r.dataTransfer.files);
+  }, d = (r) => {
+    const a = Array.from(r);
+    Promise.all(
+      a.map((o) => new Promise((w, D) => {
+        const l = new FileReader();
+        l.onload = () => {
+          const O = Object.assign(
+            new File([o], o.name, { type: o.type, lastModified: o.lastModified }),
+            { data: l.result }
+          );
+          w(O);
+        }, l.onerror = D, l.readAsDataURL(o);
+      }))
+    ).then((o) => {
+      t == null || t(o);
+    });
+  }, $ = (r) => {
+    r.target.files && d(r.target.files);
+  }, j = (r) => {
+    var a;
+    r.detail !== 0 && ((a = c.current) == null || a.click());
+  }, R = i("DRAG_AND_DROP_TITLE"), b = i("DRAG_AND_DROP_DESCRIPTION");
+  return /* @__PURE__ */ n.jsxs(F, { $state: e, onDragOver: (r) => r.preventDefault(), onDrop: y, onClick: j, children: [
+    /* @__PURE__ */ n.jsx(I, { children: /* @__PURE__ */ n.jsx(A, {}) }),
+    /* @__PURE__ */ n.jsxs(P, { children: [
+      /* @__PURE__ */ n.jsxs(_, { children: [
+        g ?? R,
+        /* @__PURE__ */ n.jsx(v, { children: i("BROWSE") })
+      ] }),
+      /* @__PURE__ */ n.jsxs(z, { children: [
+        m ?? b,
+        " ",
+        x && /* @__PURE__ */ n.jsx(k, { children: i("OPTIONAL") })
+      ] })
+    ] }),
+    /* @__PURE__ */ n.jsx(
+      B,
+      {
+        type: "file",
+        ref: c,
+        onChange: $,
+        multiple: f ?? !0,
+        accept: h ?? ".jpg,.jpeg,.png,.pdf",
+        name: u
+      }
+    )
+  ] });
+};
+export {
+  G as default
+};

package/dist/components/DropDown.d.ts

@@ -0,0 +1,32 @@
+import { StringOrNumberRecord } from 'types/objects.types';
+export type DropDownOptionValue = StringOrNumberRecord | string | number;
+export type DropDownOption = {
+    label: string;
+    value: DropDownOptionValue;
+};
+export type DropDownProps = {
+    label?: string;
+    options: Array<DropDownOption>;
+    placeholder: string;
+    optional?: boolean;
+    disabled?: boolean;
+    error?: string;
+    selectIdentifier: string;
+    keyIdentifier?: string;
+    showLeadIcon: boolean;
+    icon?: React.FC;
+    selectCallBack: (value: DropDownOptionValue | DropDownOptionValue[] | null) => void;
+    allowSearch: boolean;
+    searchPlaceholder?: string;
+    searchHandler?: (value: string) => void;
+    onToggle?: (show: boolean) => void;
+    multiSelect?: boolean;
+    isLoading?: boolean;
+    currentSelectedOptions?: Array<DropDownOption>;
+    isInteractive?: boolean;
+    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
+    variant?: 'light-primary' | 'default';
+};
+declare const DropDown: React.FC<DropDownProps>;
+export default DropDown;
+//# sourceMappingURL=DropDown.d.ts.map

package/dist/components/DropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/lib/components/DropDown.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAyBhE,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAChB,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACpF,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoQrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/DropDown.js

@@ -0,0 +1,160 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { useRef as g, useState as w, useCallback as Y, useEffect as b } from "react";
+import { FaTimes as L, FaAngleDown as _ } from "../node_modules/react-icons/fa/index.js";
+import { ImCheckboxChecked as ee, ImCheckboxUnchecked as re } from "../node_modules/react-icons/im/index.js";
+import { useTheme as ne } from "styled-components";
+import le from "../hooks/useZIndex.js";
+import { useQaemaCoreTranslation as te } from "../i18n/i18n.js";
+import { StyledDropDownContainer as ae, StyledlabelContainer as se, StyledDropDown as oe, StyledDropDownToggle as ce, StyledDropDownTitle as ue, IconsContainer as de, StyledDropDownMenu as ie, SearchContainer as fe, StyledOptionsContainer as he, StyledDropItem as W, SelectedTagsContainer as ve, SelectedTag as xe } from "../styles/Dropdown.styles.js";
+import { HelperTextWrapper as je } from "./PhoneInputField.js";
+import pe from "./SearchBar.js";
+import Se from "./Spinner.js";
+import E from "./Typography.js";
+const Le = (d) => {
+  const {
+    label: C,
+    options: m,
+    // value,
+    placeholder: z = "Select Something",
+    optional: F = !1,
+    error: h = "",
+    disabled: x = !1,
+    selectIdentifier: D,
+    keyIdentifier: i = "id",
+    selectCallBack: j,
+    showLeadIcon: H,
+    icon: M,
+    allowSearch: N,
+    searchHandler: P,
+    searchPlaceholder: R,
+    onToggle: s,
+    multiSelect: f = !1,
+    isLoading: A = !1,
+    currentSelectedOptions: y = [],
+    isInteractive: I = !1
+  } = d, o = g(null), p = g(null), c = ne(), { t: B } = te(), Q = g(null), [a, v] = w(y), [u, k] = w(!1), [U, Z] = w(0), T = M ?? /* @__PURE__ */ r.jsx(r.Fragment, {}), q = le("dropdown"), S = Y(() => {
+    var e, n;
+    (e = o == null ? void 0 : o.current) != null && e.offsetWidth && p.current && Z(((n = o.current) == null ? void 0 : n.offsetWidth) / 16);
+  }, []);
+  b(() => (u && (S(), window.addEventListener("resize", S)), () => window.removeEventListener("resize", S)), [u, S]), b(() => {
+    v(y);
+  }, [y]);
+  const G = (e, n, l, t = "default") => l ? c.colors.grey.n400 : e ? c.colors.state.error.n450 : n ? c.colors.primary.dark.n600 : t === "light-primary" ? c.colors.primary.purple.n450 : c.colors.grey.n300, O = (e) => a.some((n) => typeof n.value == "object" && typeof e.value == "object" ? n.value[i] === e.value[i] : n.value === e.value), J = (e) => {
+    if (f) {
+      const n = O(e);
+      let l;
+      n ? l = a.filter((t) => typeof t.value == "object" && typeof e.value == "object" ? t.value[i] !== e.value[i] : t.value !== e.value) : l = [...a, e], v(l), j(l.map((t) => t.value));
+    } else
+      v([e]), j(e.value);
+  }, K = (e) => {
+    const n = a.filter((l) => typeof l.value == "object" && typeof e.value == "object" ? l.value[i] !== e.value[i] : l.value !== e.value);
+    v(n), j(n.map((l) => l.value));
+  }, V = () => {
+    var e;
+    return a.length === 0 ? z : f ? `${a.length} selected` : (e = a[0]) == null ? void 0 : e.label;
+  };
+  b(() => {
+    const e = (n) => {
+      p.current && o.current && !p.current.contains(n.target) && !o.current.contains(n.target) && (k(!1), s == null || s(!1));
+    };
+    return u && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [u, s]);
+  const X = () => I ? null : /* @__PURE__ */ r.jsx(je, { error: h, children: h });
+  return /* @__PURE__ */ r.jsxs(ae, { children: [
+    C && /* @__PURE__ */ r.jsxs(se, { children: [
+      /* @__PURE__ */ r.jsx("label", { children: C }),
+      F && /* @__PURE__ */ r.jsx("span", { children: B("OPTIONAL") })
+    ] }),
+    /* @__PURE__ */ r.jsxs(
+      oe,
+      {
+        show: u,
+        onToggle: () => {
+          s == null || s(!u), k((e) => !e);
+        },
+        placement: "bottom-start",
+        autoClose: f ? "outside" : !0,
+        children: [
+          /* @__PURE__ */ r.jsx(ce, { disabled: x, ref: o, $valid: !h, $variant: d.variant || "default", children: /* @__PURE__ */ r.jsx(ue, { $valid: !h, $isInteractive: I, children: /* @__PURE__ */ r.jsxs("div", { className: "title-container", children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "heading-container", children: [
+              H && typeof T == "function" && /* @__PURE__ */ r.jsx(T, {}),
+              /* @__PURE__ */ r.jsx(
+                E,
+                {
+                  component: "span",
+                  variant: "mdText",
+                  color: G(h, a.length > 0, x, d.variant || "default"),
+                  children: V()
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r.jsxs(de, { children: [
+              !f && a.length > 0 && !x && /* @__PURE__ */ r.jsx(
+                L,
+                {
+                  style: { cursor: "pointer", marginLeft: "0.5rem" },
+                  onClick: (e) => {
+                    e.stopPropagation(), v([]), j(null);
+                  }
+                }
+              ),
+              !x && /* @__PURE__ */ r.jsx(_, {})
+            ] })
+          ] }) }) }),
+          u && /* @__PURE__ */ r.jsxs(ie, { ref: p, $menuWidth: U, $zIndex: q, children: [
+            N && /* @__PURE__ */ r.jsx(fe, { children: /* @__PURE__ */ r.jsx(pe, { placeholder: R, onSearch: P }) }),
+            /* @__PURE__ */ r.jsxs(
+              he,
+              {
+                ref: Q,
+                onScroll: (e) => {
+                  var n;
+                  (n = d.onScroll) == null || n.call(d, e);
+                },
+                children: [
+                  m == null ? void 0 : m.map((e) => {
+                    var l, t, $;
+                    const n = O(e);
+                    return /* @__PURE__ */ r.jsxs(
+                      W,
+                      {
+                        onClick: () => J(e),
+                        $selected: n,
+                        children: [
+                          f && (n ? /* @__PURE__ */ r.jsx(ee, { color: c.colors.primary.purple.n500 }) : /* @__PURE__ */ r.jsx(re, { color: c.colors.primary.purple.n450 })),
+                          " ",
+                          /* @__PURE__ */ r.jsx(E, { variant: "smText", children: e == null ? void 0 : e.label })
+                        ]
+                      },
+                      typeof (e == null ? void 0 : e.value) == "object" && (e == null ? void 0 : e.value) !== null ? (t = (l = e == null ? void 0 : e.value) == null ? void 0 : l[D]) == null ? void 0 : t.toString() : ($ = e == null ? void 0 : e.value) == null ? void 0 : $.toString()
+                    );
+                  }),
+                  A && /* @__PURE__ */ r.jsx(W, { $selected: !1, children: /* @__PURE__ */ r.jsx(Se, {}) })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    f && a.length > 0 && /* @__PURE__ */ r.jsx(ve, { children: a.map((e) => {
+      var n, l, t;
+      return /* @__PURE__ */ r.jsxs(
+        xe,
+        {
+          children: [
+            e.label,
+            /* @__PURE__ */ r.jsx(L, { onClick: () => K(e) })
+          ]
+        },
+        typeof (e == null ? void 0 : e.value) == "object" ? (l = (n = e == null ? void 0 : e.value) == null ? void 0 : n[D]) == null ? void 0 : l.toString() : (t = e == null ? void 0 : e.value) == null ? void 0 : t.toString()
+      );
+    }) }),
+    X()
+  ] });
+};
+export {
+  Le as default
+};

package/dist/components/FileDownloadCard.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type FileDownloadCardProps = {
+    title: string;
+    description?: string;
+    onDownload: () => void;
+    downloadAriaLabel?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    className?: string;
+    innerFileTitle?: string;
+    downloadLabel?: string;
+};
+declare const FileDownloadCard: React.FC<FileDownloadCardProps>;
+export default FileDownloadCard;
+//# sourceMappingURL=FileDownloadCard.d.ts.map

package/dist/components/FileDownloadCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDownloadCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/FileDownloadCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4EF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoCrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/FileDownloadCard.js

@@ -0,0 +1,97 @@
+import { j as i } from "../_virtual/jsx-runtime.js";
+import r from "styled-components";
+import g from "./Divider.js";
+import h from "./Button.js";
+const c = r.section`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: e }) => e.spacing.sm};
+  width: 356px;
+  background: ${({ theme: e }) => e.colors.grey.n50};
+  border: 1px solid ${({ theme: e }) => e.colors.grey.n200};
+  border-radius: ${({ theme: e }) => e.borderRadius.lg};
+  padding: 24px;
+  box-shadow: ${({ theme: e }) => e.boxShadow.s3};
+`, y = r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme: e }) => e.spacing.sm};
+  width: 18.75rem;
+  min-width: 11.1875rem;
+  height: 4rem;
+  background: ${({ theme: e }) => e.colors.grey.n50};
+  border-radius: ${({ theme: e }) => e.borderRadius.md};
+  padding: ${({ theme: e }) => e.spacing.sm};
+  box-shadow: ${({ theme: e }) => e.boxShadow.s3};
+`, m = r(h)`
+  && {
+    min-width: 0;
+    width: 5.0625rem;
+    height: 2rem;
+    padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({ theme: e }) => e.spacing.s};
+    white-space: nowrap;
+    border-radius: ${({ theme: e }) => e.borderRadius.sm ?? "8px"};
+    flex-shrink: 0;
+  }
+`, x = r.span`
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s3};
+  color: ${({ theme: e }) => e.colors.grey.n650};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
+`, $ = r.div`
+  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s6};
+  color: ${({ theme: e }) => e.colors.grey.n650};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.l};
+`, w = r.p`
+  margin: 0;
+  color: ${({ theme: e }) => e.colors.grey.n450};
+  font-size: ${({ theme: e }) => e.typography.sizes.s3};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
+`, f = r.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: e }) => e.spacing.s};
+`, v = ({
+  title: e,
+  description: o,
+  onDownload: t,
+  downloadAriaLabel: l,
+  disabled: a,
+  isLoading: s,
+  className: d,
+  innerFileTitle: p,
+  downloadLabel: n = "Download"
+}) => /* @__PURE__ */ i.jsxs(c, { className: d, role: "group", "aria-label": `${e} card`, children: [
+  /* @__PURE__ */ i.jsx($, { children: e }),
+  o ? /* @__PURE__ */ i.jsx(w, { children: o }) : null,
+  /* @__PURE__ */ i.jsx(g, { marginVertical: "8px" }),
+  /* @__PURE__ */ i.jsxs(y, { children: [
+    /* @__PURE__ */ i.jsx(x, { children: p ?? e }),
+    /* @__PURE__ */ i.jsx(f, { children: /* @__PURE__ */ i.jsx(
+      m,
+      {
+        variant: "light-primary",
+        size: "xs",
+        onClick: t,
+        "aria-label": l ?? n,
+        disabled: a || s,
+        isLoading: s,
+        children: n
+      }
+    ) })
+  ] })
+] });
+export {
+  v as default
+};

package/dist/components/Filter.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+export declare const FilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldOptions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const RadioLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const RadioGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DateInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
+}, Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const SelectInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+export declare const ButtonGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export type FilterField = {
+    accessor: string;
+    header: string;
+    type: 'text' | 'number' | 'date' | 'select';
+    options?: {
+        label: string;
+        value: string | number;
+    }[];
+};
+export type FilterData = {
+    fieldName: string;
+    operator?: string;
+    value?: string;
+    value2?: string;
+};
+export type FilterDropdownProps = {
+    fields: FilterField[];
+    onSelect: (filter: FilterData) => void;
+    activeFilters?: FilterData[];
+};
+export type FilterProps = {
+    fields: FilterField[];
+    activeFilters?: FilterData[];
+    setActiveFilters: React.Dispatch<React.SetStateAction<FilterData[]>>;
+};
+declare const Filter: React.FC<FilterProps>;
+export default Filter;
+//# sourceMappingURL=Filter.d.ts.map

package/dist/components/Filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/lib/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,eAAO,MAAM,YAAY,qNAiBxB,CAAC;AAEF,eAAO,MAAM,YAAY;;mBAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,yMAQxB,CAAC;AAEF,eAAO,MAAM,YAAY,yMAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,2MAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,kNAKtB,CAAC;AAEF,eAAO,MAAM,WAAW,kNAcvB,CAAC;AAEF,eAAO,MAAM,UAAU,yMAAe,CAAC;AAEvC,eAAO,MAAM,WAAW,qNASvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;4BAAgD,CAAC;AAEvE,eAAO,MAAM,WAAW,qNAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,yMAGvB,CAAC;AAIF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC5C,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;CACtE,CAAC;AA6LF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}