@px-ui/ui 1.0.1 → 1.0.3

package/dist/{use-infinite-scroll-CpbhGGT5.js → use-infinite-scroll-DHi7CKyt.js}

@@ -1,4 +1,4 @@
-import { t as useIntersectionObserver } from "./use-intersection-observer-CZfnep4z.js";
+import { t as useIntersectionObserver } from "./use-intersection-observer-h5ZpX18y.js";
 import { useEffect, useEffectEvent } from "react";
 
 //#region src/hooks/use-infinite-scroll.ts
@@ -35,4 +35,4 @@ var use_infinite_scroll_default = useInfiniteScroll;
 
 //#endregion
 export { use_infinite_scroll_default as t };
-//# sourceMappingURL=use-infinite-scroll-CpbhGGT5.js.map
+//# sourceMappingURL=use-infinite-scroll-DHi7CKyt.js.map

package/dist/{use-infinite-scroll-CpbhGGT5.js.map → use-infinite-scroll-DHi7CKyt.js.map}

@@ -1 +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"}
+{"version":3,"file":"use-infinite-scroll-DHi7CKyt.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-CZfnep4z.js → use-intersection-observer-h5ZpX18y.js}

@@ -30,4 +30,4 @@ function useIntersectionObserver(options = {}) {
 
 //#endregion
 export { useIntersectionObserver as t };
-//# sourceMappingURL=use-intersection-observer-CZfnep4z.js.map
+//# sourceMappingURL=use-intersection-observer-h5ZpX18y.js.map

package/dist/{use-intersection-observer-CZfnep4z.js.map → use-intersection-observer-h5ZpX18y.js.map}

@@ -1 +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"}
+{"version":3,"file":"use-intersection-observer-h5ZpX18y.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 → use-mobile-CFSCadSm.js}

@@ -18,4 +18,4 @@ function useIsMobile() {
 
 //#endregion
 export { useIsMobile as t };
-//# sourceMappingURL=use-mobile-l5ebOdQl.js.map
+//# sourceMappingURL=use-mobile-CFSCadSm.js.map

package/dist/{use-mobile-l5ebOdQl.js.map → use-mobile-CFSCadSm.js.map}

@@ -1 +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"}
+{"version":3,"file":"use-mobile-CFSCadSm.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 → utils-8o789qxH.js}

@@ -25,4 +25,4 @@ function cn(...inputs) {
 
 //#endregion
 export { cn as t };
-//# sourceMappingURL=utils-mWJR2N24.js.map
+//# sourceMappingURL=utils-8o789qxH.js.map

package/dist/{utils-mWJR2N24.js.map → utils-8o789qxH.js.map}

@@ -1 +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"}
+{"version":3,"file":"utils-8o789qxH.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,6 +1,6 @@
 {
   "name": "@px-ui/ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A modern React component library built with Tailwind CSS and shadcn/ui",
   "type": "module",
   "files": [
@@ -306,6 +306,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
+    "lucide-react": ">=1.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "recharts": ">=3.0.0"
@@ -316,7 +317,6 @@
     "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",
@@ -334,6 +334,7 @@
     "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.2",
     "globals": "^17.2.0",
+    "lucide-react": "^1.16.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "recharts": "^3.8.0",

package/dist/avatar-C-yFMpI5.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-C-yFMpI5.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAmCS,mBAAA;iBAQA,oBAAA,mCAEN,OAAA,CAAM;KAwBJ,UAAA;AApE4D,KAsE5D,WAAA,GAAc,MAAA,CAAgB,IAAA,CAAK,KApCZ,GAAA;EAQnB,IAAA,CAAA,EA6BA,UA7BA;EA0BJ,OAAA,CAAA,EAIO,OAAA,CAAM,SAJH,GAAA,KAAA;AAAA,CAAA;iBAON,0BAAA,CAL+B,QAAA,EAM5B,OAAA,CAAM,SANsB,CAAA,EAOrC,OAAA,CAAM,SAP+B,GAAA,SAAA;iBAuB/B,QAAA,CAtBA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA4BN,WA5BM,CAAA,EA4BK,oBAAA,CAAA,GAAA,CAAA,OA5BL;iBAuDA,WAAA,CAtDS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsD4B,MAAA,CAAgB,KAAA,CAAM,KAtDlD,CAAA,EAsDuD,oBAAA,CAAA,GAAA,CAAA,OAtDvD;KAmEb,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAnEzB,GAAA;EAGlB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;AAES,CAAA;iBAkET,cAAA,CAjDP;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAuDC,mBAvDD,CAAA,EAuDoB,oBAAA,CAAA,GAAA,CAAA,OAvDpB;iBAgFO,WAAA,CA/EP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+E4C,OAAA,CAAM,cA/ElD,CAAA,MAAA,CAAA,CAAA,EA+EwE,oBAAA,CAAA,GAAA,CAAA,OA/ExE"}

package/dist/avatar-DDdL9xDH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-DDdL9xDH.js","names":["alt: string | undefined","name: string | undefined","React","Avatar","AvatarPrimitive"],"sources":["../src/components/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@px-ui/ui/components/tooltip\"\n\nconst AVATAR_NAME_PALETTE = [\n  \"#bdc3c7\",\n  \"#6f7b87\",\n  \"#2c3e50\",\n  \"#2f3193\",\n  \"#662d91\",\n  \"#922790\",\n  \"#ec2176\",\n  \"#ed1c24\",\n  \"#f36622\",\n  \"#f8941e\",\n  \"#fab70f\",\n  \"#fdde00\",\n  \"#d1d219\",\n  \"#8ec73f\",\n  \"#00a650\",\n  \"#00aa9c\",\n  \"#00adef\",\n  \"#0081cd\",\n  \"#005bab\",\n  \"#012a4a\",\n  \"#013a63\",\n  \"#06d6a0\",\n  \"#ef476f\",\n  \"#ff5d8f\",\n  \"#0496ff\",\n  \"#c879ff\",\n]\n\nfunction getInitialsFromName(name: string | null | undefined): string {\n  if (!name) return \"\"\n  const matches = [...name.matchAll(/(\\b\\w)/g)]\n  return (\n    (matches.shift()?.[1] ?? \"\") + (matches.pop()?.[1] ?? \"\")\n  ).toUpperCase()\n}\n\nfunction getAvatarColorByName(\n  name: string | null | undefined\n): React.CSSProperties {\n  const seed = name && name.length ? name : \"?\"\n  let index = seed[0].toUpperCase().charCodeAt(0)\n  const lastName = seed.split(\" \")[1]\n  if (lastName) {\n    index = Math.floor((index + lastName[0].toUpperCase().charCodeAt(0)) / 2)\n  }\n  index = Math.abs(index - 65) % AVATAR_NAME_PALETTE.length\n  return {\n    backgroundColor: AVATAR_NAME_PALETTE[index],\n    color: \"#fff\",\n  }\n}\n\nfunction getStringFromChildren(children: React.ReactNode): string {\n  let out = \"\"\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      out += child\n    }\n  })\n  return out\n}\n\ntype AvatarSize = \"default\" | \"sm\" | \"lg\"\n\ntype AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: AvatarSize\n  tooltip?: React.ReactNode | false\n}\n\nfunction getAvatarLabelFromChildren(\n  children: React.ReactNode\n): React.ReactNode | undefined {\n  let alt: string | undefined\n  let name: string | undefined\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return\n    if (child.type === AvatarFallback) {\n      const props = child.props as AvatarFallbackProps\n      if (props.name) name = props.name\n    } else if (child.type === AvatarImage) {\n      const props = child.props as AvatarPrimitive.Image.Props\n      if (props.alt) alt = props.alt\n    }\n  })\n  return name ?? alt\n}\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  tooltip,\n  children,\n  ...props\n}: AvatarProps) {\n  const root = (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </AvatarPrimitive.Root>\n  )\n\n  const resolved =\n    tooltip === undefined ? getAvatarLabelFromChildren(children) : tooltip\n  if (resolved === false || resolved == null || resolved === \"\") return root\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={root} />\n      <TooltipContent>{resolved}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\ntype AvatarFallbackProps = AvatarPrimitive.Fallback.Props & {\n  name?: string | null\n}\n\nfunction AvatarFallback({\n  className,\n  name,\n  children,\n  style,\n  ...props\n}: AvatarFallbackProps) {\n  const colorStyle = React.useMemo(() => {\n    const seed = name ?? getStringFromChildren(children)\n    return getAvatarColorByName(seed)\n  }, [name, children])\n  const initials = React.useMemo(\n    () => (name && children == null ? getInitialsFromName(name) : undefined),\n    [name, children]\n  )\n\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full font-medium text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      style={{ ...colorStyle, ...style }}\n      {...props}\n    >\n      {children ?? initials}\n    </AvatarPrimitive.Fallback>\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  getAvatarLabelFromChildren,\n  getInitialsFromName,\n  getAvatarColorByName,\n}\nexport type { AvatarProps, AvatarFallbackProps }\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,MAAyC;AACpE,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,UAAU,CAAC,GAAG,KAAK,SAAS,UAAU,CAAC;AAC7C,UACG,QAAQ,OAAO,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,MAAM,KACtD,aAAa;;AAGjB,SAAS,qBACP,MACqB;CACrB,MAAM,OAAO,QAAQ,KAAK,SAAS,OAAO;CAC1C,IAAI,QAAQ,KAAK,GAAG,aAAa,CAAC,WAAW,EAAE;CAC/C,MAAM,WAAW,KAAK,MAAM,IAAI,CAAC;AACjC,KAAI,SACF,SAAQ,KAAK,OAAO,QAAQ,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE;AAE3E,SAAQ,KAAK,IAAI,QAAQ,GAAG,GAAG,oBAAoB;AACnD,QAAO;EACL,iBAAiB,oBAAoB;EACrC,OAAO;EACR;;AAGH,SAAS,sBAAsB,UAAmC;CAChE,IAAI,MAAM;AACV,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO;GAET;AACF,QAAO;;AAUT,SAAS,2BACP,UAC6B;CAC7B,IAAIA;CACJ,IAAIC;AACJ,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,CAACC,QAAM,eAAe,MAAM,CAAE;AAClC,MAAI,MAAM,SAAS,gBAAgB;GACjC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,KAAM,QAAO,MAAM;aACpB,MAAM,SAAS,aAAa;GACrC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,IAAK,OAAM,MAAM;;GAE7B;AACF,QAAO,QAAQ;;AAGjB,SAASC,SAAO,EACd,WACA,OAAO,WACP,SACA,UACA,GAAG,SACW;CACd,MAAM,OACJ,oBAACC,OAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,yPACA,UACD;EACD,GAAI;EAEH;GACoB;CAGzB,MAAM,WACJ,YAAY,SAAY,2BAA2B,SAAS,GAAG;AACjE,KAAI,aAAa,SAAS,YAAY,QAAQ,aAAa,GAAI,QAAO;AAEtE,QACE,qBAAC,sBACC,oBAAC,kBAAe,QAAQ,OAAQ,EAChC,oBAAC,4BAAgB,WAA0B,IACnC;;AAId,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,qDACA,UACD;EACD,GAAI;GACJ;;AAQN,SAAS,eAAe,EACtB,WACA,MACA,UACA,OACA,GAAG,SACmB;CACtB,MAAM,aAAaF,QAAM,cAAc;AAErC,SAAO,qBADM,QAAQ,sBAAsB,SAAS,CACnB;IAChC,CAAC,MAAM,SAAS,CAAC;CACpB,MAAM,WAAWA,QAAM,cACd,QAAQ,YAAY,OAAO,oBAAoB,KAAK,GAAG,QAC9D,CAAC,MAAM,SAAS,CACjB;AAED,QACE,oBAACE,OAAgB;EACf,aAAU;EACV,WAAW,GACT,mHACA,UACD;EACD,OAAO;GAAE,GAAG;GAAY,GAAG;GAAO;EAClC,GAAI;YAEH,YAAY;GACY;;AAI/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0KACA,iFACA,6FACA,iFACA,UACD;EACD,GAAI;GACJ"}

package/dist/dialog-CTqRrytc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-CTqRrytc.js","names":["Dialog","DialogPrimitive"],"sources":["../src/components/dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport { XIcon } from \"lucide-react\";\n\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return (\n    <DialogPrimitive.Root\n      data-slot=\"dialog\"\n      disablePointerDismissal\n      {...props}\n    />\n  );\n}\n\nfunction DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: DialogPrimitive.Backdrop.Props) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 isolate z-50 bg-black/10 duration-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogPrimitive.Popup.Props & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 fixed start-1/2 top-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm outline-none ring-1 duration-100 sm:max-w-md rtl:translate-x-1/2\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute end-4 top-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close render={<Button variant=\"outline\" />}>\n          Close\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"font-heading text-lg font-medium leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Creates a handle that links a `Dialog` to one or more `DialogTrigger`s via\n * their `handle` prop. Use it for detached triggers (a trigger rendered outside\n * `Dialog`) and to reuse a single dialog from multiple triggers. The handle also\n * exposes imperative `open(triggerId)`, `openWithPayload(payload)`, `close()`,\n * and `isOpen`. Create it once, outside render.\n */\nconst createDialogHandle = DialogPrimitive.createHandle;\n\ntype DialogHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;\n\nexport {\n  createDialogHandle,\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n\nexport type { DialogHandle };\n"],"mappings":";;;;;;;;AAOA,SAASA,SAAO,EAAE,GAAG,SAAqC;AACxD,QACE,oBAACC,OAAgB;EACf,aAAU;EACV;EACA,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,GAAG,SAAwC;AAClE,QAAO,oBAACA,OAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EAAE,GAAG,SAAuC;AAChE,QAAO,oBAACA,OAAgB;EAAO,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,YAAY,EAAE,GAAG,SAAsC;AAC9D,QAAO,oBAACA,OAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SAC8B;AACjC,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,yLACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC,2BACC,oBAAC,kBAAgB,EACjB,qBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,+XACA,UACD;EACD,GAAI;aAEH,UACA,mBACC,qBAACA,OAAgB;GACf,aAAU;GACV,QACE,oBAAC;IACC,SAAQ;IACR,WAAU;IACV,MAAK;KACL;cAGJ,oBAAC,UAAQ,EACT,oBAAC;IAAK,WAAU;cAAU;KAAY;IAChB;GAEJ,IACX;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;aAEH,UACA,mBACC,oBAACA,OAAgB;GAAM,QAAQ,oBAAC,UAAO,SAAQ,YAAY;aAAE;IAErC;GAEtB;;AAIV,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,sGACA,UACD;EACD,GAAI;GACJ;;;;;;;;;AAWN,MAAM,qBAAqBA,OAAgB"}

package/dist/input-CvG-4ebq.d.ts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
-import * as React$1 from "react";
-
-//#region src/components/input.d.ts
-declare function Input({
-  className,
-  type,
-  ...props
-}: React$1.ComponentProps<"input">): react_jsx_runtime42.JSX.Element;
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-CvG-4ebq.d.ts.map

package/dist/input-CvG-4ebq.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-CvG-4ebq.d.ts","names":[],"sources":["../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAKS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/label-CCHCFJeS.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
-import * as React$1 from "react";
-
-//#region src/components/label.d.ts
-declare function Label({
-  className,
-  ...props
-}: React$1.ComponentProps<"label">): react_jsx_runtime31.JSX.Element;
-//#endregion
-export { Label as t };
-//# sourceMappingURL=label-CCHCFJeS.d.ts.map

package/dist/label-CCHCFJeS.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-CCHCFJeS.d.ts","names":[],"sources":["../src/components/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}