@adamosuiteservices/ui 2.19.2 → 2.20.0

package/dist/components/layout/sticky-section/index.d.ts

@@ -0,0 +1 @@
+export * from './sticky-section';

package/dist/components/layout/sticky-section/sticky-section.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+type StickySectionContextValue = {
+    /** Whether the section is currently stuck to the top. */
+    isSticky: boolean;
+    /** The computed top offset in pixels used by the IntersectionObserver. */
+    topOffset: number;
+};
+export type StickySectionProps = Readonly<{
+    /**
+     * Fixed top offset in pixels. When provided, the component skips the
+     * `offsetSelector` measurement and uses this value directly.
+     */
+    topOffset?: number;
+    /**
+     * CSS selector of the element whose height is used as the top offset.
+     * Defaults to `"[data-slot='sidebar-top-bar']"` (the library's sidebar top bar).
+     * Ignored when `topOffset` is provided.
+     */
+    offsetSelector?: string;
+    /** Controlled sticky state. When provided, internal detection is bypassed. */
+    isSticky?: boolean;
+    /** Called whenever the sticky state changes, with the new state and offset. */
+    onIsStickyChange?: (isSticky: boolean, topOffset: number) => void;
+    children: ReactNode | ((isSticky: boolean, topOffset: number) => ReactNode);
+}>;
+export declare function StickySection({ topOffset: userTopOffset, offsetSelector, isSticky: controlledIsSticky, onIsStickyChange, children, }: StickySectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function useStickySection(): StickySectionContextValue;
+export {};

package/dist/components/ui/badge/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "white" | "default" | "success" | "success-medium" | "warning" | "warning-medium" | "destructive" | "destructive-medium" | "outline" | "secondary" | "info" | "default-medium" | "waiting" | "waiting-medium" | "info-medium" | "muted" | null | undefined;
+    variant?: "white" | "default" | "success" | "success-medium" | "warning" | "warning-medium" | "destructive" | "destructive-medium" | "outline" | "secondary" | "info" | "waiting" | "default-medium" | "waiting-medium" | "info-medium" | "muted" | null | undefined;
     size?: "lg" | null | undefined;
     shape?: "pill" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/hooks/use-element-rect.d.ts

@@ -0,0 +1,11 @@
+export type ElementRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare function useElementRect(selector: string): ElementRect | null;

package/dist/sticky-section.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-BB_1_6y_.cjs"),o=require("react");function b(n){const[u,r]=o.useState(null);return o.useEffect(()=>{const s=document.querySelector(n);if(!s){r(null);return}const e=()=>{const t=s.getBoundingClientRect();r({x:t.x,y:t.y,width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left})};e();const i=new ResizeObserver(e);return i.observe(s),window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{i.disconnect(),window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[n]),u}const x=o.createContext(null);function y({topOffset:n,offsetSelector:u="[data-slot='sidebar-top-bar']",isSticky:r,onIsStickyChange:s,children:e}){const i=o.useRef(null),[t,v]=o.useState(!1),p=b(u),c=n??p?.height??64,l=r!==void 0,f=l?r:t;return o.useEffect(()=>{const d=new IntersectionObserver(([w])=>{const S=!w.isIntersecting;l||v(S),s&&s(S,c)},{threshold:[0],rootMargin:`${c}px 0px 0px 0px`});return i.current&&d.observe(i.current),()=>{d.disconnect()}},[c,l,s]),a.jsxRuntimeExports.jsxs(x.Provider,{value:{isSticky:f,topOffset:c},children:[a.jsxRuntimeExports.jsx("div",{ref:i,className:"absolute top-0 h-px"}),typeof e=="function"?e(f,c):e]})}function m(){const n=o.useContext(x);if(!n)throw new Error("useStickySection must be used within StickySection");return n}exports.StickySection=y;exports.useStickySection=m;

package/dist/sticky-section.js

@@ -0,0 +1,65 @@
+import { j as p } from "./jsx-runtime-BzflLqGi.js";
+import { useState as a, useEffect as v, createContext as b, useRef as h, useContext as y } from "react";
+function R(n) {
+  const [c, r] = a(null);
+  return v(() => {
+    const o = document.querySelector(n);
+    if (!o) {
+      r(null);
+      return;
+    }
+    const t = () => {
+      const e = o.getBoundingClientRect();
+      r({
+        x: e.x,
+        y: e.y,
+        width: e.width,
+        height: e.height,
+        top: e.top,
+        right: e.right,
+        bottom: e.bottom,
+        left: e.left
+      });
+    };
+    t();
+    const s = new ResizeObserver(t);
+    return s.observe(o), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+      s.disconnect(), window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+    };
+  }, [n]), c;
+}
+const w = b(null);
+function k({
+  topOffset: n,
+  offsetSelector: c = "[data-slot='sidebar-top-bar']",
+  isSticky: r,
+  onIsStickyChange: o,
+  children: t
+}) {
+  const s = h(null), [e, x] = a(!1), m = R(c), i = n ?? m?.height ?? 64, u = r !== void 0, f = u ? r : e;
+  return v(() => {
+    const l = new IntersectionObserver(
+      ([S]) => {
+        const d = !S.isIntersecting;
+        u || x(d), o && o(d, i);
+      },
+      { threshold: [0], rootMargin: `${i}px 0px 0px 0px` }
+    );
+    return s.current && l.observe(s.current), () => {
+      l.disconnect();
+    };
+  }, [i, u, o]), /* @__PURE__ */ p.jsxs(w.Provider, { value: { isSticky: f, topOffset: i }, children: [
+    /* @__PURE__ */ p.jsx("div", { ref: s, className: "absolute top-0 h-px" }),
+    typeof t == "function" ? t(f, i) : t
+  ] });
+}
+function O() {
+  const n = y(w);
+  if (!n)
+    throw new Error("useStickySection must be used within StickySection");
+  return n;
+}
+export {
+  k as StickySection,
+  O as useStickySection
+};