@gunkin/uiify 0.0.1-alpha → 0.0.2-alpha

package/dist/components/toast/ToastElements.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n} from \"./types.js\";\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  return (props.children ?? null) as ReactElement | null;\n}\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const { children, className, \"aria-label\": ariaLabel = \"Notifications\", popover, ref } = props;\n\n  return (\n    <section\n      aria-label={ariaLabel}\n      data-testid=\"toast-viewport\"\n      ref={ref}\n      {...(popover ? { popover } : {})}\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </section>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast } = props;\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n      data-state=\"open\"\n      data-uiify-toast-root=\"\"\n    >\n      {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n      {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n      {toast.action ? <ToastAction>{toast.action.label}</ToastAction> : null}\n      <ToastClose />\n    </fieldset>\n  );\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children = \"Close\", className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"aria-label\": typeof children === \"string\" ? children : \"Close\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"AAoBI,cAiBA,YAjBA;AAnBJ,SAAS,wBAAwB;AAW1B,SAAS,cAAc,OAAmD;AAC/E,SAAQ,MAAM,YAAY;AAC5B;AAEO,SAAS,cAAc,OAAmD;AAC/E,QAAM,EAAE,UAAU,WAAW,cAAc,YAAY,iBAAiB,SAAS,IAAI,IAAI;AAEzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ;AAAA,MACC,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,MAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,UAAU,OAA+C;AACvE,QAAM,EAAE,MAAM,IAAI;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAAA,MAC5D,cAAW;AAAA,MACX,yBAAsB;AAAA,MAErB;AAAA,cAAM,QAAQ,oBAAC,cAAY,gBAAM,OAAM,IAAgB;AAAA,QACvD,MAAM,cAAc,oBAAC,oBAAkB,gBAAM,aAAY,IAAsB;AAAA,QAC/E,MAAM,SAAS,oBAAC,eAAa,gBAAM,OAAO,OAAM,IAAiB;AAAA,QAClE,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;AACA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBAAiB,OAAsD;AACrF,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,cAAc,IAAI;AAC3D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,WAAW,SAAS,WAAW,SAAS,GAAG,cAAc,IAAI;AACrE,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,aAAa,WAAW,WAAW;AAAA,MACxD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}
+{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n} from \"./types.js\";\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  return (props.children ?? null) as ReactElement | null;\n}\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const { children, className, \"aria-label\": ariaLabel = \"Notifications\", popover, ref } = props;\n\n  return (\n    <section\n      aria-label={ariaLabel}\n      data-part=\"viewport\"\n      data-testid=\"toast-viewport\"\n      data-uiify-toast=\"\"\n      ref={ref}\n      {...(popover ? { popover } : {})}\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </section>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast } = props;\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n      data-part=\"item\"\n      data-state=\"open\"\n      data-uiify-toast=\"\"\n    >\n      {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n      {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n      {toast.action ? <ToastAction>{toast.action.label}</ToastAction> : null}\n      <ToastClose />\n    </fieldset>\n  );\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children = \"Close\", className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"aria-label\": typeof children === \"string\" ? children : \"Close\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"AAoBI,cAmBA,YAnBA;AAnBJ,SAAS,wBAAwB;AAW1B,SAAS,cAAc,OAAmD;AAC/E,SAAQ,MAAM,YAAY;AAC5B;AAEO,SAAS,cAAc,OAAmD;AAC/E,QAAM,EAAE,UAAU,WAAW,cAAc,YAAY,iBAAiB,SAAS,IAAI,IAAI;AAEzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,oBAAiB;AAAA,MACjB;AAAA,MACC,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,MAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,UAAU,OAA+C;AACvE,QAAM,EAAE,MAAM,IAAI;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAAA,MAC5D,aAAU;AAAA,MACV,cAAW;AAAA,MACX,oBAAiB;AAAA,MAEhB;AAAA,cAAM,QAAQ,oBAAC,cAAY,gBAAM,OAAM,IAAgB;AAAA,QACvD,MAAM,cAAc,oBAAC,oBAAkB,gBAAM,aAAY,IAAsB;AAAA,QAC/E,MAAM,SAAS,oBAAC,eAAa,gBAAM,OAAO,OAAM,IAAiB;AAAA,QAClE,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;AACA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBAAiB,OAAsD;AACrF,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,cAAc,IAAI;AAC3D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,WAAW,SAAS,WAAW,SAAS,GAAG,cAAc,IAAI;AACrE,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,aAAa,WAAW,WAAW;AAAA,MACxD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/dist/components/toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,QAAgB,EAChB,SAAS,GACV,EAAE,WAAW,GAAG,YAAY,CAuB5B;yBA9Be,MAAM"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,QAAgB,EAChB,SAAS,GACV,EAAE,WAAW,GAAG,YAAY,CAwB5B;yBA/Be,MAAM"}

package/dist/components/toggle/Toggle.js

@@ -17,6 +17,7 @@ function Toggle({
         "aria-labelledby": labelId,
         checked,
         "data-disabled": disabled ? "" : void 0,
+        "data-part": "control",
         "data-state": isControlled ? pressed ? "on" : "off" : void 0,
         defaultChecked: !isControlled ? defaultPressed : void 0,
         disabled: disabled || void 0,

package/dist/components/toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toggle/Toggle.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ToggleProps } from \"./types.js\";\n\nexport function Toggle({\n  id,\n  label,\n  pressed,\n  defaultPressed = false,\n  disabled = false,\n  className,\n}: ToggleProps): ReactElement {\n  const isControlled = pressed !== undefined;\n  const checked = isControlled ? pressed : undefined;\n\n  const labelId = `${id}-label`;\n\n  return (\n    <div data-disabled={disabled ? \"\" : undefined} data-uiify-toggle=\"\">\n      <input\n        aria-labelledby={labelId}\n        checked={checked}\n        data-disabled={disabled ? \"\" : undefined}\n        data-state={isControlled ? (pressed ? \"on\" : \"off\") : undefined}\n        defaultChecked={!isControlled ? defaultPressed : undefined}\n        disabled={disabled || undefined}\n        id={id}\n        type=\"checkbox\"\n      />\n      <label className={className} data-part=\"label\" htmlFor={id} id={labelId}>\n        {label}\n      </label>\n    </div>\n  );\n}\nToggle.displayName = \"Toggle\";\n"],"mappings":"AAiBI,SACE,KADF;AAdG,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AACF,GAA8B;AAC5B,QAAM,eAAe,YAAY;AACjC,QAAM,UAAU,eAAe,UAAU;AAEzC,QAAM,UAAU,GAAG,EAAE;AAErB,SACE,qBAAC,SAAI,iBAAe,WAAW,KAAK,QAAW,qBAAkB,IAC/D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QACjB;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC/B,cAAY,eAAgB,UAAU,OAAO,QAAS;AAAA,QACtD,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,QACjD,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,WAAM,WAAsB,aAAU,SAAQ,SAAS,IAAI,IAAI,SAC7D,iBACH;AAAA,KACF;AAEJ;AACA,OAAO,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/toggle/Toggle.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ToggleProps } from \"./types.js\";\n\nexport function Toggle({\n  id,\n  label,\n  pressed,\n  defaultPressed = false,\n  disabled = false,\n  className,\n}: ToggleProps): ReactElement {\n  const isControlled = pressed !== undefined;\n  const checked = isControlled ? pressed : undefined;\n\n  const labelId = `${id}-label`;\n\n  return (\n    <div data-disabled={disabled ? \"\" : undefined} data-uiify-toggle=\"\">\n      <input\n        aria-labelledby={labelId}\n        checked={checked}\n        data-disabled={disabled ? \"\" : undefined}\n        data-part=\"control\"\n        data-state={isControlled ? (pressed ? \"on\" : \"off\") : undefined}\n        defaultChecked={!isControlled ? defaultPressed : undefined}\n        disabled={disabled || undefined}\n        id={id}\n        type=\"checkbox\"\n      />\n      <label className={className} data-part=\"label\" htmlFor={id} id={labelId}>\n        {label}\n      </label>\n    </div>\n  );\n}\nToggle.displayName = \"Toggle\";\n"],"mappings":"AAiBI,SACE,KADF;AAdG,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AACF,GAA8B;AAC5B,QAAM,eAAe,YAAY;AACjC,QAAM,UAAU,eAAe,UAAU;AAEzC,QAAM,UAAU,GAAG,EAAE;AAErB,SACE,qBAAC,SAAI,iBAAe,WAAW,KAAK,QAAW,qBAAkB,IAC/D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QACjB;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC/B,aAAU;AAAA,QACV,cAAY,eAAgB,UAAU,OAAO,QAAS;AAAA,QACtD,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,QACjD,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,WAAM,WAAsB,aAAU,SAAQ,SAAS,IAAI,IAAI,SAC7D,iBACH;AAAA,KACF;AAEJ;AACA,OAAO,cAAc;","names":[]}

package/dist/components/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAQ9E,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAqCD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAW,EACX,WAA0B,EAC1B,GAAG,aAAa,EACjB,EAAE,sBAAsB,GAAG,YAAY,CA8EvC;yBArFe,iBAAiB;;;AAwFjC,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAE5E;yBAFe,aAAa;;;AAK7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAElF;yBAFe,gBAAgB;;;AAKhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEtF;yBAFe,kBAAkB;;;AAKlC,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAQ9E,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAqCD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAW,EACX,WAA0B,EAC1B,GAAG,aAAa,EACjB,EAAE,sBAAsB,GAAG,YAAY,CAgFvC;yBAvFe,iBAAiB;;;AA0FjC,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAE5E;yBAFe,aAAa;;;AAK7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAElF;yBAFe,gBAAgB;;;AAKhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEtF;yBAFe,kBAAkB;;;AAKlC,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/components/toolbar/Toolbar.js

@@ -8,7 +8,7 @@ import {
   ToolbarToggleGroup as ServerToolbarToggleGroup
 } from "./ToolbarShell.js";
 function getToolbarItems(root) {
-  return Array.from(root.querySelectorAll("[data-uiify-toolbar-item]"));
+  return Array.from(root.querySelectorAll('[data-uiify-toolbar][data-part="item"]'));
 }
 function isDisabledItem(item) {
   return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled");
@@ -51,14 +51,14 @@ function ToolbarRootClient({
     const handleFocusIn = (event) => {
       const target = event.target;
       if (!(target instanceof HTMLElement)) return;
-      const item = target.closest("[data-uiify-toolbar-item]");
+      const item = target.closest('[data-uiify-toolbar][data-part="item"]');
       if (!item || !root.contains(item) || isDisabledItem(item)) return;
       currentRef.current = syncTabStops(root, item);
     };
     const handleKeyDown = (event) => {
       const target = event.target;
       if (!(target instanceof HTMLElement)) return;
-      const item = target.closest("[data-uiify-toolbar-item]");
+      const item = target.closest('[data-uiify-toolbar][data-part="item"]');
       if (!item || !root.contains(item)) return;
       const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));
       const currentIndex = enabled.indexOf(item);
@@ -98,6 +98,8 @@ function ToolbarRootClient({
       ...consumerProps,
       className,
       "data-orientation": orientation,
+      "data-part": "root",
+      "data-uiify-toolbar": "",
       dir,
       ref: rootRef,
       role: "toolbar",

package/dist/components/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport type { Direction } from \"@gunkin/uiify/core/direction\";\nimport type { RovingFocusOrientation } from \"@gunkin/uiify/core/roving-focus\";\n\nimport {\n  ToolbarButton as ServerToolbarButton,\n  ToolbarLink as ServerToolbarLink,\n  ToolbarSeparator as ServerToolbarSeparator,\n  ToolbarToggleGroup as ServerToolbarToggleGroup,\n} from \"./ToolbarShell.js\";\nimport type {\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\ninterface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {\n  readonly children?: ReactNode;\n  readonly dir?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nfunction getToolbarItems(root: HTMLDivElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(\"[data-uiify-toolbar-item]\"));\n}\n\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\n\nfunction syncTabStops(root: HTMLDivElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getToolbarItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  if (enabled.length === 0) return null;\n\n  const nextCurrent = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n\n  for (const item of items) {\n    item.tabIndex = nextCurrent === item ? 0 : -1;\n  }\n\n  return nextCurrent;\n}\n\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  if (nextIndex < 0 || nextIndex >= length) return null;\n  return nextIndex;\n}\n\nexport function ToolbarRootClient({\n  children,\n  className,\n  dir,\n  loop = true,\n  orientation = \"horizontal\",\n  ...consumerProps\n}: ToolbarRootClientProps): ReactElement {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const currentRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>(\"[data-uiify-toolbar-item]\");\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>(\"[data-uiify-toolbar-item]\");\n      if (!item || !root.contains(item)) return;\n\n      const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));\n      const currentIndex = enabled.indexOf(item);\n      if (currentIndex === -1) return;\n\n      let nextIndex: number | null = null;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = enabled.length - 1;\n      if (orientation !== \"vertical\" && event.key === \"ArrowRight\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? -1 : 1, enabled.length, loop);\n      }\n      if (orientation !== \"vertical\" && event.key === \"ArrowLeft\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? 1 : -1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowDown\") {\n        nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowUp\") {\n        nextIndex = moveIndex(currentIndex, -1, enabled.length, loop);\n      }\n\n      if (nextIndex === null) return;\n\n      event.preventDefault();\n      const nextItem = enabled[nextIndex];\n      if (!nextItem) return;\n      currentRef.current = syncTabStops(root, nextItem);\n      nextItem.focus();\n    };\n\n    root.addEventListener(\"focusin\", handleFocusIn);\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n      root.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [dir, loop, orientation]);\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      dir={dir}\n      ref={rootRef}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRootClient.displayName = \"ToolbarRootClient\";\n\nexport const ToolbarRoot = ToolbarRootClient;\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  return <ServerToolbarButton {...props} />;\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  return <ServerToolbarLink {...props} />;\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  return <ServerToolbarSeparator {...props} />;\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroup(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ServerToolbarToggleGroup {...props} />;\n}\nToolbarToggleGroup.displayName = \"ToolbarToggleGroup\";\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport type { Direction } from \"@gunkin/uiify/core/direction\";\nimport type { RovingFocusOrientation } from \"@gunkin/uiify/core/roving-focus\";\n\nimport {\n  ToolbarButton as ServerToolbarButton,\n  ToolbarLink as ServerToolbarLink,\n  ToolbarSeparator as ServerToolbarSeparator,\n  ToolbarToggleGroup as ServerToolbarToggleGroup,\n} from \"./ToolbarShell.js\";\nimport type {\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\ninterface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {\n  readonly children?: ReactNode;\n  readonly dir?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nfunction getToolbarItems(root: HTMLDivElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]'));\n}\n\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\n\nfunction syncTabStops(root: HTMLDivElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getToolbarItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  if (enabled.length === 0) return null;\n\n  const nextCurrent = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n\n  for (const item of items) {\n    item.tabIndex = nextCurrent === item ? 0 : -1;\n  }\n\n  return nextCurrent;\n}\n\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  if (nextIndex < 0 || nextIndex >= length) return null;\n  return nextIndex;\n}\n\nexport function ToolbarRootClient({\n  children,\n  className,\n  dir,\n  loop = true,\n  orientation = \"horizontal\",\n  ...consumerProps\n}: ToolbarRootClientProps): ReactElement {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const currentRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item)) return;\n\n      const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));\n      const currentIndex = enabled.indexOf(item);\n      if (currentIndex === -1) return;\n\n      let nextIndex: number | null = null;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = enabled.length - 1;\n      if (orientation !== \"vertical\" && event.key === \"ArrowRight\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? -1 : 1, enabled.length, loop);\n      }\n      if (orientation !== \"vertical\" && event.key === \"ArrowLeft\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? 1 : -1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowDown\") {\n        nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowUp\") {\n        nextIndex = moveIndex(currentIndex, -1, enabled.length, loop);\n      }\n\n      if (nextIndex === null) return;\n\n      event.preventDefault();\n      const nextItem = enabled[nextIndex];\n      if (!nextItem) return;\n      currentRef.current = syncTabStops(root, nextItem);\n      nextItem.focus();\n    };\n\n    root.addEventListener(\"focusin\", handleFocusIn);\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n      root.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [dir, loop, orientation]);\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      data-part=\"root\"\n      data-uiify-toolbar=\"\"\n      dir={dir}\n      ref={rootRef}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRootClient.displayName = \"ToolbarRootClient\";\n\nexport const ToolbarRoot = ToolbarRootClient;\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  return <ServerToolbarButton {...props} />;\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  return <ServerToolbarLink {...props} />;\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  return <ServerToolbarSeparator {...props} />;\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroup(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ServerToolbarToggleGroup {...props} />;\n}\nToolbarToggleGroup.displayName = \"ToolbarToggleGroup\";\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":";AAwII;AAtIJ,SAAS,WAAW,cAAc;AAKlC;AAAA,EACE,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,OACjB;AAeP,SAAS,gBAAgB,MAAqC;AAC5D,SAAO,MAAM,KAAK,KAAK,iBAA8B,wCAAwC,CAAC;AAChG;AAEA,SAAS,eAAe,MAA4B;AAClD,SAAO,KAAK,aAAa,eAAe,MAAM,UAAU,KAAK,aAAa,UAAU;AACtF;AAEA,SAAS,aAAa,MAAsB,SAAiD;AAC3F,QAAM,QAAQ,gBAAgB,IAAI;AAClC,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,eAAe,IAAI,CAAC;AAC5D,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,cAAc,WAAW,QAAQ,SAAS,OAAO,IAAI,UAAW,QAAQ,CAAC,KAAK;AAEpF,aAAW,QAAQ,OAAO;AACxB,SAAK,WAAW,gBAAgB,OAAO,IAAI;AAAA,EAC7C;AAEA,SAAO;AACT;AAEA,SAAS,UACP,cACA,QACA,QACA,MACe;AACf,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,KAAM,SAAQ,eAAe,SAAS,UAAU;AACpD,QAAM,YAAY,eAAe;AACjC,MAAI,YAAY,KAAK,aAAa,OAAQ,QAAO;AACjD,SAAO;AACT;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAyC;AACvC,QAAM,UAAU,OAA8B,IAAI;AAClD,QAAM,aAAa,OAA2B,IAAI;AAElD,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACX,eAAW,UAAU,aAAa,MAAM,WAAW,OAAO;AAAA,EAC5D,CAAC;AAED,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AAEX,UAAM,gBAAgB,CAAC,UAAsB;AAC3C,YAAM,SAAS,MAAM;AACrB,UAAI,EAAE,kBAAkB,aAAc;AACtC,YAAM,OAAO,OAAO,QAAqB,wCAAwC;AACjF,UAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,KAAK,eAAe,IAAI,EAAG;AAC3D,iBAAW,UAAU,aAAa,MAAM,IAAI;AAAA,IAC9C;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAM,SAAS,MAAM;AACrB,UAAI,EAAE,kBAAkB,aAAc;AACtC,YAAM,OAAO,OAAO,QAAqB,wCAAwC;AACjF,UAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,EAAG;AAEnC,YAAM,UAAU,gBAAgB,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,KAAK,CAAC;AAC9E,YAAM,eAAe,QAAQ,QAAQ,IAAI;AACzC,UAAI,iBAAiB,GAAI;AAEzB,UAAI,YAA2B;AAC/B,UAAI,MAAM,QAAQ,OAAQ,aAAY;AACtC,UAAI,MAAM,QAAQ,MAAO,aAAY,QAAQ,SAAS;AACtD,UAAI,gBAAgB,cAAc,MAAM,QAAQ,cAAc;AAC5D,oBAAY,UAAU,cAAc,QAAQ,QAAQ,KAAK,GAAG,QAAQ,QAAQ,IAAI;AAAA,MAClF;AACA,UAAI,gBAAgB,cAAc,MAAM,QAAQ,aAAa;AAC3D,oBAAY,UAAU,cAAc,QAAQ,QAAQ,IAAI,IAAI,QAAQ,QAAQ,IAAI;AAAA,MAClF;AACA,UAAI,gBAAgB,gBAAgB,MAAM,QAAQ,aAAa;AAC7D,oBAAY,UAAU,cAAc,GAAG,QAAQ,QAAQ,IAAI;AAAA,MAC7D;AACA,UAAI,gBAAgB,gBAAgB,MAAM,QAAQ,WAAW;AAC3D,oBAAY,UAAU,cAAc,IAAI,QAAQ,QAAQ,IAAI;AAAA,MAC9D;AAEA,UAAI,cAAc,KAAM;AAExB,YAAM,eAAe;AACrB,YAAM,WAAW,QAAQ,SAAS;AAClC,UAAI,CAAC,SAAU;AACf,iBAAW,UAAU,aAAa,MAAM,QAAQ;AAChD,eAAS,MAAM;AAAA,IACjB;AAEA,SAAK,iBAAiB,WAAW,aAAa;AAC9C,SAAK,iBAAiB,WAAW,aAAa;AAE9C,WAAO,MAAM;AACX,WAAK,oBAAoB,WAAW,aAAa;AACjD,WAAK,oBAAoB,WAAW,aAAa;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,KAAK,MAAM,WAAW,CAAC;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,KAAK;AAAA,MACL,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,kBAAkB,cAAc;AAEzB,MAAM,cAAc;AAEpB,SAAS,cAAc,OAAgD;AAC5E,SAAO,oBAAC,uBAAqB,GAAG,OAAO;AACzC;AACA,cAAc,cAAc;AAErB,SAAS,YAAY,OAA8C;AACxE,SAAO,oBAAC,qBAAmB,GAAG,OAAO;AACvC;AACA,YAAY,cAAc;AAEnB,SAAS,iBAAiB,OAAmD;AAClF,SAAO,oBAAC,0BAAwB,GAAG,OAAO;AAC5C;AACA,iBAAiB,cAAc;AAExB,SAAS,mBAAmB,OAAqD;AACtF,SAAO,oBAAC,4BAA0B,GAAG,OAAO;AAC9C;AACA,mBAAmB,cAAc;AAE1B,MAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}

package/dist/components/toolbar/ToolbarShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarShell.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAsBxE;yBAtBe,WAAW;;;AAyB3B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAe5E;yBAfe,aAAa;;;AAkB7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAQxE;yBARe,WAAW;;;AAW3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAUlF;yBAVe,gBAAgB;;;AAahC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAE1F;yBAFe,sBAAsB;;;AAKtC,eAAO,MAAM,kBAAkB,+BAAyB,CAAC;AAEzD,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"ToolbarShell.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAuBxE;yBAvBe,WAAW;;;AA0B3B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAgB5E;yBAhBe,aAAa;;;AAmB7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAQxE;yBARe,WAAW;;;AAW3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAWlF;yBAXe,gBAAgB;;;AAchC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAE1F;yBAFe,sBAAsB;;;AAKtC,eAAO,MAAM,kBAAkB,+BAAyB,CAAC;AAEzD,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/components/toolbar/ToolbarShell.js

@@ -15,6 +15,7 @@ function ToolbarRoot(props) {
       ...consumerProps,
       className,
       "data-orientation": orientation,
+      "data-part": "root",
       "data-uiify-toolbar": "",
       dir,
       role: "toolbar",
@@ -24,24 +25,25 @@ function ToolbarRoot(props) {
 }
 ToolbarRoot.displayName = "ToolbarRoot";
 function ToolbarButton(props) {
-  const { children, className, disabled = false, onClick } = props;
+  const { children, className, disabled = false, ...consumerProps } = props;
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ...consumerProps,
       "aria-disabled": disabled || void 0,
-      "data-uiify-toolbar-item": "",
+      "data-part": "item",
+      "data-uiify-toolbar": "",
       disabled,
       type: "button",
       ...className ? { className } : {},
-      ...onClick ? { onClick } : {},
       children
     }
   );
 }
 ToolbarButton.displayName = "ToolbarButton";
 function ToolbarLink(props) {
-  const { children, className, href } = props;
-  return /* @__PURE__ */ jsx("a", { "data-uiify-toolbar-item": "", href, ...className ? { className } : {}, children });
+  const { children, className, href, ...consumerProps } = props;
+  return /* @__PURE__ */ jsx("a", { ...consumerProps, className, "data-part": "item", "data-uiify-toolbar": "", href, children });
 }
 ToolbarLink.displayName = "ToolbarLink";
 function ToolbarSeparator(props) {
@@ -52,6 +54,7 @@ function ToolbarSeparator(props) {
       ...consumerProps,
       ...className ? { className } : {},
       "aria-orientation": orientation,
+      "data-part": "separator",
       "data-orientation": orientation
     }
   );

package/dist/components/toolbar/ToolbarShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ToggleGroup } from \"../toggle-group/ToggleGroup.js\";\nimport type {\n  ToolbarRootProps,\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\nexport function ToolbarRoot(props: ToolbarRootProps): ReactElement | null {\n  const {\n    children,\n    className,\n    dir,\n    loop: _loop = true,\n    orientation = \"horizontal\",\n    ...consumerProps\n  } = props;\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      data-uiify-toolbar=\"\"\n      dir={dir}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRoot.displayName = \"ToolbarRoot\";\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  const { children, className, disabled = false, onClick } = props;\n\n  return (\n    <button\n      aria-disabled={disabled || undefined}\n      data-uiify-toolbar-item=\"\"\n      disabled={disabled}\n      type=\"button\"\n      {...(className ? { className } : {})}\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  const { children, className, href } = props;\n\n  return (\n    <a data-uiify-toolbar-item=\"\" href={href} {...(className ? { className } : {})}>\n      {children}\n    </a>\n  );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  const { className, orientation = \"vertical\", ...consumerProps } = props;\n  return (\n    <hr\n      {...consumerProps}\n      {...(className ? { className } : {})}\n      aria-orientation={orientation}\n      data-orientation={orientation}\n    />\n  );\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroupRoot(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ToggleGroup {...props} />;\n}\nToolbarToggleGroupRoot.displayName = \"ToolbarToggleGroupRoot\";\n\nexport const ToolbarToggleGroup = ToolbarToggleGroupRoot;\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"AAqBI;AApBJ,SAAS,mBAAmB;AASrB,SAAS,YAAY,OAA8C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAkB;AAAA,MAClB,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,QAAQ,IAAI;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,YAAY;AAAA,MAC3B,2BAAwB;AAAA,MACxB;AAAA,MACA,MAAK;AAAA,MACJ,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,MAE7B;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,KAAK,IAAI;AAEtC,SACE,oBAAC,OAAE,2BAAwB,IAAG,MAAa,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC,GACzE,UACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,iBAAiB,OAAmD;AAClF,QAAM,EAAE,WAAW,cAAc,YAAY,GAAG,cAAc,IAAI;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAClC,oBAAkB;AAAA,MAClB,oBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,iBAAiB,cAAc;AAExB,SAAS,uBAAuB,OAAqD;AAC1F,SAAO,oBAAC,eAAa,GAAG,OAAO;AACjC;AACA,uBAAuB,cAAc;AAE9B,MAAM,qBAAqB;AAE3B,MAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}
+{"version":3,"sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ToggleGroup } from \"../toggle-group/ToggleGroup.js\";\nimport type {\n  ToolbarRootProps,\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\nexport function ToolbarRoot(props: ToolbarRootProps): ReactElement | null {\n  const {\n    children,\n    className,\n    dir,\n    loop: _loop = true,\n    orientation = \"horizontal\",\n    ...consumerProps\n  } = props;\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      data-part=\"root\"\n      data-uiify-toolbar=\"\"\n      dir={dir}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRoot.displayName = \"ToolbarRoot\";\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  const { children, className, disabled = false, ...consumerProps } = props;\n\n  return (\n    <button\n      {...consumerProps}\n      aria-disabled={disabled || undefined}\n      data-part=\"item\"\n      data-uiify-toolbar=\"\"\n      disabled={disabled}\n      type=\"button\"\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </button>\n  );\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  const { children, className, href, ...consumerProps } = props;\n\n  return (\n    <a {...consumerProps} className={className} data-part=\"item\" data-uiify-toolbar=\"\" href={href}>\n      {children}\n    </a>\n  );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  const { className, orientation = \"vertical\", ...consumerProps } = props;\n  return (\n    <hr\n      {...consumerProps}\n      {...(className ? { className } : {})}\n      aria-orientation={orientation}\n      data-part=\"separator\"\n      data-orientation={orientation}\n    />\n  );\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroupRoot(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ToggleGroup {...props} />;\n}\nToolbarToggleGroupRoot.displayName = \"ToolbarToggleGroupRoot\";\n\nexport const ToolbarToggleGroup = ToolbarToggleGroupRoot;\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"AAqBI;AApBJ,SAAS,mBAAmB;AASrB,SAAS,YAAY,OAA8C;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,GAAG,cAAc,IAAI;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,aAAU;AAAA,MACV,sBAAmB;AAAA,MACnB;AAAA,MACA,MAAK;AAAA,MACJ,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,MAAM,GAAG,cAAc,IAAI;AAExD,SACE,oBAAC,OAAG,GAAG,eAAe,WAAsB,aAAU,QAAO,sBAAmB,IAAG,MAChF,UACH;AAEJ;AACA,YAAY,cAAc;AAEnB,SAAS,iBAAiB,OAAmD;AAClF,QAAM,EAAE,WAAW,cAAc,YAAY,GAAG,cAAc,IAAI;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAClC,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,oBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,iBAAiB,cAAc;AAExB,SAAS,uBAAuB,OAAqD;AAC1F,SAAO,oBAAC,eAAa,GAAG,OAAO;AACjC;AACA,uBAAuB,cAAc;AAE9B,MAAM,qBAAqB;AAE3B,MAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,WAAW,EAIX,YAAY,EACb,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAwBpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAYnF;yBAZe,eAAe;;;AAe/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CA4BxE;yBA5Be,WAAW;;;AA+B3B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAkErB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CA8ErB;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,WAAW,EAIX,YAAY,EACb,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAwBpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAYnF;yBAZe,eAAe;;;AAe/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CA4BxE;yBA5Be,WAAW;;;AA+B3B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAkErB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAgFrB;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}

package/dist/components/tooltip/Tooltip.js

@@ -159,6 +159,8 @@ function TooltipContent(props) {
       // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.
       id: resolvedId,
       role: "tooltip",
+      "data-part": "content",
+      "data-uiify-tooltip": "",
       "data-state": open ? "open" : "closed",
       ...className ? { className } : {},
       onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type {\n  CSSProperties,\n  ElementType,\n  FocusEvent,\n  KeyboardEvent,\n  PointerEvent,\n  ReactElement,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { CONTENT_HOVER_GRACE_MS, createTooltipProviderStore } from \"./tooltip-store.js\";\nimport type {\n  TooltipContentProps,\n  TooltipProviderOwnProps,\n  TooltipProviderStore,\n  TooltipRootProps,\n  TooltipTriggerProps,\n} from \"./types.js\";\n\ninterface TooltipClientContextValue {\n  readonly anchorId: string;\n  readonly closeTooltip: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openTooltip: (immediate?: boolean) => void;\n  readonly pointerFocusRef: React.RefObject<boolean>;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [TooltipProviderStoreProvider, useTooltipProviderStore] =\n  createPartContext<TooltipProviderStore>(\"Tooltip\", \"Provider\");\n\n// Root name \"Root\" (the default): Trigger/Content require <Tooltip.Root>, a\n// distinct nesting requirement from TooltipRoot itself requiring\n// <Tooltip.Provider> above. Keeping the two contexts' root names accurate\n// (rather than pointing both at \"Provider\") preserves the original's\n// correct, non-misleading error for the \"Trigger without Root\" case.\nconst [TooltipContextProvider, useTooltipContext] =\n  createPartContext<TooltipClientContextValue>(\"Tooltip\");\n\nexport function TooltipProvider(props: TooltipProviderOwnProps): ReactElement | null {\n  const { children, delayDuration = 300, skipDelayDuration = 300 } = props;\n  const storeRef = useRef<TooltipProviderStore | null>(null);\n  storeRef.current ??= createTooltipProviderStore({ delayDuration, skipDelayDuration });\n\n  useIsomorphicLayoutEffect(() => {\n    storeRef.current?.updateOptions({ delayDuration, skipDelayDuration });\n  }, [delayDuration, skipDelayDuration]);\n\n  return (\n    <TooltipProviderStoreProvider value={storeRef.current}>{children}</TooltipProviderStoreProvider>\n  );\n}\nTooltipProvider.displayName = \"TooltipProvider\";\n\nexport function TooltipRoot(props: TooltipRootProps): ReactElement | null {\n  const { children, defaultOpen = false, id, onOpenChange, open } = props;\n  const provider = useTooltipProviderStore(\"Root\");\n  const pointerFocusRef = useRef(false);\n  const overlay = useHoverOverlay({\n    closeDelay: CONTENT_HOVER_GRACE_MS,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-tooltip\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    onOpened: provider.markOpened,\n    ...(open !== undefined ? { open } : {}),\n    openDelay: provider.getDelayDuration(),\n    shouldSkipDelay: provider.shouldSkipDelay,\n  });\n\n  const contextValue: TooltipClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeTooltip: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openTooltip: overlay.openOverlay,\n    pointerFocusRef,\n    setContentId: overlay.setContentId,\n  };\n\n  return <TooltipContextProvider value={contextValue}>{children}</TooltipContextProvider>;\n}\nTooltipRoot.displayName = \"TooltipRoot\";\n\nexport function TooltipTrigger<TAs extends ElementType = \"button\">(\n  props: TooltipTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as TooltipTriggerProps<\"button\">;\n  const { anchorId, closeTooltip, contentId, intent, open, openTooltip, pointerFocusRef } =\n    useTooltipContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const anchorProps = {\n    ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n    ...(consumerStyle ? { style: consumerStyle } : {}),\n  };\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPointerDown: consumerOnPointerDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerDown?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...anchorProps,\n      \"aria-describedby\": open ? contentId : undefined,\n      ...(nativeButton ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, () => {\n        closeTooltip();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        if (!pointerFocusRef.current) openTooltip(true);\n        pointerFocusRef.current = false;\n      }),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, (event: KeyboardEvent<HTMLElement>) => {\n        if (event.key === \"Escape\") closeTooltip();\n      }),\n      onPointerDown: composeEventHandlers(consumerOnPointerDown, () => {\n        pointerFocusRef.current = true;\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openTooltip(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") {\n            intent.scheduleClose(() => closeTooltip());\n          }\n        },\n      ),\n    },\n    render,\n    state: { open },\n  });\n}\n\nexport function TooltipContent<TAs extends ElementType = \"div\">(\n  props: TooltipContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as TooltipContentProps<\"div\">;\n  const { anchorId, closeTooltip, contentId, intent, open, setContentId } =\n    useTooltipContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins (computed above as `resolvedId`); otherwise the\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      role: \"tooltip\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") closeTooltip();\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const Tooltip = {\n  Content: TooltipContent,\n  Provider: TooltipProvider,\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type {\n  CSSProperties,\n  ElementType,\n  FocusEvent,\n  KeyboardEvent,\n  PointerEvent,\n  ReactElement,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { CONTENT_HOVER_GRACE_MS, createTooltipProviderStore } from \"./tooltip-store.js\";\nimport type {\n  TooltipContentProps,\n  TooltipProviderOwnProps,\n  TooltipProviderStore,\n  TooltipRootProps,\n  TooltipTriggerProps,\n} from \"./types.js\";\n\ninterface TooltipClientContextValue {\n  readonly anchorId: string;\n  readonly closeTooltip: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openTooltip: (immediate?: boolean) => void;\n  readonly pointerFocusRef: React.RefObject<boolean>;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [TooltipProviderStoreProvider, useTooltipProviderStore] =\n  createPartContext<TooltipProviderStore>(\"Tooltip\", \"Provider\");\n\n// Root name \"Root\" (the default): Trigger/Content require <Tooltip.Root>, a\n// distinct nesting requirement from TooltipRoot itself requiring\n// <Tooltip.Provider> above. Keeping the two contexts' root names accurate\n// (rather than pointing both at \"Provider\") preserves the original's\n// correct, non-misleading error for the \"Trigger without Root\" case.\nconst [TooltipContextProvider, useTooltipContext] =\n  createPartContext<TooltipClientContextValue>(\"Tooltip\");\n\nexport function TooltipProvider(props: TooltipProviderOwnProps): ReactElement | null {\n  const { children, delayDuration = 300, skipDelayDuration = 300 } = props;\n  const storeRef = useRef<TooltipProviderStore | null>(null);\n  storeRef.current ??= createTooltipProviderStore({ delayDuration, skipDelayDuration });\n\n  useIsomorphicLayoutEffect(() => {\n    storeRef.current?.updateOptions({ delayDuration, skipDelayDuration });\n  }, [delayDuration, skipDelayDuration]);\n\n  return (\n    <TooltipProviderStoreProvider value={storeRef.current}>{children}</TooltipProviderStoreProvider>\n  );\n}\nTooltipProvider.displayName = \"TooltipProvider\";\n\nexport function TooltipRoot(props: TooltipRootProps): ReactElement | null {\n  const { children, defaultOpen = false, id, onOpenChange, open } = props;\n  const provider = useTooltipProviderStore(\"Root\");\n  const pointerFocusRef = useRef(false);\n  const overlay = useHoverOverlay({\n    closeDelay: CONTENT_HOVER_GRACE_MS,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-tooltip\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    onOpened: provider.markOpened,\n    ...(open !== undefined ? { open } : {}),\n    openDelay: provider.getDelayDuration(),\n    shouldSkipDelay: provider.shouldSkipDelay,\n  });\n\n  const contextValue: TooltipClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeTooltip: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openTooltip: overlay.openOverlay,\n    pointerFocusRef,\n    setContentId: overlay.setContentId,\n  };\n\n  return <TooltipContextProvider value={contextValue}>{children}</TooltipContextProvider>;\n}\nTooltipRoot.displayName = \"TooltipRoot\";\n\nexport function TooltipTrigger<TAs extends ElementType = \"button\">(\n  props: TooltipTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as TooltipTriggerProps<\"button\">;\n  const { anchorId, closeTooltip, contentId, intent, open, openTooltip, pointerFocusRef } =\n    useTooltipContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const anchorProps = {\n    ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n    ...(consumerStyle ? { style: consumerStyle } : {}),\n  };\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPointerDown: consumerOnPointerDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerDown?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...anchorProps,\n      \"aria-describedby\": open ? contentId : undefined,\n      ...(nativeButton ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, () => {\n        closeTooltip();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        if (!pointerFocusRef.current) openTooltip(true);\n        pointerFocusRef.current = false;\n      }),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, (event: KeyboardEvent<HTMLElement>) => {\n        if (event.key === \"Escape\") closeTooltip();\n      }),\n      onPointerDown: composeEventHandlers(consumerOnPointerDown, () => {\n        pointerFocusRef.current = true;\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openTooltip(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") {\n            intent.scheduleClose(() => closeTooltip());\n          }\n        },\n      ),\n    },\n    render,\n    state: { open },\n  });\n}\n\nexport function TooltipContent<TAs extends ElementType = \"div\">(\n  props: TooltipContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as TooltipContentProps<\"div\">;\n  const { anchorId, closeTooltip, contentId, intent, open, setContentId } =\n    useTooltipContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins (computed above as `resolvedId`); otherwise the\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      role: \"tooltip\",\n      \"data-part\": \"content\",\n      \"data-uiify-tooltip\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") closeTooltip();\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const Tooltip = {\n  Content: TooltipContent,\n  Provider: TooltipProvider,\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/virtual-scroll/VirtualScroll.js

@@ -426,11 +426,11 @@ function VirtualScroll(props) {
       ref,
       "data-testid": testId,
       "data-uiify-virtual-scroll": "",
-      "data-uiify-dynamic-layout": dynamicLayout ? "" : void 0,
+      "data-dynamic-layout": dynamicLayout ? "" : void 0,
       role,
       className,
       style: scrollportStyle,
-      children: /* @__PURE__ */ jsx("div", { "data-uiify-virtual-scroll-spacer": "", style: spacerStyle, children: rowSlots.map((slot) => {
+      children: /* @__PURE__ */ jsx("div", { "data-part": "spacer", style: spacerStyle, children: rowSlots.map((slot) => {
         const store = measurementStoreRef.current;
         const rowOffset = dynamicLayout ? store.getRowOffset(slot.index) : void 0;
         const measuredRowHeight = dynamicLayout ? store.getRowHeight(slot.index) : void 0;

package/dist/components/virtual-scroll/VirtualScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/virtual-scroll/VirtualScroll.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FragmentInstance,\n  type ReactElement,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useResizeObserver } from \"@gunkin/uiify/hooks\";\nimport { resolveVirtualScrollAnchorAdjustment } from \"./virtual-scroll-anchor.js\";\nimport {\n  createVirtualScrollIosScroll,\n  detectTouchScrollEnvironment,\n} from \"./virtual-scroll-ios.js\";\nimport {\n  computeScrollAdjustmentForRowResize,\n  createVirtualScrollMeasurementStore,\n} from \"./virtual-scroll-measurements.js\";\nimport {\n  computeDynamicVirtualScrollRange,\n  computeVirtualScrollRange,\n  rangesEqual,\n  toVirtualScrollRangeChange,\n} from \"./virtual-scroll-range.js\";\nimport {\n  computeActiveVirtualScrollSlotCount,\n  computeVirtualScrollSlotCount,\n  VirtualScrollRowShell,\n} from \"./VirtualScrollRowShell.js\";\nimport {\n  clampScrollOffset,\n  computeScrollOffsetForIndex,\n  isSmoothScrollActive,\n  normalizeScrollBehaviorOptions,\n  normalizeScrollToIndexOptions,\n  resolveScrollBehavior,\n} from \"./virtual-scroll-scroll.js\";\nimport {\n  createVirtualScrollScrollState,\n  supportsScrollEndEvent,\n} from \"./virtual-scroll-scroll-state.js\";\nimport { applyVirtualScrollRangeToDom } from \"./virtual-scroll-scroll-sync.js\";\nimport type {\n  VirtualScrollHandle,\n  VirtualScrollItem,\n  VirtualScrollOwnProps,\n  VirtualScrollRowSlot,\n  VirtualScrollScrollBehaviorOptions,\n  VirtualScrollScrollToIndexOptions,\n} from \"./types.js\";\nimport { VirtualScrollRowItem } from \"./VirtualScrollRowItem.js\";\nimport {\n  VIRTUAL_SCROLL_OVERSCAN,\n  VIRTUAL_SCROLL_ROW_HEIGHT,\n  VIRTUAL_SCROLL_SCROLL_RESET_DELAY,\n} from \"./types.js\";\n\nfunction buildRowSlots<T extends VirtualScrollItem>(\n  items: readonly T[],\n  rangeStart: number,\n  slotCount: number,\n): readonly VirtualScrollRowSlot<T>[] {\n  const activeSlotCount = computeActiveVirtualScrollSlotCount(items.length, rangeStart, slotCount);\n  return Array.from({ length: activeSlotCount }, (_, slotIndex) => {\n    const index = rangeStart + slotIndex;\n    return {\n      index,\n      item: items[index] ?? null,\n      slotIndex,\n    };\n  });\n}\n\nexport function VirtualScroll<T extends VirtualScrollItem>(\n  props: VirtualScrollOwnProps<T>,\n): ReactElement {\n  const {\n    items,\n    height = 600,\n    rowHeight = VIRTUAL_SCROLL_ROW_HEIGHT,\n    overscan = VIRTUAL_SCROLL_OVERSCAN,\n    className,\n    testId,\n    renderRow,\n    scrollRef,\n    estimateRowHeight,\n    onRangeChange,\n    role = \"list\",\n    anchor = \"start\",\n    followAppend = false,\n    onScrollStateChange,\n    isScrollingResetDelay = VIRTUAL_SCROLL_SCROLL_RESET_DELAY,\n  } = props;\n\n  const dynamicLayout = estimateRowHeight !== undefined;\n  const ref = useRef<HTMLDivElement>(null);\n  const scrollTopRef = useRef(0);\n  const itemsRef = useRef(items);\n  itemsRef.current = items;\n  const smoothRafRef = useRef(0);\n  const lastRangeChangeRef = useRef<string>(\"\");\n  const measuredHeightsRef = useRef(new Map<string, number>());\n  const anchorSnapshotRef = useRef({\n    firstItemId: items[0]?.id,\n    itemCount: items.length,\n    totalSize: 0,\n    scrollTop: 0,\n  });\n\n  const [rangeVersion, setRangeVersion] = useState(0);\n  const [measurementVersion, setMeasurementVersion] = useState(0);\n\n  const measuredSize = useResizeObserver(ref);\n  const viewportHeight = measuredSize?.height ?? height;\n\n  const measurementStoreRef = useRef(\n    createVirtualScrollMeasurementStore({\n      itemCount: items.length,\n      defaultRowHeight: rowHeight,\n      ...(estimateRowHeight ? { estimateRowHeight } : {}),\n      measuredHeights: measuredHeightsRef.current,\n      itemIdAtIndex: (index) => itemsRef.current[index]?.id,\n    }),\n  );\n\n  measurementStoreRef.current.syncItemCount(items.length);\n\n  const scrollOptionsRef = useRef({\n    dynamicLayout,\n    itemCount: items.length,\n    overscan,\n    rowHeight,\n    viewportHeight,\n  });\n  scrollOptionsRef.current = {\n    dynamicLayout,\n    itemCount: items.length,\n    overscan,\n    rowHeight,\n    viewportHeight,\n  };\n\n  const onRangeChangeRef = useRef(onRangeChange);\n  onRangeChangeRef.current = onRangeChange;\n\n  const onScrollStateChangeRef = useRef(onScrollStateChange);\n  onScrollStateChangeRef.current = onScrollStateChange;\n\n  const computeRange = (): ReturnType<typeof computeVirtualScrollRange> => {\n    const { dynamicLayout, itemCount, overscan, rowHeight, viewportHeight } =\n      scrollOptionsRef.current;\n    const scrollTop = scrollTopRef.current;\n\n    if (dynamicLayout) {\n      const store = measurementStoreRef.current;\n      return computeDynamicVirtualScrollRange({\n        scrollTop,\n        viewportHeight,\n        itemCount,\n        overscan,\n        findStartIndex: store.findStartIndex,\n        findEndIndex: store.findEndIndex,\n        getRowOffset: store.getRowOffset,\n      });\n    }\n\n    return computeVirtualScrollRange({\n      scrollTop,\n      viewportHeight,\n      itemCount,\n      rowHeight,\n      overscan,\n    });\n  };\n\n  const emitRangeChange = (range: ReturnType<typeof computeVirtualScrollRange>): void => {\n    const callback = onRangeChangeRef.current;\n    if (!callback) return;\n    const payload = toVirtualScrollRangeChange(range);\n    const signature = `${payload.overscanStart}:${payload.overscanEnd}`;\n    if (signature === lastRangeChangeRef.current) return;\n    lastRangeChangeRef.current = signature;\n    callback(payload);\n  };\n\n  const syncRangeFromScrollRef = useRef(() => {});\n\n  syncRangeFromScrollRef.current = () => {\n    const element = ref.current;\n    if (!element) return;\n\n    const scrollTop = element.scrollTop; // banned-read-ok: scroll position drives the virtual range.\n    const previousRange = computeRange();\n    scrollTopRef.current = scrollTop;\n\n    const nextRange = computeRange();\n    if (rangesEqual(previousRange, nextRange)) return;\n\n    emitRangeChange(nextRange);\n\n    const { dynamicLayout, itemCount, viewportHeight, rowHeight, overscan } =\n      scrollOptionsRef.current;\n    const slotCount = computeActiveVirtualScrollSlotCount(\n      itemCount,\n      nextRange.start,\n      Math.max(\n        nextRange.end - nextRange.start,\n        computeVirtualScrollSlotCount(viewportHeight, rowHeight, overscan),\n      ),\n    );\n    const store = measurementStoreRef.current;\n\n    // Write range CSS vars on the scroll handler so rows move in the same frame as scrollTop.\n    applyVirtualScrollRangeToDom(element, nextRange, {\n      dynamicLayout,\n      slotCount,\n      getRowOffset: store.getRowOffset.bind(store),\n    });\n\n    // Commit the visible slice synchronously so content matches scroll position on large jumps.\n    flushSync(() => {\n      setRangeVersion((version) => version + 1);\n    });\n  };\n\n  const iosControllerRef = useRef(\n    createVirtualScrollIosScroll({\n      enabled: detectTouchScrollEnvironment(),\n      resetDelay: isScrollingResetDelay,\n    }),\n  );\n\n  const applyScrollDeltaRef = useRef((_delta: number) => {});\n\n  applyScrollDeltaRef.current = (delta: number) => {\n    const element = ref.current;\n    if (!element || delta === 0) return;\n    element.scrollTop += delta; // banned-read-ok: preserve the viewport while rows resize.\n    syncRangeFromScrollRef.current();\n  };\n\n  const applyScrollOffset = (\n    offset: number,\n    behavior: VirtualScrollScrollBehaviorOptions[\"behavior\"],\n  ): void => {\n    const element = ref.current;\n    if (!element) return;\n\n    const store = measurementStoreRef.current;\n    const totalSize = dynamicLayout ? store.getTotalSize() : items.length * rowHeight;\n    const clamped = clampScrollOffset(offset, totalSize, viewportHeight);\n    const resolved = resolveScrollBehavior(behavior);\n\n    if (typeof element.scrollTo === \"function\") {\n      element.scrollTo({ top: clamped, behavior: resolved });\n    } else {\n      element.scrollTop = clamped; // banned-read-ok: native scroll fallback for this viewport.\n    }\n    syncRangeFromScrollRef.current();\n\n    if (isSmoothScrollActive(behavior ?? \"auto\", element.scrollTop, clamped)) {\n      // banned-read-ok: poll native smooth-scroll completion.\n      if (smoothRafRef.current !== 0) cancelAnimationFrame(smoothRafRef.current);\n      const tick = (): void => {\n        syncRangeFromScrollRef.current();\n        const node = ref.current;\n        if (!node) {\n          smoothRafRef.current = 0;\n          return;\n        }\n        if (isSmoothScrollActive(\"smooth\", node.scrollTop, clamped)) {\n          // banned-read-ok: poll native smooth-scroll completion.\n          smoothRafRef.current = requestAnimationFrame(tick);\n          return;\n        }\n        smoothRafRef.current = 0;\n      };\n      smoothRafRef.current = requestAnimationFrame(tick);\n    }\n  };\n\n  const applyScrollOffsetRef = useRef(\n    (_offset: number, _behavior: VirtualScrollScrollBehaviorOptions[\"behavior\"]) => {},\n  );\n\n  applyScrollOffsetRef.current = applyScrollOffset;\n\n  useImperativeHandle(\n    scrollRef,\n    (): VirtualScrollHandle => ({\n      get element() {\n        return ref.current;\n      },\n      scrollToIndex(index: number, options?: VirtualScrollScrollToIndexOptions): void {\n        const normalized = normalizeScrollToIndexOptions(options);\n        const store = measurementStoreRef.current;\n        const metrics = {\n          getRowOffset: store.getRowOffset.bind(store),\n          getRowHeight: store.getRowHeight.bind(store),\n          getTotalSize: store.getTotalSize.bind(store),\n        };\n        const offset = computeScrollOffsetForIndex(\n          index,\n          normalized.align,\n          metrics,\n          scrollOptionsRef.current.viewportHeight,\n          scrollTopRef.current,\n        );\n        applyScrollOffsetRef.current(offset, normalized.behavior);\n      },\n      scrollToOffset(offset: number, options?: VirtualScrollScrollBehaviorOptions): void {\n        applyScrollOffsetRef.current(offset, normalizeScrollBehaviorOptions(options));\n      },\n      scrollToEnd(options?: VirtualScrollScrollBehaviorOptions): void {\n        const store = measurementStoreRef.current;\n        const totalSize = dynamicLayout\n          ? store.getTotalSize()\n          : scrollOptionsRef.current.itemCount * scrollOptionsRef.current.rowHeight;\n        const offset = Math.max(0, totalSize - scrollOptionsRef.current.viewportHeight);\n        applyScrollOffsetRef.current(offset, normalizeScrollBehaviorOptions(options));\n      },\n    }),\n    [dynamicLayout],\n  );\n\n  const range = useMemo(() => {\n    void rangeVersion;\n    void measurementVersion;\n    return computeRange();\n  }, [rangeVersion, measurementVersion]);\n\n  const totalSize = useMemo(() => {\n    void measurementVersion;\n    if (dynamicLayout) return measurementStoreRef.current.getTotalSize();\n    return items.length * rowHeight;\n  }, [dynamicLayout, items.length, measurementVersion, rowHeight]);\n\n  const slotCount = useMemo(() => {\n    if (items.length === 0) return 0;\n    return Math.max(\n      range.end - range.start,\n      computeVirtualScrollSlotCount(viewportHeight, rowHeight, overscan),\n    );\n  }, [items.length, overscan, range.end, range.start, rowHeight, viewportHeight]);\n\n  const rowSlots = useMemo(\n    () => buildRowSlots(items, range.start, slotCount),\n    [items, range.start, slotCount],\n  );\n\n  const handleRowMeasureRef = useRef((index: number, itemId: string, height: number) => {\n    const store = measurementStoreRef.current;\n    const previousHeight = store.getRowHeight(index);\n    const rowOffset = store.getRowOffset(index);\n    if (!store.setMeasuredHeight(itemId, index, height)) return;\n\n    const adjustment = computeScrollAdjustmentForRowResize({\n      scrollTop: scrollTopRef.current,\n      rowOffset,\n      previousHeight,\n      nextHeight: height,\n    });\n\n    if (adjustment > 0) {\n      const ios = iosControllerRef.current;\n      if (ios.isTouchScrolling()) {\n        ios.queueAdjustment(adjustment);\n      } else {\n        applyScrollDeltaRef.current(adjustment);\n      }\n    }\n\n    setMeasurementVersion((version) => version + 1);\n  });\n\n  const rowsFragmentRef = useRef<FragmentInstance>(null);\n\n  // One ResizeObserver for the whole pooled row set. React keeps the\n  // subscription in sync as slots mount and unmount — pinned by\n  // core/fragment-instance.test.tsx. Fixed layout never measures rows, so no\n  // observer is created there at all.\n  useEffect(() => {\n    if (!dynamicLayout) return;\n    const fragment = rowsFragmentRef.current;\n    if (!fragment || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const target = entry.target;\n        if (!(target instanceof HTMLElement)) continue;\n        const raw = target.dataset[\"uiifyRowIndex\"];\n        if (raw === undefined) continue;\n        const index = Number(raw);\n        if (!Number.isInteger(index)) continue;\n        const itemId = itemsRef.current[index]?.id;\n        if (itemId === undefined) continue;\n        handleRowMeasureRef.current(index, itemId, entry.contentRect.height);\n      }\n    });\n\n    fragment.observeUsing(observer);\n    return () => fragment.unobserveUsing(observer);\n  }, [dynamicLayout]);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const scrollState = createVirtualScrollScrollState({\n      resetDelay: isScrollingResetDelay,\n      supportsScrollEnd: supportsScrollEndEvent(),\n      onChange: (isScrolling) => {\n        onScrollStateChangeRef.current?.({ isScrolling });\n        if (!isScrolling) {\n          iosControllerRef.current.flushAdjustments(applyScrollDeltaRef.current);\n        }\n      },\n    });\n\n    let onScroll: (() => void) | null = null;\n    let onScrollEnd: (() => void) | null = null;\n    const ios = iosControllerRef.current;\n    const onTouchStart = (): void => ios.onTouchStart();\n    const onTouchEnd = (): void => ios.onTouchEnd();\n\n    onScroll = () => {\n      scrollState.notifyScroll();\n      syncRangeFromScrollRef.current();\n    };\n    element.addEventListener(\"scroll\", onScroll, { passive: true });\n    if (supportsScrollEndEvent()) {\n      onScrollEnd = () => {\n        scrollState.notifyScrollEnd();\n        syncRangeFromScrollRef.current();\n      };\n      element.addEventListener(\"scrollend\", onScrollEnd, { passive: true });\n    }\n    element.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n    element.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n\n    return () => {\n      if (smoothRafRef.current !== 0) cancelAnimationFrame(smoothRafRef.current);\n      if (onScroll) element.removeEventListener(\"scroll\", onScroll);\n      if (onScrollEnd) element.removeEventListener(\"scrollend\", onScrollEnd);\n      element.removeEventListener(\"touchstart\", onTouchStart);\n      element.removeEventListener(\"touchend\", onTouchEnd);\n      scrollState.dispose();\n    };\n  }, [isScrollingResetDelay]);\n\n  useEffect(() => {\n    const element = ref.current;\n    const store = measurementStoreRef.current;\n    const nextTotalSize = dynamicLayout ? store.getTotalSize() : items.length * rowHeight;\n    const previous = anchorSnapshotRef.current;\n    const nextSnapshot = {\n      firstItemId: items[0]?.id,\n      itemCount: items.length,\n      totalSize: nextTotalSize,\n      scrollTop: element?.scrollTop ?? scrollTopRef.current, // banned-read-ok: anchor snapshot reads native position.\n    };\n\n    const adjustment = resolveVirtualScrollAnchorAdjustment({\n      anchor,\n      followAppend,\n      viewportHeight,\n      previous,\n      next: nextSnapshot,\n    });\n\n    if (adjustment && element) {\n      if (adjustment.behavior === \"smooth\" && typeof element.scrollTo === \"function\") {\n        element.scrollTo({\n          top: element.scrollTop + adjustment.delta, // banned-read-ok: retain the anchored viewport.\n          behavior: \"smooth\",\n        });\n      } else {\n        element.scrollTop += adjustment.delta; // banned-read-ok: retain the anchored viewport.\n      }\n      syncRangeFromScrollRef.current();\n    }\n\n    anchorSnapshotRef.current = nextSnapshot;\n  }, [anchor, followAppend, items, dynamicLayout, rowHeight, viewportHeight]);\n\n  useEffect(() => {\n    emitRangeChange(range);\n  }, [range]);\n\n  const scrollportStyle = {\n    height,\n    overflowY: \"auto\",\n    \"--uiify-virtual-scroll-count\": items.length,\n    \"--uiify-virtual-scroll-row-height\": `${rowHeight}px`,\n    ...(dynamicLayout ? { \"--uiify-virtual-scroll-total-size\": `${totalSize}px` } : {}),\n  } as CSSProperties;\n\n  const spacerStyle = dynamicLayout\n    ? undefined\n    : ({\n        \"--uiify-range-start\": range.start,\n      } as CSSProperties);\n\n  return (\n    <div\n      ref={ref}\n      data-testid={testId}\n      data-uiify-virtual-scroll=\"\"\n      data-uiify-dynamic-layout={dynamicLayout ? \"\" : undefined}\n      role={role}\n      className={className}\n      style={scrollportStyle}\n    >\n      <div data-uiify-virtual-scroll-spacer=\"\" style={spacerStyle}>\n        {rowSlots.map((slot) => {\n          const store = measurementStoreRef.current;\n          const rowOffset = dynamicLayout ? store.getRowOffset(slot.index) : undefined;\n          const measuredRowHeight = dynamicLayout ? store.getRowHeight(slot.index) : undefined;\n\n          return (\n            <VirtualScrollRowShell\n              key={`slot-${slot.slotIndex}`}\n              slotIndex={slot.slotIndex}\n              index={slot.index}\n              itemCount={items.length}\n              listRole={role}\n              dynamicLayout={dynamicLayout}\n              {...(rowOffset !== undefined ? { rowOffset } : {})}\n              {...(measuredRowHeight !== undefined ? { rowHeight: measuredRowHeight } : {})}\n            >\n              {slot.item ? (\n                <VirtualScrollRowItem item={slot.item} index={slot.index} renderRow={renderRow} />\n              ) : null}\n            </VirtualScrollRowShell>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\nVirtualScroll.displayName = \"VirtualScroll\";\n"],"mappings":"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","names":["dynamicLayout","overscan","rowHeight","viewportHeight","range","slotCount","totalSize","height"]}
+{"version":3,"sources":["../../../src/components/virtual-scroll/VirtualScroll.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FragmentInstance,\n  type ReactElement,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useResizeObserver } from \"@gunkin/uiify/hooks\";\nimport { resolveVirtualScrollAnchorAdjustment } from \"./virtual-scroll-anchor.js\";\nimport {\n  createVirtualScrollIosScroll,\n  detectTouchScrollEnvironment,\n} from \"./virtual-scroll-ios.js\";\nimport {\n  computeScrollAdjustmentForRowResize,\n  createVirtualScrollMeasurementStore,\n} from \"./virtual-scroll-measurements.js\";\nimport {\n  computeDynamicVirtualScrollRange,\n  computeVirtualScrollRange,\n  rangesEqual,\n  toVirtualScrollRangeChange,\n} from \"./virtual-scroll-range.js\";\nimport {\n  computeActiveVirtualScrollSlotCount,\n  computeVirtualScrollSlotCount,\n  VirtualScrollRowShell,\n} from \"./VirtualScrollRowShell.js\";\nimport {\n  clampScrollOffset,\n  computeScrollOffsetForIndex,\n  isSmoothScrollActive,\n  normalizeScrollBehaviorOptions,\n  normalizeScrollToIndexOptions,\n  resolveScrollBehavior,\n} from \"./virtual-scroll-scroll.js\";\nimport {\n  createVirtualScrollScrollState,\n  supportsScrollEndEvent,\n} from \"./virtual-scroll-scroll-state.js\";\nimport { applyVirtualScrollRangeToDom } from \"./virtual-scroll-scroll-sync.js\";\nimport type {\n  VirtualScrollHandle,\n  VirtualScrollItem,\n  VirtualScrollOwnProps,\n  VirtualScrollRowSlot,\n  VirtualScrollScrollBehaviorOptions,\n  VirtualScrollScrollToIndexOptions,\n} from \"./types.js\";\nimport { VirtualScrollRowItem } from \"./VirtualScrollRowItem.js\";\nimport {\n  VIRTUAL_SCROLL_OVERSCAN,\n  VIRTUAL_SCROLL_ROW_HEIGHT,\n  VIRTUAL_SCROLL_SCROLL_RESET_DELAY,\n} from \"./types.js\";\n\nfunction buildRowSlots<T extends VirtualScrollItem>(\n  items: readonly T[],\n  rangeStart: number,\n  slotCount: number,\n): readonly VirtualScrollRowSlot<T>[] {\n  const activeSlotCount = computeActiveVirtualScrollSlotCount(items.length, rangeStart, slotCount);\n  return Array.from({ length: activeSlotCount }, (_, slotIndex) => {\n    const index = rangeStart + slotIndex;\n    return {\n      index,\n      item: items[index] ?? null,\n      slotIndex,\n    };\n  });\n}\n\nexport function VirtualScroll<T extends VirtualScrollItem>(\n  props: VirtualScrollOwnProps<T>,\n): ReactElement {\n  const {\n    items,\n    height = 600,\n    rowHeight = VIRTUAL_SCROLL_ROW_HEIGHT,\n    overscan = VIRTUAL_SCROLL_OVERSCAN,\n    className,\n    testId,\n    renderRow,\n    scrollRef,\n    estimateRowHeight,\n    onRangeChange,\n    role = \"list\",\n    anchor = \"start\",\n    followAppend = false,\n    onScrollStateChange,\n    isScrollingResetDelay = VIRTUAL_SCROLL_SCROLL_RESET_DELAY,\n  } = props;\n\n  const dynamicLayout = estimateRowHeight !== undefined;\n  const ref = useRef<HTMLDivElement>(null);\n  const scrollTopRef = useRef(0);\n  const itemsRef = useRef(items);\n  itemsRef.current = items;\n  const smoothRafRef = useRef(0);\n  const lastRangeChangeRef = useRef<string>(\"\");\n  const measuredHeightsRef = useRef(new Map<string, number>());\n  const anchorSnapshotRef = useRef({\n    firstItemId: items[0]?.id,\n    itemCount: items.length,\n    totalSize: 0,\n    scrollTop: 0,\n  });\n\n  const [rangeVersion, setRangeVersion] = useState(0);\n  const [measurementVersion, setMeasurementVersion] = useState(0);\n\n  const measuredSize = useResizeObserver(ref);\n  const viewportHeight = measuredSize?.height ?? height;\n\n  const measurementStoreRef = useRef(\n    createVirtualScrollMeasurementStore({\n      itemCount: items.length,\n      defaultRowHeight: rowHeight,\n      ...(estimateRowHeight ? { estimateRowHeight } : {}),\n      measuredHeights: measuredHeightsRef.current,\n      itemIdAtIndex: (index) => itemsRef.current[index]?.id,\n    }),\n  );\n\n  measurementStoreRef.current.syncItemCount(items.length);\n\n  const scrollOptionsRef = useRef({\n    dynamicLayout,\n    itemCount: items.length,\n    overscan,\n    rowHeight,\n    viewportHeight,\n  });\n  scrollOptionsRef.current = {\n    dynamicLayout,\n    itemCount: items.length,\n    overscan,\n    rowHeight,\n    viewportHeight,\n  };\n\n  const onRangeChangeRef = useRef(onRangeChange);\n  onRangeChangeRef.current = onRangeChange;\n\n  const onScrollStateChangeRef = useRef(onScrollStateChange);\n  onScrollStateChangeRef.current = onScrollStateChange;\n\n  const computeRange = (): ReturnType<typeof computeVirtualScrollRange> => {\n    const { dynamicLayout, itemCount, overscan, rowHeight, viewportHeight } =\n      scrollOptionsRef.current;\n    const scrollTop = scrollTopRef.current;\n\n    if (dynamicLayout) {\n      const store = measurementStoreRef.current;\n      return computeDynamicVirtualScrollRange({\n        scrollTop,\n        viewportHeight,\n        itemCount,\n        overscan,\n        findStartIndex: store.findStartIndex,\n        findEndIndex: store.findEndIndex,\n        getRowOffset: store.getRowOffset,\n      });\n    }\n\n    return computeVirtualScrollRange({\n      scrollTop,\n      viewportHeight,\n      itemCount,\n      rowHeight,\n      overscan,\n    });\n  };\n\n  const emitRangeChange = (range: ReturnType<typeof computeVirtualScrollRange>): void => {\n    const callback = onRangeChangeRef.current;\n    if (!callback) return;\n    const payload = toVirtualScrollRangeChange(range);\n    const signature = `${payload.overscanStart}:${payload.overscanEnd}`;\n    if (signature === lastRangeChangeRef.current) return;\n    lastRangeChangeRef.current = signature;\n    callback(payload);\n  };\n\n  const syncRangeFromScrollRef = useRef(() => {});\n\n  syncRangeFromScrollRef.current = () => {\n    const element = ref.current;\n    if (!element) return;\n\n    const scrollTop = element.scrollTop; // banned-read-ok: scroll position drives the virtual range.\n    const previousRange = computeRange();\n    scrollTopRef.current = scrollTop;\n\n    const nextRange = computeRange();\n    if (rangesEqual(previousRange, nextRange)) return;\n\n    emitRangeChange(nextRange);\n\n    const { dynamicLayout, itemCount, viewportHeight, rowHeight, overscan } =\n      scrollOptionsRef.current;\n    const slotCount = computeActiveVirtualScrollSlotCount(\n      itemCount,\n      nextRange.start,\n      Math.max(\n        nextRange.end - nextRange.start,\n        computeVirtualScrollSlotCount(viewportHeight, rowHeight, overscan),\n      ),\n    );\n    const store = measurementStoreRef.current;\n\n    // Write range CSS vars on the scroll handler so rows move in the same frame as scrollTop.\n    applyVirtualScrollRangeToDom(element, nextRange, {\n      dynamicLayout,\n      slotCount,\n      getRowOffset: store.getRowOffset.bind(store),\n    });\n\n    // Commit the visible slice synchronously so content matches scroll position on large jumps.\n    flushSync(() => {\n      setRangeVersion((version) => version + 1);\n    });\n  };\n\n  const iosControllerRef = useRef(\n    createVirtualScrollIosScroll({\n      enabled: detectTouchScrollEnvironment(),\n      resetDelay: isScrollingResetDelay,\n    }),\n  );\n\n  const applyScrollDeltaRef = useRef((_delta: number) => {});\n\n  applyScrollDeltaRef.current = (delta: number) => {\n    const element = ref.current;\n    if (!element || delta === 0) return;\n    element.scrollTop += delta; // banned-read-ok: preserve the viewport while rows resize.\n    syncRangeFromScrollRef.current();\n  };\n\n  const applyScrollOffset = (\n    offset: number,\n    behavior: VirtualScrollScrollBehaviorOptions[\"behavior\"],\n  ): void => {\n    const element = ref.current;\n    if (!element) return;\n\n    const store = measurementStoreRef.current;\n    const totalSize = dynamicLayout ? store.getTotalSize() : items.length * rowHeight;\n    const clamped = clampScrollOffset(offset, totalSize, viewportHeight);\n    const resolved = resolveScrollBehavior(behavior);\n\n    if (typeof element.scrollTo === \"function\") {\n      element.scrollTo({ top: clamped, behavior: resolved });\n    } else {\n      element.scrollTop = clamped; // banned-read-ok: native scroll fallback for this viewport.\n    }\n    syncRangeFromScrollRef.current();\n\n    if (isSmoothScrollActive(behavior ?? \"auto\", element.scrollTop, clamped)) {\n      // banned-read-ok: poll native smooth-scroll completion.\n      if (smoothRafRef.current !== 0) cancelAnimationFrame(smoothRafRef.current);\n      const tick = (): void => {\n        syncRangeFromScrollRef.current();\n        const node = ref.current;\n        if (!node) {\n          smoothRafRef.current = 0;\n          return;\n        }\n        if (isSmoothScrollActive(\"smooth\", node.scrollTop, clamped)) {\n          // banned-read-ok: poll native smooth-scroll completion.\n          smoothRafRef.current = requestAnimationFrame(tick);\n          return;\n        }\n        smoothRafRef.current = 0;\n      };\n      smoothRafRef.current = requestAnimationFrame(tick);\n    }\n  };\n\n  const applyScrollOffsetRef = useRef(\n    (_offset: number, _behavior: VirtualScrollScrollBehaviorOptions[\"behavior\"]) => {},\n  );\n\n  applyScrollOffsetRef.current = applyScrollOffset;\n\n  useImperativeHandle(\n    scrollRef,\n    (): VirtualScrollHandle => ({\n      get element() {\n        return ref.current;\n      },\n      scrollToIndex(index: number, options?: VirtualScrollScrollToIndexOptions): void {\n        const normalized = normalizeScrollToIndexOptions(options);\n        const store = measurementStoreRef.current;\n        const metrics = {\n          getRowOffset: store.getRowOffset.bind(store),\n          getRowHeight: store.getRowHeight.bind(store),\n          getTotalSize: store.getTotalSize.bind(store),\n        };\n        const offset = computeScrollOffsetForIndex(\n          index,\n          normalized.align,\n          metrics,\n          scrollOptionsRef.current.viewportHeight,\n          scrollTopRef.current,\n        );\n        applyScrollOffsetRef.current(offset, normalized.behavior);\n      },\n      scrollToOffset(offset: number, options?: VirtualScrollScrollBehaviorOptions): void {\n        applyScrollOffsetRef.current(offset, normalizeScrollBehaviorOptions(options));\n      },\n      scrollToEnd(options?: VirtualScrollScrollBehaviorOptions): void {\n        const store = measurementStoreRef.current;\n        const totalSize = dynamicLayout\n          ? store.getTotalSize()\n          : scrollOptionsRef.current.itemCount * scrollOptionsRef.current.rowHeight;\n        const offset = Math.max(0, totalSize - scrollOptionsRef.current.viewportHeight);\n        applyScrollOffsetRef.current(offset, normalizeScrollBehaviorOptions(options));\n      },\n    }),\n    [dynamicLayout],\n  );\n\n  const range = useMemo(() => {\n    void rangeVersion;\n    void measurementVersion;\n    return computeRange();\n  }, [rangeVersion, measurementVersion]);\n\n  const totalSize = useMemo(() => {\n    void measurementVersion;\n    if (dynamicLayout) return measurementStoreRef.current.getTotalSize();\n    return items.length * rowHeight;\n  }, [dynamicLayout, items.length, measurementVersion, rowHeight]);\n\n  const slotCount = useMemo(() => {\n    if (items.length === 0) return 0;\n    return Math.max(\n      range.end - range.start,\n      computeVirtualScrollSlotCount(viewportHeight, rowHeight, overscan),\n    );\n  }, [items.length, overscan, range.end, range.start, rowHeight, viewportHeight]);\n\n  const rowSlots = useMemo(\n    () => buildRowSlots(items, range.start, slotCount),\n    [items, range.start, slotCount],\n  );\n\n  const handleRowMeasureRef = useRef((index: number, itemId: string, height: number) => {\n    const store = measurementStoreRef.current;\n    const previousHeight = store.getRowHeight(index);\n    const rowOffset = store.getRowOffset(index);\n    if (!store.setMeasuredHeight(itemId, index, height)) return;\n\n    const adjustment = computeScrollAdjustmentForRowResize({\n      scrollTop: scrollTopRef.current,\n      rowOffset,\n      previousHeight,\n      nextHeight: height,\n    });\n\n    if (adjustment > 0) {\n      const ios = iosControllerRef.current;\n      if (ios.isTouchScrolling()) {\n        ios.queueAdjustment(adjustment);\n      } else {\n        applyScrollDeltaRef.current(adjustment);\n      }\n    }\n\n    setMeasurementVersion((version) => version + 1);\n  });\n\n  const rowsFragmentRef = useRef<FragmentInstance>(null);\n\n  // One ResizeObserver for the whole pooled row set. React keeps the\n  // subscription in sync as slots mount and unmount — pinned by\n  // core/fragment-instance.test.tsx. Fixed layout never measures rows, so no\n  // observer is created there at all.\n  useEffect(() => {\n    if (!dynamicLayout) return;\n    const fragment = rowsFragmentRef.current;\n    if (!fragment || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const target = entry.target;\n        if (!(target instanceof HTMLElement)) continue;\n        const raw = target.dataset[\"uiifyRowIndex\"];\n        if (raw === undefined) continue;\n        const index = Number(raw);\n        if (!Number.isInteger(index)) continue;\n        const itemId = itemsRef.current[index]?.id;\n        if (itemId === undefined) continue;\n        handleRowMeasureRef.current(index, itemId, entry.contentRect.height);\n      }\n    });\n\n    fragment.observeUsing(observer);\n    return () => fragment.unobserveUsing(observer);\n  }, [dynamicLayout]);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const scrollState = createVirtualScrollScrollState({\n      resetDelay: isScrollingResetDelay,\n      supportsScrollEnd: supportsScrollEndEvent(),\n      onChange: (isScrolling) => {\n        onScrollStateChangeRef.current?.({ isScrolling });\n        if (!isScrolling) {\n          iosControllerRef.current.flushAdjustments(applyScrollDeltaRef.current);\n        }\n      },\n    });\n\n    let onScroll: (() => void) | null = null;\n    let onScrollEnd: (() => void) | null = null;\n    const ios = iosControllerRef.current;\n    const onTouchStart = (): void => ios.onTouchStart();\n    const onTouchEnd = (): void => ios.onTouchEnd();\n\n    onScroll = () => {\n      scrollState.notifyScroll();\n      syncRangeFromScrollRef.current();\n    };\n    element.addEventListener(\"scroll\", onScroll, { passive: true });\n    if (supportsScrollEndEvent()) {\n      onScrollEnd = () => {\n        scrollState.notifyScrollEnd();\n        syncRangeFromScrollRef.current();\n      };\n      element.addEventListener(\"scrollend\", onScrollEnd, { passive: true });\n    }\n    element.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n    element.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n\n    return () => {\n      if (smoothRafRef.current !== 0) cancelAnimationFrame(smoothRafRef.current);\n      if (onScroll) element.removeEventListener(\"scroll\", onScroll);\n      if (onScrollEnd) element.removeEventListener(\"scrollend\", onScrollEnd);\n      element.removeEventListener(\"touchstart\", onTouchStart);\n      element.removeEventListener(\"touchend\", onTouchEnd);\n      scrollState.dispose();\n    };\n  }, [isScrollingResetDelay]);\n\n  useEffect(() => {\n    const element = ref.current;\n    const store = measurementStoreRef.current;\n    const nextTotalSize = dynamicLayout ? store.getTotalSize() : items.length * rowHeight;\n    const previous = anchorSnapshotRef.current;\n    const nextSnapshot = {\n      firstItemId: items[0]?.id,\n      itemCount: items.length,\n      totalSize: nextTotalSize,\n      scrollTop: element?.scrollTop ?? scrollTopRef.current, // banned-read-ok: anchor snapshot reads native position.\n    };\n\n    const adjustment = resolveVirtualScrollAnchorAdjustment({\n      anchor,\n      followAppend,\n      viewportHeight,\n      previous,\n      next: nextSnapshot,\n    });\n\n    if (adjustment && element) {\n      if (adjustment.behavior === \"smooth\" && typeof element.scrollTo === \"function\") {\n        element.scrollTo({\n          top: element.scrollTop + adjustment.delta, // banned-read-ok: retain the anchored viewport.\n          behavior: \"smooth\",\n        });\n      } else {\n        element.scrollTop += adjustment.delta; // banned-read-ok: retain the anchored viewport.\n      }\n      syncRangeFromScrollRef.current();\n    }\n\n    anchorSnapshotRef.current = nextSnapshot;\n  }, [anchor, followAppend, items, dynamicLayout, rowHeight, viewportHeight]);\n\n  useEffect(() => {\n    emitRangeChange(range);\n  }, [range]);\n\n  const scrollportStyle = {\n    height,\n    overflowY: \"auto\",\n    \"--uiify-virtual-scroll-count\": items.length,\n    \"--uiify-virtual-scroll-row-height\": `${rowHeight}px`,\n    ...(dynamicLayout ? { \"--uiify-virtual-scroll-total-size\": `${totalSize}px` } : {}),\n  } as CSSProperties;\n\n  const spacerStyle = dynamicLayout\n    ? undefined\n    : ({\n        \"--uiify-range-start\": range.start,\n      } as CSSProperties);\n\n  return (\n    <div\n      ref={ref}\n      data-testid={testId}\n      data-uiify-virtual-scroll=\"\"\n      data-dynamic-layout={dynamicLayout ? \"\" : undefined}\n      role={role}\n      className={className}\n      style={scrollportStyle}\n    >\n      <div data-part=\"spacer\" style={spacerStyle}>\n        {rowSlots.map((slot) => {\n          const store = measurementStoreRef.current;\n          const rowOffset = dynamicLayout ? store.getRowOffset(slot.index) : undefined;\n          const measuredRowHeight = dynamicLayout ? store.getRowHeight(slot.index) : undefined;\n\n          return (\n            <VirtualScrollRowShell\n              key={`slot-${slot.slotIndex}`}\n              slotIndex={slot.slotIndex}\n              index={slot.index}\n              itemCount={items.length}\n              listRole={role}\n              dynamicLayout={dynamicLayout}\n              {...(rowOffset !== undefined ? { rowOffset } : {})}\n              {...(measuredRowHeight !== undefined ? { rowHeight: measuredRowHeight } : {})}\n            >\n              {slot.item ? (\n                <VirtualScrollRowItem item={slot.item} index={slot.index} renderRow={renderRow} />\n              ) : null}\n            </VirtualScrollRowShell>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\nVirtualScroll.displayName = \"VirtualScroll\";\n"],"mappings":";AAwhBgB;AAthBhB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,4CAA4C;AACrD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oCAAoC;AAS7C,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cACP,OACA,YACA,WACoC;AACpC,QAAM,kBAAkB,oCAAoC,MAAM,QAAQ,YAAY,SAAS;AAC/F,SAAO,MAAM,KAAK,EAAE,QAAQ,gBAAgB,GAAG,CAAC,GAAG,cAAc;AAC/D,UAAM,QAAQ,aAAa;AAC3B,WAAO;AAAA,MACL;AAAA,MACA,MAAM,MAAM,KAAK,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,SAAS,cACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf;AAAA,IACA,wBAAwB;AAAA,EAC1B,IAAI;AAEJ,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,eAAe,OAAO,CAAC;AAC7B,QAAM,WAAW,OAAO,KAAK;AAC7B,WAAS,UAAU;AACnB,QAAM,eAAe,OAAO,CAAC;AAC7B,QAAM,qBAAqB,OAAe,EAAE;AAC5C,QAAM,qBAAqB,OAAO,oBAAI,IAAoB,CAAC;AAC3D,QAAM,oBAAoB,OAAO;AAAA,IAC/B,aAAa,MAAM,CAAC,GAAG;AAAA,IACvB,WAAW,MAAM;AAAA,IACjB,WAAW;AAAA,IACX,WAAW;AAAA,EACb,CAAC;AAED,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,CAAC;AAE9D,QAAM,eAAe,kBAAkB,GAAG;AAC1C,QAAM,iBAAiB,cAAc,UAAU;AAE/C,QAAM,sBAAsB;AAAA,IAC1B,oCAAoC;AAAA,MAClC,WAAW,MAAM;AAAA,MACjB,kBAAkB;AAAA,MAClB,GAAI,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;AAAA,MACjD,iBAAiB,mBAAmB;AAAA,MACpC,eAAe,CAAC,UAAU,SAAS,QAAQ,KAAK,GAAG;AAAA,IACrD,CAAC;AAAA,EACH;AAEA,sBAAoB,QAAQ,cAAc,MAAM,MAAM;AAEtD,QAAM,mBAAmB,OAAO;AAAA,IAC9B;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,mBAAiB,UAAU;AAAA,IACzB;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,OAAO,aAAa;AAC7C,mBAAiB,UAAU;AAE3B,QAAM,yBAAyB,OAAO,mBAAmB;AACzD,yBAAuB,UAAU;AAEjC,QAAM,eAAe,MAAoD;AACvE,UAAM,EAAE,eAAAA,gBAAe,WAAW,UAAAC,WAAU,WAAAC,YAAW,gBAAAC,gBAAe,IACpE,iBAAiB;AACnB,UAAM,YAAY,aAAa;AAE/B,QAAIH,gBAAe;AACjB,YAAM,QAAQ,oBAAoB;AAClC,aAAO,iCAAiC;AAAA,QACtC;AAAA,QACA,gBAAAG;AAAA,QACA;AAAA,QACA,UAAAF;AAAA,QACA,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,cAAc,MAAM;AAAA,MACtB,CAAC;AAAA,IACH;AAEA,WAAO,0BAA0B;AAAA,MAC/B;AAAA,MACA,gBAAAE;AAAA,MACA;AAAA,MACA,WAAAD;AAAA,MACA,UAAAD;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACG,WAA8D;AACrF,UAAM,WAAW,iBAAiB;AAClC,QAAI,CAAC,SAAU;AACf,UAAM,UAAU,2BAA2BA,MAAK;AAChD,UAAM,YAAY,GAAG,QAAQ,aAAa,IAAI,QAAQ,WAAW;AACjE,QAAI,cAAc,mBAAmB,QAAS;AAC9C,uBAAmB,UAAU;AAC7B,aAAS,OAAO;AAAA,EAClB;AAEA,QAAM,yBAAyB,OAAO,MAAM;AAAA,EAAC,CAAC;AAE9C,yBAAuB,UAAU,MAAM;AACrC,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,YAAY,QAAQ;AAC1B,UAAM,gBAAgB,aAAa;AACnC,iBAAa,UAAU;AAEvB,UAAM,YAAY,aAAa;AAC/B,QAAI,YAAY,eAAe,SAAS,EAAG;AAE3C,oBAAgB,SAAS;AAEzB,UAAM,EAAE,eAAAJ,gBAAe,WAAW,gBAAAG,iBAAgB,WAAAD,YAAW,UAAAD,UAAS,IACpE,iBAAiB;AACnB,UAAMI,aAAY;AAAA,MAChB;AAAA,MACA,UAAU;AAAA,MACV,KAAK;AAAA,QACH,UAAU,MAAM,UAAU;AAAA,QAC1B,8BAA8BF,iBAAgBD,YAAWD,SAAQ;AAAA,MACnE;AAAA,IACF;AACA,UAAM,QAAQ,oBAAoB;AAGlC,iCAA6B,SAAS,WAAW;AAAA,MAC/C,eAAAD;AAAA,MACA,WAAAK;AAAA,MACA,cAAc,MAAM,aAAa,KAAK,KAAK;AAAA,IAC7C,CAAC;AAGD,cAAU,MAAM;AACd,sBAAgB,CAAC,YAAY,UAAU,CAAC;AAAA,IAC1C,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB;AAAA,IACvB,6BAA6B;AAAA,MAC3B,SAAS,6BAA6B;AAAA,MACtC,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAEA,QAAM,sBAAsB,OAAO,CAAC,WAAmB;AAAA,EAAC,CAAC;AAEzD,sBAAoB,UAAU,CAAC,UAAkB;AAC/C,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,UAAU,EAAG;AAC7B,YAAQ,aAAa;AACrB,2BAAuB,QAAQ;AAAA,EACjC;AAEA,QAAM,oBAAoB,CACxB,QACA,aACS;AACT,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,QAAQ,oBAAoB;AAClC,UAAMC,aAAY,gBAAgB,MAAM,aAAa,IAAI,MAAM,SAAS;AACxE,UAAM,UAAU,kBAAkB,QAAQA,YAAW,cAAc;AACnE,UAAM,WAAW,sBAAsB,QAAQ;AAE/C,QAAI,OAAO,QAAQ,aAAa,YAAY;AAC1C,cAAQ,SAAS,EAAE,KAAK,SAAS,UAAU,SAAS,CAAC;AAAA,IACvD,OAAO;AACL,cAAQ,YAAY;AAAA,IACtB;AACA,2BAAuB,QAAQ;AAE/B,QAAI,qBAAqB,YAAY,QAAQ,QAAQ,WAAW,OAAO,GAAG;AAExE,UAAI,aAAa,YAAY,EAAG,sBAAqB,aAAa,OAAO;AACzE,YAAM,OAAO,MAAY;AACvB,+BAAuB,QAAQ;AAC/B,cAAM,OAAO,IAAI;AACjB,YAAI,CAAC,MAAM;AACT,uBAAa,UAAU;AACvB;AAAA,QACF;AACA,YAAI,qBAAqB,UAAU,KAAK,WAAW,OAAO,GAAG;AAE3D,uBAAa,UAAU,sBAAsB,IAAI;AACjD;AAAA,QACF;AACA,qBAAa,UAAU;AAAA,MACzB;AACA,mBAAa,UAAU,sBAAsB,IAAI;AAAA,IACnD;AAAA,EACF;AAEA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAiB,cAA8D;AAAA,IAAC;AAAA,EACnF;AAEA,uBAAqB,UAAU;AAE/B;AAAA,IACE;AAAA,IACA,OAA4B;AAAA,MAC1B,IAAI,UAAU;AACZ,eAAO,IAAI;AAAA,MACb;AAAA,MACA,cAAc,OAAe,SAAmD;AAC9E,cAAM,aAAa,8BAA8B,OAAO;AACxD,cAAM,QAAQ,oBAAoB;AAClC,cAAM,UAAU;AAAA,UACd,cAAc,MAAM,aAAa,KAAK,KAAK;AAAA,UAC3C,cAAc,MAAM,aAAa,KAAK,KAAK;AAAA,UAC3C,cAAc,MAAM,aAAa,KAAK,KAAK;AAAA,QAC7C;AACA,cAAM,SAAS;AAAA,UACb;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA,iBAAiB,QAAQ;AAAA,UACzB,aAAa;AAAA,QACf;AACA,6BAAqB,QAAQ,QAAQ,WAAW,QAAQ;AAAA,MAC1D;AAAA,MACA,eAAe,QAAgB,SAAoD;AACjF,6BAAqB,QAAQ,QAAQ,+BAA+B,OAAO,CAAC;AAAA,MAC9E;AAAA,MACA,YAAY,SAAoD;AAC9D,cAAM,QAAQ,oBAAoB;AAClC,cAAMA,aAAY,gBACd,MAAM,aAAa,IACnB,iBAAiB,QAAQ,YAAY,iBAAiB,QAAQ;AAClE,cAAM,SAAS,KAAK,IAAI,GAAGA,aAAY,iBAAiB,QAAQ,cAAc;AAC9E,6BAAqB,QAAQ,QAAQ,+BAA+B,OAAO,CAAC;AAAA,MAC9E;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,SAAK;AACL,SAAK;AACL,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAErC,QAAM,YAAY,QAAQ,MAAM;AAC9B,SAAK;AACL,QAAI,cAAe,QAAO,oBAAoB,QAAQ,aAAa;AACnE,WAAO,MAAM,SAAS;AAAA,EACxB,GAAG,CAAC,eAAe,MAAM,QAAQ,oBAAoB,SAAS,CAAC;AAE/D,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,WAAO,KAAK;AAAA,MACV,MAAM,MAAM,MAAM;AAAA,MAClB,8BAA8B,gBAAgB,WAAW,QAAQ;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,UAAU,MAAM,KAAK,MAAM,OAAO,WAAW,cAAc,CAAC;AAE9E,QAAM,WAAW;AAAA,IACf,MAAM,cAAc,OAAO,MAAM,OAAO,SAAS;AAAA,IACjD,CAAC,OAAO,MAAM,OAAO,SAAS;AAAA,EAChC;AAEA,QAAM,sBAAsB,OAAO,CAAC,OAAe,QAAgBC,YAAmB;AACpF,UAAM,QAAQ,oBAAoB;AAClC,UAAM,iBAAiB,MAAM,aAAa,KAAK;AAC/C,UAAM,YAAY,MAAM,aAAa,KAAK;AAC1C,QAAI,CAAC,MAAM,kBAAkB,QAAQ,OAAOA,OAAM,EAAG;AAErD,UAAM,aAAa,oCAAoC;AAAA,MACrD,WAAW,aAAa;AAAA,MACxB;AAAA,MACA;AAAA,MACA,YAAYA;AAAA,IACd,CAAC;AAED,QAAI,aAAa,GAAG;AAClB,YAAM,MAAM,iBAAiB;AAC7B,UAAI,IAAI,iBAAiB,GAAG;AAC1B,YAAI,gBAAgB,UAAU;AAAA,MAChC,OAAO;AACL,4BAAoB,QAAQ,UAAU;AAAA,MACxC;AAAA,IACF;AAEA,0BAAsB,CAAC,YAAY,UAAU,CAAC;AAAA,EAChD,CAAC;AAED,QAAM,kBAAkB,OAAyB,IAAI;AAMrD,YAAU,MAAM;AACd,QAAI,CAAC,cAAe;AACpB,UAAM,WAAW,gBAAgB;AACjC,QAAI,CAAC,YAAY,OAAO,mBAAmB,YAAa;AAExD,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,iBAAW,SAAS,SAAS;AAC3B,cAAM,SAAS,MAAM;AACrB,YAAI,EAAE,kBAAkB,aAAc;AACtC,cAAM,MAAM,OAAO,QAAQ,eAAe;AAC1C,YAAI,QAAQ,OAAW;AACvB,cAAM,QAAQ,OAAO,GAAG;AACxB,YAAI,CAAC,OAAO,UAAU,KAAK,EAAG;AAC9B,cAAM,SAAS,SAAS,QAAQ,KAAK,GAAG;AACxC,YAAI,WAAW,OAAW;AAC1B,4BAAoB,QAAQ,OAAO,QAAQ,MAAM,YAAY,MAAM;AAAA,MACrE;AAAA,IACF,CAAC;AAED,aAAS,aAAa,QAAQ;AAC9B,WAAO,MAAM,SAAS,eAAe,QAAQ;AAAA,EAC/C,GAAG,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,cAAc,+BAA+B;AAAA,MACjD,YAAY;AAAA,MACZ,mBAAmB,uBAAuB;AAAA,MAC1C,UAAU,CAAC,gBAAgB;AACzB,+BAAuB,UAAU,EAAE,YAAY,CAAC;AAChD,YAAI,CAAC,aAAa;AAChB,2BAAiB,QAAQ,iBAAiB,oBAAoB,OAAO;AAAA,QACvE;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,WAAgC;AACpC,QAAI,cAAmC;AACvC,UAAM,MAAM,iBAAiB;AAC7B,UAAM,eAAe,MAAY,IAAI,aAAa;AAClD,UAAM,aAAa,MAAY,IAAI,WAAW;AAE9C,eAAW,MAAM;AACf,kBAAY,aAAa;AACzB,6BAAuB,QAAQ;AAAA,IACjC;AACA,YAAQ,iBAAiB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;AAC9D,QAAI,uBAAuB,GAAG;AAC5B,oBAAc,MAAM;AAClB,oBAAY,gBAAgB;AAC5B,+BAAuB,QAAQ;AAAA,MACjC;AACA,cAAQ,iBAAiB,aAAa,aAAa,EAAE,SAAS,KAAK,CAAC;AAAA,IACtE;AACA,YAAQ,iBAAiB,cAAc,cAAc,EAAE,SAAS,KAAK,CAAC;AACtE,YAAQ,iBAAiB,YAAY,YAAY,EAAE,SAAS,KAAK,CAAC;AAElE,WAAO,MAAM;AACX,UAAI,aAAa,YAAY,EAAG,sBAAqB,aAAa,OAAO;AACzE,UAAI,SAAU,SAAQ,oBAAoB,UAAU,QAAQ;AAC5D,UAAI,YAAa,SAAQ,oBAAoB,aAAa,WAAW;AACrE,cAAQ,oBAAoB,cAAc,YAAY;AACtD,cAAQ,oBAAoB,YAAY,UAAU;AAClD,kBAAY,QAAQ;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,qBAAqB,CAAC;AAE1B,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,UAAM,QAAQ,oBAAoB;AAClC,UAAM,gBAAgB,gBAAgB,MAAM,aAAa,IAAI,MAAM,SAAS;AAC5E,UAAM,WAAW,kBAAkB;AACnC,UAAM,eAAe;AAAA,MACnB,aAAa,MAAM,CAAC,GAAG;AAAA,MACvB,WAAW,MAAM;AAAA,MACjB,WAAW;AAAA,MACX,WAAW,SAAS,aAAa,aAAa;AAAA;AAAA,IAChD;AAEA,UAAM,aAAa,qCAAqC;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACR,CAAC;AAED,QAAI,cAAc,SAAS;AACzB,UAAI,WAAW,aAAa,YAAY,OAAO,QAAQ,aAAa,YAAY;AAC9E,gBAAQ,SAAS;AAAA,UACf,KAAK,QAAQ,YAAY,WAAW;AAAA;AAAA,UACpC,UAAU;AAAA,QACZ,CAAC;AAAA,MACH,OAAO;AACL,gBAAQ,aAAa,WAAW;AAAA,MAClC;AACA,6BAAuB,QAAQ;AAAA,IACjC;AAEA,sBAAkB,UAAU;AAAA,EAC9B,GAAG,CAAC,QAAQ,cAAc,OAAO,eAAe,WAAW,cAAc,CAAC;AAE1E,YAAU,MAAM;AACd,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,WAAW;AAAA,IACX,gCAAgC,MAAM;AAAA,IACtC,qCAAqC,GAAG,SAAS;AAAA,IACjD,GAAI,gBAAgB,EAAE,qCAAqC,GAAG,SAAS,KAAK,IAAI,CAAC;AAAA,EACnF;AAEA,QAAM,cAAc,gBAChB,SACC;AAAA,IACC,uBAAuB,MAAM;AAAA,EAC/B;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,6BAA0B;AAAA,MAC1B,uBAAqB,gBAAgB,KAAK;AAAA,MAC1C;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEP,8BAAC,SAAI,aAAU,UAAS,OAAO,aAC5B,mBAAS,IAAI,CAAC,SAAS;AACtB,cAAM,QAAQ,oBAAoB;AAClC,cAAM,YAAY,gBAAgB,MAAM,aAAa,KAAK,KAAK,IAAI;AACnE,cAAM,oBAAoB,gBAAgB,MAAM,aAAa,KAAK,KAAK,IAAI;AAE3E,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,KAAK;AAAA,YAChB,OAAO,KAAK;AAAA,YACZ,WAAW,MAAM;AAAA,YACjB,UAAU;AAAA,YACV;AAAA,YACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,YAC/C,GAAI,sBAAsB,SAAY,EAAE,WAAW,kBAAkB,IAAI,CAAC;AAAA,YAE1E,eAAK,OACJ,oBAAC,wBAAqB,MAAM,KAAK,MAAM,OAAO,KAAK,OAAO,WAAsB,IAC9E;AAAA;AAAA,UAXC,QAAQ,KAAK,SAAS;AAAA,QAY7B;AAAA,MAEJ,CAAC,GACH;AAAA;AAAA,EACF;AAEJ;AACA,cAAc,cAAc;","names":["dynamicLayout","overscan","rowHeight","viewportHeight","range","slotCount","totalSize","height"]}

package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts

@@ -18,7 +18,7 @@ interface VirtualScrollRowShellProps {
  *
  * Stateless by design: measurement is owned by the single ResizeObserver that
  * VirtualScroll attaches to the row Fragment, so this component holds no hooks.
- * `data-uiify-row-index` is how that observer's callback maps an entry back to
+ * `data-row-index` is how that observer's callback maps an entry back to
  * a list index.
  */
 export declare function VirtualScrollRowShell({ slotIndex, index, itemCount, listRole, rowOffset, rowHeight, dynamicLayout, children, }: VirtualScrollRowShellProps): ReactElement;

package/dist/components/virtual-scroll/VirtualScrollRowShell.js

@@ -27,9 +27,9 @@ function VirtualScrollRowShell({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-uiify-virtual-scroll-row": "",
-      "data-uiify-row-index": index,
-      "data-uiify-dynamic-row": dynamicLayout ? "" : void 0,
+      "data-part": "row",
+      "data-dynamic-row": dynamicLayout ? "" : void 0,
+      "data-row-index": index,
       role: listRole === "list" ? "listitem" : "row",
       "aria-setsize": itemCount,
       "aria-posinset": index + 1,

package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/virtual-scroll/VirtualScrollRowShell.tsx"],"sourcesContent":["\"use client\";\n\nimport type { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport type { VirtualScrollListRole } from \"./types.js\";\n\nexport function computeVirtualScrollSlotCount(\n  viewportHeight: number,\n  rowHeight: number,\n  overscan: number,\n): number {\n  if (rowHeight <= 0) return 0;\n  const visible = Math.max(1, Math.ceil(viewportHeight / rowHeight));\n  return visible + overscan * 2;\n}\n\n/** Clamp pooled slot count so indices never exceed the list tail. */\nexport function computeActiveVirtualScrollSlotCount(\n  itemCount: number,\n  rangeStart: number,\n  slotCount: number,\n): number {\n  if (itemCount <= 0 || slotCount <= 0) return 0;\n  return Math.min(slotCount, Math.max(0, itemCount - rangeStart));\n}\n\ninterface VirtualScrollRowShellProps {\n  readonly slotIndex: number;\n  readonly index: number;\n  readonly itemCount: number;\n  readonly listRole: VirtualScrollListRole;\n  readonly rowOffset?: number;\n  readonly rowHeight?: number;\n  readonly dynamicLayout: boolean;\n  readonly children: ReactNode;\n}\n\n/**\n * Row shell — static `--uiify-slot-index` in fixed mode; per-row offset in dynamic mode.\n *\n * Stateless by design: measurement is owned by the single ResizeObserver that\n * VirtualScroll attaches to the row Fragment, so this component holds no hooks.\n * `data-uiify-row-index` is how that observer's callback maps an entry back to\n * a list index.\n */\nexport function VirtualScrollRowShell({\n  slotIndex,\n  index,\n  itemCount,\n  listRole,\n  rowOffset,\n  rowHeight,\n  dynamicLayout,\n  children,\n}: VirtualScrollRowShellProps): ReactElement {\n  const style = {\n    \"--uiify-slot-index\": slotIndex,\n    ...(dynamicLayout && rowOffset !== undefined ? { \"--uiify-row-offset\": `${rowOffset}px` } : {}),\n    ...(dynamicLayout && rowHeight !== undefined ? { \"--uiify-row-height\": `${rowHeight}px` } : {}),\n  } as CSSProperties;\n\n  return (\n    <div\n      data-uiify-virtual-scroll-row=\"\"\n      data-uiify-row-index={index}\n      data-uiify-dynamic-row={dynamicLayout ? \"\" : undefined}\n      role={listRole === \"list\" ? \"listitem\" : \"row\"}\n      aria-setsize={itemCount}\n      aria-posinset={index + 1}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\nVirtualScrollRowShell.displayName = \"VirtualScrollRowShell\";\n"],"mappings":";AA6DI;AAxDG,SAAS,8BACd,gBACA,WACA,UACQ;AACR,MAAI,aAAa,EAAG,QAAO;AAC3B,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,KAAK,iBAAiB,SAAS,CAAC;AACjE,SAAO,UAAU,WAAW;AAC9B;AAGO,SAAS,oCACd,WACA,YACA,WACQ;AACR,MAAI,aAAa,KAAK,aAAa,EAAG,QAAO;AAC7C,SAAO,KAAK,IAAI,WAAW,KAAK,IAAI,GAAG,YAAY,UAAU,CAAC;AAChE;AAqBO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6C;AAC3C,QAAM,QAAQ;AAAA,IACZ,sBAAsB;AAAA,IACtB,GAAI,iBAAiB,cAAc,SAAY,EAAE,sBAAsB,GAAG,SAAS,KAAK,IAAI,CAAC;AAAA,IAC7F,GAAI,iBAAiB,cAAc,SAAY,EAAE,sBAAsB,GAAG,SAAS,KAAK,IAAI,CAAC;AAAA,EAC/F;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iCAA8B;AAAA,MAC9B,wBAAsB;AAAA,MACtB,0BAAwB,gBAAgB,KAAK;AAAA,MAC7C,MAAM,aAAa,SAAS,aAAa;AAAA,MACzC,gBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AACA,sBAAsB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/virtual-scroll/VirtualScrollRowShell.tsx"],"sourcesContent":["\"use client\";\n\nimport type { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport type { VirtualScrollListRole } from \"./types.js\";\n\nexport function computeVirtualScrollSlotCount(\n  viewportHeight: number,\n  rowHeight: number,\n  overscan: number,\n): number {\n  if (rowHeight <= 0) return 0;\n  const visible = Math.max(1, Math.ceil(viewportHeight / rowHeight));\n  return visible + overscan * 2;\n}\n\n/** Clamp pooled slot count so indices never exceed the list tail. */\nexport function computeActiveVirtualScrollSlotCount(\n  itemCount: number,\n  rangeStart: number,\n  slotCount: number,\n): number {\n  if (itemCount <= 0 || slotCount <= 0) return 0;\n  return Math.min(slotCount, Math.max(0, itemCount - rangeStart));\n}\n\ninterface VirtualScrollRowShellProps {\n  readonly slotIndex: number;\n  readonly index: number;\n  readonly itemCount: number;\n  readonly listRole: VirtualScrollListRole;\n  readonly rowOffset?: number;\n  readonly rowHeight?: number;\n  readonly dynamicLayout: boolean;\n  readonly children: ReactNode;\n}\n\n/**\n * Row shell — static `--uiify-slot-index` in fixed mode; per-row offset in dynamic mode.\n *\n * Stateless by design: measurement is owned by the single ResizeObserver that\n * VirtualScroll attaches to the row Fragment, so this component holds no hooks.\n * `data-row-index` is how that observer's callback maps an entry back to\n * a list index.\n */\nexport function VirtualScrollRowShell({\n  slotIndex,\n  index,\n  itemCount,\n  listRole,\n  rowOffset,\n  rowHeight,\n  dynamicLayout,\n  children,\n}: VirtualScrollRowShellProps): ReactElement {\n  const style = {\n    \"--uiify-slot-index\": slotIndex,\n    ...(dynamicLayout && rowOffset !== undefined ? { \"--uiify-row-offset\": `${rowOffset}px` } : {}),\n    ...(dynamicLayout && rowHeight !== undefined ? { \"--uiify-row-height\": `${rowHeight}px` } : {}),\n  } as CSSProperties;\n\n  return (\n    <div\n      data-part=\"row\"\n      data-dynamic-row={dynamicLayout ? \"\" : undefined}\n      data-row-index={index}\n      role={listRole === \"list\" ? \"listitem\" : \"row\"}\n      aria-setsize={itemCount}\n      aria-posinset={index + 1}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\nVirtualScrollRowShell.displayName = \"VirtualScrollRowShell\";\n"],"mappings":";AA6DI;AAxDG,SAAS,8BACd,gBACA,WACA,UACQ;AACR,MAAI,aAAa,EAAG,QAAO;AAC3B,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,KAAK,iBAAiB,SAAS,CAAC;AACjE,SAAO,UAAU,WAAW;AAC9B;AAGO,SAAS,oCACd,WACA,YACA,WACQ;AACR,MAAI,aAAa,KAAK,aAAa,EAAG,QAAO;AAC7C,SAAO,KAAK,IAAI,WAAW,KAAK,IAAI,GAAG,YAAY,UAAU,CAAC;AAChE;AAqBO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6C;AAC3C,QAAM,QAAQ;AAAA,IACZ,sBAAsB;AAAA,IACtB,GAAI,iBAAiB,cAAc,SAAY,EAAE,sBAAsB,GAAG,SAAS,KAAK,IAAI,CAAC;AAAA,IAC7F,GAAI,iBAAiB,cAAc,SAAY,EAAE,sBAAsB,GAAG,SAAS,KAAK,IAAI,CAAC;AAAA,EAC/F;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,gBAAgB,KAAK;AAAA,MACvC,kBAAgB;AAAA,MAChB,MAAM,aAAa,SAAS,aAAa;AAAA,MACzC,gBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AACA,sBAAsB,cAAc;","names":[]}

package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js

@@ -1,11 +1,11 @@
 function applyVirtualScrollRangeToDom(scrollport, range, options) {
-  const spacer = scrollport.querySelector("[data-uiify-virtual-scroll-spacer]");
+  const spacer = scrollport.querySelector('[data-part="spacer"]');
   if (!(spacer instanceof HTMLElement)) return;
   if (!options.dynamicLayout) {
     spacer.style.setProperty("--uiify-range-start", String(range.start));
     return;
   }
-  const rows = spacer.querySelectorAll("[data-uiify-virtual-scroll-row]");
+  const rows = spacer.querySelectorAll('[data-part="row"]');
   for (let slotIndex = 0; slotIndex < options.slotCount; slotIndex++) {
     const row = rows[slotIndex];
     if (!(row instanceof HTMLElement)) continue;

package/dist/components/virtual-scroll/virtual-scroll-scroll-sync.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/virtual-scroll/virtual-scroll-scroll-sync.ts"],"sourcesContent":["import type { VirtualScrollRange } from \"./virtual-scroll-range.js\";\n\n/** Imperatively update row positions from scrollTop so the viewport stays filled before React paints. */\nexport function applyVirtualScrollRangeToDom(\n  scrollport: HTMLElement,\n  range: VirtualScrollRange,\n  options: {\n    readonly dynamicLayout: boolean;\n    readonly slotCount: number;\n    readonly getRowOffset: (index: number) => number;\n  },\n): void {\n  const spacer = scrollport.querySelector(\"[data-uiify-virtual-scroll-spacer]\");\n  if (!(spacer instanceof HTMLElement)) return;\n\n  if (!options.dynamicLayout) {\n    spacer.style.setProperty(\"--uiify-range-start\", String(range.start));\n    return;\n  }\n\n  const rows = spacer.querySelectorAll(\"[data-uiify-virtual-scroll-row]\");\n  for (let slotIndex = 0; slotIndex < options.slotCount; slotIndex++) {\n    const row = rows[slotIndex];\n    if (!(row instanceof HTMLElement)) continue;\n    const index = range.start + slotIndex;\n    row.style.setProperty(\"--uiify-row-offset\", `${options.getRowOffset(index)}px`);\n  }\n}\n"],"mappings":"AAGO,SAAS,6BACd,YACA,OACA,SAKM;AACN,QAAM,SAAS,WAAW,cAAc,oCAAoC;AAC5E,MAAI,EAAE,kBAAkB,aAAc;AAEtC,MAAI,CAAC,QAAQ,eAAe;AAC1B,WAAO,MAAM,YAAY,uBAAuB,OAAO,MAAM,KAAK,CAAC;AACnE;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,iBAAiB,iCAAiC;AACtE,WAAS,YAAY,GAAG,YAAY,QAAQ,WAAW,aAAa;AAClE,UAAM,MAAM,KAAK,SAAS;AAC1B,QAAI,EAAE,eAAe,aAAc;AACnC,UAAM,QAAQ,MAAM,QAAQ;AAC5B,QAAI,MAAM,YAAY,sBAAsB,GAAG,QAAQ,aAAa,KAAK,CAAC,IAAI;AAAA,EAChF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/virtual-scroll/virtual-scroll-scroll-sync.ts"],"sourcesContent":["import type { VirtualScrollRange } from \"./virtual-scroll-range.js\";\n\n/** Imperatively update row positions from scrollTop so the viewport stays filled before React paints. */\nexport function applyVirtualScrollRangeToDom(\n  scrollport: HTMLElement,\n  range: VirtualScrollRange,\n  options: {\n    readonly dynamicLayout: boolean;\n    readonly slotCount: number;\n    readonly getRowOffset: (index: number) => number;\n  },\n): void {\n  const spacer = scrollport.querySelector('[data-part=\"spacer\"]');\n  if (!(spacer instanceof HTMLElement)) return;\n\n  if (!options.dynamicLayout) {\n    spacer.style.setProperty(\"--uiify-range-start\", String(range.start));\n    return;\n  }\n\n  const rows = spacer.querySelectorAll('[data-part=\"row\"]');\n  for (let slotIndex = 0; slotIndex < options.slotCount; slotIndex++) {\n    const row = rows[slotIndex];\n    if (!(row instanceof HTMLElement)) continue;\n    const index = range.start + slotIndex;\n    row.style.setProperty(\"--uiify-row-offset\", `${options.getRowOffset(index)}px`);\n  }\n}\n"],"mappings":"AAGO,SAAS,6BACd,YACA,OACA,SAKM;AACN,QAAM,SAAS,WAAW,cAAc,sBAAsB;AAC9D,MAAI,EAAE,kBAAkB,aAAc;AAEtC,MAAI,CAAC,QAAQ,eAAe;AAC1B,WAAO,MAAM,YAAY,uBAAuB,OAAO,MAAM,KAAK,CAAC;AACnE;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,iBAAiB,mBAAmB;AACxD,WAAS,YAAY,GAAG,YAAY,QAAQ,WAAW,aAAa;AAClE,UAAM,MAAM,KAAK,SAAS;AAC1B,QAAI,EAAE,eAAe,aAAc;AACnC,UAAM,QAAQ,MAAM,QAAQ;AAC5B,QAAI,MAAM,YAAY,sBAAsB,GAAG,QAAQ,aAAa,KAAK,CAAC,IAAI;AAAA,EAChF;AACF;","names":[]}

package/dist/core/render-native-invoker.d.ts

@@ -1,5 +1,9 @@
 import type { ElementType, ReactElement } from "react";
 export type NativeInvokerCommand = "show-modal" | "request-close";
+interface NativeInvokerOptions {
+    readonly button?: boolean;
+    readonly variant?: "ghost" | "danger";
+}
 /**
  * Render a native invoker button. `command`/`commandfor` are lowercase HTML
  * attributes that React 19.2 passes through untouched; @types/react 19.2 does
@@ -9,8 +13,7 @@ export type NativeInvokerCommand = "show-modal" | "request-close";
  * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead
  * and keeps its own renderer (see popup/PopupParts.tsx).
  *
- * `marker` accepts one or more attribute names so a component can emit its own
- * marker alongside a deprecated one during a rename transition; every name is set to `""`.
  */
-export declare function renderNativeInvoker(as: ElementType | undefined, marker: string | readonly string[], command: NativeInvokerCommand, target: string, consumerProps: Record<string, unknown>): ReactElement;
+export declare function renderNativeInvoker(as: ElementType | undefined, marker: string, part: string, command: NativeInvokerCommand, target: string, consumerProps: Record<string, unknown>, options?: NativeInvokerOptions): ReactElement;
+export {};
 //# sourceMappingURL=render-native-invoker.d.ts.map

package/dist/core/render-native-invoker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,EAClC,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACrC,YAAY,CASd"}
+{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,OAAO,GAAE,oBAAyB,GACjC,YAAY,CAWd"}

package/dist/core/render-native-invoker.js

@@ -1,9 +1,11 @@
 import { createElement } from "react";
-function renderNativeInvoker(as, marker, command, target, consumerProps) {
-  const markers = typeof marker === "string" ? [marker] : marker;
+function renderNativeInvoker(as, marker, part, command, target, consumerProps, options = {}) {
   return createElement(as ?? "button", {
     ...consumerProps,
-    ...Object.fromEntries(markers.map((name) => [name, ""])),
+    ...options.button ? { "data-uiify-button": "" } : {},
+    [marker]: "",
+    "data-part": part,
+    ...options.variant ? { "data-variant": options.variant } : {},
     command,
     commandfor: target,
     type: "button"