@px-ui/ui 1.0.9 → 1.0.11

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

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

package/dist/{use-intersection-observer-CZfnep4z.js.map → use-intersection-observer-S0wsPmhF.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-S0wsPmhF.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--NaMWuCj.js}

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

package/dist/{use-mobile-l5ebOdQl.js.map → use-mobile--NaMWuCj.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--NaMWuCj.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-DeIaBj75.js}

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

package/dist/{utils-mWJR2N24.js.map → utils-DeIaBj75.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-DeIaBj75.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.9",
+  "version": "1.0.11",
   "description": "A modern React component library built with Tailwind CSS and shadcn/ui",
   "type": "module",
   "files": [
@@ -26,6 +26,10 @@
       "types": "./dist/components/aspect-ratio.d.ts",
       "default": "./dist/components/aspect-ratio.js"
     },
+    "./attachment": {
+      "types": "./dist/components/attachment.d.ts",
+      "default": "./dist/components/attachment.js"
+    },
     "./avatar": {
       "types": "./dist/components/avatar.d.ts",
       "default": "./dist/components/avatar.js"
@@ -42,6 +46,10 @@
       "types": "./dist/components/breadcrumb.d.ts",
       "default": "./dist/components/breadcrumb.js"
     },
+    "./bubble": {
+      "types": "./dist/components/bubble.d.ts",
+      "default": "./dist/components/bubble.js"
+    },
     "./button": {
       "types": "./dist/components/button.d.ts",
       "default": "./dist/components/button.js"
@@ -150,10 +158,22 @@
       "types": "./dist/components/label.d.ts",
       "default": "./dist/components/label.js"
     },
+    "./marker": {
+      "types": "./dist/components/marker.d.ts",
+      "default": "./dist/components/marker.js"
+    },
     "./menubar": {
       "types": "./dist/components/menubar.d.ts",
       "default": "./dist/components/menubar.js"
     },
+    "./message": {
+      "types": "./dist/components/message.d.ts",
+      "default": "./dist/components/message.js"
+    },
+    "./message-scroller": {
+      "types": "./dist/components/message-scroller.d.ts",
+      "default": "./dist/components/message-scroller.js"
+    },
     "./native-select": {
       "types": "./dist/components/native-select.d.ts",
       "default": "./dist/components/native-select.js"
@@ -313,6 +333,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@shadcn/react": "^0.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",

package/dist/input-C9UsUnIo.d.ts.map

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

package/dist/label-D5SCGMZl.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime3 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_runtime3.JSX.Element;
-//#endregion
-export { Label as t };
-//# sourceMappingURL=label-D5SCGMZl.d.ts.map

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

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

package/dist/separator-Dx2S4o5E.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"separator-Dx2S4o5E.d.ts","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,WAAA;;;;GAIN,SAAA,CAAmB,QAAK,mBAAA,CAAA,GAAA,CAAA"}