@skdx/react 0.28.0 → 0.30.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skdx/react",
-  "version": "0.28.0",
-  "description": "Headless, accessible, unstyled React components for the SkandaDX design system",
+  "version": "0.30.0",
+  "description": "Accessible React components for the SkandaDX design system — the core layer, styled by @skdx/skins and @skdx/tokens or by your own CSS",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.cts",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
@@ -43,16 +43,6 @@
         "default": "./dist/accordion/Accordion.cjs"
       }
     },
-    "./affix": {
-      "import": {
-        "types": "./dist/affix/index.d.ts",
-        "default": "./dist/affix/Affix.js"
-      },
-      "require": {
-        "types": "./dist/affix/index.d.cts",
-        "default": "./dist/affix/Affix.cjs"
-      }
-    },
     "./alert": {
       "import": {
         "types": "./dist/alert/index.d.ts",
@@ -63,16 +53,6 @@
         "default": "./dist/alert/Alert.cjs"
       }
     },
-    "./alert-dialog": {
-      "import": {
-        "types": "./dist/alert-dialog/index.d.ts",
-        "default": "./dist/alert-dialog/AlertDialog.js"
-      },
-      "require": {
-        "types": "./dist/alert-dialog/index.d.cts",
-        "default": "./dist/alert-dialog/AlertDialog.cjs"
-      }
-    },
     "./angle-slider": {
       "import": {
         "types": "./dist/angle-slider/index.d.ts",
@@ -263,26 +243,6 @@
         "default": "./dist/command/Command.cjs"
       }
     },
-    "./context-menu": {
-      "import": {
-        "types": "./dist/context-menu/index.d.ts",
-        "default": "./dist/context-menu/ContextMenu.js"
-      },
-      "require": {
-        "types": "./dist/context-menu/index.d.cts",
-        "default": "./dist/context-menu/ContextMenu.cjs"
-      }
-    },
-    "./data-list": {
-      "import": {
-        "types": "./dist/data-list/index.d.ts",
-        "default": "./dist/data-list/DataList.js"
-      },
-      "require": {
-        "types": "./dist/data-list/index.d.cts",
-        "default": "./dist/data-list/DataList.cjs"
-      }
-    },
     "./date-field": {
       "import": {
         "types": "./dist/date-field/index.d.ts",
@@ -313,24 +273,24 @@
         "default": "./dist/dialog/Dialog.cjs"
       }
     },
-    "./drawer": {
+    "./divider": {
       "import": {
-        "types": "./dist/drawer/index.d.ts",
-        "default": "./dist/drawer/Drawer.js"
+        "types": "./dist/divider/index.d.ts",
+        "default": "./dist/divider/Divider.js"
       },
       "require": {
-        "types": "./dist/drawer/index.d.cts",
-        "default": "./dist/drawer/Drawer.cjs"
+        "types": "./dist/divider/index.d.cts",
+        "default": "./dist/divider/Divider.cjs"
       }
     },
-    "./dropdown-menu": {
+    "./drawer": {
       "import": {
-        "types": "./dist/dropdown-menu/index.d.ts",
-        "default": "./dist/dropdown-menu/DropdownMenu.js"
+        "types": "./dist/drawer/index.d.ts",
+        "default": "./dist/drawer/Drawer.js"
       },
       "require": {
-        "types": "./dist/dropdown-menu/index.d.cts",
-        "default": "./dist/dropdown-menu/DropdownMenu.cjs"
+        "types": "./dist/drawer/index.d.cts",
+        "default": "./dist/drawer/Drawer.cjs"
       }
     },
     "./editable": {
@@ -393,16 +353,6 @@
         "default": "./dist/heading/Heading.cjs"
       }
     },
-    "./hover-card": {
-      "import": {
-        "types": "./dist/hover-card/index.d.ts",
-        "default": "./dist/hover-card/HoverCard.js"
-      },
-      "require": {
-        "types": "./dist/hover-card/index.d.cts",
-        "default": "./dist/hover-card/HoverCard.cjs"
-      }
-    },
     "./image": {
       "import": {
         "types": "./dist/image/index.d.ts",
@@ -473,34 +423,34 @@
         "default": "./dist/loading-overlay/LoadingOverlay.cjs"
       }
     },
-    "./menubar": {
+    "./mentions": {
       "import": {
-        "types": "./dist/menubar/index.d.ts",
-        "default": "./dist/menubar/Menubar.js"
+        "types": "./dist/mentions/index.d.ts",
+        "default": "./dist/mentions/Mentions.js"
       },
       "require": {
-        "types": "./dist/menubar/index.d.cts",
-        "default": "./dist/menubar/Menubar.cjs"
+        "types": "./dist/mentions/index.d.cts",
+        "default": "./dist/mentions/Mentions.cjs"
       }
     },
-    "./meter": {
+    "./menu": {
       "import": {
-        "types": "./dist/meter/index.d.ts",
-        "default": "./dist/meter/Meter.js"
+        "types": "./dist/menu/index.d.ts",
+        "default": "./dist/menu/Menu.js"
       },
       "require": {
-        "types": "./dist/meter/index.d.cts",
-        "default": "./dist/meter/Meter.cjs"
+        "types": "./dist/menu/index.d.cts",
+        "default": "./dist/menu/Menu.cjs"
       }
     },
-    "./multi-select": {
+    "./menubar": {
       "import": {
-        "types": "./dist/multi-select/index.d.ts",
-        "default": "./dist/multi-select/MultiSelect.js"
+        "types": "./dist/menubar/index.d.ts",
+        "default": "./dist/menubar/Menubar.js"
       },
       "require": {
-        "types": "./dist/multi-select/index.d.cts",
-        "default": "./dist/multi-select/MultiSelect.cjs"
+        "types": "./dist/menubar/index.d.cts",
+        "default": "./dist/menubar/Menubar.cjs"
       }
     },
     "./navigation-menu": {
@@ -633,16 +583,6 @@
         "default": "./dist/scroll-area/ScrollArea.cjs"
       }
     },
-    "./segmented-control": {
-      "import": {
-        "types": "./dist/segmented-control/index.d.ts",
-        "default": "./dist/segmented-control/SegmentedControl.js"
-      },
-      "require": {
-        "types": "./dist/segmented-control/index.d.cts",
-        "default": "./dist/segmented-control/SegmentedControl.cjs"
-      }
-    },
     "./select": {
       "import": {
         "types": "./dist/select/index.d.ts",
@@ -653,16 +593,6 @@
         "default": "./dist/select/Select.cjs"
       }
     },
-    "./separator": {
-      "import": {
-        "types": "./dist/separator/index.d.ts",
-        "default": "./dist/separator/Separator.js"
-      },
-      "require": {
-        "types": "./dist/separator/index.d.cts",
-        "default": "./dist/separator/Separator.cjs"
-      }
-    },
     "./skeleton": {
       "import": {
         "types": "./dist/skeleton/index.d.ts",
@@ -673,16 +603,6 @@
         "default": "./dist/skeleton/Skeleton.cjs"
       }
     },
-    "./skip-link": {
-      "import": {
-        "types": "./dist/skip-link/index.d.ts",
-        "default": "./dist/skip-link/SkipLink.js"
-      },
-      "require": {
-        "types": "./dist/skip-link/index.d.cts",
-        "default": "./dist/skip-link/SkipLink.cjs"
-      }
-    },
     "./slider": {
       "import": {
         "types": "./dist/slider/index.d.ts",
@@ -723,14 +643,14 @@
         "default": "./dist/split-button/SplitButton.cjs"
       }
     },
-    "./steps": {
+    "./stepper": {
       "import": {
-        "types": "./dist/steps/index.d.ts",
-        "default": "./dist/steps/Steps.js"
+        "types": "./dist/stepper/index.d.ts",
+        "default": "./dist/stepper/Stepper.js"
       },
       "require": {
-        "types": "./dist/steps/index.d.cts",
-        "default": "./dist/steps/Steps.cjs"
+        "types": "./dist/stepper/index.d.cts",
+        "default": "./dist/stepper/Stepper.cjs"
       }
     },
     "./switch": {
@@ -763,16 +683,6 @@
         "default": "./dist/tabs/Tabs.cjs"
       }
     },
-    "./tag": {
-      "import": {
-        "types": "./dist/tag/index.d.ts",
-        "default": "./dist/tag/Tag.js"
-      },
-      "require": {
-        "types": "./dist/tag/index.d.cts",
-        "default": "./dist/tag/Tag.cjs"
-      }
-    },
     "./tag-group": {
       "import": {
         "types": "./dist/tag-group/index.d.ts",
@@ -893,16 +803,6 @@
         "default": "./dist/toolbar/Toolbar.cjs"
       }
     },
-    "./tooltip": {
-      "import": {
-        "types": "./dist/tooltip/index.d.ts",
-        "default": "./dist/tooltip/Tooltip.js"
-      },
-      "require": {
-        "types": "./dist/tooltip/index.d.cts",
-        "default": "./dist/tooltip/Tooltip.cjs"
-      }
-    },
     "./tour": {
       "import": {
         "types": "./dist/tour/index.d.ts",
@@ -963,16 +863,6 @@
         "default": "./dist/primitives/alert.cjs"
       }
     },
-    "./primitives/alert-dialog": {
-      "import": {
-        "types": "./dist/alert-dialog/primitives.d.ts",
-        "default": "./dist/primitives/alert-dialog.js"
-      },
-      "require": {
-        "types": "./dist/alert-dialog/primitives.d.cts",
-        "default": "./dist/primitives/alert-dialog.cjs"
-      }
-    },
     "./primitives/angle-slider": {
       "import": {
         "types": "./dist/angle-slider/primitives.d.ts",
@@ -1133,26 +1023,6 @@
         "default": "./dist/primitives/command.cjs"
       }
     },
-    "./primitives/context-menu": {
-      "import": {
-        "types": "./dist/context-menu/primitives.d.ts",
-        "default": "./dist/primitives/context-menu.js"
-      },
-      "require": {
-        "types": "./dist/context-menu/primitives.d.cts",
-        "default": "./dist/primitives/context-menu.cjs"
-      }
-    },
-    "./primitives/data-list": {
-      "import": {
-        "types": "./dist/data-list/primitives.d.ts",
-        "default": "./dist/primitives/data-list.js"
-      },
-      "require": {
-        "types": "./dist/data-list/primitives.d.cts",
-        "default": "./dist/primitives/data-list.cjs"
-      }
-    },
     "./primitives/date-picker": {
       "import": {
         "types": "./dist/date-picker/primitives.d.ts",
@@ -1183,16 +1053,6 @@
         "default": "./dist/primitives/drawer.cjs"
       }
     },
-    "./primitives/dropdown-menu": {
-      "import": {
-        "types": "./dist/dropdown-menu/primitives.d.ts",
-        "default": "./dist/primitives/dropdown-menu.js"
-      },
-      "require": {
-        "types": "./dist/dropdown-menu/primitives.d.cts",
-        "default": "./dist/primitives/dropdown-menu.cjs"
-      }
-    },
     "./primitives/editable": {
       "import": {
         "types": "./dist/editable/primitives.d.ts",
@@ -1243,16 +1103,6 @@
         "default": "./dist/primitives/form.cjs"
       }
     },
-    "./primitives/hover-card": {
-      "import": {
-        "types": "./dist/hover-card/primitives.d.ts",
-        "default": "./dist/primitives/hover-card.js"
-      },
-      "require": {
-        "types": "./dist/hover-card/primitives.d.cts",
-        "default": "./dist/primitives/hover-card.cjs"
-      }
-    },
     "./primitives/listbox": {
       "import": {
         "types": "./dist/listbox/primitives.d.ts",
@@ -1273,34 +1123,34 @@
         "default": "./dist/primitives/loading-overlay.cjs"
       }
     },
-    "./primitives/menubar": {
+    "./primitives/mentions": {
       "import": {
-        "types": "./dist/menubar/primitives.d.ts",
-        "default": "./dist/primitives/menubar.js"
+        "types": "./dist/mentions/primitives.d.ts",
+        "default": "./dist/primitives/mentions.js"
       },
       "require": {
-        "types": "./dist/menubar/primitives.d.cts",
-        "default": "./dist/primitives/menubar.cjs"
+        "types": "./dist/mentions/primitives.d.cts",
+        "default": "./dist/primitives/mentions.cjs"
       }
     },
-    "./primitives/meter": {
+    "./primitives/menu": {
       "import": {
-        "types": "./dist/meter/primitives.d.ts",
-        "default": "./dist/primitives/meter.js"
+        "types": "./dist/menu/primitives.d.ts",
+        "default": "./dist/primitives/menu.js"
       },
       "require": {
-        "types": "./dist/meter/primitives.d.cts",
-        "default": "./dist/primitives/meter.cjs"
+        "types": "./dist/menu/primitives.d.cts",
+        "default": "./dist/primitives/menu.cjs"
       }
     },
-    "./primitives/multi-select": {
+    "./primitives/menubar": {
       "import": {
-        "types": "./dist/multi-select/primitives.d.ts",
-        "default": "./dist/primitives/multi-select.js"
+        "types": "./dist/menubar/primitives.d.ts",
+        "default": "./dist/primitives/menubar.js"
       },
       "require": {
-        "types": "./dist/multi-select/primitives.d.cts",
-        "default": "./dist/primitives/multi-select.cjs"
+        "types": "./dist/menubar/primitives.d.cts",
+        "default": "./dist/primitives/menubar.cjs"
       }
     },
     "./primitives/navigation-menu": {
@@ -1433,16 +1283,6 @@
         "default": "./dist/primitives/scroll-area.cjs"
       }
     },
-    "./primitives/segmented-control": {
-      "import": {
-        "types": "./dist/segmented-control/primitives.d.ts",
-        "default": "./dist/primitives/segmented-control.js"
-      },
-      "require": {
-        "types": "./dist/segmented-control/primitives.d.cts",
-        "default": "./dist/primitives/segmented-control.cjs"
-      }
-    },
     "./primitives/select": {
       "import": {
         "types": "./dist/select/primitives.d.ts",
@@ -1483,14 +1323,14 @@
         "default": "./dist/primitives/split-button.cjs"
       }
     },
-    "./primitives/steps": {
+    "./primitives/stepper": {
       "import": {
-        "types": "./dist/steps/primitives.d.ts",
-        "default": "./dist/primitives/steps.js"
+        "types": "./dist/stepper/primitives.d.ts",
+        "default": "./dist/primitives/stepper.js"
       },
       "require": {
-        "types": "./dist/steps/primitives.d.cts",
-        "default": "./dist/primitives/steps.cjs"
+        "types": "./dist/stepper/primitives.d.cts",
+        "default": "./dist/primitives/stepper.cjs"
       }
     },
     "./primitives/switch": {
@@ -1523,16 +1363,6 @@
         "default": "./dist/primitives/tabs.cjs"
       }
     },
-    "./primitives/tag": {
-      "import": {
-        "types": "./dist/tag/primitives.d.ts",
-        "default": "./dist/primitives/tag.js"
-      },
-      "require": {
-        "types": "./dist/tag/primitives.d.cts",
-        "default": "./dist/primitives/tag.cjs"
-      }
-    },
     "./primitives/tag-group": {
       "import": {
         "types": "./dist/tag-group/primitives.d.ts",
@@ -1603,16 +1433,6 @@
         "default": "./dist/primitives/toolbar.cjs"
       }
     },
-    "./primitives/tooltip": {
-      "import": {
-        "types": "./dist/tooltip/primitives.d.ts",
-        "default": "./dist/primitives/tooltip.js"
-      },
-      "require": {
-        "types": "./dist/tooltip/primitives.d.cts",
-        "default": "./dist/primitives/tooltip.cjs"
-      }
-    },
     "./primitives/tour": {
       "import": {
         "types": "./dist/tour/primitives.d.ts",
@@ -1666,8 +1486,8 @@
     "@floating-ui/react-dom": "^2.1.8"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -1685,9 +1505,10 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/shared": "0.28.0"
+    "@skdx/shared": "0.30.0"
   },
   "scripts": {
+    "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
     "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc --emitDeclarationOnly -p tsconfig.build.json && node ../../scripts/declarations-cjs.mjs",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/tsc/typecheck.tsbuildinfo",

package/dist/affix/Affix.cjs

@@ -1 +0,0 @@
-"use strict";var I=Object.create;var l=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var s in t)l(e,s,{get:t[s],enumerable:!0})},P=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of W(t))!N.call(e,n)&&n!==s&&l(e,n,{get:()=>t[n],enumerable:!(a=L(t,n))||a.enumerable});return e};var F=(e,t,s)=>(s=e!=null?I(z(e)):{},P(t||!e||!e.__esModule?l(s,"default",{value:e,enumerable:!0}):s,e)),G=e=>P(l({},"__esModule",{value:!0}),e);var J={};q(J,{Affix:()=>p});module.exports=G(J);var r=F(require("react"),1),C=require("../utils/composeRefs.cjs"),k=require("../utils/part.cjs"),A=require("../utils/primitive.cjs"),H=require("../utils/useCallbackRef.cjs"),f=require("react/jsx-runtime"),p=r.forwardRef(({offsetTop:e,offsetBottom:t,target:s=null,onChange:a,disabled:n=!1,style:$,...x},E)=>{let[V,M]=r.useState(!1),[O,u]=r.useState(0),R=r.useRef(null),d=r.useRef(null),w=(0,C.useComposedRefs)(E,d),m=(0,H.useCallbackRef)(a),h=r.useRef(!1),v=!n&&(e!=null||t!=null),S=`${-(e??0)}px 0px ${-(t??0)}px 0px`;r.useEffect(()=>{let i=d.current;if(!i||(u(i.offsetHeight),typeof ResizeObserver>"u"))return;let o=new ResizeObserver(()=>u(i.offsetHeight));return o.observe(i),()=>o.disconnect()},[]),r.useEffect(()=>{let i=R.current;if(!v||!i||typeof IntersectionObserver>"u")return;let o=new IntersectionObserver(g=>{let y=g[g.length-1];if(!y)return;let c=!y.isIntersecting;h.current!==c&&(h.current=c,u(d.current?.offsetHeight??0),M(c),m(c))},{root:s,rootMargin:S,threshold:0});return o.observe(i),()=>o.disconnect()},[v,S,s,m]);let b={"--skdx-affix-height":`${O}px`},D={"--skdx-affix-offset-top":e==null?"auto":`${e}px`,"--skdx-affix-offset-bottom":t==null?"auto":`${t}px`};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{"data-skdx-affix-sentinel":"","aria-hidden":"true",ref:R,style:b}),(0,f.jsx)(A.Primitive.div,{"data-state":V?"affixed":"static","data-disabled":n?"":void 0,...x,...(0,k.skdxPart)("affix","root",x.className),ref:w,style:{...b,...D,...$}})]})});p.displayName="Affix";0&&(module.exports={Affix});

package/dist/affix/Affix.d.cts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { AffixProps } from './types.cjs';
-/**
- * Reports when an element scrolls past an offset via `IntersectionObserver`.
- * Headless: flips `data-state="affixed"|"static"`, calls `onChange`, publishes
- * `--skdx-affix-height`, `--skdx-affix-offset-top` / `-bottom` CSS custom properties.
- *
- * Use `position: sticky` first; reach for Affix when you need to know about the transition.
- *
- * @example
- * ```tsx
- * <Affix offsetTop={0} onChange={setAffixed}>
- *   <Toolbar shadow={affixed} />
- * </Affix>
- * ```
- */
-export declare const Affix: React.ForwardRefExoticComponent<Omit<AffixProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/affix/Affix.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { AffixProps } from './types.js';
-/**
- * Reports when an element scrolls past an offset via `IntersectionObserver`.
- * Headless: flips `data-state="affixed"|"static"`, calls `onChange`, publishes
- * `--skdx-affix-height`, `--skdx-affix-offset-top` / `-bottom` CSS custom properties.
- *
- * Use `position: sticky` first; reach for Affix when you need to know about the transition.
- *
- * @example
- * ```tsx
- * <Affix offsetTop={0} onChange={setAffixed}>
- *   <Toolbar shadow={affixed} />
- * </Affix>
- * ```
- */
-export declare const Affix: React.ForwardRefExoticComponent<Omit<AffixProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/affix/Affix.js

@@ -1 +0,0 @@
-import*as e from"react";import{useComposedRefs as E}from"../utils/composeRefs.js";import{skdxPart as V}from"../utils/part.js";import{Primitive as M}from"../utils/primitive.js";import{useCallbackRef as O}from"../utils/useCallbackRef.js";import{Fragment as w,jsx as S,jsxs as D}from"react/jsx-runtime";var b=e.forwardRef(({offsetTop:s,offsetBottom:n,target:a=null,onChange:g,disabled:c=!1,style:y,...l},P)=>{let[C,k]=e.useState(!1),[A,f]=e.useState(0),u=e.useRef(null),o=e.useRef(null),H=E(P,o),d=O(g),p=e.useRef(!1),x=!c&&(s!=null||n!=null),R=`${-(s??0)}px 0px ${-(n??0)}px 0px`;e.useEffect(()=>{let t=o.current;if(!t||(f(t.offsetHeight),typeof ResizeObserver>"u"))return;let r=new ResizeObserver(()=>f(t.offsetHeight));return r.observe(t),()=>r.disconnect()},[]),e.useEffect(()=>{let t=u.current;if(!x||!t||typeof IntersectionObserver>"u")return;let r=new IntersectionObserver(h=>{let v=h[h.length-1];if(!v)return;let i=!v.isIntersecting;p.current!==i&&(p.current=i,f(o.current?.offsetHeight??0),k(i),d(i))},{root:a,rootMargin:R,threshold:0});return r.observe(t),()=>r.disconnect()},[x,R,a,d]);let m={"--skdx-affix-height":`${A}px`},$={"--skdx-affix-offset-top":s==null?"auto":`${s}px`,"--skdx-affix-offset-bottom":n==null?"auto":`${n}px`};return D(w,{children:[S("div",{"data-skdx-affix-sentinel":"","aria-hidden":"true",ref:u,style:m}),S(M.div,{"data-state":C?"affixed":"static","data-disabled":c?"":void 0,...l,...V("affix","root",l.className),ref:H,style:{...m,...$,...y}})]})});b.displayName="Affix";export{b as Affix};

package/dist/affix/index.d.cts

@@ -1,2 +0,0 @@
-export { Affix } from './Affix.cjs';
-export type { AffixProps } from './types.cjs';

package/dist/affix/index.d.ts

@@ -1,2 +0,0 @@
-export { Affix } from './Affix.js';
-export type { AffixProps } from './types.js';

package/dist/affix/types.d.cts

@@ -1,44 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** Props for the {@link Affix} root — the only part of this family. */
-export interface AffixProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
-    /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
-     */
-    offsetTop?: number;
-    /**
-     * Distance from bottom edge (mirror of `offsetTop`).
-     * @default undefined
-     */
-    offsetBottom?: number;
-    /**
-     * Scrolling ancestor for measurement (IntersectionObserver root). Pass
-     * `Element | null`, not a ref (use state to adapt refs):
-     *
-     * ```tsx
-     * const [scroller, setScroller] = React.useState<HTMLElement | null>(null);
-     * <div ref={setScroller}>
-     *   <Affix offsetTop={0} target={scroller} />
-     * </div>
-     * ```
-     *
-     * @default null — viewport
-     */
-    target?: Element | null;
-    /**
-     * Fires with the new value whenever the affixed state flips, and only then —
-     * it is deduped, so a scroll that does not cross the threshold emits nothing.
-     * @default undefined — no-op if omitted; `data-state` still flips.
-     */
-    onChange?: (affixed: boolean) => void;
-    /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false
-     */
-    disabled?: boolean;
-}

package/dist/affix/types.d.ts

@@ -1,44 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** Props for the {@link Affix} root — the only part of this family. */
-export interface AffixProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
-    /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
-     */
-    offsetTop?: number;
-    /**
-     * Distance from bottom edge (mirror of `offsetTop`).
-     * @default undefined
-     */
-    offsetBottom?: number;
-    /**
-     * Scrolling ancestor for measurement (IntersectionObserver root). Pass
-     * `Element | null`, not a ref (use state to adapt refs):
-     *
-     * ```tsx
-     * const [scroller, setScroller] = React.useState<HTMLElement | null>(null);
-     * <div ref={setScroller}>
-     *   <Affix offsetTop={0} target={scroller} />
-     * </div>
-     * ```
-     *
-     * @default null — viewport
-     */
-    target?: Element | null;
-    /**
-     * Fires with the new value whenever the affixed state flips, and only then —
-     * it is deduped, so a scroll that does not cross the threshold emits nothing.
-     * @default undefined — no-op if omitted; `data-state` still flips.
-     */
-    onChange?: (affixed: boolean) => void;
-    /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false
-     */
-    disabled?: boolean;
-}