quirk-ui 0.0.6 → 0.0.7

package/dist/main.js

@@ -1,56 +1,90 @@
 import { ButtonGroup as t } from "./components/ButtonGroup/index.js";
 import { FloatingActionButton as p } from "./components/FloatingActionButton/index.js";
-import { Button as m } from "./components/Button/index.js";
+import { Button as f } from "./components/Button/index.js";
 import { IconButton as a } from "./components/IconButton/index.js";
 import { Heading as n } from "./components/Heading/index.js";
-import { Text as l } from "./components/Text/index.js";
-import { L as d } from "./index-BtY6pil2.js";
-import { Grid as S } from "./components/Grid/index.js";
-import { Container as F } from "./components/Container/index.js";
-import { Stack as g } from "./components/Stack/index.js";
+import { Text as c } from "./components/Text/index.js";
+import { L as u } from "./index-BXkubhGb.js";
+import { Grid as B } from "./components/Grid/index.js";
+import { Container as b } from "./components/Container/index.js";
+import { Stack as k } from "./components/Stack/index.js";
 import { Box as T } from "./components/Box/index.js";
-import { Spacer as s } from "./components/Spacer/index.js";
-import { Divider as D } from "./components/Divider/index.js";
-import { Table as I } from "./components/Table/index.js";
-import { Form as v } from "./components/Form/index.js";
-import { Label as A } from "./components/Label/index.js";
-import { Input as M } from "./components/Input/index.js";
-import { Fieldset as U } from "./components/Fieldset/index.js";
-import { Radio as q } from "./components/Radio/index.js";
-import { Checkbox as z } from "./components/Checkbox/index.js";
-import { Textarea as J } from "./components/Textarea/index.js";
-import { Select as N } from "./components/Select/index.js";
-import { Switch as Q } from "./components/Switch/index.js";
-import { MultiSelect as W } from "./components/MultiSelect/index.js";
-import { DatePicker as Y } from "./components/DatePicker/index.js";
-import { Range as _ } from "./components/Range/index.js";
-import { FileUpload as oo } from "./components/FileUpload/index.js";
+import { Spacer as F } from "./components/Spacer/index.js";
+import { Divider as v } from "./components/Divider/index.js";
+import { Table as N } from "./components/Table/index.js";
+import { List as w } from "./components/List/index.js";
+import { Card as I } from "./components/Card/index.js";
+import { Avatar as P } from "./components/Avatar/index.js";
+import { Badge as H } from "./components/Badge/index.js";
+import { Tooltip as j } from "./components/Tooltip/index.js";
+import { Modal as y } from "./components/Modal/index.js";
+import { Accordion as E } from "./components/Accordion/index.js";
+import { Alert as K } from "./components/Alert/index.js";
+import { Notification as Q } from "./components/Notification/index.js";
+import { NotificationContainer as W } from "./components/NotificationContainer/index.js";
+import { ProgressBar as Y } from "./components/ProgressBar/index.js";
+import { Spinner as _ } from "./components/Spinner/index.js";
+import { Skeleton as oo } from "./components/Skeleton/index.js";
+import { Carousel as to } from "./components/Carousel/index.js";
+import { Navbar as po } from "./components/NavBar/index.js";
+import { Drawer as fo } from "./components/Drawer/index.js";
+import { Tabs as ao } from "./components/Tabs/index.js";
+import { Form as no } from "./components/Form/index.js";
+import { Label as co } from "./components/Label/index.js";
+import { Input as so } from "./components/Input/index.js";
+import { Fieldset as So } from "./components/Fieldset/index.js";
+import { Radio as go } from "./components/Radio/index.js";
+import { Checkbox as Co } from "./components/Checkbox/index.js";
+import { Textarea as Ao } from "./components/Textarea/index.js";
+import { Select as Lo } from "./components/Select/index.js";
+import { Switch as Do } from "./components/Switch/index.js";
+import { MultiSelect as ho } from "./components/MultiSelect/index.js";
+import { DatePicker as Go } from "./components/DatePicker/index.js";
+import { Range as Mo } from "./components/Range/index.js";
+import { FileUpload as Ro } from "./components/FileUpload/index.js";
 export {
+  E as Accordion,
+  K as Alert,
+  P as Avatar,
+  H as Badge,
   T as Box,
-  m as Button,
+  f as Button,
   t as ButtonGroup,
-  z as Checkbox,
-  F as Container,
-  Y as DatePicker,
-  D as Divider,
-  U as Fieldset,
-  oo as FileUpload,
+  I as Card,
+  to as Carousel,
+  Co as Checkbox,
+  b as Container,
+  Go as DatePicker,
+  v as Divider,
+  fo as Drawer,
+  So as Fieldset,
+  Ro as FileUpload,
   p as FloatingActionButton,
-  v as Form,
-  S as Grid,
+  no as Form,
+  B as Grid,
   n as Heading,
   a as IconButton,
-  M as Input,
-  A as Label,
-  d as Link,
-  W as MultiSelect,
-  q as Radio,
-  _ as Range,
-  N as Select,
-  s as Spacer,
-  g as Stack,
-  Q as Switch,
-  I as Table,
-  l as Text,
-  J as Textarea
+  so as Input,
+  co as Label,
+  u as Link,
+  w as List,
+  y as Modal,
+  ho as MultiSelect,
+  po as Navbar,
+  Q as Notification,
+  W as NotificationContainer,
+  Y as ProgressBar,
+  go as Radio,
+  Mo as Range,
+  Lo as Select,
+  oo as Skeleton,
+  F as Spacer,
+  _ as Spinner,
+  k as Stack,
+  Do as Switch,
+  N as Table,
+  ao as Tabs,
+  c as Text,
+  Ao as Textarea,
+  j as Tooltip
 };

package/dist/plus-Cs7TaIK9.js

@@ -0,0 +1,14 @@
+import { c as e } from "./createLucideIcon-C8GTh_Qx.js";
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], c = e("plus", o);
+export {
+  c as P
+};

package/dist/utils/NotificationManager/NotificationManager.test.js

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d as h, i as n, r as a, g as o, s as i, f, v as c, a as T } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { NotificationManager as s, useNotifications as m } from "./index.js";
+const r = () => {
+  const { showNotification: e } = m();
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    "button",
+    {
+      onClick: () => e("Test Notification", "info", 3e3),
+      children: "Show Notification"
+    }
+  ) });
+};
+h("NotificationManager", () => {
+  n("renders without crashing", () => {
+    a(
+      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(r, {}) })
+    ), o(i.getByText("Show Notification")).toBeInTheDocument();
+  }), n("shows a notification when triggered", () => {
+    a(
+      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(r, {}) })
+    );
+    const e = i.getByText("Show Notification");
+    f.click(e), o(i.getByText("Test Notification")).toBeInTheDocument();
+  }), n("automatically removes a notification after the duration", async () => {
+    c.useFakeTimers(), a(
+      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(r, {}) })
+    );
+    const e = i.getByText("Show Notification");
+    f.click(e), o(i.getByText("Test Notification")).toBeInTheDocument(), T(() => {
+      c.advanceTimersByTime(3500);
+    }), o(i.queryByText("Test Notification")).not.toBeInTheDocument(), c.useRealTimers();
+  });
+});

package/dist/utils/NotificationManager/index.js

@@ -0,0 +1,70 @@
+import { jsxs as g, jsx as p } from "react/jsx-runtime";
+import { createContext as x, useState as h, useCallback as U, useContext as w } from "react";
+import { NotificationContainer as b } from "../../components/NotificationContainer/index.js";
+import "../../components/Tabs/index.js";
+const o = [];
+for (let t = 0; t < 256; ++t)
+  o.push((t + 256).toString(16).slice(1));
+function N(t, n = 0) {
+  return (o[t[n + 0]] + o[t[n + 1]] + o[t[n + 2]] + o[t[n + 3]] + "-" + o[t[n + 4]] + o[t[n + 5]] + "-" + o[t[n + 6]] + o[t[n + 7]] + "-" + o[t[n + 8]] + o[t[n + 9]] + "-" + o[t[n + 10]] + o[t[n + 11]] + o[t[n + 12]] + o[t[n + 13]] + o[t[n + 14]] + o[t[n + 15]]).toLowerCase();
+}
+let a;
+const v = new Uint8Array(16);
+function C() {
+  if (!a) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    a = crypto.getRandomValues.bind(crypto);
+  }
+  return a(v);
+}
+const f = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), m = { randomUUID: f };
+function D(t, n, c) {
+  var e;
+  if (m.randomUUID && !t)
+    return m.randomUUID();
+  t = t || {};
+  const i = t.random ?? ((e = t.rng) == null ? void 0 : e.call(t)) ?? C();
+  if (i.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, N(i);
+}
+const l = x(
+  void 0
+), j = ({
+  children: t
+}) => {
+  const [n, c] = h([]), i = U(
+    (r, u = "info", d = 3e3) => {
+      const s = D();
+      c((y) => [
+        ...y,
+        {
+          id: s,
+          message: r,
+          variant: u,
+          duration: d,
+          onClose: () => e(s)
+        }
+      ]);
+    },
+    []
+  ), e = (r) => {
+    c((u) => u.filter((d) => d.id !== r));
+  };
+  return /* @__PURE__ */ g(l.Provider, { value: { showNotification: i }, children: [
+    t,
+    /* @__PURE__ */ p(b, { notifications: n })
+  ] });
+}, E = () => {
+  const t = w(l);
+  if (!t)
+    throw new Error(
+      "useNotifications must be used within a NotificationManager"
+    );
+  return t;
+};
+export {
+  j as NotificationManager,
+  E as useNotifications
+};

package/dist/utils/RenderAsRichtext.tsx/index.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { renderRichText as t } from "../RenderAsRichtext.js";
+export {
+  t as renderRichText
+};

package/dist/utils/ThemeProvider/index.js

@@ -0,0 +1,13 @@
+import { jsx as c, Fragment as m } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import '../../assets/index.css';function u({ children: o, theme: r = {} }) {
+  return f(() => {
+    const t = document.documentElement;
+    Object.entries(r).forEach(([n, e]) => {
+      e && t.style.setProperty(`--user-color-${n}`, e);
+    });
+  }, [r]), /* @__PURE__ */ c(m, { children: o });
+}
+export {
+  u as ThemeProvider
+};