uibee 3.3.0 → 3.3.2

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+
+//#region src/hooks/useClickOutside.d.ts
+declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, callback: () => void): void;
+//#endregion
+export { useClickOutside as default };

package/dist/{useClickOutside-Cmp-RsP3.js → hooks/useClickOutside.js}

@@ -10,4 +10,4 @@ function useClickOutside(ref, callback) {
 	}, [ref, callback]);
 }
 //#endregion
-export { useClickOutside as t };
+export { useClickOutside as default };

package/dist/hooks/useDarkMode.d.ts

@@ -0,0 +1,4 @@
+//#region src/hooks/useDarkMode.d.ts
+declare function useDarkMode(): boolean;
+//#endregion
+export { useDarkMode as default };

package/dist/hooks/useDarkMode.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/useDarkMode.ts
+function useDarkMode() {
+	const [isDark, setIsDark] = useState(false);
+	useEffect(() => {
+		setIsDark(document.documentElement.classList.contains("dark"));
+		const observer = new MutationObserver(() => {
+			setIsDark(document.documentElement.classList.contains("dark"));
+		});
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class"]
+		});
+		return () => observer.disconnect();
+	}, []);
+	return isDark;
+}
+//#endregion
+export { useDarkMode as default };

package/dist/hooks/useVisibility.d.ts

@@ -0,0 +1,7 @@
+//#region src/hooks/useVisibility.d.ts
+declare function useVisibility<T extends HTMLElement>(onVisible: () => void, rootMargin?: string): {
+  ref: import("react").RefObject<T | null>;
+  isVisible: boolean;
+};
+//#endregion
+export { useVisibility as default };

package/dist/hooks/useVisibility.js

@@ -0,0 +1,25 @@
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/useVisibility.ts
+function useVisibility(onVisible, rootMargin = "200px") {
+	const [isVisible, setIsVisible] = useState(false);
+	const ref = useRef(null);
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		if (!("ontouchstart" in window || navigator.maxTouchPoints > 0)) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0].isIntersecting) {
+				setIsVisible(true);
+				onVisible();
+				observer.disconnect();
+			}
+		}, { rootMargin });
+		if (ref.current) observer.observe(ref.current);
+		return () => observer.disconnect();
+	}, [onVisible, rootMargin]);
+	return {
+		ref,
+		isVisible
+	};
+}
+//#endregion
+export { useVisibility as default };

package/dist/icons/icons.d.ts

@@ -0,0 +1,420 @@
+import React from "react";
+
+//#region src/icons/icons.d.ts
+interface LogfontIconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+declare const Circle: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Rect: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Login: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const LoginText: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const StyretCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Styret: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const StyretFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const EventkomCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Eventkom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const EventkomFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const BedkomCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Bedkom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const BedkomFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const TekkomCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Tekkom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const CtfkomCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Ctfkom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const CtfkomFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const SatkomCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Satkom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const SatkomFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const PrCorners: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Pr: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const PrFilled: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Ntnu: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Sit: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const SitText: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const NtnuiGjvik: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const NtnuiSimple: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Huset: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const HusetText: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const GjvikKommune: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Peppes: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Pizzabakeren: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Chaplin: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Discord: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Instagram: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Facebook: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Linkedin: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Gitlab: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Wikijs: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Snapchat: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Twitter: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Youtube: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Microsoft: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Windows: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Android: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Apple: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Ubuntu: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Archlinux: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Manjaro: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Debian: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Linux: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Tux: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Bitcoin: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Raspberrypi: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Arduino: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Cisco: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Codepen: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Postgresql: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Digitalocean: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Kubernetes: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Docker: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Python: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Html5: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Css3: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Cpp: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Go: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Rust: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Java: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Firefox: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Tor: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Duckduckgo: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Mysql: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Nintendoswitch: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Javascript: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const ReactLogo: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const NodeDotJs: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Npm: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Webpack: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Powershell: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Postman: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Redmine: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Stackoverflow: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Udemy: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Untappd: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Vim: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Visualstudio: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Vscode: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Figma: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Redhat: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Zoom: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Onepassword: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Github: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Git: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const GitText: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const GitText2: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Database: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Pacman: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Usb: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Pizza: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Tree: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+declare const Trophy: ({
+  size,
+  ...props
+}: LogfontIconProps) => React.JSX.Element;
+//#endregion
+export { Android, Apple, Archlinux, Arduino, Bedkom, BedkomCorners, BedkomFilled, Bitcoin, Chaplin, Circle, Cisco, Codepen, Cpp, Css3, Ctfkom, CtfkomCorners, CtfkomFilled, Database, Debian, Digitalocean, Discord, Docker, Duckduckgo, Eventkom, EventkomCorners, EventkomFilled, Facebook, Figma, Firefox, Git, GitText, GitText2, Github, Gitlab, GjvikKommune, Go, Html5, Huset, HusetText, Instagram, Java, Javascript, Kubernetes, Linkedin, Linux, LogfontIconProps, Login, LoginText, Manjaro, Microsoft, Mysql, Nintendoswitch, NodeDotJs, Npm, Ntnu, NtnuiGjvik, NtnuiSimple, Onepassword, Pacman, Peppes, Pizza, Pizzabakeren, Postgresql, Postman, Powershell, Pr, PrCorners, PrFilled, Python, Raspberrypi, ReactLogo, Rect, Redhat, Redmine, Rust, Satkom, SatkomCorners, SatkomFilled, Sit, SitText, Snapchat, Stackoverflow, Styret, StyretCorners, StyretFilled, Tekkom, TekkomCorners, Tor, Tree, Trophy, Tux, Twitter, Ubuntu, Udemy, Untappd, Usb, Vim, Visualstudio, Vscode, Webpack, Wikijs, Windows, Youtube, Zoom };

package/dist/{icons-lZYQ6Vlr.js → icons/icons.js}

@@ -122,4 +122,4 @@ const Pizza = createIcon("M1024 216Q1023 367 963 501Q904 636 802.0 738.0Q700 840
 const Tree = createIcon("M976 192H960V400Q960 446 927.0 479.0Q894 512 848 512H576V640H592Q612 640 626.0 654.0Q640 668 640 688V848Q640 868 626.0 882.0Q612 896 592 896H432Q412 896 398.0 882.0Q384 868 384 848V688Q384 668 398.0 654.0Q412 640 432 640H448V512H176Q130 512 97.0 479.0Q64 446 64 400V192H48Q28 192 14.0 178.0Q0 164 0 144V-16Q0 -36 14.0 -50.0Q28 -64 48 -64H208Q228 -64 242.0 -50.0Q256 -36 256 -16V144Q256 164 242.0 178.0Q228 192 208 192H192V384H448V192H432Q412 192 398.0 178.0Q384 164 384 144V-16Q384 -36 398.0 -50.0Q412 -64 432 -64H592Q612 -64 626.0 -50.0Q640 -36 640 -16V144Q640 164 626.0 178.0Q612 192 592 192H576V384H832V192H816Q796 192 782.0 178.0Q768 164 768 144V-16Q768 -36 782.0 -50.0Q796 -64 816 -64H976Q996 -64 1010.0 -50.0Q1024 -36 1024 -16V144Q1024 164 1010.0 178.0Q996 192 976 192ZM192 0H64V128H192ZM576 0H448V128H576ZM448 704V832H576V704ZM960 0H832V128H960Z", "0 64 1024 960");
 const Trophy = createIcon("M832 768V896H192V768H0V640Q0 560 56.0 504.0Q112 448 192 448Q207 448 221.5 450.5Q236 453 250 457Q284 407 335.5 373.0Q387 339 448 326V128H384Q331 128 293.5 90.5Q256 53 256 0H768Q768 53 730.5 90.5Q693 128 640 128H576V326Q637 339 688.5 373.0Q740 407 774 457Q788 453 802.5 450.5Q817 448 832 448Q912 448 968.0 504.0Q1024 560 1024 640V768H832ZM192 524Q144 524 110.0 558.0Q76 592 76 640V704H192V640Q192 610 197.5 581.5Q203 553 213 526Q208 525 202.5 524.5Q197 524 192 524ZM948 640Q948 592 914.0 558.0Q880 524 832 524Q827 524 821.5 524.5Q816 525 811 526Q821 553 826.5 581.5Q832 610 832 640V704H948Z", "0 64 1024 896");
 //#endregion
-export { Npm as $, Git as A, StyretFilled as At, Instagram as B, Untappd as Bt, Duckduckgo as C, SatkomFilled as Ct, Facebook as D, Stackoverflow as Dt, EventkomFilled as E, Snapchat as Et, GjvikKommune as F, Trophy as Ft, Linux as G, Webpack as Gt, Javascript as H, Vim as Ht, Go as I, Tux as It, Manjaro as J, Youtube as Jt, Login as K, Wikijs as Kt, Html5 as L, Twitter as Lt, GitText2 as M, TekkomCorners as Mt, Github as N, Tor as Nt, Figma as O, Styret as Ot, Gitlab as P, Tree as Pt, NodeDotJs as Q, Huset as R, Ubuntu as Rt, Docker as S, SatkomCorners as St, EventkomCorners as T, SitText as Tt, Kubernetes as U, Visualstudio as Ut, Java as V, Usb as Vt, Linkedin as W, Vscode as Wt, Mysql as X, Microsoft as Y, Zoom as Yt, Nintendoswitch as Z, CtfkomFilled as _, Rect as _t, Bedkom as a, Peppes as at, Digitalocean as b, Rust as bt, Bitcoin as c, Postgresql as ct, Cisco as d, Pr as dt, Ntnu as et, Codepen as f, PrCorners as ft, CtfkomCorners as g, ReactLogo as gt, Ctfkom as h, Raspberrypi as ht, Arduino as i, Pacman as it, GitText as j, Tekkom as jt, Firefox as k, StyretCorners as kt, Chaplin as l, Postman as lt, Css3 as m, Python as mt, Apple as n, NtnuiSimple as nt, BedkomCorners as o, Pizza as ot, Cpp as p, PrFilled as pt, LoginText as q, Windows as qt, Archlinux as r, Onepassword as rt, BedkomFilled as s, Pizzabakeren as st, Android as t, NtnuiGjvik as tt, Circle as u, Powershell as ut, Database as v, Redhat as vt, Eventkom as w, Sit as wt, Discord as x, Satkom as xt, Debian as y, Redmine as yt, HusetText as z, Udemy as zt };
+export { Android, Apple, Archlinux, Arduino, Bedkom, BedkomCorners, BedkomFilled, Bitcoin, Chaplin, Circle, Cisco, Codepen, Cpp, Css3, Ctfkom, CtfkomCorners, CtfkomFilled, Database, Debian, Digitalocean, Discord, Docker, Duckduckgo, Eventkom, EventkomCorners, EventkomFilled, Facebook, Figma, Firefox, Git, GitText, GitText2, Github, Gitlab, GjvikKommune, Go, Html5, Huset, HusetText, Instagram, Java, Javascript, Kubernetes, Linkedin, Linux, Login, LoginText, Manjaro, Microsoft, Mysql, Nintendoswitch, NodeDotJs, Npm, Ntnu, NtnuiGjvik, NtnuiSimple, Onepassword, Pacman, Peppes, Pizza, Pizzabakeren, Postgresql, Postman, Powershell, Pr, PrCorners, PrFilled, Python, Raspberrypi, ReactLogo, Rect, Redhat, Redmine, Rust, Satkom, SatkomCorners, SatkomFilled, Sit, SitText, Snapchat, Stackoverflow, Styret, StyretCorners, StyretFilled, Tekkom, TekkomCorners, Tor, Tree, Trophy, Tux, Twitter, Ubuntu, Udemy, Untappd, Usb, Vim, Visualstudio, Vscode, Webpack, Wikijs, Windows, Youtube, Zoom };