@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/components/ItemActions.cjs

@@ -10,7 +10,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 function ItemActions({ label, index, count, onMove, onDuplicate, onRemove, leading, reveal = true, size = "md", className }) {
 	const action = require_utils.cn("inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30", require_json_schema_form_size.controlHeightClass[size]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.cn("ml-auto flex shrink-0 items-center gap-0.5", reveal && "opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", className),
+		className: require_utils.cn("ml-auto flex shrink-0 items-center gap-0.5", reveal && "opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100 [@media(hover:none)]:opacity-100", className),
 		children: [
 			leading,
 			onMove && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {

package/dist/components/ItemActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActions.cjs","names":["cn","controlHeightClass","_Fragment","Icon","UiChevronUp","UiChevronDown","UiCopy","UiTrash"],"sources":["../../src/components/ItemActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { SizeToken } from \"../lib/size\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass } from \"./json-schema-form-size\";\n\n// The per-row action cluster shared by every editable-list surface: AccordionList\n// and the JsonSchemaForm array displays. Each action is offered ONLY when its\n// handler is supplied, which is how a list opts into reorder without opting into\n// delete — there is no separate flag to keep in sync with the callback.\nexport interface ItemActionsProps {\n  /** Names the item in every action's accessible label (\"Move Routes up\"). */\n  label: string;\n  /** This row's position, used for the reorder targets and the end-disabling. */\n  index: number;\n  /** Total rows, so the last row's \"down\" disables itself. */\n  count: number;\n  /**\n   * Offers both reorder buttons, called with the destination index. The button\n   * at either end of the list renders disabled rather than missing, so the\n   * cluster keeps a constant width down a long list.\n   */\n  onMove?: (to: number) => void;\n  /** Offers the duplicate button. */\n  onDuplicate?: () => void;\n  /** Offers the remove button. */\n  onRemove?: () => void;\n  /** Consumer actions, rendered before the built-in ones. */\n  leading?: ReactNode;\n  /**\n   * Reveal on row hover / focus-within. Defaults to true, which requires\n   * `group` on the row container — a long list is then not a wall of\n   * permanently dim icons, while keyboard users still see the actions the\n   * moment they arrive. Pass false for a row that must always show them.\n   */\n  reveal?: boolean;\n  size?: SizeToken;\n  className?: string;\n}\n\nexport function ItemActions({\n  label,\n  index,\n  count,\n  onMove,\n  onDuplicate,\n  onRemove,\n  leading,\n  reveal = true,\n  size = \"md\",\n  className,\n}: ItemActionsProps) {\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div\n      className={cn(\n        \"ml-auto flex shrink-0 items-center gap-0.5\",\n        reveal &&\n          \"opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\",\n        className,\n      )}\n    >\n      {leading}\n      {onMove && (\n        <>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} up`}\n            disabled={index === 0}\n            className={action}\n            onClick={() => onMove(index - 1)}\n          >\n            <Icon icon={UiChevronUp} className=\"text-sm\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} down`}\n            disabled={index >= count - 1}\n            className={action}\n            onClick={() => onMove(index + 1)}\n          >\n            <Icon icon={UiChevronDown} className=\"text-sm\" />\n          </button>\n        </>\n      )}\n      {onDuplicate && (\n        <button\n          type=\"button\"\n          aria-label={`Duplicate ${label}`}\n          className={action}\n          onClick={onDuplicate}\n        >\n          <Icon icon={UiCopy} className=\"text-sm\" />\n        </button>\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={`Remove ${label}`}\n          className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n          onClick={onRemove}\n          data-item-index={index}\n        >\n          <Icon icon={UiTrash} className=\"text-sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,OACA,OACA,OACA,QACA,aACA,UACA,SACA,SAAS,MACT,OAAO,MACP,aACmB;CACnB,MAAM,SAASA,cAAAA,GACb,iJACAC,8BAAAA,mBAAmB,KACrB;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWD,cAAAA,GACT,8CACA,UACE,iFACF,SACF;EANF,UAAA;GAQG;GACA,UACC,iBAAA,GAAA,kBAAA,KAAA,CAAAE,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,UAAU;IACpB,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,oBAAAA;KAAa,WAAU;IAAW,CAAA;GACxC,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,SAAS,QAAQ;IAC3B,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;KAAM,MAAME,sBAAAA;KAAe,WAAU;IAAW,CAAA;GAC1C,CAAA,CACR,EAAA,CAAA;GAEH,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,aAAa;IACzB,WAAW;IACX,SAAS;IAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;KAAM,MAAMG,eAAAA;KAAQ,WAAU;IAAW,CAAA;GACnC,CAAA;GAET,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,UAAU;IACtB,WAAWN,cAAAA,GAAG,QAAQ,gDAAgD;IACtE,SAAS;IACT,mBAAiB;IAEjB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,MAAD;KAAM,MAAMI,gBAAAA;KAAS,WAAU;IAAW,CAAA;GACpC,CAAA;EAEP;;AAET"}
+{"version":3,"file":"ItemActions.cjs","names":["cn","controlHeightClass","_Fragment","Icon","UiChevronUp","UiChevronDown","UiCopy","UiTrash"],"sources":["../../src/components/ItemActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { SizeToken } from \"../lib/size\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass } from \"./json-schema-form-size\";\n\n// The per-row action cluster shared by every editable-list surface: AccordionList\n// and the JsonSchemaForm array displays. Each action is offered ONLY when its\n// handler is supplied, which is how a list opts into reorder without opting into\n// delete — there is no separate flag to keep in sync with the callback.\nexport interface ItemActionsProps {\n  /** Names the item in every action's accessible label (\"Move Routes up\"). */\n  label: string;\n  /** This row's position, used for the reorder targets and the end-disabling. */\n  index: number;\n  /** Total rows, so the last row's \"down\" disables itself. */\n  count: number;\n  /**\n   * Offers both reorder buttons, called with the destination index. The button\n   * at either end of the list renders disabled rather than missing, so the\n   * cluster keeps a constant width down a long list.\n   */\n  onMove?: (to: number) => void;\n  /** Offers the duplicate button. */\n  onDuplicate?: () => void;\n  /** Offers the remove button. */\n  onRemove?: () => void;\n  /** Consumer actions, rendered before the built-in ones. */\n  leading?: ReactNode;\n  /**\n   * Reveal on row hover / focus-within. Defaults to true, which requires\n   * `group` on the row container — a long list is then not a wall of\n   * permanently dim icons, while keyboard users still see the actions the\n   * moment they arrive. Pass false for a row that must always show them.\n   */\n  reveal?: boolean;\n  size?: SizeToken;\n  className?: string;\n}\n\nexport function ItemActions({\n  label,\n  index,\n  count,\n  onMove,\n  onDuplicate,\n  onRemove,\n  leading,\n  reveal = true,\n  size = \"md\",\n  className,\n}: ItemActionsProps) {\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div\n      className={cn(\n        \"ml-auto flex shrink-0 items-center gap-0.5\",\n        reveal &&\n          \"opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100 [@media(hover:none)]:opacity-100\",\n        className,\n      )}\n    >\n      {leading}\n      {onMove && (\n        <>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} up`}\n            disabled={index === 0}\n            className={action}\n            onClick={() => onMove(index - 1)}\n          >\n            <Icon icon={UiChevronUp} className=\"text-sm\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} down`}\n            disabled={index >= count - 1}\n            className={action}\n            onClick={() => onMove(index + 1)}\n          >\n            <Icon icon={UiChevronDown} className=\"text-sm\" />\n          </button>\n        </>\n      )}\n      {onDuplicate && (\n        <button\n          type=\"button\"\n          aria-label={`Duplicate ${label}`}\n          className={action}\n          onClick={onDuplicate}\n        >\n          <Icon icon={UiCopy} className=\"text-sm\" />\n        </button>\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={`Remove ${label}`}\n          className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n          onClick={onRemove}\n          data-item-index={index}\n        >\n          <Icon icon={UiTrash} className=\"text-sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,OACA,OACA,OACA,QACA,aACA,UACA,SACA,SAAS,MACT,OAAO,MACP,aACmB;CACnB,MAAM,SAASA,cAAAA,GACb,iJACAC,8BAAAA,mBAAmB,KACrB;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWD,cAAAA,GACT,8CACA,UACE,kHACF,SACF;EANF,UAAA;GAQG;GACA,UACC,iBAAA,GAAA,kBAAA,KAAA,CAAAE,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,UAAU;IACpB,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,oBAAAA;KAAa,WAAU;IAAW,CAAA;GACxC,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,SAAS,QAAQ;IAC3B,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;KAAM,MAAME,sBAAAA;KAAe,WAAU;IAAW,CAAA;GAC1C,CAAA,CACR,EAAA,CAAA;GAEH,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,aAAa;IACzB,WAAW;IACX,SAAS;IAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;KAAM,MAAMG,eAAAA;KAAQ,WAAU;IAAW,CAAA;GACnC,CAAA;GAET,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,cAAY,UAAU;IACtB,WAAWN,cAAAA,GAAG,QAAQ,gDAAgD;IACtE,SAAS;IACT,mBAAiB;IAEjB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,MAAD;KAAM,MAAMI,gBAAAA;KAAS,WAAU;IAAW,CAAA;GACpC,CAAA;EAEP;;AAET"}

package/dist/components/ItemActions.js

@@ -10,7 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ItemActions({ label, index, count, onMove, onDuplicate, onRemove, leading, reveal = true, size = "md", className }) {
 	const action = cn("inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30", controlHeightClass[size]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ml-auto flex shrink-0 items-center gap-0.5", reveal && "opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", className),
+		className: cn("ml-auto flex shrink-0 items-center gap-0.5", reveal && "opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100 [@media(hover:none)]:opacity-100", className),
 		children: [
 			leading,
 			onMove && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {

package/dist/components/ItemActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActions.js","names":["_Fragment"],"sources":["../../src/components/ItemActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { SizeToken } from \"../lib/size\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass } from \"./json-schema-form-size\";\n\n// The per-row action cluster shared by every editable-list surface: AccordionList\n// and the JsonSchemaForm array displays. Each action is offered ONLY when its\n// handler is supplied, which is how a list opts into reorder without opting into\n// delete — there is no separate flag to keep in sync with the callback.\nexport interface ItemActionsProps {\n  /** Names the item in every action's accessible label (\"Move Routes up\"). */\n  label: string;\n  /** This row's position, used for the reorder targets and the end-disabling. */\n  index: number;\n  /** Total rows, so the last row's \"down\" disables itself. */\n  count: number;\n  /**\n   * Offers both reorder buttons, called with the destination index. The button\n   * at either end of the list renders disabled rather than missing, so the\n   * cluster keeps a constant width down a long list.\n   */\n  onMove?: (to: number) => void;\n  /** Offers the duplicate button. */\n  onDuplicate?: () => void;\n  /** Offers the remove button. */\n  onRemove?: () => void;\n  /** Consumer actions, rendered before the built-in ones. */\n  leading?: ReactNode;\n  /**\n   * Reveal on row hover / focus-within. Defaults to true, which requires\n   * `group` on the row container — a long list is then not a wall of\n   * permanently dim icons, while keyboard users still see the actions the\n   * moment they arrive. Pass false for a row that must always show them.\n   */\n  reveal?: boolean;\n  size?: SizeToken;\n  className?: string;\n}\n\nexport function ItemActions({\n  label,\n  index,\n  count,\n  onMove,\n  onDuplicate,\n  onRemove,\n  leading,\n  reveal = true,\n  size = \"md\",\n  className,\n}: ItemActionsProps) {\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div\n      className={cn(\n        \"ml-auto flex shrink-0 items-center gap-0.5\",\n        reveal &&\n          \"opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\",\n        className,\n      )}\n    >\n      {leading}\n      {onMove && (\n        <>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} up`}\n            disabled={index === 0}\n            className={action}\n            onClick={() => onMove(index - 1)}\n          >\n            <Icon icon={UiChevronUp} className=\"text-sm\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} down`}\n            disabled={index >= count - 1}\n            className={action}\n            onClick={() => onMove(index + 1)}\n          >\n            <Icon icon={UiChevronDown} className=\"text-sm\" />\n          </button>\n        </>\n      )}\n      {onDuplicate && (\n        <button\n          type=\"button\"\n          aria-label={`Duplicate ${label}`}\n          className={action}\n          onClick={onDuplicate}\n        >\n          <Icon icon={UiCopy} className=\"text-sm\" />\n        </button>\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={`Remove ${label}`}\n          className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n          onClick={onRemove}\n          data-item-index={index}\n        >\n          <Icon icon={UiTrash} className=\"text-sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,OACA,OACA,OACA,QACA,aACA,UACA,SACA,SAAS,MACT,OAAO,MACP,aACmB;CACnB,MAAM,SAAS,GACb,iJACA,mBAAmB,KACrB;CACA,OACE,qBAAC,OAAD;EACE,WAAW,GACT,8CACA,UACE,iFACF,SACF;EANF,UAAA;GAQG;GACA,UACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,UAAU;IACpB,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAa,WAAU;IAAW,CAAA;GACxC,CAAA,GACR,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,SAAS,QAAQ;IAC3B,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAe,WAAU;IAAW,CAAA;GAC1C,CAAA,CACR,EAAA,CAAA;GAEH,eACC,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,aAAa;IACzB,WAAW;IACX,SAAS;IAET,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAQ,WAAU;IAAW,CAAA;GACnC,CAAA;GAET,YACC,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,UAAU;IACtB,WAAW,GAAG,QAAQ,gDAAgD;IACtE,SAAS;IACT,mBAAiB;IAEjB,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAS,WAAU;IAAW,CAAA;GACpC,CAAA;EAEP;;AAET"}
+{"version":3,"file":"ItemActions.js","names":["_Fragment"],"sources":["../../src/components/ItemActions.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { SizeToken } from \"../lib/size\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass } from \"./json-schema-form-size\";\n\n// The per-row action cluster shared by every editable-list surface: AccordionList\n// and the JsonSchemaForm array displays. Each action is offered ONLY when its\n// handler is supplied, which is how a list opts into reorder without opting into\n// delete — there is no separate flag to keep in sync with the callback.\nexport interface ItemActionsProps {\n  /** Names the item in every action's accessible label (\"Move Routes up\"). */\n  label: string;\n  /** This row's position, used for the reorder targets and the end-disabling. */\n  index: number;\n  /** Total rows, so the last row's \"down\" disables itself. */\n  count: number;\n  /**\n   * Offers both reorder buttons, called with the destination index. The button\n   * at either end of the list renders disabled rather than missing, so the\n   * cluster keeps a constant width down a long list.\n   */\n  onMove?: (to: number) => void;\n  /** Offers the duplicate button. */\n  onDuplicate?: () => void;\n  /** Offers the remove button. */\n  onRemove?: () => void;\n  /** Consumer actions, rendered before the built-in ones. */\n  leading?: ReactNode;\n  /**\n   * Reveal on row hover / focus-within. Defaults to true, which requires\n   * `group` on the row container — a long list is then not a wall of\n   * permanently dim icons, while keyboard users still see the actions the\n   * moment they arrive. Pass false for a row that must always show them.\n   */\n  reveal?: boolean;\n  size?: SizeToken;\n  className?: string;\n}\n\nexport function ItemActions({\n  label,\n  index,\n  count,\n  onMove,\n  onDuplicate,\n  onRemove,\n  leading,\n  reveal = true,\n  size = \"md\",\n  className,\n}: ItemActionsProps) {\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div\n      className={cn(\n        \"ml-auto flex shrink-0 items-center gap-0.5\",\n        reveal &&\n          \"opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100 [@media(hover:none)]:opacity-100\",\n        className,\n      )}\n    >\n      {leading}\n      {onMove && (\n        <>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} up`}\n            disabled={index === 0}\n            className={action}\n            onClick={() => onMove(index - 1)}\n          >\n            <Icon icon={UiChevronUp} className=\"text-sm\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={`Move ${label} down`}\n            disabled={index >= count - 1}\n            className={action}\n            onClick={() => onMove(index + 1)}\n          >\n            <Icon icon={UiChevronDown} className=\"text-sm\" />\n          </button>\n        </>\n      )}\n      {onDuplicate && (\n        <button\n          type=\"button\"\n          aria-label={`Duplicate ${label}`}\n          className={action}\n          onClick={onDuplicate}\n        >\n          <Icon icon={UiCopy} className=\"text-sm\" />\n        </button>\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={`Remove ${label}`}\n          className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n          onClick={onRemove}\n          data-item-index={index}\n        >\n          <Icon icon={UiTrash} className=\"text-sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,OACA,OACA,OACA,QACA,aACA,UACA,SACA,SAAS,MACT,OAAO,MACP,aACmB;CACnB,MAAM,SAAS,GACb,iJACA,mBAAmB,KACrB;CACA,OACE,qBAAC,OAAD;EACE,WAAW,GACT,8CACA,UACE,kHACF,SACF;EANF,UAAA;GAQG;GACA,UACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,UAAU;IACpB,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAa,WAAU;IAAW,CAAA;GACxC,CAAA,GACR,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,QAAQ,MAAM;IAC1B,UAAU,SAAS,QAAQ;IAC3B,WAAW;IACX,eAAe,OAAO,QAAQ,CAAC;IAE/B,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAe,WAAU;IAAW,CAAA;GAC1C,CAAA,CACR,EAAA,CAAA;GAEH,eACC,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,aAAa;IACzB,WAAW;IACX,SAAS;IAET,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAQ,WAAU;IAAW,CAAA;GACnC,CAAA;GAET,YACC,oBAAC,UAAD;IACE,MAAK;IACL,cAAY,UAAU;IACtB,WAAW,GAAG,QAAQ,gDAAgD;IACtE,SAAS;IACT,mBAAiB;IAEjB,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAS,WAAU;IAAW,CAAA;GACpC,CAAA;EAEP;;AAET"}

package/dist/components/ListMenu.cjs

@@ -1,22 +1,52 @@
 const require_utils = require("../lib/utils.cjs");
 const require_button = require("./button.cjs");
 const require_Checkbox = require("./Checkbox.cjs");
+const require_list_menu_virtual = require("./list-menu-virtual.cjs");
 const require_use_list_menu_selection = require("./use-list-menu-selection.cjs");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/components/ListMenu.tsx
-function ListMenu({ className, selection, showCheckboxes = true, children, ...props }) {
+function ListMenu({ className, selection, showCheckboxes = true, virtualize = false, children, ...props }) {
+	const [scrollElement, setScrollElement] = (0, react.useState)(null);
+	const [contentElement, setContentElement] = (0, react.useState)(null);
+	const estimateRowHeight = typeof virtualize === "object" ? virtualize.estimateRowHeight ?? 40 : 40;
+	const overscan = typeof virtualize === "object" ? virtualize.overscan ?? 8 : 8;
+	const enabled = Boolean(virtualize);
+	if (!Number.isFinite(estimateRowHeight) || estimateRowHeight <= 0 || !Number.isInteger(overscan) || overscan < 0) throw new Error("ListMenu virtualization requires a positive row height and a non-negative integer overscan");
+	const virtual = (0, react.useMemo)(() => enabled ? {
+		scrollElement,
+		contentElement,
+		estimateRowHeight,
+		overscan
+	} : null, [
+		enabled,
+		scrollElement,
+		contentElement,
+		estimateRowHeight,
+		overscan
+	]);
 	const menu = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: enabled ? setContentElement : void 0,
 		className: require_utils.cn("divide-y divide-border", className),
 		...props,
 		children
 	});
-	if (!selection) return menu;
+	const body = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_list_menu_virtual.ListMenuVirtualContext.Provider, {
+		value: virtual,
+		children: virtualize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: setScrollElement,
+			"data-slot": "list-menu-scroll",
+			className: "h-full overflow-y-auto",
+			children: menu
+		}) : menu
+	});
+	if (!selection) return body;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_list_menu_selection.ListMenuSelectionContext.Provider, {
 		value: {
 			selection,
 			showCheckboxes
 		},
-		children: menu
+		children: body
 	});
 }
 function ListMenuSection({ className, ...props }) {

package/dist/components/ListMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListMenu.cjs","names":["cn","ListMenuSelectionContext","useListMenuSelectionContext","Checkbox","Button"],"sources":["../../src/components/ListMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./Checkbox\";\nimport {\n  ListMenuSelectionContext,\n  useListMenuSelectionContext,\n  type ListMenuSelection,\n} from \"./use-list-menu-selection\";\n\nexport type ListMenuProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Enables multi-select. Pass the object returned by `useListMenuSelection`;\n   * rows that set `itemKey` then become selectable via checkbox or Shift+Click.\n   */\n  selection?: ListMenuSelection;\n  /** Render a leading checkbox on selectable rows (default true when `selection` is set). */\n  showCheckboxes?: boolean;\n};\n\nexport function ListMenu({\n  className,\n  selection,\n  showCheckboxes = true,\n  children,\n  ...props\n}: ListMenuProps) {\n  const menu = (\n    <div className={cn(\"divide-y divide-border\", className)} {...props}>\n      {children}\n    </div>\n  );\n  if (!selection) return menu;\n  return (\n    <ListMenuSelectionContext.Provider value={{ selection, showCheckboxes }}>\n      {menu}\n    </ListMenuSelectionContext.Provider>\n  );\n}\n\nexport type ListMenuSectionProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuSection({ className, ...props }: ListMenuSectionProps) {\n  return <div className={className} {...props} />;\n}\n\nexport type ListMenuHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuHeader({ className, ...props }: ListMenuHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"sticky top-0 z-10 flex w-full items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type ListMenuItemProps = HTMLAttributes<HTMLDivElement> & {\n  /** Row density. Compact is intended for single-line values and controls. */\n  variant?: \"default\" | \"compact\";\n  /** Applies the primary selected-row treatment used for the open/detail row. */\n  active?: boolean;\n  /** Applies the softer selected treatment used for checkbox or multi-select rows. */\n  selected?: boolean;\n  /** Left-border class when neither active nor selected. */\n  accentClassName?: string;\n  /** Whether the row gets pointer and hover affordances. */\n  interactive?: boolean;\n  /** Stable key that opts the row into `ListMenu` multi-select. */\n  itemKey?: string;\n  /** Hide the leading checkbox for this row even when selection is enabled. */\n  hideCheckbox?: boolean;\n  /** Accessible name for the leading checkbox. Defaults to \"Select item\". */\n  checkboxLabel?: string;\n};\n\nexport function ListMenuItem({\n  variant = \"default\",\n  active = false,\n  selected = false,\n  accentClassName = \"border-transparent\",\n  interactive = true,\n  itemKey,\n  hideCheckbox = false,\n  checkboxLabel = \"Select item\",\n  className,\n  onClick,\n  children,\n  ...props\n}: ListMenuItemProps) {\n  const ctx = useListMenuSelectionContext();\n  const selectable = ctx !== null && itemKey !== undefined;\n  const rowSelected = selectable ? ctx.selection.isSelected(itemKey) : selected;\n\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (selectable && event.shiftKey) {\n      event.preventDefault();\n      ctx.selection.toggle(itemKey, { shiftKey: true });\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const showCheckbox = selectable && ctx.showCheckboxes && !hideCheckbox;\n  const body =\n    selectable && showCheckbox ? (\n      <div className=\"flex items-start gap-2\">\n        <Checkbox\n          className=\"mt-0.5\"\n          checked={rowSelected}\n          aria-label={checkboxLabel}\n          onClick={(event) => {\n            event.stopPropagation();\n            if (event.shiftKey) {\n              event.preventDefault();\n              ctx.selection.toggle(itemKey, { shiftKey: true });\n            }\n          }}\n          onChange={() => ctx.selection.toggle(itemKey)}\n        />\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n    ) : (\n      children\n    );\n\n  return (\n    <div\n      className={cn(\n        \"min-w-0 overflow-hidden border-l-2 transition-colors\",\n        interactive && \"cursor-pointer\",\n        active\n          ? \"border-primary bg-primary/10\"\n          : rowSelected\n            ? \"border-primary/40 bg-primary/5 hover:bg-primary/10\"\n            : cn(accentClassName, interactive && \"hover:bg-muted\"),\n        variant === \"compact\" && \"px-density-2 py-1 text-xs\",\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport type ListMenuAction = {\n  label: ReactNode;\n  /** Receives the currently selected keys (ordered as in the menu). */\n  onClick: (selectedKeys: string[]) => void;\n  icon?: ReactNode;\n  disabled?: boolean;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ListMenuActionBarProps = HTMLAttributes<HTMLDivElement> & {\n  /** Selection to act on; falls back to the enclosing `ListMenu` selection context. */\n  selection?: ListMenuSelection;\n  /** Bulk actions executed across every selected key. */\n  actions?: ListMenuAction[];\n  /** Override the \"{n} selected\" summary. */\n  renderLabel?: (count: number) => ReactNode;\n  /** Hide the whole bar when nothing is selected (default true). */\n  hideWhenEmpty?: boolean;\n  /** Label for the clear button; pass null to hide it. */\n  clearLabel?: ReactNode;\n};\n\nexport function ListMenuActionBar({\n  selection: selectionProp,\n  actions = [],\n  renderLabel,\n  hideWhenEmpty = true,\n  clearLabel = \"Clear\",\n  className,\n  children,\n  ...props\n}: ListMenuActionBarProps) {\n  const ctx = useListMenuSelectionContext();\n  const selection = selectionProp ?? ctx?.selection;\n  if (!selection) return null;\n  const { count } = selection;\n  if (hideWhenEmpty && count === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"text-sm font-medium text-foreground\">\n        {renderLabel ? renderLabel(count) : `${count} selected`}\n      </span>\n      <div className=\"ml-auto flex items-center gap-1\">\n        {actions.map((action, i) => (\n          <Button\n            key={i}\n            type=\"button\"\n            size=\"sm\"\n            variant={action.variant ?? \"outline\"}\n            disabled={action.disabled || count === 0}\n            onClick={() => action.onClick(selection.selectedKeys)}\n          >\n            {action.icon}\n            {action.label}\n          </Button>\n        ))}\n        {children}\n        {clearLabel !== null && (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => selection.clear()}>\n            {clearLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListMenu.cjs","names":["useState","useMemo","cn","ListMenuVirtualContext","ListMenuSelectionContext","useListMenuSelectionContext","Checkbox","Button"],"sources":["../../src/components/ListMenu.tsx"],"sourcesContent":["import { useMemo, useState, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./Checkbox\";\nimport { ListMenuVirtualContext, type ListMenuVirtualOptions } from \"./list-menu-virtual\";\nimport {\n  ListMenuSelectionContext,\n  useListMenuSelectionContext,\n  type ListMenuSelection,\n} from \"./use-list-menu-selection\";\n\nexport type ListMenuProps = HTMLAttributes<HTMLDivElement> & {\n  /** Window ListMenuItems inside this menu's bounded scroll viewport. */\n  virtualize?: boolean | ListMenuVirtualOptions;\n  /**\n   * Enables multi-select. Pass the object returned by `useListMenuSelection`;\n   * rows that set `itemKey` then become selectable via checkbox or Shift+Click.\n   */\n  selection?: ListMenuSelection;\n  /** Render a leading checkbox on selectable rows (default true when `selection` is set). */\n  showCheckboxes?: boolean;\n};\n\nexport function ListMenu({\n  className,\n  selection,\n  showCheckboxes = true,\n  virtualize = false,\n  children,\n  ...props\n}: ListMenuProps) {\n  const [scrollElement, setScrollElement] = useState<HTMLDivElement | null>(null);\n  const [contentElement, setContentElement] = useState<HTMLDivElement | null>(null);\n  const estimateRowHeight = typeof virtualize === \"object\" ? virtualize.estimateRowHeight ?? 40 : 40;\n  const overscan = typeof virtualize === \"object\" ? virtualize.overscan ?? 8 : 8;\n  const enabled = Boolean(virtualize);\n  if (!Number.isFinite(estimateRowHeight) || estimateRowHeight <= 0 || !Number.isInteger(overscan) || overscan < 0) {\n    throw new Error(\"ListMenu virtualization requires a positive row height and a non-negative integer overscan\");\n  }\n  const virtual = useMemo(\n    () => enabled ? { scrollElement, contentElement, estimateRowHeight, overscan } : null,\n    [enabled, scrollElement, contentElement, estimateRowHeight, overscan],\n  );\n  const menu = (\n    <div ref={enabled ? setContentElement : undefined} className={cn(\"divide-y divide-border\", className)} {...props}>\n      {children}\n    </div>\n  );\n  const body = (\n    <ListMenuVirtualContext.Provider value={virtual}>\n      {virtualize ? (\n        <div ref={setScrollElement} data-slot=\"list-menu-scroll\" className=\"h-full overflow-y-auto\">\n          {menu}\n        </div>\n      ) : menu}\n    </ListMenuVirtualContext.Provider>\n  );\n  if (!selection) return body;\n  return (\n    <ListMenuSelectionContext.Provider value={{ selection, showCheckboxes }}>\n      {body}\n    </ListMenuSelectionContext.Provider>\n  );\n}\n\nexport type ListMenuSectionProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuSection({ className, ...props }: ListMenuSectionProps) {\n  return <div className={className} {...props} />;\n}\n\nexport type ListMenuHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuHeader({ className, ...props }: ListMenuHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"sticky top-0 z-10 flex w-full items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type ListMenuItemProps = HTMLAttributes<HTMLDivElement> & {\n  /** Row density. Compact is intended for single-line values and controls. */\n  variant?: \"default\" | \"compact\";\n  /** Applies the primary selected-row treatment used for the open/detail row. */\n  active?: boolean;\n  /** Applies the softer selected treatment used for checkbox or multi-select rows. */\n  selected?: boolean;\n  /** Left-border class when neither active nor selected. */\n  accentClassName?: string;\n  /** Whether the row gets pointer and hover affordances. */\n  interactive?: boolean;\n  /** Stable key that opts the row into `ListMenu` multi-select. */\n  itemKey?: string;\n  /** Hide the leading checkbox for this row even when selection is enabled. */\n  hideCheckbox?: boolean;\n  /** Accessible name for the leading checkbox. Defaults to \"Select item\". */\n  checkboxLabel?: string;\n};\n\nexport function ListMenuItem({\n  variant = \"default\",\n  active = false,\n  selected = false,\n  accentClassName = \"border-transparent\",\n  interactive = true,\n  itemKey,\n  hideCheckbox = false,\n  checkboxLabel = \"Select item\",\n  className,\n  onClick,\n  children,\n  ...props\n}: ListMenuItemProps) {\n  const ctx = useListMenuSelectionContext();\n  const selectable = ctx !== null && itemKey !== undefined;\n  const rowSelected = selectable ? ctx.selection.isSelected(itemKey) : selected;\n\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (selectable && event.shiftKey) {\n      event.preventDefault();\n      ctx.selection.toggle(itemKey, { shiftKey: true });\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const showCheckbox = selectable && ctx.showCheckboxes && !hideCheckbox;\n  const body =\n    selectable && showCheckbox ? (\n      <div className=\"flex items-start gap-2\">\n        <Checkbox\n          className=\"mt-0.5\"\n          checked={rowSelected}\n          aria-label={checkboxLabel}\n          onClick={(event) => {\n            event.stopPropagation();\n            if (event.shiftKey) {\n              event.preventDefault();\n              ctx.selection.toggle(itemKey, { shiftKey: true });\n            }\n          }}\n          onChange={() => ctx.selection.toggle(itemKey)}\n        />\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n    ) : (\n      children\n    );\n\n  return (\n    <div\n      className={cn(\n        \"min-w-0 overflow-hidden border-l-2 transition-colors\",\n        interactive && \"cursor-pointer\",\n        active\n          ? \"border-primary bg-primary/10\"\n          : rowSelected\n            ? \"border-primary/40 bg-primary/5 hover:bg-primary/10\"\n            : cn(accentClassName, interactive && \"hover:bg-muted\"),\n        variant === \"compact\" && \"px-density-2 py-1 text-xs\",\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport type ListMenuAction = {\n  label: ReactNode;\n  /** Receives the currently selected keys (ordered as in the menu). */\n  onClick: (selectedKeys: string[]) => void;\n  icon?: ReactNode;\n  disabled?: boolean;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ListMenuActionBarProps = HTMLAttributes<HTMLDivElement> & {\n  /** Selection to act on; falls back to the enclosing `ListMenu` selection context. */\n  selection?: ListMenuSelection;\n  /** Bulk actions executed across every selected key. */\n  actions?: ListMenuAction[];\n  /** Override the \"{n} selected\" summary. */\n  renderLabel?: (count: number) => ReactNode;\n  /** Hide the whole bar when nothing is selected (default true). */\n  hideWhenEmpty?: boolean;\n  /** Label for the clear button; pass null to hide it. */\n  clearLabel?: ReactNode;\n};\n\nexport function ListMenuActionBar({\n  selection: selectionProp,\n  actions = [],\n  renderLabel,\n  hideWhenEmpty = true,\n  clearLabel = \"Clear\",\n  className,\n  children,\n  ...props\n}: ListMenuActionBarProps) {\n  const ctx = useListMenuSelectionContext();\n  const selection = selectionProp ?? ctx?.selection;\n  if (!selection) return null;\n  const { count } = selection;\n  if (hideWhenEmpty && count === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"text-sm font-medium text-foreground\">\n        {renderLabel ? renderLabel(count) : `${count} selected`}\n      </span>\n      <div className=\"ml-auto flex items-center gap-1\">\n        {actions.map((action, i) => (\n          <Button\n            key={i}\n            type=\"button\"\n            size=\"sm\"\n            variant={action.variant ?? \"outline\"}\n            disabled={action.disabled || count === 0}\n            onClick={() => action.onClick(selection.selectedKeys)}\n          >\n            {action.icon}\n            {action.label}\n          </Button>\n        ))}\n        {children}\n        {clearLabel !== null && (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => selection.clear()}>\n            {clearLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ListMenu.d.ts

@@ -1,7 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonProps } from './button.js';
+import { ListMenuVirtualOptions } from './list-menu-virtual.js';
 import { ListMenuSelection } from './use-list-menu-selection.js';
 export type ListMenuProps = HTMLAttributes<HTMLDivElement> & {
+    /** Window ListMenuItems inside this menu's bounded scroll viewport. */
+    virtualize?: boolean | ListMenuVirtualOptions;
     /**
      * Enables multi-select. Pass the object returned by `useListMenuSelection`;
      * rows that set `itemKey` then become selectable via checkbox or Shift+Click.
@@ -10,7 +13,7 @@ export type ListMenuProps = HTMLAttributes<HTMLDivElement> & {
     /** Render a leading checkbox on selectable rows (default true when `selection` is set). */
     showCheckboxes?: boolean;
 };
-export declare function ListMenu({ className, selection, showCheckboxes, children, ...props }: ListMenuProps): import("react").JSX.Element;
+export declare function ListMenu({ className, selection, showCheckboxes, virtualize, children, ...props }: ListMenuProps): import("react").JSX.Element;
 export type ListMenuSectionProps = HTMLAttributes<HTMLDivElement>;
 export declare function ListMenuSection({ className, ...props }: ListMenuSectionProps): import("react").JSX.Element;
 export type ListMenuHeaderProps = HTMLAttributes<HTMLDivElement>;

package/dist/components/ListMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListMenu.d.ts","sourceRoot":"","sources":["../../src/components/ListMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,SAAS,EACT,cAAqB,EACrB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,+BAYf;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAE5E;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAU1E;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,MAAc,EACd,QAAgB,EAChB,eAAsC,EACtC,WAAkB,EAClB,OAAO,EACP,YAAoB,EACpB,aAA6B,EAC7B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAwDnB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,qFAAqF;IACrF,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC3C,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wDAAwD;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EAAE,aAAa,EACxB,OAAY,EACZ,WAAW,EACX,aAAoB,EACpB,UAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,sCAyCxB"}
+{"version":3,"file":"ListMenu.d.ts","sourceRoot":"","sources":["../../src/components/ListMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/ListMenu.js

@@ -1,22 +1,52 @@
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { Checkbox } from "./Checkbox.js";
+import { ListMenuVirtualContext } from "./list-menu-virtual.js";
 import { ListMenuSelectionContext, useListMenuSelectionContext } from "./use-list-menu-selection.js";
+import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/ListMenu.tsx
-function ListMenu({ className, selection, showCheckboxes = true, children, ...props }) {
+function ListMenu({ className, selection, showCheckboxes = true, virtualize = false, children, ...props }) {
+	const [scrollElement, setScrollElement] = useState(null);
+	const [contentElement, setContentElement] = useState(null);
+	const estimateRowHeight = typeof virtualize === "object" ? virtualize.estimateRowHeight ?? 40 : 40;
+	const overscan = typeof virtualize === "object" ? virtualize.overscan ?? 8 : 8;
+	const enabled = Boolean(virtualize);
+	if (!Number.isFinite(estimateRowHeight) || estimateRowHeight <= 0 || !Number.isInteger(overscan) || overscan < 0) throw new Error("ListMenu virtualization requires a positive row height and a non-negative integer overscan");
+	const virtual = useMemo(() => enabled ? {
+		scrollElement,
+		contentElement,
+		estimateRowHeight,
+		overscan
+	} : null, [
+		enabled,
+		scrollElement,
+		contentElement,
+		estimateRowHeight,
+		overscan
+	]);
 	const menu = /* @__PURE__ */ jsx("div", {
+		ref: enabled ? setContentElement : void 0,
 		className: cn("divide-y divide-border", className),
 		...props,
 		children
 	});
-	if (!selection) return menu;
+	const body = /* @__PURE__ */ jsx(ListMenuVirtualContext.Provider, {
+		value: virtual,
+		children: virtualize ? /* @__PURE__ */ jsx("div", {
+			ref: setScrollElement,
+			"data-slot": "list-menu-scroll",
+			className: "h-full overflow-y-auto",
+			children: menu
+		}) : menu
+	});
+	if (!selection) return body;
 	return /* @__PURE__ */ jsx(ListMenuSelectionContext.Provider, {
 		value: {
 			selection,
 			showCheckboxes
 		},
-		children: menu
+		children: body
 	});
 }
 function ListMenuSection({ className, ...props }) {

package/dist/components/ListMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMenu.js","names":[],"sources":["../../src/components/ListMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./Checkbox\";\nimport {\n  ListMenuSelectionContext,\n  useListMenuSelectionContext,\n  type ListMenuSelection,\n} from \"./use-list-menu-selection\";\n\nexport type ListMenuProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Enables multi-select. Pass the object returned by `useListMenuSelection`;\n   * rows that set `itemKey` then become selectable via checkbox or Shift+Click.\n   */\n  selection?: ListMenuSelection;\n  /** Render a leading checkbox on selectable rows (default true when `selection` is set). */\n  showCheckboxes?: boolean;\n};\n\nexport function ListMenu({\n  className,\n  selection,\n  showCheckboxes = true,\n  children,\n  ...props\n}: ListMenuProps) {\n  const menu = (\n    <div className={cn(\"divide-y divide-border\", className)} {...props}>\n      {children}\n    </div>\n  );\n  if (!selection) return menu;\n  return (\n    <ListMenuSelectionContext.Provider value={{ selection, showCheckboxes }}>\n      {menu}\n    </ListMenuSelectionContext.Provider>\n  );\n}\n\nexport type ListMenuSectionProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuSection({ className, ...props }: ListMenuSectionProps) {\n  return <div className={className} {...props} />;\n}\n\nexport type ListMenuHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuHeader({ className, ...props }: ListMenuHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"sticky top-0 z-10 flex w-full items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type ListMenuItemProps = HTMLAttributes<HTMLDivElement> & {\n  /** Row density. Compact is intended for single-line values and controls. */\n  variant?: \"default\" | \"compact\";\n  /** Applies the primary selected-row treatment used for the open/detail row. */\n  active?: boolean;\n  /** Applies the softer selected treatment used for checkbox or multi-select rows. */\n  selected?: boolean;\n  /** Left-border class when neither active nor selected. */\n  accentClassName?: string;\n  /** Whether the row gets pointer and hover affordances. */\n  interactive?: boolean;\n  /** Stable key that opts the row into `ListMenu` multi-select. */\n  itemKey?: string;\n  /** Hide the leading checkbox for this row even when selection is enabled. */\n  hideCheckbox?: boolean;\n  /** Accessible name for the leading checkbox. Defaults to \"Select item\". */\n  checkboxLabel?: string;\n};\n\nexport function ListMenuItem({\n  variant = \"default\",\n  active = false,\n  selected = false,\n  accentClassName = \"border-transparent\",\n  interactive = true,\n  itemKey,\n  hideCheckbox = false,\n  checkboxLabel = \"Select item\",\n  className,\n  onClick,\n  children,\n  ...props\n}: ListMenuItemProps) {\n  const ctx = useListMenuSelectionContext();\n  const selectable = ctx !== null && itemKey !== undefined;\n  const rowSelected = selectable ? ctx.selection.isSelected(itemKey) : selected;\n\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (selectable && event.shiftKey) {\n      event.preventDefault();\n      ctx.selection.toggle(itemKey, { shiftKey: true });\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const showCheckbox = selectable && ctx.showCheckboxes && !hideCheckbox;\n  const body =\n    selectable && showCheckbox ? (\n      <div className=\"flex items-start gap-2\">\n        <Checkbox\n          className=\"mt-0.5\"\n          checked={rowSelected}\n          aria-label={checkboxLabel}\n          onClick={(event) => {\n            event.stopPropagation();\n            if (event.shiftKey) {\n              event.preventDefault();\n              ctx.selection.toggle(itemKey, { shiftKey: true });\n            }\n          }}\n          onChange={() => ctx.selection.toggle(itemKey)}\n        />\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n    ) : (\n      children\n    );\n\n  return (\n    <div\n      className={cn(\n        \"min-w-0 overflow-hidden border-l-2 transition-colors\",\n        interactive && \"cursor-pointer\",\n        active\n          ? \"border-primary bg-primary/10\"\n          : rowSelected\n            ? \"border-primary/40 bg-primary/5 hover:bg-primary/10\"\n            : cn(accentClassName, interactive && \"hover:bg-muted\"),\n        variant === \"compact\" && \"px-density-2 py-1 text-xs\",\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport type ListMenuAction = {\n  label: ReactNode;\n  /** Receives the currently selected keys (ordered as in the menu). */\n  onClick: (selectedKeys: string[]) => void;\n  icon?: ReactNode;\n  disabled?: boolean;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ListMenuActionBarProps = HTMLAttributes<HTMLDivElement> & {\n  /** Selection to act on; falls back to the enclosing `ListMenu` selection context. */\n  selection?: ListMenuSelection;\n  /** Bulk actions executed across every selected key. */\n  actions?: ListMenuAction[];\n  /** Override the \"{n} selected\" summary. */\n  renderLabel?: (count: number) => ReactNode;\n  /** Hide the whole bar when nothing is selected (default true). */\n  hideWhenEmpty?: boolean;\n  /** Label for the clear button; pass null to hide it. */\n  clearLabel?: ReactNode;\n};\n\nexport function ListMenuActionBar({\n  selection: selectionProp,\n  actions = [],\n  renderLabel,\n  hideWhenEmpty = true,\n  clearLabel = \"Clear\",\n  className,\n  children,\n  ...props\n}: ListMenuActionBarProps) {\n  const ctx = useListMenuSelectionContext();\n  const selection = selectionProp ?? ctx?.selection;\n  if (!selection) return null;\n  const { count } = selection;\n  if (hideWhenEmpty && count === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"text-sm font-medium text-foreground\">\n        {renderLabel ? renderLabel(count) : `${count} selected`}\n      </span>\n      <div className=\"ml-auto flex items-center gap-1\">\n        {actions.map((action, i) => (\n          <Button\n            key={i}\n            type=\"button\"\n            size=\"sm\"\n            variant={action.variant ?? \"outline\"}\n            disabled={action.disabled || count === 0}\n            onClick={() => action.onClick(selection.selectedKeys)}\n          >\n            {action.icon}\n            {action.label}\n          </Button>\n        ))}\n        {children}\n        {clearLabel !== null && (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => selection.clear()}>\n            {clearLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListMenu.js","names":[],"sources":["../../src/components/ListMenu.tsx"],"sourcesContent":["import { useMemo, useState, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./Checkbox\";\nimport { ListMenuVirtualContext, type ListMenuVirtualOptions } from \"./list-menu-virtual\";\nimport {\n  ListMenuSelectionContext,\n  useListMenuSelectionContext,\n  type ListMenuSelection,\n} from \"./use-list-menu-selection\";\n\nexport type ListMenuProps = HTMLAttributes<HTMLDivElement> & {\n  /** Window ListMenuItems inside this menu's bounded scroll viewport. */\n  virtualize?: boolean | ListMenuVirtualOptions;\n  /**\n   * Enables multi-select. Pass the object returned by `useListMenuSelection`;\n   * rows that set `itemKey` then become selectable via checkbox or Shift+Click.\n   */\n  selection?: ListMenuSelection;\n  /** Render a leading checkbox on selectable rows (default true when `selection` is set). */\n  showCheckboxes?: boolean;\n};\n\nexport function ListMenu({\n  className,\n  selection,\n  showCheckboxes = true,\n  virtualize = false,\n  children,\n  ...props\n}: ListMenuProps) {\n  const [scrollElement, setScrollElement] = useState<HTMLDivElement | null>(null);\n  const [contentElement, setContentElement] = useState<HTMLDivElement | null>(null);\n  const estimateRowHeight = typeof virtualize === \"object\" ? virtualize.estimateRowHeight ?? 40 : 40;\n  const overscan = typeof virtualize === \"object\" ? virtualize.overscan ?? 8 : 8;\n  const enabled = Boolean(virtualize);\n  if (!Number.isFinite(estimateRowHeight) || estimateRowHeight <= 0 || !Number.isInteger(overscan) || overscan < 0) {\n    throw new Error(\"ListMenu virtualization requires a positive row height and a non-negative integer overscan\");\n  }\n  const virtual = useMemo(\n    () => enabled ? { scrollElement, contentElement, estimateRowHeight, overscan } : null,\n    [enabled, scrollElement, contentElement, estimateRowHeight, overscan],\n  );\n  const menu = (\n    <div ref={enabled ? setContentElement : undefined} className={cn(\"divide-y divide-border\", className)} {...props}>\n      {children}\n    </div>\n  );\n  const body = (\n    <ListMenuVirtualContext.Provider value={virtual}>\n      {virtualize ? (\n        <div ref={setScrollElement} data-slot=\"list-menu-scroll\" className=\"h-full overflow-y-auto\">\n          {menu}\n        </div>\n      ) : menu}\n    </ListMenuVirtualContext.Provider>\n  );\n  if (!selection) return body;\n  return (\n    <ListMenuSelectionContext.Provider value={{ selection, showCheckboxes }}>\n      {body}\n    </ListMenuSelectionContext.Provider>\n  );\n}\n\nexport type ListMenuSectionProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuSection({ className, ...props }: ListMenuSectionProps) {\n  return <div className={className} {...props} />;\n}\n\nexport type ListMenuHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ListMenuHeader({ className, ...props }: ListMenuHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"sticky top-0 z-10 flex w-full items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type ListMenuItemProps = HTMLAttributes<HTMLDivElement> & {\n  /** Row density. Compact is intended for single-line values and controls. */\n  variant?: \"default\" | \"compact\";\n  /** Applies the primary selected-row treatment used for the open/detail row. */\n  active?: boolean;\n  /** Applies the softer selected treatment used for checkbox or multi-select rows. */\n  selected?: boolean;\n  /** Left-border class when neither active nor selected. */\n  accentClassName?: string;\n  /** Whether the row gets pointer and hover affordances. */\n  interactive?: boolean;\n  /** Stable key that opts the row into `ListMenu` multi-select. */\n  itemKey?: string;\n  /** Hide the leading checkbox for this row even when selection is enabled. */\n  hideCheckbox?: boolean;\n  /** Accessible name for the leading checkbox. Defaults to \"Select item\". */\n  checkboxLabel?: string;\n};\n\nexport function ListMenuItem({\n  variant = \"default\",\n  active = false,\n  selected = false,\n  accentClassName = \"border-transparent\",\n  interactive = true,\n  itemKey,\n  hideCheckbox = false,\n  checkboxLabel = \"Select item\",\n  className,\n  onClick,\n  children,\n  ...props\n}: ListMenuItemProps) {\n  const ctx = useListMenuSelectionContext();\n  const selectable = ctx !== null && itemKey !== undefined;\n  const rowSelected = selectable ? ctx.selection.isSelected(itemKey) : selected;\n\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (selectable && event.shiftKey) {\n      event.preventDefault();\n      ctx.selection.toggle(itemKey, { shiftKey: true });\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const showCheckbox = selectable && ctx.showCheckboxes && !hideCheckbox;\n  const body =\n    selectable && showCheckbox ? (\n      <div className=\"flex items-start gap-2\">\n        <Checkbox\n          className=\"mt-0.5\"\n          checked={rowSelected}\n          aria-label={checkboxLabel}\n          onClick={(event) => {\n            event.stopPropagation();\n            if (event.shiftKey) {\n              event.preventDefault();\n              ctx.selection.toggle(itemKey, { shiftKey: true });\n            }\n          }}\n          onChange={() => ctx.selection.toggle(itemKey)}\n        />\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n    ) : (\n      children\n    );\n\n  return (\n    <div\n      className={cn(\n        \"min-w-0 overflow-hidden border-l-2 transition-colors\",\n        interactive && \"cursor-pointer\",\n        active\n          ? \"border-primary bg-primary/10\"\n          : rowSelected\n            ? \"border-primary/40 bg-primary/5 hover:bg-primary/10\"\n            : cn(accentClassName, interactive && \"hover:bg-muted\"),\n        variant === \"compact\" && \"px-density-2 py-1 text-xs\",\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport type ListMenuAction = {\n  label: ReactNode;\n  /** Receives the currently selected keys (ordered as in the menu). */\n  onClick: (selectedKeys: string[]) => void;\n  icon?: ReactNode;\n  disabled?: boolean;\n  variant?: ButtonProps[\"variant\"];\n};\n\nexport type ListMenuActionBarProps = HTMLAttributes<HTMLDivElement> & {\n  /** Selection to act on; falls back to the enclosing `ListMenu` selection context. */\n  selection?: ListMenuSelection;\n  /** Bulk actions executed across every selected key. */\n  actions?: ListMenuAction[];\n  /** Override the \"{n} selected\" summary. */\n  renderLabel?: (count: number) => ReactNode;\n  /** Hide the whole bar when nothing is selected (default true). */\n  hideWhenEmpty?: boolean;\n  /** Label for the clear button; pass null to hide it. */\n  clearLabel?: ReactNode;\n};\n\nexport function ListMenuActionBar({\n  selection: selectionProp,\n  actions = [],\n  renderLabel,\n  hideWhenEmpty = true,\n  clearLabel = \"Clear\",\n  className,\n  children,\n  ...props\n}: ListMenuActionBarProps) {\n  const ctx = useListMenuSelectionContext();\n  const selection = selectionProp ?? ctx?.selection;\n  if (!selection) return null;\n  const { count } = selection;\n  if (hideWhenEmpty && count === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 border-b border-border bg-muted px-3 py-1.5\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"text-sm font-medium text-foreground\">\n        {renderLabel ? renderLabel(count) : `${count} selected`}\n      </span>\n      <div className=\"ml-auto flex items-center gap-1\">\n        {actions.map((action, i) => (\n          <Button\n            key={i}\n            type=\"button\"\n            size=\"sm\"\n            variant={action.variant ?? \"outline\"}\n            disabled={action.disabled || count === 0}\n            onClick={() => action.onClick(selection.selectedKeys)}\n          >\n            {action.icon}\n            {action.label}\n          </Button>\n        ))}\n        {children}\n        {clearLabel !== null && (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => selection.clear()}>\n            {clearLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ListMenuItems.cjs

@@ -0,0 +1,80 @@
+const require_list_menu_virtual = require("./list-menu-virtual.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _tanstack_react_virtual = require("@tanstack/react-virtual");
+// src/components/ListMenuItems.tsx
+function ListMenuItems(props) {
+	const virtual = (0, react.useContext)(require_list_menu_virtual.ListMenuVirtualContext);
+	return virtual ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VirtualMenuItems, {
+		...props,
+		virtual
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems, { ...props });
+}
+function MenuItems({ items, getItemKey, children }) {
+	return items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: children(item, index) }, getItemKey(item)));
+}
+function VirtualMenuItems({ items, getItemKey, children, virtual }) {
+	const [container, setContainer] = (0, react.useState)(null);
+	const [layout, setLayout] = (0, react.useState)(null);
+	const { scrollElement, contentElement, estimateRowHeight, overscan } = virtual;
+	const scrollMargin = layout?.count === items.length && layout.estimate === estimateRowHeight ? layout.margin : null;
+	(0, react.useLayoutEffect)(() => {
+		if (!container || !scrollElement || !contentElement) return;
+		const measure = () => {
+			const margin = container.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop - scrollElement.clientTop;
+			setLayout((previous) => previous?.count === items.length && previous.estimate === estimateRowHeight && previous.margin === margin ? previous : {
+				count: items.length,
+				estimate: estimateRowHeight,
+				margin
+			});
+		};
+		measure();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measure);
+		observer.observe(contentElement);
+		observer.observe(scrollElement);
+		return () => observer.disconnect();
+	}, [
+		container,
+		scrollElement,
+		contentElement,
+		items.length,
+		estimateRowHeight
+	]);
+	const virtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
+		count: items.length,
+		getScrollElement: () => scrollElement,
+		estimateSize: () => estimateRowHeight,
+		getItemKey: (index) => {
+			const item = items[index];
+			if (item === void 0) throw new Error(`ListMenu item ${index} is outside its collection`);
+			return getItemKey(item);
+		},
+		overscan,
+		scrollMargin: scrollMargin ?? 0,
+		enabled: scrollMargin !== null
+	});
+	const offset = virtualizer.scrollOffset ?? 0;
+	const height = virtualizer.scrollRect?.height ?? 0;
+	const visible = virtualizer.getVirtualItems().filter((item) => item.end >= offset - overscan * estimateRowHeight && item.start <= offset + height + overscan * estimateRowHeight);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: setContainer,
+		"data-slot": "list-menu-items",
+		className: "relative w-full",
+		style: { height: scrollMargin === null ? items.length * estimateRowHeight : virtualizer.getTotalSize() },
+		children: visible.map((row) => {
+			const item = items[row.index];
+			if (item === void 0) throw new Error(`ListMenu item ${row.index} is outside its collection`);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: virtualizer.measureElement,
+				"data-index": row.index,
+				className: "absolute left-0 top-0 w-full",
+				style: { transform: `translateY(${row.start - (scrollMargin ?? 0)}px)` },
+				children: children(item, row.index)
+			}, row.key);
+		})
+	});
+}
+exports.ListMenuItems = ListMenuItems;
+
+//# sourceMappingURL=ListMenuItems.cjs.map

package/dist/components/ListMenuItems.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuItems.cjs","names":["useContext","ListMenuVirtualContext","Fragment","useState","useVirtualizer"],"sources":["../../src/components/ListMenuItems.tsx"],"sourcesContent":["import { Fragment, useContext, useLayoutEffect, useState, type ReactNode } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { ListMenuVirtualContext, type ListMenuVirtualState } from \"./list-menu-virtual\";\n\nexport interface ListMenuItemsProps<T> {\n  items: readonly T[];\n  getItemKey: (item: T) => string;\n  children: (item: T, index: number) => ReactNode;\n}\n\nexport function ListMenuItems<T>(props: ListMenuItemsProps<T>) {\n  const virtual = useContext(ListMenuVirtualContext);\n  return virtual ? <VirtualMenuItems {...props} virtual={virtual} /> : <MenuItems {...props} />;\n}\n\nfunction MenuItems<T>({ items, getItemKey, children }: ListMenuItemsProps<T>) {\n  return items.map((item, index) => <Fragment key={getItemKey(item)}>{children(item, index)}</Fragment>);\n}\n\nfunction VirtualMenuItems<T>({ items, getItemKey, children, virtual }: ListMenuItemsProps<T> & { virtual: ListMenuVirtualState }) {\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const [layout, setLayout] = useState<{ count: number; estimate: number; margin: number } | null>(null);\n  const { scrollElement, contentElement, estimateRowHeight, overscan } = virtual;\n  const scrollMargin = layout?.count === items.length && layout.estimate === estimateRowHeight ? layout.margin : null;\n\n  useLayoutEffect(() => {\n    if (!container || !scrollElement || !contentElement) return;\n    const measure = () => {\n      const margin = container.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop - scrollElement.clientTop;\n      setLayout(previous => previous?.count === items.length && previous.estimate === estimateRowHeight && previous.margin === margin\n        ? previous : { count: items.length, estimate: estimateRowHeight, margin });\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(contentElement);\n    observer.observe(scrollElement);\n    return () => observer.disconnect();\n  }, [container, scrollElement, contentElement, items.length, estimateRowHeight]);\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollElement,\n    estimateSize: () => estimateRowHeight,\n    getItemKey: index => {\n      const item = items[index];\n      if (item === undefined) throw new Error(`ListMenu item ${index} is outside its collection`);\n      return getItemKey(item);\n    },\n    overscan,\n    scrollMargin: scrollMargin ?? 0,\n    enabled: scrollMargin !== null,\n  });\n  const offset = virtualizer.scrollOffset ?? 0;\n  const height = virtualizer.scrollRect?.height ?? 0;\n  const visible = virtualizer.getVirtualItems().filter(item => (\n    item.end >= offset - overscan * estimateRowHeight && item.start <= offset + height + overscan * estimateRowHeight\n  ));\n\n  return (\n    <div ref={setContainer} data-slot=\"list-menu-items\" className=\"relative w-full\" style={{ height: scrollMargin === null ? items.length * estimateRowHeight : virtualizer.getTotalSize() }}>\n      {visible.map(row => {\n        const item = items[row.index];\n        if (item === undefined) throw new Error(`ListMenu item ${row.index} is outside its collection`);\n        return (\n          <div key={row.key} ref={virtualizer.measureElement} data-index={row.index} className=\"absolute left-0 top-0 w-full\" style={{ transform: `translateY(${row.start - (scrollMargin ?? 0)}px)` }}>\n            {children(item, row.index)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,cAAiB,OAA8B;CAC7D,MAAM,WAAA,GAAUA,MAAAA,WAAAA,CAAWC,0BAAAA,sBAAsB;CACjD,OAAO,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,GAAI;EAAgB;CAAU,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;AAC9F;AAEA,SAAS,UAAa,EAAE,OAAO,YAAY,YAAmC;CAC5E,OAAO,MAAM,KAAK,MAAM,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAkC,SAAS,MAAM,KAAK,EAAY,GAAnD,WAAW,IAAI,CAAoC,CAAC;AACvG;AAEA,SAAS,iBAAoB,EAAE,OAAO,YAAY,UAAU,WAAsE;CAChI,MAAM,CAAC,WAAW,iBAAA,GAAgBC,MAAAA,SAAAA,CAAgC,IAAI;CACtE,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAqE,IAAI;CACrG,MAAM,EAAE,eAAe,gBAAgB,mBAAmB,aAAa;CACvE,MAAM,eAAe,QAAQ,UAAU,MAAM,UAAU,OAAO,aAAa,oBAAoB,OAAO,SAAS;CAE/G,CAAA,GAAA,MAAA,gBAAA,OAAsB;EACpB,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,gBAAgB;EACrD,MAAM,gBAAgB;GACpB,MAAM,SAAS,UAAU,sBAAsB,CAAC,CAAC,MAAM,cAAc,sBAAsB,CAAC,CAAC,MAAM,cAAc,YAAY,cAAc;GAC3I,WAAU,aAAY,UAAU,UAAU,MAAM,UAAU,SAAS,aAAa,qBAAqB,SAAS,WAAW,SACrH,WAAW;IAAE,OAAO,MAAM;IAAQ,UAAU;IAAmB;GAAO,CAAC;EAC7E;EACA,QAAQ;EACR,IAAI,OAAO,mBAAmB,aAAa;EAC3C,MAAM,WAAW,IAAI,eAAe,OAAO;EAC3C,SAAS,QAAQ,cAAc;EAC/B,SAAS,QAAQ,aAAa;EAC9B,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAW;EAAe;EAAgB,MAAM;EAAQ;CAAiB,CAAC;CAE9E,MAAM,eAAA,GAAcC,wBAAAA,eAAAA,CAAe;EACjC,OAAO,MAAM;EACb,wBAAwB;EACxB,oBAAoB;EACpB,aAAY,UAAS;GACnB,MAAM,OAAO,MAAM;GACnB,IAAI,SAAS,KAAA,GAAW,MAAM,IAAI,MAAM,iBAAiB,MAAM,2BAA2B;GAC1F,OAAO,WAAW,IAAI;EACxB;EACA;EACA,cAAc,gBAAgB;EAC9B,SAAS,iBAAiB;CAC5B,CAAC;CACD,MAAM,SAAS,YAAY,gBAAgB;CAC3C,MAAM,SAAS,YAAY,YAAY,UAAU;CACjD,MAAM,UAAU,YAAY,gBAAgB,CAAC,CAAC,QAAO,SACnD,KAAK,OAAO,SAAS,WAAW,qBAAqB,KAAK,SAAS,SAAS,SAAS,WAAW,iBACjG;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAkB,WAAU;EAAkB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,MAAM,SAAS,oBAAoB,YAAY,aAAa,EAAE;EACpL,UAAA,QAAQ,KAAI,QAAO;GAClB,MAAM,OAAO,MAAM,IAAI;GACvB,IAAI,SAAS,KAAA,GAAW,MAAM,IAAI,MAAM,iBAAiB,IAAI,MAAM,2BAA2B;GAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAmB,KAAK,YAAY;IAAgB,cAAY,IAAI;IAAO,WAAU;IAA+B,OAAO,EAAE,WAAW,cAAc,IAAI,SAAS,gBAAgB,GAAG,KAAK;IACxL,UAAA,SAAS,MAAM,IAAI,KAAK;GACtB,GAFK,IAAI,GAET;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/components/ListMenuItems.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ListMenuItemsProps<T> {
+    items: readonly T[];
+    getItemKey: (item: T) => string;
+    children: (item: T, index: number) => ReactNode;
+}
+export declare function ListMenuItems<T>(props: ListMenuItemsProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=ListMenuItems.d.ts.map

package/dist/components/ListMenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuItems.d.ts","sourceRoot":"","sources":["../../src/components/ListMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAG5D"}

package/dist/components/ListMenuItems.js

@@ -0,0 +1,80 @@
+import { ListMenuVirtualContext } from "./list-menu-virtual.js";
+import { Fragment, useContext, useLayoutEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+// src/components/ListMenuItems.tsx
+function ListMenuItems(props) {
+	const virtual = useContext(ListMenuVirtualContext);
+	return virtual ? /* @__PURE__ */ jsx(VirtualMenuItems, {
+		...props,
+		virtual
+	}) : /* @__PURE__ */ jsx(MenuItems, { ...props });
+}
+function MenuItems({ items, getItemKey, children }) {
+	return items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: children(item, index) }, getItemKey(item)));
+}
+function VirtualMenuItems({ items, getItemKey, children, virtual }) {
+	const [container, setContainer] = useState(null);
+	const [layout, setLayout] = useState(null);
+	const { scrollElement, contentElement, estimateRowHeight, overscan } = virtual;
+	const scrollMargin = layout?.count === items.length && layout.estimate === estimateRowHeight ? layout.margin : null;
+	useLayoutEffect(() => {
+		if (!container || !scrollElement || !contentElement) return;
+		const measure = () => {
+			const margin = container.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop - scrollElement.clientTop;
+			setLayout((previous) => previous?.count === items.length && previous.estimate === estimateRowHeight && previous.margin === margin ? previous : {
+				count: items.length,
+				estimate: estimateRowHeight,
+				margin
+			});
+		};
+		measure();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measure);
+		observer.observe(contentElement);
+		observer.observe(scrollElement);
+		return () => observer.disconnect();
+	}, [
+		container,
+		scrollElement,
+		contentElement,
+		items.length,
+		estimateRowHeight
+	]);
+	const virtualizer = useVirtualizer({
+		count: items.length,
+		getScrollElement: () => scrollElement,
+		estimateSize: () => estimateRowHeight,
+		getItemKey: (index) => {
+			const item = items[index];
+			if (item === void 0) throw new Error(`ListMenu item ${index} is outside its collection`);
+			return getItemKey(item);
+		},
+		overscan,
+		scrollMargin: scrollMargin ?? 0,
+		enabled: scrollMargin !== null
+	});
+	const offset = virtualizer.scrollOffset ?? 0;
+	const height = virtualizer.scrollRect?.height ?? 0;
+	const visible = virtualizer.getVirtualItems().filter((item) => item.end >= offset - overscan * estimateRowHeight && item.start <= offset + height + overscan * estimateRowHeight);
+	return /* @__PURE__ */ jsx("div", {
+		ref: setContainer,
+		"data-slot": "list-menu-items",
+		className: "relative w-full",
+		style: { height: scrollMargin === null ? items.length * estimateRowHeight : virtualizer.getTotalSize() },
+		children: visible.map((row) => {
+			const item = items[row.index];
+			if (item === void 0) throw new Error(`ListMenu item ${row.index} is outside its collection`);
+			return /* @__PURE__ */ jsx("div", {
+				ref: virtualizer.measureElement,
+				"data-index": row.index,
+				className: "absolute left-0 top-0 w-full",
+				style: { transform: `translateY(${row.start - (scrollMargin ?? 0)}px)` },
+				children: children(item, row.index)
+			}, row.key);
+		})
+	});
+}
+export { ListMenuItems };
+
+//# sourceMappingURL=ListMenuItems.js.map

package/dist/components/ListMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuItems.js","names":[],"sources":["../../src/components/ListMenuItems.tsx"],"sourcesContent":["import { Fragment, useContext, useLayoutEffect, useState, type ReactNode } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { ListMenuVirtualContext, type ListMenuVirtualState } from \"./list-menu-virtual\";\n\nexport interface ListMenuItemsProps<T> {\n  items: readonly T[];\n  getItemKey: (item: T) => string;\n  children: (item: T, index: number) => ReactNode;\n}\n\nexport function ListMenuItems<T>(props: ListMenuItemsProps<T>) {\n  const virtual = useContext(ListMenuVirtualContext);\n  return virtual ? <VirtualMenuItems {...props} virtual={virtual} /> : <MenuItems {...props} />;\n}\n\nfunction MenuItems<T>({ items, getItemKey, children }: ListMenuItemsProps<T>) {\n  return items.map((item, index) => <Fragment key={getItemKey(item)}>{children(item, index)}</Fragment>);\n}\n\nfunction VirtualMenuItems<T>({ items, getItemKey, children, virtual }: ListMenuItemsProps<T> & { virtual: ListMenuVirtualState }) {\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const [layout, setLayout] = useState<{ count: number; estimate: number; margin: number } | null>(null);\n  const { scrollElement, contentElement, estimateRowHeight, overscan } = virtual;\n  const scrollMargin = layout?.count === items.length && layout.estimate === estimateRowHeight ? layout.margin : null;\n\n  useLayoutEffect(() => {\n    if (!container || !scrollElement || !contentElement) return;\n    const measure = () => {\n      const margin = container.getBoundingClientRect().top - scrollElement.getBoundingClientRect().top + scrollElement.scrollTop - scrollElement.clientTop;\n      setLayout(previous => previous?.count === items.length && previous.estimate === estimateRowHeight && previous.margin === margin\n        ? previous : { count: items.length, estimate: estimateRowHeight, margin });\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(contentElement);\n    observer.observe(scrollElement);\n    return () => observer.disconnect();\n  }, [container, scrollElement, contentElement, items.length, estimateRowHeight]);\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollElement,\n    estimateSize: () => estimateRowHeight,\n    getItemKey: index => {\n      const item = items[index];\n      if (item === undefined) throw new Error(`ListMenu item ${index} is outside its collection`);\n      return getItemKey(item);\n    },\n    overscan,\n    scrollMargin: scrollMargin ?? 0,\n    enabled: scrollMargin !== null,\n  });\n  const offset = virtualizer.scrollOffset ?? 0;\n  const height = virtualizer.scrollRect?.height ?? 0;\n  const visible = virtualizer.getVirtualItems().filter(item => (\n    item.end >= offset - overscan * estimateRowHeight && item.start <= offset + height + overscan * estimateRowHeight\n  ));\n\n  return (\n    <div ref={setContainer} data-slot=\"list-menu-items\" className=\"relative w-full\" style={{ height: scrollMargin === null ? items.length * estimateRowHeight : virtualizer.getTotalSize() }}>\n      {visible.map(row => {\n        const item = items[row.index];\n        if (item === undefined) throw new Error(`ListMenu item ${row.index} is outside its collection`);\n        return (\n          <div key={row.key} ref={virtualizer.measureElement} data-index={row.index} className=\"absolute left-0 top-0 w-full\" style={{ transform: `translateY(${row.start - (scrollMargin ?? 0)}px)` }}>\n            {children(item, row.index)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,cAAiB,OAA8B;CAC7D,MAAM,UAAU,WAAW,sBAAsB;CACjD,OAAO,UAAU,oBAAC,kBAAD;EAAkB,GAAI;EAAgB;CAAU,CAAA,IAAI,oBAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;AAC9F;AAEA,SAAS,UAAa,EAAE,OAAO,YAAY,YAAmC;CAC5E,OAAO,MAAM,KAAK,MAAM,UAAU,oBAAC,UAAD,EAAA,UAAkC,SAAS,MAAM,KAAK,EAAY,GAAnD,WAAW,IAAI,CAAoC,CAAC;AACvG;AAEA,SAAS,iBAAoB,EAAE,OAAO,YAAY,UAAU,WAAsE;CAChI,MAAM,CAAC,WAAW,gBAAgB,SAAgC,IAAI;CACtE,MAAM,CAAC,QAAQ,aAAa,SAAqE,IAAI;CACrG,MAAM,EAAE,eAAe,gBAAgB,mBAAmB,aAAa;CACvE,MAAM,eAAe,QAAQ,UAAU,MAAM,UAAU,OAAO,aAAa,oBAAoB,OAAO,SAAS;CAE/G,sBAAsB;EACpB,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,gBAAgB;EACrD,MAAM,gBAAgB;GACpB,MAAM,SAAS,UAAU,sBAAsB,CAAC,CAAC,MAAM,cAAc,sBAAsB,CAAC,CAAC,MAAM,cAAc,YAAY,cAAc;GAC3I,WAAU,aAAY,UAAU,UAAU,MAAM,UAAU,SAAS,aAAa,qBAAqB,SAAS,WAAW,SACrH,WAAW;IAAE,OAAO,MAAM;IAAQ,UAAU;IAAmB;GAAO,CAAC;EAC7E;EACA,QAAQ;EACR,IAAI,OAAO,mBAAmB,aAAa;EAC3C,MAAM,WAAW,IAAI,eAAe,OAAO;EAC3C,SAAS,QAAQ,cAAc;EAC/B,SAAS,QAAQ,aAAa;EAC9B,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAW;EAAe;EAAgB,MAAM;EAAQ;CAAiB,CAAC;CAE9E,MAAM,cAAc,eAAe;EACjC,OAAO,MAAM;EACb,wBAAwB;EACxB,oBAAoB;EACpB,aAAY,UAAS;GACnB,MAAM,OAAO,MAAM;GACnB,IAAI,SAAS,KAAA,GAAW,MAAM,IAAI,MAAM,iBAAiB,MAAM,2BAA2B;GAC1F,OAAO,WAAW,IAAI;EACxB;EACA;EACA,cAAc,gBAAgB;EAC9B,SAAS,iBAAiB;CAC5B,CAAC;CACD,MAAM,SAAS,YAAY,gBAAgB;CAC3C,MAAM,SAAS,YAAY,YAAY,UAAU;CACjD,MAAM,UAAU,YAAY,gBAAgB,CAAC,CAAC,QAAO,SACnD,KAAK,OAAO,SAAS,WAAW,qBAAqB,KAAK,SAAS,SAAS,SAAS,WAAW,iBACjG;CAED,OACE,oBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAkB,WAAU;EAAkB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,MAAM,SAAS,oBAAoB,YAAY,aAAa,EAAE;EACpL,UAAA,QAAQ,KAAI,QAAO;GAClB,MAAM,OAAO,MAAM,IAAI;GACvB,IAAI,SAAS,KAAA,GAAW,MAAM,IAAI,MAAM,iBAAiB,IAAI,MAAM,2BAA2B;GAC9F,OACE,oBAAC,OAAD;IAAmB,KAAK,YAAY;IAAgB,cAAY,IAAI;IAAO,WAAU;IAA+B,OAAO,EAAE,WAAW,cAAc,IAAI,SAAS,gBAAgB,GAAG,KAAK;IACxL,UAAA,SAAS,MAAM,IAAI,KAAK;GACtB,GAFK,IAAI,GAET;EAET,CAAC;CACE,CAAA;AAET"}