@xola/ui-kit 3.0.8 → 3.4.1

package/build/components/Tag.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+declare const colors: {
+    readonly primary: "bg-primary-lighter text-black border border-primary";
+    readonly secondary: "bg-secondary-light text-gray-darker border border-secondary";
+    readonly success: "bg-success-lighter text-black border border-success";
+    readonly warning: "bg-warning-lighter text-black border border-warning";
+    readonly danger: "bg-danger-lighter text-black border border-danger";
+    readonly caution: "bg-caution-lighter text-black border border-caution";
+};
+declare const sizes: {
+    readonly small: "px-1 py-0.75 text-sm leading-3.5";
+    readonly medium: "px-2 py-1 text-base leading-3.5";
+    readonly large: "px-2 py-1.5 text-base leading-4";
+};
+type TagColor = keyof typeof colors;
+type TagSize = keyof typeof sizes;
+export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    color?: TagColor;
+    size?: TagSize;
+    children: React.ReactNode;
+    className?: string;
+    onClose?: () => void;
+}
+export declare const Tag: ({ color, size, children, className, onClose, ...rest }: TagProps) => React.JSX.Element;
+export {};

package/build/components/Tag.js

@@ -0,0 +1,36 @@
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import a from "clsx";
+import { CloseIcon as d } from "../icons/build/CloseIcon.js";
+const b = {
+  primary: "bg-primary-lighter text-black border border-primary",
+  secondary: "bg-secondary-light text-gray-darker border border-secondary",
+  success: "bg-success-lighter text-black border border-success",
+  warning: "bg-warning-lighter text-black border border-warning",
+  danger: "bg-danger-lighter text-black border border-danger",
+  caution: "bg-caution-lighter text-black border border-caution"
+}, m = {
+  small: "px-1 py-0.75 text-sm leading-3.5",
+  medium: "px-2 py-1 text-base leading-3.5",
+  large: "px-2 py-1.5 text-base leading-4"
+}, y = ({ color: t = "primary", size: e = "small", children: s, className: l, onClose: r, ...i }) => {
+  const o = (c) => {
+    c.stopPropagation(), r == null || r();
+  };
+  return /* @__PURE__ */ g("span", { className: a("ui-tag", "inline-flex rounded", b[t], m[e], l), ...i, children: [
+    s,
+    r ? /* @__PURE__ */ n(
+      d,
+      {
+        size: "small",
+        className: a(
+          "ui-tag-close ml-2 cursor-pointer leading-4 hover:text-gray-darker",
+          e === "large" ? "mt-0.5" : "mt-0.25"
+        ),
+        onClick: o
+      }
+    ) : null
+  ] });
+};
+export {
+  y as Tag
+};

package/build/components/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { TippyProps } from '@tippyjs/react';
+import { default as React } from 'react';
+export interface TooltipProps extends Omit<Partial<TippyProps>, "content" | "children" | "className"> {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Tooltip: ({ content, children, className, ...rest }: TooltipProps) => React.JSX.Element;

package/build/components/Tooltip.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "@tippyjs/react";
+import { followCursor as l } from "tippy.js";
+import "tippy.js/dist/tippy.css";
+const u = ({ content: r, children: t, className: i, ...p }) => /* @__PURE__ */ o(m, { content: r, ...p, className: "ui-tooltip text-white", plugins: [l], children: /* @__PURE__ */ o("span", { className: i, children: t }) });
+export {
+  u as Tooltip
+};

package/build/components/Utilities/Currency.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+export interface CurrencyProps {
+    currency?: string;
+    locale?: string;
+    shouldRemoveTrailingZeroes?: boolean;
+    maximumFractionDigits?: number;
+    compact?: boolean;
+    isNarrowSymbolForm?: boolean;
+    children: number;
+}
+export declare const Currency: {
+    ({ currency, locale, shouldRemoveTrailingZeroes, maximumFractionDigits, compact, isNarrowSymbolForm, children, }: CurrencyProps): React.JSX.Element;
+    Round: {
+        ({ currency, children }: CurrencyRoundProps): React.JSX.Element;
+        displayName: string;
+    };
+    Split: {
+        ({ currency, locale, isNarrowSymbolForm, children }: CurrencySplitProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+interface CurrencyRoundProps {
+    currency?: string;
+    children: number;
+}
+interface CurrencySplitProps {
+    currency?: string;
+    locale?: string;
+    isNarrowSymbolForm?: boolean;
+    children: number;
+}
+export type { CurrencyRoundProps, CurrencySplitProps };

package/build/components/Utilities/Currency.js

@@ -0,0 +1,49 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { getUserLocale as b } from "get-user-locale";
+import { isZeroDecimal as d, getSymbol as x } from "../../helpers/currency.js";
+import { numberFormat as f, almostZero as N, roundNumber as h } from "../../helpers/numbers.js";
+const y = b(), S = ({
+  currency: e = "USD",
+  locale: s = y,
+  shouldRemoveTrailingZeroes: i = !0,
+  maximumFractionDigits: l = 2,
+  compact: n = !1,
+  isNarrowSymbolForm: a,
+  children: u
+}) => {
+  let t = u;
+  N(t) && (t = 0);
+  const c = d(e) ? 0 : l;
+  let r = f(t, e, s, c, n, a);
+  const m = t < 0;
+  return m && (r = r.replace("-", "")), n ? /* @__PURE__ */ p("span", { className: "ui-currency", children: [
+    m && "-",
+    x(e, s, 0, a),
+    r
+  ] }) : (r = i ? r.replace(".00", "") : r, /* @__PURE__ */ p("span", { className: "ui-currency", children: [
+    m && "-",
+    r
+  ] }));
+}, g = ({ currency: e = "USD", children: s }) => {
+  const i = h(e, s);
+  return /* @__PURE__ */ o("span", { className: "ui-currency-round", children: i });
+};
+g.displayName = "Currency.Round";
+const D = ({ currency: e = "USD", locale: s = y, isNarrowSymbolForm: i, children: l }) => {
+  let n = l;
+  N(n) && (n = 0);
+  const a = h(e, n).toString().split("."), u = a[0];
+  let t = a[1] || "0";
+  t.length === 1 && (t += "0");
+  const c = f(Number(u), e, s, 0, !1, i);
+  return /* @__PURE__ */ p("span", { title: n.toString(), className: "ui-currency-split", children: [
+    /* @__PURE__ */ o("span", { className: "ui-currency-split-int", children: c }),
+    !d(e) && /* @__PURE__ */ o("span", { className: "ui-currency-split-decimal pl-1", children: /* @__PURE__ */ o("sup", { children: t }) })
+  ] });
+};
+D.displayName = "Currency.Split";
+S.Round = g;
+S.Split = D;
+export {
+  S as Currency
+};

package/build/components/Utilities/Number.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface NumberProps {
+    locale?: string;
+    maximumFractionDigits?: number;
+    isCompact?: boolean;
+    children: number;
+}
+export declare const Number: ({ locale, maximumFractionDigits, isCompact, children, }: NumberProps) => React.JSX.Element;

package/build/components/Utilities/Number.js

@@ -0,0 +1,15 @@
+import { jsx as s } from "react/jsx-runtime";
+import { getUserLocale as n } from "get-user-locale";
+import { numberFormat as a } from "../../helpers/numbers.js";
+const u = n(), i = ({
+  locale: r = u,
+  maximumFractionDigits: e = 2,
+  isCompact: o = !1,
+  children: m
+}) => {
+  const t = a(m, null, r, e, o);
+  return /* @__PURE__ */ s("span", { className: "ui-number", children: t });
+};
+export {
+  i as Number
+};

package/build/components/Utilities/Phone.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CountryCode } from 'libphonenumber-js';
+export interface PhoneProps {
+    countryCode?: CountryCode;
+    children: string | number;
+    className?: string;
+}
+export declare const Phone: ({ countryCode, children, className }: PhoneProps) => React.JSX.Element;

package/build/components/Utilities/Phone.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import a from "clsx";
+import { formatPhoneNumber as s, getRegionCode as c } from "../../helpers/phone.js";
+const g = ({ countryCode: o = "US", children: t, className: r }) => {
+  const e = t.toString(), n = s(e, o), m = c(e, o);
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: a("ui-phone", r),
+      "data-region-code": m ?? "N/A",
+      "data-country-code": o,
+      title: e,
+      children: n
+    }
+  );
+};
+export {
+  g as Phone
+};

package/build/helpers/avatar.d.ts

@@ -0,0 +1 @@
+export declare const getInitials: (name?: string) => string;

package/build/helpers/avatar.js

@@ -0,0 +1,8 @@
+const s = (i) => {
+  let e = "N/A";
+  const t = typeof i == "string" && i.match(/\b\w/g);
+  return t && (e = t[0], t.length > 1 && (e += t.at(-1))), e.toUpperCase();
+};
+export {
+  s as getInitials
+};

package/build/helpers/browser.d.ts

@@ -0,0 +1,2 @@
+export declare const isOSX: boolean;
+export declare const isIosBrowser: () => boolean;

package/build/helpers/browser.js

@@ -0,0 +1,9 @@
+const o = typeof window > "u" ? !1 : window.navigator.userAgent.includes("Macintosh"), s = () => {
+  if (typeof window > "u" || !window.navigator) return !1;
+  const n = window.navigator.userAgent, t = !!/ipad/i.test(n) || !!/iphone/i.test(n), i = !!/webkit/i.test(n), e = !!/macintosh/i.test(n) && navigator.maxTouchPoints > 1;
+  return t && i || e;
+};
+export {
+  s as isIosBrowser,
+  o as isOSX
+};

package/build/helpers/children.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode, ReactElement, JSXElementConstructor } from 'react';
+export declare const getChildrenByType: (children: ReactNode, type: JSXElementConstructor<any> | string) => ReactElement[];
+export declare const getChildByType: (children: ReactNode, type: JSXElementConstructor<any> | string) => ReactElement | null;

package/build/helpers/children.js

@@ -0,0 +1,6 @@
+import { Children as n } from "react";
+const o = (r, t) => n.toArray(r).filter((e) => e.type === t), i = (r, t) => n.toArray(r).find((e) => e.type === t) ?? null;
+export {
+  i as getChildByType,
+  o as getChildrenByType
+};

package/build/helpers/classnames.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Utility function that uses `tailwind-merge` to efficiently merge Tailwind classes.
+ * See docs: https://github.com/dcastil/tailwind-merge/blob/v2.0.0/docs/what-is-it-for.md
+ */
+export default function cn(...inputs: any[]): string;

package/build/helpers/currency.d.ts

@@ -0,0 +1,2 @@
+export declare const isZeroDecimal: (currency: string) => boolean;
+export declare const getSymbol: (currency: string, locale?: string, amount?: number, isNarrowSymbolForm?: boolean) => string;

package/build/helpers/currency.js

@@ -0,0 +1,11 @@
+import * as r from "get-user-locale";
+const c = r.default || r, n = c(), l = /* @__PURE__ */ new Set(["JPY", "CLP", "KRW", "LAK", "PYG", "VND", "VUV"]), m = (e) => l.has(e), i = (e, t = n, o = 0, s = !1) => new Intl.NumberFormat(t, {
+  style: "currency",
+  currency: e,
+  maximumFractionDigits: 0,
+  currencyDisplay: s ? "narrowSymbol" : "symbol"
+}).format(o).replaceAll(/\d/g, "").trim();
+export {
+  i as getSymbol,
+  m as isZeroDecimal
+};

package/build/helpers/date.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export declare const DateFormat: {
+    readonly DATE_ISO: "YYYY-MM-DD";
+};
+export declare const isValidTimeZoneName: (timezoneName: string) => boolean;
+export declare const formatDate: (date: Date | Dayjs | string, format?: string) => string;
+export declare const formatTime: (time: string | number, format?: string) => string;
+export declare const dateFromObjectId: (id: string) => Dayjs;
+export declare const now: (date?: Date | Dayjs | string | number, timezone?: string) => Dayjs;
+export declare const dateToString: (date: Date) => string;
+export declare const toDate: (date: Date | Dayjs | string, isStartDate?: boolean) => Date;
+export declare const isSame: (date1: Date | Dayjs, date2: Date | Dayjs, unit?: string) => boolean;

package/build/helpers/date.js

@@ -0,0 +1,44 @@
+import n, { isDayjs as s } from "dayjs";
+import f from "dayjs/plugin/customParseFormat";
+import m from "dayjs/plugin/localizedFormat";
+import a from "dayjs/plugin/quarterOfYear";
+import c from "dayjs/plugin/timezone";
+import D from "dayjs/plugin/utc";
+n.extend(f);
+n.extend(m);
+n.extend(a);
+n.extend(D);
+n.extend(c);
+const u = {
+  DATE_ISO: "YYYY-MM-DD"
+}, N = (t) => {
+  try {
+    n.tz(/* @__PURE__ */ new Date(), t);
+  } catch {
+    return !1;
+  }
+  return !0;
+}, g = (t, r = u.DATE_ISO) => n(t).format(r), O = (t, r) => {
+  if (!t)
+    return r ? n().tz(r).startOf("day") : n();
+  if (typeof t == "number") {
+    const o = t <= 2147483647 ? t * 1e3 : t;
+    return r ? n(o).tz(r) : n(o);
+  }
+  return typeof t == "string" ? r ? n(t).tz(r) : n() : s(t) ? t : t instanceof Date && !Number.isNaN(t.getTime()) ? r ? n.tz(i(t), r) : n(i(t)) : r ? n().tz(r) : n();
+}, e = (t) => t.toString().padStart(2, "0"), i = (t) => {
+  const r = `${t.getFullYear()}-${e(t.getMonth() + 1)}-${e(t.getDate())}`, o = `${e(t.getHours())}:${e(t.getMinutes())}:${e(t.getSeconds())}`;
+  return `${r} ${o}`;
+}, p = "T00:00:00", S = "T23:59:59", w = (t, r = !0) => {
+  const o = r ? p : S;
+  return s(t) ? new Date(t.format(u.DATE_ISO) + o) : new Date(g(t) + o);
+}, E = (t, r, o = "day") => s(t) && s(r) ? t.isSame(r, o) : !1;
+export {
+  u as DateFormat,
+  i as dateToString,
+  g as formatDate,
+  E as isSame,
+  N as isValidTimeZoneName,
+  O as now,
+  w as toDate
+};

package/build/helpers/flash.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export namespace flash {
+    function show({ text, size, color, className, canClose, onClose, ...rest }: {
+        [x: string]: any;
+        text: any;
+        size?: string | undefined;
+        color?: string | undefined;
+        className: any;
+        canClose?: boolean | undefined;
+        onClose: any;
+    }): void;
+    function primary(text: any, props: any): void;
+    function secondary(text: any, props: any): void;
+    function success(text: any, props: any): void;
+    function warning(text: any, props: any): void;
+    function caution(text: any, props: any): void;
+    function danger(text: any, props: any): void;
+    function getStyles(color: any, size: any, className: any): string;
+    function container(text: any, className: any, onClose: any, toastObject: any): React.JSX.Element;
+    function dismiss(id: any): void;
+}

package/build/helpers/flash.js

@@ -0,0 +1,87 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { Transition as u } from "@headlessui/react";
+import h from "clsx";
+import { Fragment as y } from "react";
+import c from "react-hot-toast";
+import { CloseIcon as g } from "../icons/build/CloseIcon.js";
+const w = {
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-danger",
+  caution: "bg-caution"
+}, f = {
+  small: "px-3 py-2 text-sm leading-3.5 shadow max-w-50",
+  medium: "px-4 py-3.5 text-base leading-4 shadow max-w-100",
+  large: "px-4.5 py-4 text-md leading-4.5 shadow max-w-xl"
+}, x = {
+  duration: 3e3,
+  position: "top-center",
+  reverseOrder: !1
+}, l = {
+  show({ text: r, size: s = "medium", color: e = "success", className: o, canClose: t = !0, onClose: i, ...m }) {
+    const n = { ...x, ...m };
+    t || (n.duration = Number.POSITIVE_INFINITY);
+    const d = l.getStyles(e, s, o, t);
+    c.custom(l.container.bind(this, r, d, t ? i : null), n);
+  },
+  //
+  // Shortcut methods for flash.show
+  //
+  primary(r, s) {
+    this.show({ color: "primary", text: r, ...s });
+  },
+  secondary(r, s) {
+    this.show({ color: "secondary", text: r, ...s });
+  },
+  success(r, s) {
+    this.show({ color: "success", text: r, ...s });
+  },
+  warning(r, s) {
+    this.show({ color: "warning", text: r, ...s });
+  },
+  caution(r, s) {
+    this.show({ color: "caution", text: r, ...s });
+  },
+  danger(r, s) {
+    this.show({ color: "danger", text: r, ...s });
+  },
+  getStyles(r, s, e) {
+    return h("flex text-white rounded pointer-events-auto", w[r], f[s], e);
+  },
+  container(r, s, e, o) {
+    const t = (i) => e(i, o);
+    return /* @__PURE__ */ a(
+      u,
+      {
+        appear: !0,
+        as: y,
+        show: o.visible,
+        enter: "transition transform duration-500 ease-out",
+        enterFrom: "-translate-y-full !opacity-0",
+        enterTo: "translate-y-0 !opacity-100",
+        leave: "transition transform duration-500 ease-in",
+        leaveFrom: "!opacity-90 translate-y-0",
+        leaveTo: "!opacity-0 -translate-y-full",
+        children: /* @__PURE__ */ p("div", { className: s, children: [
+          /* @__PURE__ */ a("div", { className: "w-full", children: r }),
+          e && /* @__PURE__ */ a(
+            "div",
+            {
+              className: "flex cursor-pointer items-center justify-center pl-3 opacity-60 hover:opacity-100",
+              onClick: t,
+              children: /* @__PURE__ */ a(g, {})
+            }
+          )
+        ] }, o.id)
+      }
+    );
+  },
+  dismiss(r) {
+    c.dismiss(r);
+  }
+};
+export {
+  l as flash
+};

package/build/helpers/numbers.d.ts

@@ -0,0 +1,4 @@
+export declare const almostZero: (number: number) => boolean;
+export declare const numberFormat: (amount: number, currency?: string | null, locale?: string, maximumFractionDigits?: number, isCompact?: boolean, isNarrowSymbolForm?: boolean) => string;
+export declare const roundNumber: (currency: string, amount: number) => number;
+export declare const compactNumber: (value: number, locale?: string) => string;

package/build/helpers/numbers.js

@@ -0,0 +1,23 @@
+import * as s from "get-user-locale";
+import { round as e } from "lodash-es";
+import { isZeroDecimal as l } from "./currency.js";
+const i = s.default || s, a = i(), d = (o) => {
+  const r = Math.abs(o);
+  return r >= 0 && r <= 1e-3;
+}, N = (o, r = null, t = a, n = 2, c = !1, u = !1) => {
+  const m = {
+    style: r ? "currency" : "decimal",
+    minimumFractionDigits: n,
+    maximumFractionDigits: n
+  };
+  return r && (m.currency = r, m.currencyDisplay = u ? "narrowSymbol" : "symbol"), c ? b(o, t) : new Intl.NumberFormat(t, m).format(o);
+}, F = (o, r) => {
+  let t = Number(r);
+  return l(o) ? e(t) : (e(t, 3) === e(t, 4) && (t = e(t, 3)), e(t, 2));
+}, b = (o, r = a) => new Intl.NumberFormat(r, { notation: "compact", maximumFractionDigits: 2 }).format(o);
+export {
+  d as almostZero,
+  b as compactNumber,
+  N as numberFormat,
+  F as roundNumber
+};

package/build/helpers/phone.d.ts

@@ -0,0 +1,11 @@
+import { CountryCode } from 'libphonenumber-js';
+export declare const getRegionCode: (number: string, countryCode?: CountryCode) => string | undefined;
+/**
+ * Formats the Phone Number for provided country code
+ *
+ * @param number {string}
+ * @param countryCode {string}
+ *
+ * @return {string}
+ */
+export declare const formatPhoneNumber: (number: string, countryCode?: CountryCode) => string;

package/build/helpers/phone.js

@@ -0,0 +1,25 @@
+import { parsePhoneNumber as a } from "libphonenumber-js";
+const c = (r, o = "US") => {
+  try {
+    const t = a(r, o);
+    return t == null ? void 0 : t.country;
+  } catch {
+    return;
+  }
+}, f = (r, o = "US") => {
+  try {
+    let t = a(r, o);
+    if (!t)
+      return r;
+    const e = t.country;
+    e && e !== o && (t = a(r, e));
+    let n;
+    return e && t ? n = e === o ? t.formatNational() : t.formatInternational() : n = r, n;
+  } catch {
+    return r;
+  }
+};
+export {
+  f as formatPhoneNumber,
+  c as getRegionCode
+};

package/build/hooks/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (prefix: string) => string;

package/build/hooks/useId.js

@@ -0,0 +1,9 @@
+import { useContext as r, useState as n } from "react";
+import { Context as s } from "../components/Provider.js";
+const c = (t) => {
+  const { generateId: e } = r(s), [o] = n(() => `${t}-${e()}`);
+  return o;
+};
+export {
+  c as useId
+};

package/build/hooks/useIsClient.d.ts

@@ -0,0 +1 @@
+export declare const useIsClient: () => boolean;

package/build/hooks/useIsClient.js

@@ -0,0 +1,10 @@
+import { useState as s, useEffect as n } from "react";
+const i = () => {
+  const [e, t] = s(!1);
+  return n(() => {
+    t(!0);
+  }, []), e;
+};
+export {
+  i as useIsClient
+};

package/build/hooks/useViewportHeight.d.ts

@@ -0,0 +1 @@
+export declare const useViewportHeight: () => number;

package/build/hooks/useViewportHeight.js

@@ -0,0 +1,15 @@
+import { useState as n, useEffect as o } from "react";
+const w = () => {
+  const [t, i] = n(0);
+  return o(() => {
+    const e = () => {
+      i(window.innerHeight);
+    };
+    return e(), window.addEventListener("orientationchange", e), () => {
+      window.removeEventListener("orientationchange", e);
+    };
+  }, []), t;
+};
+export {
+  w as useViewportHeight
+};

package/build/icons/build/AnnounceIcon.js

@@ -0,0 +1,6 @@
+import e from "react";
+import { createIcon as r } from "./helpers/icon.js";
+const o = r((t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 15, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("path", { d: "M2.666 9.904l1.18 1.776M9.187 2l4.479 6.746M13.43 8.39l-9.82 2.934-.709-1.067 6.514-7.912 4.009 6.038.007.006z" }), /* @__PURE__ */ e.createElement("path", { d: "M8.721 9.798c.54.617.47 1.558-.147 2.098-.625.541-1.566.47-2.106-.147-.042-.05-.084-.098-.12-.154l-.617-.934" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "prefix__clip0" }, /* @__PURE__ */ e.createElement("path", { fill: "#fff", transform: "translate(.666)", d: "M0 0h14v14H0z" })))));
+export {
+  o as AnnounceIcon
+};

package/build/icons/build/BellIcon.js

@@ -0,0 +1,23 @@
+import e from "react";
+import { createIcon as t } from "./helpers/icon.js";
+const r = t((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M5.663 10.7v.214a1.337 1.337 0 002.674 0V10.7M8.07 3.355v-.536a1.07 1.07 0 10-2.14 0v.536",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M3.828 5.943A2.643 2.643 0 016.471 3.3H7.53a2.643 2.643 0 012.643 2.643v1.631c0 .31.123.607.342.825l.374.374c.218.219.341.516.341.825 0 .61-.493 1.103-1.102 1.103H3.873a1.102 1.102 0 01-1.102-1.103c0-.31.123-.606.341-.825l.374-.374c.219-.218.342-.515.342-.825V5.943v0z",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+r.tags = ["notification", "pending"];
+export {
+  r as BellIcon
+};

package/build/icons/build/CalendarIcon.js

@@ -0,0 +1,15 @@
+import e from "react";
+import { createIcon as t } from "./helpers/icon.js";
+const r = t((o) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", ...o }, /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M10.333 12.5H3.667C2.747 12.5 2 11.754 2 10.833V4.167c0-.92.746-1.667 1.667-1.667h6.666c.92 0 1.667.746 1.667 1.667v6.666c0 .92-.746 1.667-1.667 1.667zM4.5 1.5v2.174M9.5 1.5v2.174",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+r.tags = ["date"];
+export {
+  r as CalendarIcon
+};

package/build/icons/build/CheckIcon.js

@@ -0,0 +1,7 @@
+import e from "react";
+import { createIcon as t } from "./helpers/icon.js";
+const r = t((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 12", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M12.166 3l-7.333 7.333L1.5 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+r.tags = ["tick", "correct"];
+export {
+  r as CheckIcon
+};

package/build/icons/build/ChevronDownIcon.js

@@ -0,0 +1,7 @@
+import e from "react";
+import { createIcon as r } from "./helpers/icon.js";
+const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M12.75 4.25l-5.5 5.5-5.5-5.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+t.tags = ["arrow"];
+export {
+  t as ChevronDownIcon
+};

package/build/icons/build/ChevronLeftIcon.js

@@ -0,0 +1,7 @@
+import e from "react";
+import { createIcon as r } from "./helpers/icon.js";
+const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M9 12.5L3.5 7 9 1.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+t.tags = ["arrow"];
+export {
+  t as ChevronLeftIcon
+};