@xola/ui-kit 3.0.8 → 3.4.1

package/build/icons/build/ChevronRightIcon.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: "M4.5 1.5L10 7l-5.5 5.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+t.tags = ["arrow"];
+export {
+  t as ChevronRightIcon
+};

package/build/icons/build/CircleNotch.js

@@ -0,0 +1,5 @@
+import e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M14 7a7 7 0 10-7 7v-1.4A5.6 5.6 0 1112.6 7H14z" }));
+export {
+  r as CircleNotch
+};

package/build/icons/build/CloseIcon.js

@@ -0,0 +1,7 @@
+import e from "react";
+import { createIcon as r } from "./helpers/icon.js";
+const l = r((t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#prefix__clip0_5_1805)", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("path", { d: "M11.148 3.147l-8.295 8.295M11.147 11.442L2.853 3.147" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "prefix__clip0_5_1805" }, /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M0 0h14v14H0z" })))));
+l.tags = ["cross", "delete", "x"];
+export {
+  l as CloseIcon
+};

package/build/icons/build/DownArrowIcon.js

@@ -0,0 +1,15 @@
+import o from "react";
+import { createIcon as t } from "./helpers/icon.js";
+const r = t((e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", ...e }, /* @__PURE__ */ o.createElement(
+  "path",
+  {
+    d: "M10 6L7.184 8.816v0a.26.26 0 01-.368 0L4 6",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+r.tags = ["collapse", "fold"];
+export {
+  r as DownArrowIcon
+};

package/build/icons/build/ImageIcon.js

@@ -0,0 +1,23 @@
+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: 15, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M12.231 2h-9.13a.435.435 0 00-.435.435v9.13c0 .24.195.435.435.435h9.13c.24 0 .435-.195.435-.435v-9.13A.435.435 0 0012.231 2zM2.666 10.26h10",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M2.666 9.665s1.083-2.707 2.436-2.707c1.354 0 2.437 1.625 2.437 1.625l1.63-2.8h-.006a.903.903 0 011.24-.324c.152.086.27.216.352.373l1.911 3.823",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+t.tags = ["photo"];
+export {
+  t as ImageIcon
+};

package/build/icons/build/SearchIcon.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: "M6.217 10.878a4.661 4.661 0 100-9.322 4.661 4.661 0 000 9.322zM9.514 9.513l2.93 2.931",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+r.tags = ["magnifying glass"];
+export {
+  r as SearchIcon
+};

package/build/icons/build/TrashIcon.js

@@ -0,0 +1,16 @@
+import e from "react";
+import { createIcon as r } from "./helpers/icon.js";
+const l = r((t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement(
+  "g",
+  {
+    clipPath: "url(#prefix__clip0_141_9201)",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  /* @__PURE__ */ e.createElement("path", { d: "M1.828 3.324H12.15M8.095 1.85H5.883v0a.737.737 0 00-.737.737v.737h3.686v-.737 0a.737.737 0 00-.737-.737v0zM5.883 9.591V5.905M8.095 9.591V5.905M10.363 11.495v0a.737.737 0 01-.735.677H4.35v0a.737.737 0 01-.735-.677l-.681-8.17h8.11l-.681 8.17z" })
+), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "prefix__clip0_141_9201" }, /* @__PURE__ */ e.createElement("path", { fill: "#fff", transform: "translate(1.09 1.113)", d: "M0 0h11.796v11.796H0z" })))));
+l.tags = ["delete", "remove", "bin"];
+export {
+  l as TrashIcon
+};

package/build/icons/build/WarningDiamondIcon.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: "M12.587 6.614L7.358 1.386a.545.545 0 00-.771 0L1.358 6.614a.545.545 0 000 .772l5.229 5.228a.546.546 0 00.771 0l5.229-5.228a.545.545 0 000-.772zM6.985 4.286v3.06",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+), /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    d: "M6.978 9.196a.127.127 0 00-.131.136c0 .07.06.13.136.13a.134.134 0 00.126-.141l-.006-.005c-.005-.077-.065-.137-.136-.137M6.985 9.196H6.98",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+r.tags = ["exclamation"];
+export {
+  r as WarningDiamondIcon
+};

package/build/icons/build/helpers/classnames.js

@@ -0,0 +1,8 @@
+import { twMerge as t } from "tailwind-merge";
+import o from "clsx";
+function f(...r) {
+  return t(o(r));
+}
+export {
+  f as default
+};

package/build/icons/build/helpers/icon.js

@@ -0,0 +1,10 @@
+import t from "./classnames.js";
+import n from "react";
+import { iconSizes as r } from "./iconSizes.js";
+const p = (e) => {
+  const o = ({ size: a = "small", className: m, ...s }) => /* @__PURE__ */ n.createElement(e, { className: t(r[a], "relative -top-0.25 inline-block", m), ...s });
+  return o.displayName = `Icon(${e.displayName || e.name || "Component"})`, o;
+};
+export {
+  p as createIcon
+};

package/build/icons/build/helpers/iconSizes.js

@@ -0,0 +1,13 @@
+const e = {
+  tiny: "w-3 h-3",
+  // 12 px
+  small: "w-3.5 h-3.5",
+  // 14px
+  medium: "w-4.5 h-4.5",
+  // 18px
+  large: "w-6 h-6"
+  // 24px
+};
+export {
+  e as iconSizes
+};

package/build/icons/build/images/XolaLogoSimple.js

@@ -0,0 +1,13 @@
+import e from "react";
+const o = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "310", height: "101", fill: "none", viewBox: "0 0 310 101", ...l }, /* @__PURE__ */ e.createElement(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M300.493 98.795h8.955L269.521 0l-40.072 98.795h8.985l12.113-29.765h37.804l12.142 29.765zm-15.443-38.06h-31.173l15.644-38.433 15.529 38.433zm-107.902 38.06h35.02V90.53h-26.38V5.426h-8.64v93.37zm-65.122 1.235c-25.985 0-47.905-21.957-47.905-47.933S86.041 4.22 112.026 4.22s47.905 21.928 47.905 47.904c0 25.976-21.948 47.905-47.905 47.905zm0-87.543c-21.351 0-39.376 18.14-39.376 39.638 0 21.499 18.025 39.61 39.376 39.61s39.376-18.14 39.376-39.61-18.025-39.638-39.376-39.638zm-57.8 86.337h9.5L38.122 52.15 62.521 5.426h-9.616L33.013 42.71 13.092 5.426H3.447L27.99 52.149 2.5 98.824h9.501l20.983-39.351 21.241 39.351z",
+    clipRule: "evenodd"
+  }
+));
+export {
+  o as XolaLogoSimple
+};

package/build/index.d.ts

@@ -0,0 +1,66 @@
+export { FadeIn } from './components/Animation/FadeIn';
+export { SlideDown } from './components/Animation/SlideDown';
+export { Button } from './components/Buttons/Button';
+export { SubmitButton } from './components/Buttons/SubmitButton';
+export { ToggleButton } from './components/Buttons/ToggleButton';
+export { Badge } from './components/Badge';
+export { Tag } from './components/Tag';
+export { Dot } from './components/Dot/Dot';
+export { DotProgress } from './components/Dot/DotProgress';
+export { Alert } from './components/Alert';
+export { Sidebar } from './components/Sidebar';
+export { Avatar } from './components/Avatar';
+export { Tooltip } from './components/Tooltip';
+export { Popover } from './components/Popover/Popover';
+export { PopoverList } from './components/Popover/PopoverList';
+export { Modal } from './components/Modal';
+export { Table } from './components/Table';
+export { ButtonGroup } from './components/Buttons/ButtonGroup';
+export { Counter } from './components/Counter';
+export { Logo } from './components/Logo';
+export { Search } from './components/Search';
+export { Spinner } from './components/Spinner';
+export { Breadcrumb } from './components/Breadcrumb';
+export { Breakdown } from './components/Breakdown';
+export { FormGroup } from './components/Forms/FormGroup';
+export { ValuePopoverText } from './components/Forms/ValuePopoverText';
+export { Input } from './components/Forms/Input';
+export { Textarea } from './components/Forms/Textarea';
+export { Select } from './components/Forms/Select';
+export { ComboBox } from './components/Forms/ComboBox';
+export { Switch } from './components/Forms/Switch';
+export { Checkbox } from './components/Forms/Checkbox';
+export { Label } from './components/Forms/Label';
+export { RangeSlider } from './components/Forms/RangeSlider';
+export { HeaderToolbar } from './components/HeaderToolbar';
+export { Tabs } from './components/Tabs';
+export { Skeleton } from './components/Skeleton';
+export { Drawer } from './components/Drawer';
+export { Key } from './components/Key';
+export { Login } from './components/Screens/Login';
+export { DatePicker } from './components/DatePicker/DatePicker';
+export { RelativeDateRange } from './components/DatePicker/RelativeDateRange';
+export { DatePickerPopover } from './components/DatePicker/DatePickerPopover';
+export { MonthPicker } from './components/DatePicker/MonthPicker';
+export { MonthSelector } from './components/DatePicker/MonthSelector';
+export { UpcomingDatePicker } from './components/DatePicker/UpcomingDatePicker';
+export { InlineValuePopover } from './components/Forms/InlineValuePopover';
+export { ImageUpload } from './components/ImageUpload';
+export { Currency } from './components/Utilities/Currency';
+export { Phone } from './components/Utilities/Phone';
+export { Number } from './components/Utilities/Number';
+export { getInitials } from './utils/avatar.js';
+export { formatPhoneNumber } from './utils/phone';
+export { flash } from './helpers/flash';
+export { BaseChartOptions } from './components/Charts/BaseChartOptions';
+export { HistogramOptions } from './components/Charts/HistogramOptions';
+export { PieOptions } from './components/Charts/PieOptions';
+export { useIsClient } from './hooks/useIsClient';
+export { useViewportHeight } from './hooks/useViewportHeight';
+export { theme } from './theme';
+export { Provider } from './components/Provider';
+export { almostZero, compactNumber, numberFormat, roundNumber } from './utils/numbers';
+export { getSymbol, isZeroDecimal } from './utils/currency';
+export { formatDate, formatTime, dateFromObjectId } from './utils/date';
+export { isOSX, isIosBrowser } from './helpers/browser';
+export { getChildByType, getChildrenByType } from './helpers/children';

package/build/index.js

@@ -0,0 +1,142 @@
+import { FadeIn as e } from "./components/Animation/FadeIn.js";
+import { SlideDown as m } from "./components/Animation/SlideDown.js";
+import { Button as f } from "./components/Buttons/Button.js";
+import { SubmitButton as a } from "./components/Buttons/SubmitButton.js";
+import { ToggleButton as n } from "./components/Buttons/ToggleButton.js";
+import { Badge as u } from "./components/Badge.js";
+import { Tag as g } from "./components/Tag.js";
+import { Dot as c } from "./components/Dot/Dot.js";
+import { DotProgress as P } from "./components/Dot/DotProgress.js";
+import { Alert as B } from "./components/Alert.js";
+import { Avatar as T } from "./components/Avatar.js";
+import { Tooltip as v } from "./components/Tooltip.js";
+import { Popover as I } from "./components/Popover/Popover.js";
+import { PopoverList as y } from "./components/Popover/PopoverList.js";
+import { Modal as O } from "./components/Modal.js";
+import { Table as L } from "./components/Table.js";
+import { ButtonGroup as H } from "./components/Buttons/ButtonGroup.js";
+import { Counter as R } from "./components/Counter.js";
+import { Logo as A } from "./components/Logo.js";
+import { Search as U } from "./components/Search.js";
+import { Spinner as j } from "./components/Spinner.js";
+import { Breadcrumb as X } from "./components/Breadcrumb.js";
+import { Breakdown as z } from "./components/Breakdown.js";
+import { FormGroup as J } from "./components/Forms/FormGroup.js";
+import { ValuePopoverText as W } from "./components/Forms/ValuePopoverText.js";
+import { Input as _ } from "./components/Forms/Input.js";
+import { Textarea as oo } from "./components/Forms/Textarea.js";
+import { Select as eo } from "./components/Forms/Select.js";
+import { ComboBox as mo } from "./components/Forms/ComboBox.js";
+import { Switch as fo } from "./components/Forms/Switch.js";
+import { Checkbox as ao } from "./components/Forms/Checkbox.js";
+import { Label as no } from "./components/Forms/Label.js";
+import { RangeSlider as uo } from "./components/Forms/RangeSlider.js";
+import { HeaderToolbar as go } from "./components/HeaderToolbar.js";
+import { Skeleton as co } from "./components/Skeleton.js";
+import { Drawer as ho } from "./components/Drawer.js";
+import { Key as So } from "./components/Key.js";
+import { Login as Do } from "./components/Screens/Login.js";
+import { DatePicker as Co } from "./components/DatePicker/DatePicker.js";
+import { RelativeDateRange as ko } from "./components/DatePicker/RelativeDateRange.js";
+import { DatePickerPopover as wo } from "./components/DatePicker/DatePickerPopover.js";
+import { MonthPicker as Fo } from "./components/DatePicker/MonthPicker.js";
+import { MonthSelector as No } from "./components/DatePicker/MonthSelector.js";
+import { UpcomingDatePicker as Mo } from "./components/DatePicker/UpcomingDatePicker.js";
+import { InlineValuePopover as Vo } from "./components/Forms/InlineValuePopover.js";
+import { ImageUpload as Go } from "./components/ImageUpload.js";
+import { Currency as Zo } from "./components/Utilities/Currency.js";
+import { Phone as Ko } from "./components/Utilities/Phone.js";
+import { Number as qo } from "./components/Utilities/Number.js";
+import { getInitials as Eo } from "./utils/avatar.js";
+import { almostZero as Qo, compactNumber as Wo, numberFormat as Yo, roundNumber as _o } from "./utils/numbers.js";
+import { getSymbol as or, isZeroDecimal as rr } from "./utils/currency.js";
+import { dateFromObjectId as tr, formatDate as mr, formatTime as pr } from "./utils/date.js";
+import { formatPhoneNumber as xr } from "./utils/phone.js";
+import { isIosBrowser as ir, isOSX as nr } from "./helpers/browser.js";
+import { flash as ur } from "./helpers/flash.js";
+import { getChildByType as gr, getChildrenByType as br } from "./helpers/children.js";
+import { BaseChartOptions as dr } from "./components/Charts/BaseChartOptions.js";
+import { HistogramOptions as hr } from "./components/Charts/HistogramOptions.js";
+import { PieOptions as Sr } from "./components/Charts/PieOptions.js";
+import { useIsClient as Dr } from "./hooks/useIsClient.js";
+import { useViewportHeight as Cr } from "./hooks/useViewportHeight.js";
+import { theme as kr } from "./theme.js";
+import { Provider as wr } from "./components/Provider.js";
+import { Sidebar as Fr } from "./components/Sidebar/Sidebar.js";
+import { Tabs as Nr } from "./components/Tabs/Tabs.js";
+export {
+  B as Alert,
+  T as Avatar,
+  u as Badge,
+  dr as BaseChartOptions,
+  X as Breadcrumb,
+  z as Breakdown,
+  f as Button,
+  H as ButtonGroup,
+  ao as Checkbox,
+  mo as ComboBox,
+  R as Counter,
+  Zo as Currency,
+  Co as DatePicker,
+  wo as DatePickerPopover,
+  c as Dot,
+  P as DotProgress,
+  ho as Drawer,
+  e as FadeIn,
+  J as FormGroup,
+  go as HeaderToolbar,
+  hr as HistogramOptions,
+  Go as ImageUpload,
+  Vo as InlineValuePopover,
+  _ as Input,
+  So as Key,
+  no as Label,
+  Do as Login,
+  A as Logo,
+  O as Modal,
+  Fo as MonthPicker,
+  No as MonthSelector,
+  qo as Number,
+  Ko as Phone,
+  Sr as PieOptions,
+  I as Popover,
+  y as PopoverList,
+  wr as Provider,
+  uo as RangeSlider,
+  ko as RelativeDateRange,
+  U as Search,
+  eo as Select,
+  Fr as Sidebar,
+  co as Skeleton,
+  m as SlideDown,
+  j as Spinner,
+  a as SubmitButton,
+  fo as Switch,
+  L as Table,
+  Nr as Tabs,
+  g as Tag,
+  oo as Textarea,
+  n as ToggleButton,
+  v as Tooltip,
+  Mo as UpcomingDatePicker,
+  W as ValuePopoverText,
+  Qo as almostZero,
+  Wo as compactNumber,
+  tr as dateFromObjectId,
+  ur as flash,
+  mr as formatDate,
+  xr as formatPhoneNumber,
+  pr as formatTime,
+  gr as getChildByType,
+  br as getChildrenByType,
+  Eo as getInitials,
+  or as getSymbol,
+  ir as isIosBrowser,
+  nr as isOSX,
+  rr as isZeroDecimal,
+  Yo as numberFormat,
+  _o as roundNumber,
+  kr as theme,
+  Dr as useIsClient,
+  Cr as useViewportHeight
+};