@px-ui/ui 0.1.3 → 1.0.0

package/dist/use-infinite-scroll-CpbhGGT5.js

@@ -0,0 +1,38 @@
+import { t as useIntersectionObserver } from "./use-intersection-observer-CZfnep4z.js";
+import { useEffect, useEffectEvent } from "react";
+
+//#region src/hooks/use-infinite-scroll.ts
+const DEFAULT_DELAY_IN_MS = 100;
+function useInfiniteScroll({ isLoadingMore, hasMore, onLoadMore, rootMargin, root, disabled, threshold = 0 }) {
+	const [ref, entry] = useIntersectionObserver({
+		rootMargin,
+		threshold,
+		root
+	});
+	const isVisible = Boolean(entry?.isIntersecting);
+	const onLoadMoreEvent = useEffectEvent(() => {
+		onLoadMore();
+	});
+	useEffect(() => {
+		if (disabled) return;
+		if (isVisible && hasMore && !isLoadingMore && !disabled) {
+			const timer = setTimeout(() => {
+				onLoadMoreEvent();
+			}, DEFAULT_DELAY_IN_MS);
+			return () => {
+				clearTimeout(timer);
+			};
+		}
+	}, [
+		isVisible,
+		isLoadingMore,
+		hasMore,
+		disabled
+	]);
+	return [ref];
+}
+var use_infinite_scroll_default = useInfiniteScroll;
+
+//#endregion
+export { use_infinite_scroll_default as t };
+//# sourceMappingURL=use-infinite-scroll-CpbhGGT5.js.map

package/dist/use-infinite-scroll-CpbhGGT5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-infinite-scroll-CpbhGGT5.js","names":[],"sources":["../src/hooks/use-infinite-scroll.ts"],"sourcesContent":["import { useEffect, useEffectEvent } from \"react\";\nimport {\n  useIntersectionObserver,\n  type UseIntersectionObserverOptions,\n} from \"./use-intersection-observer\";\n\nconst DEFAULT_DELAY_IN_MS = 100;\n\nexport type UseInfiniteScrollHookArgs = Pick<\n  UseIntersectionObserverOptions,\n  \"rootMargin\" | \"threshold\" | \"root\"\n> & {\n  isLoadingMore: boolean;\n  hasMore: boolean;\n  onLoadMore: () => unknown;\n  disabled?: boolean;\n};\n\nfunction useInfiniteScroll({\n  isLoadingMore,\n  hasMore,\n  onLoadMore,\n  rootMargin,\n  root,\n  disabled,\n  threshold = 0,\n}: UseInfiniteScrollHookArgs) {\n  const [ref, entry] = useIntersectionObserver({\n    rootMargin,\n    threshold,\n    root,\n  });\n  const isVisible = Boolean(entry?.isIntersecting);\n\n  const onLoadMoreEvent = useEffectEvent(() => {\n    onLoadMore();\n  });\n\n  useEffect(() => {\n    if (disabled) return;\n\n    if (isVisible && hasMore && !isLoadingMore && !disabled) {\n      const timer = setTimeout(() => {\n        onLoadMoreEvent();\n      }, DEFAULT_DELAY_IN_MS);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [isVisible, isLoadingMore, hasMore, disabled]);\n\n  return [ref] as const;\n}\n\nexport default useInfiniteScroll;\n"],"mappings":";;;;AAMA,MAAM,sBAAsB;AAY5B,SAAS,kBAAkB,EACzB,eACA,SACA,YACA,YACA,MACA,UACA,YAAY,KACgB;CAC5B,MAAM,CAAC,KAAK,SAAS,wBAAwB;EAC3C;EACA;EACA;EACD,CAAC;CACF,MAAM,YAAY,QAAQ,OAAO,eAAe;CAEhD,MAAM,kBAAkB,qBAAqB;AAC3C,cAAY;GACZ;AAEF,iBAAgB;AACd,MAAI,SAAU;AAEd,MAAI,aAAa,WAAW,CAAC,iBAAiB,CAAC,UAAU;GACvD,MAAM,QAAQ,iBAAiB;AAC7B,qBAAiB;MAChB,oBAAoB;AAEvB,gBAAa;AACX,iBAAa,MAAM;;;IAGtB;EAAC;EAAW;EAAe;EAAS;EAAS,CAAC;AAEjD,QAAO,CAAC,IAAI;;AAGd,kCAAe"}

package/dist/use-intersection-observer-C2xDq2SW.d.ts

@@ -0,0 +1,11 @@
+//#region src/hooks/use-intersection-observer.d.ts
+interface UseIntersectionObserverOptions {
+  threshold?: number | number[];
+  root?: Element | Document | null;
+  rootMargin?: string;
+}
+type UseIntersectionObserverReturn = [(node: Element | null) => void, IntersectionObserverEntry | null];
+declare function useIntersectionObserver(options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;
+//#endregion
+export { UseIntersectionObserverReturn as n, useIntersectionObserver as r, UseIntersectionObserverOptions as t };
+//# sourceMappingURL=use-intersection-observer-C2xDq2SW.d.ts.map

package/dist/use-intersection-observer-C2xDq2SW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer-C2xDq2SW.d.ts","names":[],"sources":["../src/hooks/use-intersection-observer.ts"],"sourcesContent":[],"mappings":";UAEiB,8BAAA;EAAA,SAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;EAML,IAAA,CAAA,EAJH,OAIG,GAJO,QAIP,GAAA,IAA6B;EAKzB,UAAA,CAAA,EAAA,MAAA;;KALJ,6BAAA,WACH,yBACP;iBAGc,uBAAA,WACL,iCACR"}

package/dist/use-intersection-observer-CZfnep4z.js

@@ -0,0 +1,33 @@
+import React from "react";
+
+//#region src/hooks/use-intersection-observer.ts
+function useIntersectionObserver(options = {}) {
+	const { threshold = 1, root = null, rootMargin = "0px" } = options;
+	const [entry, setEntry] = React.useState(null);
+	const previousObserver = React.useRef(null);
+	return [React.useCallback((node) => {
+		if (previousObserver.current) {
+			previousObserver.current.disconnect();
+			previousObserver.current = null;
+		}
+		if (node?.nodeType === Node.ELEMENT_NODE) {
+			const observer = new IntersectionObserver(([entry$1]) => {
+				setEntry(entry$1 ?? null);
+			}, {
+				threshold,
+				root,
+				rootMargin
+			});
+			observer.observe(node);
+			previousObserver.current = observer;
+		}
+	}, [
+		threshold,
+		root,
+		rootMargin
+	]), entry];
+}
+
+//#endregion
+export { useIntersectionObserver as t };
+//# sourceMappingURL=use-intersection-observer-CZfnep4z.js.map

package/dist/use-intersection-observer-CZfnep4z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer-CZfnep4z.js","names":["entry"],"sources":["../src/hooks/use-intersection-observer.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface UseIntersectionObserverOptions {\n  threshold?: number | number[];\n  root?: Element | Document | null;\n  rootMargin?: string;\n}\n\nexport type UseIntersectionObserverReturn = [\n  (node: Element | null) => void,\n  IntersectionObserverEntry | null,\n];\n\nexport function useIntersectionObserver(\n  options: UseIntersectionObserverOptions = {},\n): UseIntersectionObserverReturn {\n  const { threshold = 1, root = null, rootMargin = \"0px\" } = options;\n  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(\n    null,\n  );\n\n  const previousObserver = React.useRef<IntersectionObserver | null>(null);\n\n  const customRef = React.useCallback(\n    (node: Element | null) => {\n      if (previousObserver.current) {\n        previousObserver.current.disconnect();\n        previousObserver.current = null;\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        const observer = new IntersectionObserver(\n          ([entry]: IntersectionObserverEntry[]) => {\n            setEntry(entry ?? null);\n          },\n          { threshold, root, rootMargin },\n        );\n\n        observer.observe(node);\n        previousObserver.current = observer;\n      }\n    },\n    [threshold, root, rootMargin],\n  );\n\n  return [customRef, entry] as const;\n}\n"],"mappings":";;;AAaA,SAAgB,wBACd,UAA0C,EAAE,EACb;CAC/B,MAAM,EAAE,YAAY,GAAG,OAAO,MAAM,aAAa,UAAU;CAC3D,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,KACD;CAED,MAAM,mBAAmB,MAAM,OAAoC,KAAK;AAwBxE,QAAO,CAtBW,MAAM,aACrB,SAAyB;AACxB,MAAI,iBAAiB,SAAS;AAC5B,oBAAiB,QAAQ,YAAY;AACrC,oBAAiB,UAAU;;AAG7B,MAAI,MAAM,aAAa,KAAK,cAAc;GACxC,MAAM,WAAW,IAAI,sBAClB,CAACA,aAAwC;AACxC,aAASA,WAAS,KAAK;MAEzB;IAAE;IAAW;IAAM;IAAY,CAChC;AAED,YAAS,QAAQ,KAAK;AACtB,oBAAiB,UAAU;;IAG/B;EAAC;EAAW;EAAM;EAAW,CAC9B,EAEkB,MAAM"}

package/dist/use-mobile-l5ebOdQl.js

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+
+//#region src/hooks/use-mobile.ts
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+
+//#endregion
+export { useIsMobile as t };
+//# sourceMappingURL=use-mobile-l5ebOdQl.js.map

package/dist/use-mobile-l5ebOdQl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile-l5ebOdQl.js","names":["React"],"sources":["../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":";;;AAEA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeA,QAAM,SAA8B,OAAU;AAE9E,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK;EACxE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,kBAAkB;;AAEpD,MAAI,iBAAiB,UAAU,SAAS;AACxC,cAAY,OAAO,aAAa,kBAAkB;AAClD,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AAEN,QAAO,CAAC,CAAC"}

package/dist/utils-mWJR2N24.js

@@ -0,0 +1,28 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+
+//#region src/lib/utils.ts
+const twMerge = extendTailwindMerge({ extend: { classGroups: {
+	"font-family": [{ font: [
+		"heading",
+		"sans-light",
+		"sans-sb",
+		"sans-b"
+	] }],
+	tracking: [{ tracking: [
+		"ppx-tighter",
+		"ppx-tight",
+		"ppx-normal",
+		"ppx-wide",
+		"ppx-wider",
+		"ppx-widest"
+	] }],
+	rounded: [{ rounded: ["4xl"] }]
+} } });
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn as t };
+//# sourceMappingURL=utils-mWJR2N24.js.map

package/dist/utils-mWJR2N24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-mWJR2N24.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { extendTailwindMerge } from \"tailwind-merge\"\n\n// Custom tailwind-merge instance that knows about px-ui's bespoke utilities so\n// conflicting classes still collapse to the last one. Extend this whenever a\n// new custom utility/token is added to `globals.css` (mirror the `--*` token\n// name into the matching class group below).\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      // Custom font families (--font-heading, --font-sans-light, …)\n      \"font-family\": [\n        { font: [\"heading\", \"sans-light\", \"sans-sb\", \"sans-b\"] },\n      ],\n      // Conflict-isolation letter-spacing tokens (--tracking-ppx-*)\n      tracking: [\n        {\n          tracking: [\n            \"ppx-tighter\",\n            \"ppx-tight\",\n            \"ppx-normal\",\n            \"ppx-wide\",\n            \"ppx-wider\",\n            \"ppx-widest\",\n          ],\n        },\n      ],\n      // Extended radius scale (--radius-4xl)\n      rounded: [{ rounded: [\"4xl\"] }],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;AAOA,MAAM,UAAU,oBAAoB,EAClC,QAAQ,EACN,aAAa;CAEX,eAAe,CACb,EAAE,MAAM;EAAC;EAAW;EAAc;EAAW;EAAS,EAAE,CACzD;CAED,UAAU,CACR,EACE,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CACF;CAED,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC;CAChC,EACF,EACF,CAAC;AAEF,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/package.json

@@ -1,22 +1,290 @@
 {
   "name": "@px-ui/ui",
-  "version": "0.1.3",
+  "version": "1.0.0",
   "description": "A modern React component library built with Tailwind CSS and shadcn/ui",
   "type": "module",
-  "module": "./dist/index.js",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+    "./accordion": {
+      "types": "./dist/components/accordion.d.ts",
+      "default": "./dist/components/accordion.js"
+    },
+    "./alert": {
+      "types": "./dist/components/alert.d.ts",
+      "default": "./dist/components/alert.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/components/alert-dialog.d.ts",
+      "default": "./dist/components/alert-dialog.js"
+    },
+    "./aspect-ratio": {
+      "types": "./dist/components/aspect-ratio.d.ts",
+      "default": "./dist/components/aspect-ratio.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar.d.ts",
+      "default": "./dist/components/avatar.js"
+    },
+    "./avatar-group": {
+      "types": "./dist/components/avatar-group.d.ts",
+      "default": "./dist/components/avatar-group.js"
+    },
+    "./badge": {
+      "types": "./dist/components/badge.d.ts",
+      "default": "./dist/components/badge.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/components/breadcrumb.d.ts",
+      "default": "./dist/components/breadcrumb.js"
+    },
+    "./button": {
+      "types": "./dist/components/button.d.ts",
+      "default": "./dist/components/button.js"
+    },
+    "./button-group": {
+      "types": "./dist/components/button-group.d.ts",
+      "default": "./dist/components/button-group.js"
+    },
+    "./calendar": {
+      "types": "./dist/components/calendar.d.ts",
+      "default": "./dist/components/calendar.js"
+    },
+    "./card": {
+      "types": "./dist/components/card.d.ts",
+      "default": "./dist/components/card.js"
+    },
+    "./carousel": {
+      "types": "./dist/components/carousel.d.ts",
+      "default": "./dist/components/carousel.js"
+    },
+    "./chart": {
+      "types": "./dist/components/chart.d.ts",
+      "default": "./dist/components/chart.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox.d.ts",
+      "default": "./dist/components/checkbox.js"
+    },
+    "./collapsible": {
+      "types": "./dist/components/collapsible.d.ts",
+      "default": "./dist/components/collapsible.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox.d.ts",
+      "default": "./dist/components/combobox.js"
+    },
+    "./command": {
+      "types": "./dist/components/command.d.ts",
+      "default": "./dist/components/command.js"
+    },
+    "./context-menu": {
+      "types": "./dist/components/context-menu.d.ts",
+      "default": "./dist/components/context-menu.js"
+    },
+    "./currency-select-field": {
+      "types": "./dist/components/currency-select-field.d.ts",
+      "default": "./dist/components/currency-select-field.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/dialog.d.ts",
+      "default": "./dist/components/dialog.js"
+    },
+    "./direction": {
+      "types": "./dist/components/direction.d.ts",
+      "default": "./dist/components/direction.js"
+    },
+    "./drawer": {
+      "types": "./dist/components/drawer.d.ts",
+      "default": "./dist/components/drawer.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/components/dropdown-menu.d.ts",
+      "default": "./dist/components/dropdown-menu.js"
+    },
+    "./empty": {
+      "types": "./dist/components/empty.d.ts",
+      "default": "./dist/components/empty.js"
+    },
+    "./field": {
+      "types": "./dist/components/field.d.ts",
+      "default": "./dist/components/field.js"
+    },
+    "./file-upload": {
+      "types": "./dist/components/file-upload.d.ts",
+      "default": "./dist/components/file-upload.js"
+    },
+    "./file-upload-field": {
+      "types": "./dist/components/file-upload-field.d.ts",
+      "default": "./dist/components/file-upload-field.js"
+    },
+    "./hover-card": {
+      "types": "./dist/components/hover-card.d.ts",
+      "default": "./dist/components/hover-card.js"
+    },
+    "./input": {
+      "types": "./dist/components/input.d.ts",
+      "default": "./dist/components/input.js"
+    },
+    "./input-group": {
+      "types": "./dist/components/input-group.d.ts",
+      "default": "./dist/components/input-group.js"
+    },
+    "./input-otp": {
+      "types": "./dist/components/input-otp.d.ts",
+      "default": "./dist/components/input-otp.js"
+    },
+    "./item": {
+      "types": "./dist/components/item.d.ts",
+      "default": "./dist/components/item.js"
+    },
+    "./kbd": {
+      "types": "./dist/components/kbd.d.ts",
+      "default": "./dist/components/kbd.js"
+    },
+    "./label": {
+      "types": "./dist/components/label.d.ts",
+      "default": "./dist/components/label.js"
     },
-    "./styles.css": "./dist/index.css",
-    "./fonts.css": "./dist/assets/fonts.css"
+    "./menubar": {
+      "types": "./dist/components/menubar.d.ts",
+      "default": "./dist/components/menubar.js"
+    },
+    "./native-select": {
+      "types": "./dist/components/native-select.d.ts",
+      "default": "./dist/components/native-select.js"
+    },
+    "./navigation-menu": {
+      "types": "./dist/components/navigation-menu.d.ts",
+      "default": "./dist/components/navigation-menu.js"
+    },
+    "./pagination": {
+      "types": "./dist/components/pagination.d.ts",
+      "default": "./dist/components/pagination.js"
+    },
+    "./phone-input": {
+      "types": "./dist/components/phone-input.d.ts",
+      "default": "./dist/components/phone-input.js"
+    },
+    "./popover": {
+      "types": "./dist/components/popover.d.ts",
+      "default": "./dist/components/popover.js"
+    },
+    "./progress": {
+      "types": "./dist/components/progress.d.ts",
+      "default": "./dist/components/progress.js"
+    },
+    "./radio-group": {
+      "types": "./dist/components/radio-group.d.ts",
+      "default": "./dist/components/radio-group.js"
+    },
+    "./resizable": {
+      "types": "./dist/components/resizable.d.ts",
+      "default": "./dist/components/resizable.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/components/scroll-area.d.ts",
+      "default": "./dist/components/scroll-area.js"
+    },
+    "./select": {
+      "types": "./dist/components/select.d.ts",
+      "default": "./dist/components/select.js"
+    },
+    "./separator": {
+      "types": "./dist/components/separator.d.ts",
+      "default": "./dist/components/separator.js"
+    },
+    "./sheet": {
+      "types": "./dist/components/sheet.d.ts",
+      "default": "./dist/components/sheet.js"
+    },
+    "./sidebar": {
+      "types": "./dist/components/sidebar.d.ts",
+      "default": "./dist/components/sidebar.js"
+    },
+    "./skeleton": {
+      "types": "./dist/components/skeleton.d.ts",
+      "default": "./dist/components/skeleton.js"
+    },
+    "./slider": {
+      "types": "./dist/components/slider.d.ts",
+      "default": "./dist/components/slider.js"
+    },
+    "./spinner": {
+      "types": "./dist/components/spinner.d.ts",
+      "default": "./dist/components/spinner.js"
+    },
+    "./switch": {
+      "types": "./dist/components/switch.d.ts",
+      "default": "./dist/components/switch.js"
+    },
+    "./table": {
+      "types": "./dist/components/table.d.ts",
+      "default": "./dist/components/table.js"
+    },
+    "./tabs": {
+      "types": "./dist/components/tabs.d.ts",
+      "default": "./dist/components/tabs.js"
+    },
+    "./textarea": {
+      "types": "./dist/components/textarea.d.ts",
+      "default": "./dist/components/textarea.js"
+    },
+    "./toast": {
+      "types": "./dist/components/toast.d.ts",
+      "default": "./dist/components/toast.js"
+    },
+    "./toggle": {
+      "types": "./dist/components/toggle.d.ts",
+      "default": "./dist/components/toggle.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/components/toggle-group.d.ts",
+      "default": "./dist/components/toggle-group.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/tooltip.d.ts",
+      "default": "./dist/components/tooltip.js"
+    },
+    "./provider": {
+      "types": "./dist/providers/px-ui-provider.d.ts",
+      "default": "./dist/providers/px-ui-provider.js"
+    },
+    "./utils": {
+      "types": "./dist/lib/utils.d.ts",
+      "default": "./dist/lib/utils.js"
+    },
+    "./hooks/use-async-options": {
+      "types": "./dist/hooks/use-async-options.d.ts",
+      "default": "./dist/hooks/use-async-options.js"
+    },
+    "./hooks/use-debounce": {
+      "types": "./dist/hooks/use-debounce.d.ts",
+      "default": "./dist/hooks/use-debounce.js"
+    },
+    "./hooks/use-file-upload": {
+      "types": "./dist/hooks/use-file-upload.d.ts",
+      "default": "./dist/hooks/use-file-upload.js"
+    },
+    "./hooks/use-infinite-scroll": {
+      "types": "./dist/hooks/use-infinite-scroll.d.ts",
+      "default": "./dist/hooks/use-infinite-scroll.js"
+    },
+    "./hooks/use-intersection-observer": {
+      "types": "./dist/hooks/use-intersection-observer.d.ts",
+      "default": "./dist/hooks/use-intersection-observer.js"
+    },
+    "./hooks/use-mobile": {
+      "types": "./dist/hooks/use-mobile.d.ts",
+      "default": "./dist/hooks/use-mobile.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./fonts.css": "./dist/assets/fonts.css",
+    "./package.json": "./package.json"
   },
   "keywords": [
     "react",
@@ -38,42 +306,37 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
-    "date-fns": ">2.0.0",
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "peerDependenciesMeta": {
-    "@tanstack/react-query": {
-      "optional": true
-    },
-    "date-fns": {
-      "optional": true
-    }
+    "react-dom": ">=16.8.0",
+    "recharts": ">=3.0.0"
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "embla-carousel-react": "^8.6.0",
+    "google-libphonenumber": "^3.2.34",
     "lucide-react": "^1.16.0",
+    "react-country-flag": "^3.1.0",
+    "react-day-picker": "^10.0.1",
+    "react-phone-input-2": "^2.15.0",
+    "react-resizable-panels": "^4.11.2",
     "shadcn": "^4.7.0",
     "tailwind-merge": "^3.6.0",
-    "tw-animate-css": "^1.4.0",
-    "zod": "^3.25.76"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.2",
     "@tanstack/react-query": "^5.90.1",
     "@tsconfig/strictest": "^2.0.8",
+    "@types/google-libphonenumber": "^7.4.30",
     "@types/node": "^25.1.0",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "date-fns": "^4.1.0",
     "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^17.2.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
+    "recharts": "^3.8.0",
     "tailwindcss": "^4.1.18",
     "tsdown": "^0.16.4",
     "typescript": "^5.9.3",
@@ -81,6 +344,7 @@
   },
   "scripts": {
     "lint": "eslint src --ext .ts,.tsx",
+    "update-conflicts": "node scripts/update-conflicts.js",
     "build": "tsdown",
     "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit"

package/dist/index.css

@@ -1,133 +0,0 @@
-@import "tailwindcss" prefix(ppx);
-@import "tw-animate-css";
-@import "shadcn/tailwind.css";
-
-@custom-variant dark (&:is(.dark *));
-@source "../**/*.{js,jsx,ts,tsx}";
-
-@theme inline {
-    --font-heading: var(--font-sans);
-    --color-sidebar-ring: var(--sidebar-ring);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar: var(--sidebar);
-    --color-chart-5: var(--chart-5);
-    --color-chart-4: var(--chart-4);
-    --color-chart-3: var(--chart-3);
-    --color-chart-2: var(--chart-2);
-    --color-chart-1: var(--chart-1);
-    --color-ring: var(--ring);
-    --color-input: var(--input);
-    --color-border: var(--border);
-    --color-destructive: var(--destructive);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-accent: var(--accent);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-muted: var(--muted);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-secondary: var(--secondary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-primary: var(--primary);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-popover: var(--popover);
-    --color-card-foreground: var(--card-foreground);
-    --color-card: var(--card);
-    --color-foreground: var(--foreground);
-    --color-background: var(--background);
-    --radius-sm: calc(var(--radius) * 0.6);
-    --radius-md: calc(var(--radius) * 0.8);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) * 1.4);
-    --radius-2xl: calc(var(--radius) * 1.8);
-    --radius-3xl: calc(var(--radius) * 2.2);
-    --radius-4xl: calc(var(--radius) * 2.6);
-    --font-sans-light: "Lato L", system-ui, sans-serif;
-    --font-sans: "Lato R", system-ui, sans-serif;
-    --font-sans-sb: "Lato SB", system-ui, sans-serif;
-    --font-sans-b: "Lato B", system-ui, sans-serif;
-}
-
-:root {
-    --background: oklch(1 0 0);
-    --foreground: oklch(0.141 0.005 285.823);
-    --card: oklch(1 0 0);
-    --card-foreground: oklch(0.141 0.005 285.823);
-    --popover: oklch(1 0 0);
-    --popover-foreground: oklch(0.141 0.005 285.823);
-    --primary: oklch(0.527 0.154 150.069);
-    --primary-foreground: oklch(0.982 0.018 155.826);
-    --secondary: oklch(0.967 0.001 286.375);
-    --secondary-foreground: oklch(0.21 0.006 285.885);
-    --muted: oklch(0.967 0.001 286.375);
-    --muted-foreground: oklch(0.552 0.016 285.938);
-    --accent: oklch(0.527 0.154 150.069);
-    --accent-foreground: oklch(0.982 0.018 155.826);
-    --destructive: oklch(0.577 0.245 27.325);
-    --border: oklch(0.92 0.004 286.32);
-    --input: oklch(0.92 0.004 286.32);
-    --ring: oklch(0.705 0.015 286.067);
-    --chart-1: oklch(0.871 0.006 286.286);
-    --chart-2: oklch(0.552 0.016 285.938);
-    --chart-3: oklch(0.442 0.017 285.786);
-    --chart-4: oklch(0.37 0.013 285.805);
-    --chart-5: oklch(0.274 0.006 286.033);
-    --radius: 0.625rem;
-    --sidebar: oklch(0.985 0 0);
-    --sidebar-foreground: oklch(0.141 0.005 285.823);
-    --sidebar-primary: oklch(0.627 0.194 149.214);
-    --sidebar-primary-foreground: oklch(0.982 0.018 155.826);
-    --sidebar-accent: oklch(0.967 0.001 286.375);
-    --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-    --sidebar-border: oklch(0.92 0.004 286.32);
-    --sidebar-ring: oklch(0.705 0.015 286.067);
-}
-
-.dark {
-    --background: oklch(0.141 0.005 285.823);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.21 0.006 285.885);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.21 0.006 285.885);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.448 0.119 151.328);
-    --primary-foreground: oklch(0.982 0.018 155.826);
-    --secondary: oklch(0.274 0.006 286.033);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.274 0.006 286.033);
-    --muted-foreground: oklch(0.705 0.015 286.067);
-    --accent: oklch(0.448 0.119 151.328);
-    --accent-foreground: oklch(0.982 0.018 155.826);
-    --destructive: oklch(0.704 0.191 22.216);
-    --border: oklch(1 0 0 / 10%);
-    --input: oklch(1 0 0 / 15%);
-    --ring: oklch(0.552 0.016 285.938);
-    --chart-1: oklch(0.871 0.006 286.286);
-    --chart-2: oklch(0.552 0.016 285.938);
-    --chart-3: oklch(0.442 0.017 285.786);
-    --chart-4: oklch(0.37 0.013 285.805);
-    --chart-5: oklch(0.274 0.006 286.033);
-    --sidebar: oklch(0.21 0.006 285.885);
-    --sidebar-foreground: oklch(0.985 0 0);
-    --sidebar-primary: oklch(0.723 0.219 149.579);
-    --sidebar-primary-foreground: oklch(0.982 0.018 155.826);
-    --sidebar-accent: oklch(0.274 0.006 286.033);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
-    --sidebar-border: oklch(1 0 0 / 10%);
-    --sidebar-ring: oklch(0.552 0.016 285.938);
-}
-
-@layer base {
-  * {
-    @apply ppx:border-border ppx:outline-ring/50;
-    }
-  body {
-    @apply ppx:bg-background ppx:text-foreground;
-    }
-  button:not(:disabled), [role="button"]:not(:disabled) {
-    cursor: pointer;
-    }
-}