@nuka-ui/core 1.1.3 → 1.1.5

package/dist/components/ContextMenu/ContextMenu.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.context.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.useContext(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":"6GAYA,IAAM,EAAqB,EAAM,cAE/B,IAAA,GAAU,CAEZ,SAAS,GAAiD,CACxD,IAAM,EAAU,EAAM,WAAW,EAAmB,CACpD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,sEACD,CAEH,OAAO"}
+{"version":3,"file":"ContextMenu.context.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.use(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":"6GAYA,IAAM,EAAqB,EAAM,cAE/B,IAAA,EAAS,EAEX,SAAS,GAAiD,CACxD,IAAM,EAAU,EAAM,IAAI,CAAkB,EAC5C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,qEACF,EAEF,OAAO,CACT"}

package/dist/components/ContextMenu/ContextMenu.context.js

@@ -3,7 +3,7 @@ import * as e from "react";
 //#region src/components/ContextMenu/ContextMenu.context.tsx
 var t = e.createContext(void 0);
 function n() {
-	let n = e.useContext(t);
+	let n = e.use(t);
 	if (n === void 0) throw Error("useContextMenuContext must be used within a <ContextMenu> component");
 	return n;
 }

package/dist/components/ContextMenu/ContextMenu.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.context.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.useContext(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":";;;AAYA,IAAM,IAAqB,EAAM,cAE/B,KAAA,EAAU;AAEZ,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAM,WAAW,EAAmB;AACpD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,sEACD;AAEH,QAAO"}
+{"version":3,"file":"ContextMenu.context.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface ContextMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst ContextMenuContext = React.createContext<\n  ContextMenuContextValue | undefined\n>(undefined);\n\nfunction useContextMenuContext(): ContextMenuContextValue {\n  const context = React.use(ContextMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useContextMenuContext must be used within a <ContextMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport { ContextMenuContext, useContextMenuContext };\n"],"mappings":";;;AAYA,IAAM,IAAqB,EAAM,cAE/B,KAAA,CAAS;AAEX,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAM,IAAI,CAAkB;CAC5C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,qEACF;CAEF,OAAO;AACT"}

package/dist/components/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":";;;;;;;;AAoBA,SAAS,EAAY,EAAE,aAAU,mBAAkC;CACjE,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,GAAM,EAEvC,IAAmB,EAAM,aAC5B,MAAkB;AAEjB,EADA,EAAQ,EAAK,EACb,IAAe,EAAK;IAEtB,CAAC,EAAa,CACf,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACtB,UAAU;EACX,CAAC,EAKI,EAAE,wBAAqB,EAAgB,CAH7B,EAAW,EAAQ,EACtB,EAAQ,GAAS,EAAE,MAAM,QAAQ,CAAC,CAEa,CAAC;AAa7D,QACE,kBAAC,GAAD;EAAoB,OAZwB,EAAM,eAC3C;GACL;GACA,cAAc;GACd;GACA;GACA;GACD,GACD;GAAC;GAAM;GAAkB;GAAM;GAAgB;GAAiB,CACjE;EAG2C;EAA8B,CAAA;;AAI5E,EAAY,cAAc"}
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":";;;;;;;;AAoBA,SAAS,EAAY,EAAE,aAAU,mBAAkC;CACjE,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GAEtC,IAAmB,EAAM,aAC5B,MAAkB;EAEjB,AADA,EAAQ,CAAI,GACZ,IAAe,CAAI;CACrB,GACA,CAAC,CAAY,CACf,GAEM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,EAAE,CAAC;EAAC;EACrD,sBAAsB;EACtB,UAAU;CACZ,CAAC,GAKK,EAAE,wBAAqB,EAAgB,CAH7B,EAAW,CAGmB,GAFjC,EAAQ,GAAS,EAAE,MAAM,OAAO,CAEU,CAAI,CAAC;CAa5D,OACE,kBAAC,GAAD;EAAoB,OAZwB,EAAM,eAC3C;GACL;GACA,cAAc;GACd;GACA;GACA;EACF,IACA;GAAC;GAAM;GAAkB;GAAM;GAAgB;EAAgB,CAIpC;EAAe;CAA6B,CAAA;AAE3E;AAEA,EAAY,cAAc"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuCheckboxItem`,exports.ContextMenuCheckboxItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuCheckboxItem`,exports.ContextMenuCheckboxItem=i;
 //# sourceMappingURL=ContextMenuCheckboxItem.cjs.map

package/dist/components/ContextMenu/ContextMenuCheckboxItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction ContextMenuCheckboxItem({\n  ref,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAwB,CAC/B,MACA,GAAG,GAC4B,CAC/B,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAGzD,EAAwB,YAAc"}
+{"version":3,"file":"ContextMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction ContextMenuCheckboxItem({\n  ref,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAwB,CAC/B,MACA,GAAG,GAC4B,CAC/B,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,CAAQ,CAAA,CACxD,CAEA,EAAwB,YAAc"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuCheckboxItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction ContextMenuCheckboxItem({\n  ref,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAwB,EAC/B,QACA,GAAG,KAC4B;AAC/B,QAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;EAAS,CAAA;;AAGzD,EAAwB,cAAc"}
+{"version":3,"file":"ContextMenuCheckboxItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction ContextMenuCheckboxItem({\n  ref,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport { ContextMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAwB,EAC/B,QACA,GAAG,KAC4B;CAC/B,OAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;CAAQ,CAAA;AACxD;AAEA,EAAwB,cAAc"}

package/dist/components/ContextMenu/ContextMenuContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./ContextMenu.context.cjs`),a=require(`../../hooks/use-menu-navigation.cjs`),o=require(`../Menu/menuItemVariants.cjs`),s=require(`../Menu/MenuContentBase.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({ref:e,className:u,children:d,...f}){let p=i.useContextMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=a.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),s.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(s.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-state":`open`,...b,className:t.cn(o.menuContentVariants(),u),children:d})})})}u.displayName=`ContextMenuContent`,exports.ContextMenuContent=u;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/portal.cjs"),i=require("./ContextMenu.context.cjs"),a=require("../../hooks/use-menu-navigation.cjs"),o=require("../Menu/menuItemVariants.cjs"),s=require("../Menu/MenuContentBase.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({ref:e,className:u,children:d,...f}){let p=i.useContextMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=a.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),s.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(s.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-slot":`content`,"data-state":`open`,...b,className:t.cn(o.menuContentVariants(),u),children:d})})})}u.displayName=`ContextMenuContent`,exports.ContextMenuContent=u;
 //# sourceMappingURL=ContextMenuContent.cjs.map

package/dist/components/ContextMenu/ContextMenuContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":"iaAiBA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAI,KAAK,YAAY,CAEhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,GAAM,CACvC,UAAa,EAAI,aAAa,GAAM,CACrC,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAQpC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,GAAgB,EAC9B,CAAC,EAAI,KAAM,EAAe,CAAC,CAE9B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,EAAa,CAE9D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,GAAM,CACrC,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,EAAmB,YAAc"}
+{"version":3,"file":"ContextMenuContent.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":"iaAiBA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,sBAAsB,EAE5B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,IACX,EAAY,EAAI,KAAK,WAAW,EAE/D,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,EAAK,EACtC,UAAa,EAAI,aAAa,EAAK,CACrC,CAAC,EAEG,EAAe,EAAM,OAAO,CAAC,EAQnC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,EAAe,CAChC,EAAG,CAAC,EAAI,KAAM,CAAc,CAAC,EAE7B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,CAAY,EAE7D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,CAAK,EAEhD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,EAAK,CACrC,YAEA,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,oBAAoB,EAAG,CAAS,EAE7C,UACE,CAAA,CACU,CAAA,CACX,CAAA,CAEZ,CAEA,EAAmB,YAAc"}

package/dist/components/ContextMenu/ContextMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA8CzB;kBAnDQ,kBAAkB;;;AAuD3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA+CzB;kBApDQ,kBAAkB;;;AAwD3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -28,6 +28,7 @@ function u({ ref: u, className: d, children: f, ...p }) {
 		children: /* @__PURE__ */ l("div", {
 			ref: h,
 			style: m.floatingStyles,
+			"data-slot": "content",
 			"data-state": "open",
 			...x,
 			className: e(a(), d),

package/dist/components/ContextMenu/ContextMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAmB,cAAc"}
+{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,IAAM,EAAsB,GAE5B,IAAc,EAAY,GADb,EAAM,OAAuB,IACX,GAAY,EAAI,KAAK,WAAW,GAE/D,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,EAAK;EACtC,aAAa,EAAI,aAAa,EAAK;CACrC,CAAC,GAEG,IAAe,EAAM,OAAO,CAAC;CAQnC,IANA,EAAM,gBAAgB;EACpB,AAAK,EAAI,QAAM,EAAe;CAChC,GAAG,CAAC,EAAI,MAAM,CAAc,CAAC,GAE7B,EAAsB,EAAI,MAAM,GAAW,GAAU,CAAY,GAE7D,CAAC,EAAI,MAAM,OAAO;CAEtB,EAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,CAAK;CAEhD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,EAAK;EACrC;YAEA,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,EAAoB,GAAG,CAAS;GAE7C;EACE,CAAA;CACU,CAAA,EACX,CAAA;AAEZ;AAEA,EAAmB,cAAc"}

package/dist/components/ContextMenu/ContextMenuItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuItem`,exports.ContextMenuItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuItem`,exports.ContextMenuItem=i;
 //# sourceMappingURL=ContextMenuItem.cjs.map

package/dist/components/ContextMenu/ContextMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nfunction ContextMenuItem({ ref, ...props }: ContextMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":"yLAOA,SAAS,EAAgB,CAAE,MAAK,GAAG,GAA+B,CAChE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,EAAS,CAAA,CAGjD,EAAgB,YAAc"}
+{"version":3,"file":"ContextMenuItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nfunction ContextMenuItem({ ref, ...props }: ContextMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":"yLAOA,SAAS,EAAgB,CAAE,MAAK,GAAG,GAA+B,CAChE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,CAAQ,CAAA,CAChD,CAEA,EAAgB,YAAc"}

package/dist/components/ContextMenu/ContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nfunction ContextMenuItem({ ref, ...props }: ContextMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAgB,EAAE,QAAK,GAAG,KAA+B;AAChE,QAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;EAAS,CAAA;;AAGjD,EAAgB,cAAc"}
+{"version":3,"file":"ContextMenuItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuItemProps = MenuItemWithNavProps;\n\nfunction ContextMenuItem({ ref, ...props }: ContextMenuItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n\nexport { ContextMenuItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAgB,EAAE,QAAK,GAAG,KAA+B;CAChE,OAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;CAAQ,CAAA;AAChD;AAEA,EAAgB,cAAc"}

package/dist/components/ContextMenu/ContextMenuLabel.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuLabelBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuLabelBase,{ref:e,...n})}i.displayName=`ContextMenuLabel`,exports.ContextMenuLabel=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuLabelBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuLabelBase,{ref:e,...n})}i.displayName=`ContextMenuLabel`,exports.ContextMenuLabel=i;
 //# sourceMappingURL=ContextMenuLabel.cjs.map

package/dist/components/ContextMenu/ContextMenuLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLabel.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuLabel({ ref, ...props }: ContextMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":"uLAQA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,GAAI,EAAS,CAAA,CAG/C,EAAiB,YAAc"}
+{"version":3,"file":"ContextMenuLabel.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuLabel({ ref, ...props }: ContextMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":"uLAQA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,GAAI,CAAQ,CAAA,CAC9C,CAEA,EAAiB,YAAc"}

package/dist/components/ContextMenu/ContextMenuLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLabel.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuLabel({ ref, ...props }: ContextMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":";;;;;AAQA,SAAS,EAAiB,EAAE,QAAK,GAAG,KAAgC;AAClE,QAAO,kBAAC,GAAD;EAAoB;EAAK,GAAI;EAAS,CAAA;;AAG/C,EAAiB,cAAc"}
+{"version":3,"file":"ContextMenuLabel.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuLabelBase } from \"@nuka/components/Menu/MenuLabelBase\";\n\nexport interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuLabel({ ref, ...props }: ContextMenuLabelProps) {\n  return <MenuLabelBase ref={ref} {...props} />;\n}\n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":";;;;;AAQA,SAAS,EAAiB,EAAE,QAAK,GAAG,KAAgC;CAClE,OAAO,kBAAC,GAAD;EAAoB;EAAK,GAAI;CAAQ,CAAA;AAC9C;AAEA,EAAiB,cAAc"}

package/dist/components/ContextMenu/ContextMenuRadioGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuRadioGroupBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioGroupBase,{ref:e,...n})}i.displayName=`ContextMenuRadioGroup`,exports.ContextMenuRadioGroup=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuRadioGroupBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioGroupBase,{ref:e,...n})}i.displayName=`ContextMenuRadioGroup`,exports.ContextMenuRadioGroup=i;
 //# sourceMappingURL=ContextMenuRadioGroup.cjs.map

package/dist/components/ContextMenu/ContextMenuRadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRadioGroup.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface ContextMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuRadioGroup({ ref, ...props }: ContextMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAsB,CAAE,MAAK,GAAG,GAAqC,CAC5E,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,EAAS,CAAA,CAGpD,EAAsB,YAAc"}
+{"version":3,"file":"ContextMenuRadioGroup.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface ContextMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuRadioGroup({ ref, ...props }: ContextMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAsB,CAAE,MAAK,GAAG,GAAqC,CAC5E,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,CAAQ,CAAA,CACnD,CAEA,EAAsB,YAAc"}

package/dist/components/ContextMenu/ContextMenuRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRadioGroup.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface ContextMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuRadioGroup({ ref, ...props }: ContextMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAsB,EAAE,QAAK,GAAG,KAAqC;AAC5E,QAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;EAAS,CAAA;;AAGpD,EAAsB,cAAc"}
+{"version":3,"file":"ContextMenuRadioGroup.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface ContextMenuRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuRadioGroup({ ref, ...props }: ContextMenuRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAsB,EAAE,QAAK,GAAG,KAAqC;CAC5E,OAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;CAAQ,CAAA;AACnD;AAEA,EAAsB,cAAc"}

package/dist/components/ContextMenu/ContextMenuRadioItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuRadioItem`,exports.ContextMenuRadioItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`ContextMenuRadioItem`,exports.ContextMenuRadioItem=i;
 //# sourceMappingURL=ContextMenuRadioItem.cjs.map

package/dist/components/ContextMenu/ContextMenuRadioItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRadioItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction ContextMenuRadioItem({ ref, ...props }: ContextMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAqB,CAAE,MAAK,GAAG,GAAoC,CAC1E,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,EAAS,CAAA,CAGtD,EAAqB,YAAc"}
+{"version":3,"file":"ContextMenuRadioItem.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction ContextMenuRadioItem({ ref, ...props }: ContextMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAqB,CAAE,MAAK,GAAG,GAAoC,CAC1E,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,CAAQ,CAAA,CACrD,CAEA,EAAqB,YAAc"}

package/dist/components/ContextMenu/ContextMenuRadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRadioItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction ContextMenuRadioItem({ ref, ...props }: ContextMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAqB,EAAE,QAAK,GAAG,KAAoC;AAC1E,QAAO,kBAAC,GAAD;EAA2B;EAAK,GAAI;EAAS,CAAA;;AAGtD,EAAqB,cAAc"}
+{"version":3,"file":"ContextMenuRadioItem.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type ContextMenuRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction ContextMenuRadioItem({ ref, ...props }: ContextMenuRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAqB,EAAE,QAAK,GAAG,KAAoC;CAC1E,OAAO,kBAAC,GAAD;EAA2B;EAAK,GAAI;CAAQ,CAAA;AACrD;AAEA,EAAqB,cAAc"}

package/dist/components/ContextMenu/ContextMenuSeparator.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuSeparatorBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuSeparatorBase,{ref:e,...n})}i.displayName=`ContextMenuSeparator`,exports.ContextMenuSeparator=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuSeparatorBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuSeparatorBase,{ref:e,...n})}i.displayName=`ContextMenuSeparator`,exports.ContextMenuSeparator=i;
 //# sourceMappingURL=ContextMenuSeparator.cjs.map

package/dist/components/ContextMenu/ContextMenuSeparator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuSeparator.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuSeparator({ ref, ...props }: ContextMenuSeparatorProps) {\n  return <MenuSeparatorBase ref={ref} {...props} />;\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":"2LAQA,SAAS,EAAqB,CAAE,MAAK,GAAG,GAAoC,CAC1E,OAAO,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAwB,MAAK,GAAI,EAAS,CAAA,CAGnD,EAAqB,YAAc"}
+{"version":3,"file":"ContextMenuSeparator.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuSeparator({ ref, ...props }: ContextMenuSeparatorProps) {\n  return <MenuSeparatorBase ref={ref} {...props} />;\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":"2LAQA,SAAS,EAAqB,CAAE,MAAK,GAAG,GAAoC,CAC1E,OAAO,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAwB,MAAK,GAAI,CAAQ,CAAA,CAClD,CAEA,EAAqB,YAAc"}

package/dist/components/ContextMenu/ContextMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuSeparator.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuSeparator({ ref, ...props }: ContextMenuSeparatorProps) {\n  return <MenuSeparatorBase ref={ref} {...props} />;\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":";;;;;AAQA,SAAS,EAAqB,EAAE,QAAK,GAAG,KAAoC;AAC1E,QAAO,kBAAC,GAAD;EAAwB;EAAK,GAAI;EAAS,CAAA;;AAGnD,EAAqB,cAAc"}
+{"version":3,"file":"ContextMenuSeparator.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuSeparatorBase } from \"@nuka/components/Menu/MenuSeparatorBase\";\n\nexport interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuSeparator({ ref, ...props }: ContextMenuSeparatorProps) {\n  return <MenuSeparatorBase ref={ref} {...props} />;\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":";;;;;AAQA,SAAS,EAAqB,EAAE,QAAK,GAAG,KAAoC;CAC1E,OAAO,kBAAC,GAAD;EAAwB;EAAK,GAAI;CAAQ,CAAA;AAClD;AAEA,EAAqB,cAAc"}

package/dist/components/ContextMenu/ContextMenuTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./ContextMenu.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,asChild:o=!1,children:s,onContextMenu:c,onKeyDown:l,className:u,...d}){let f=r.useContextMenuContext(),p=i.useRef(null),m=n.composeRefs(e,p),h=o?n.Slot:`div`;return(0,a.jsx)(h,{ref:m,tabIndex:0,"aria-haspopup":`menu`,"aria-expanded":f.open,onContextMenu:e=>{e.preventDefault(),c?.(e),f.refs.setReference({getBoundingClientRect:()=>({x:e.clientX,y:e.clientY,width:0,height:0,top:e.clientY,left:e.clientX,bottom:e.clientY,right:e.clientX,toJSON:()=>({})})}),f.onOpenChange(!0)},onKeyDown:e=>{if(l?.(e),!e.defaultPrevented&&(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`)){e.preventDefault();let t=p.current?.getBoundingClientRect();t&&f.refs.setReference({getBoundingClientRect:()=>({x:t.x,y:t.y+t.height,width:0,height:0,top:t.y+t.height,left:t.x,bottom:t.y+t.height,right:t.x,toJSON:()=>({})})}),f.onOpenChange(!0)}},className:t.cn(`rounded-(--radius-sm)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,u),...d,children:s})}o.displayName=`ContextMenuTrigger`,exports.ContextMenuTrigger=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("./ContextMenu.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,asChild:o=!1,children:s,onContextMenu:c,onKeyDown:l,className:u,...d}){let f=r.useContextMenuContext(),p=i.useRef(null),m=n.composeRefs(e,p),h=o?n.Slot:`div`;return(0,a.jsx)(h,{ref:m,tabIndex:0,"aria-haspopup":`menu`,"aria-expanded":f.open,onContextMenu:e=>{e.preventDefault(),c?.(e),f.refs.setReference({getBoundingClientRect:()=>({x:e.clientX,y:e.clientY,width:0,height:0,top:e.clientY,left:e.clientX,bottom:e.clientY,right:e.clientX,toJSON:()=>({})})}),f.onOpenChange(!0)},onKeyDown:e=>{if(l?.(e),!e.defaultPrevented&&(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`)){e.preventDefault();let t=p.current?.getBoundingClientRect();t&&f.refs.setReference({getBoundingClientRect:()=>({x:t.x,y:t.y+t.height,width:0,height:0,top:t.y+t.height,left:t.x,bottom:t.y+t.height,right:t.x,toJSON:()=>({})})}),f.onOpenChange(!0)}},className:t.cn(`rounded-(--radius-sm)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,u),"data-slot":`trigger`,...d,children:s})}o.displayName=`ContextMenuTrigger`,exports.ContextMenuTrigger=o;
 //# sourceMappingURL=ContextMenuTrigger.cjs.map

package/dist/components/ContextMenu/ContextMenuTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":"yPAWA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,WACA,gBACA,YACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAqB,EAAA,YAAY,EAAK,EAAW,CACjD,EAAO,EAAU,EAAA,KAAO,MAoD9B,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,SAAU,EACV,gBAAc,OACd,gBAAe,EAAI,KACnB,cAxDuB,GAAwC,CACjE,EAAE,gBAAgB,CAClB,IAAgB,EAAE,CAElB,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAE,QACL,EAAG,EAAE,QACL,MAAO,EACP,OAAQ,EACR,IAAK,EAAE,QACP,KAAM,EAAE,QACR,OAAQ,EAAE,QACV,MAAO,EAAE,QACT,YAAe,EAAE,EAClB,EACF,CAAC,CAEF,EAAI,aAAa,GAAK,EAuCpB,UApCmB,GAA2C,CAChE,OAAY,EAAE,CACV,GAAE,mBAGJ,EAAE,MAAQ,eAAkB,EAAE,UAAY,EAAE,MAAQ,OAEhC,CACpB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAW,SAAS,uBAAuB,CACpD,GACF,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAK,EACR,EAAG,EAAK,EAAI,EAAK,OACjB,MAAO,EACP,OAAQ,EACR,IAAK,EAAK,EAAI,EAAK,OACnB,KAAM,EAAK,EACX,OAAQ,EAAK,EAAI,EAAK,OACtB,MAAO,EAAK,EACZ,YAAe,EAAE,EAClB,EACF,CAAC,CAEJ,EAAI,aAAa,GAAK,GAYtB,UAAW,EAAA,GACT,wBACA,yDACA,8CACA,EACD,CACD,GAAK,EAEJ,WACI,CAAA,CAIX,EAAmB,YAAc"}
+{"version":3,"file":"ContextMenuTrigger.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":"yPAWA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,WACA,gBACA,YACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,sBAAsB,EAC5B,EAAa,EAAM,OAAuB,IAAI,EAC9C,EAAqB,EAAA,YAAY,EAAK,CAAU,EAChD,EAAO,EAAU,EAAA,KAAO,MAoD9B,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,SAAU,EACV,gBAAc,OACd,gBAAe,EAAI,KACnB,cAxDuB,GAAwC,CACjE,EAAE,eAAe,EACjB,IAAgB,CAAC,EAEjB,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAE,QACL,EAAG,EAAE,QACL,MAAO,EACP,OAAQ,EACR,IAAK,EAAE,QACP,KAAM,EAAE,QACR,OAAQ,EAAE,QACV,MAAO,EAAE,QACT,YAAe,CAAC,EAClB,EACF,CAAC,EAED,EAAI,aAAa,EAAI,CACvB,EAsCI,UApCmB,GAA2C,CAChE,OAAY,CAAC,EACT,GAAE,mBAGJ,EAAE,MAAQ,eAAkB,EAAE,UAAY,EAAE,MAAQ,OAEhC,CACpB,EAAE,eAAe,EACjB,IAAM,EAAO,EAAW,SAAS,sBAAsB,EACnD,GACF,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAK,EACR,EAAG,EAAK,EAAI,EAAK,OACjB,MAAO,EACP,OAAQ,EACR,IAAK,EAAK,EAAI,EAAK,OACnB,KAAM,EAAK,EACX,OAAQ,EAAK,EAAI,EAAK,OACtB,MAAO,EAAK,EACZ,YAAe,CAAC,EAClB,EACF,CAAC,EAEH,EAAI,aAAa,EAAI,CACvB,CACF,EAUI,UAAW,EAAA,GACT,wBACA,yDACA,8CACA,CACF,EACA,YAAU,UACV,GAAI,EAEH,UACG,CAAA,CAEV,CAEA,EAAmB,YAAc"}

package/dist/components/ContextMenu/ContextMenuTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2EzB;kBAnFQ,kBAAkB;;;AAuF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA4EzB;kBApFQ,kBAAkB;;;AAwF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuTrigger.js

@@ -43,6 +43,7 @@ function o({ ref: o, asChild: s = !1, children: c, onContextMenu: l, onKeyDown:
 			}
 		},
 		className: e("rounded-(--radius-sm)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", d),
+		"data-slot": "trigger",
 		...f,
 		children: c
 	});

package/dist/components/ContextMenu/ContextMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":";;;;;;;AAWA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,aACA,kBACA,cACA,cACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAC7B,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAqB,EAAY,GAAK,EAAW;AAqDvD,QACE,kBArDW,IAAU,IAAO,OAqD5B;EACE,KAAK;EACL,UAAU;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,gBAxDuB,MAAwC;AAkBjE,GAjBA,EAAE,gBAAgB,EAClB,IAAgB,EAAE,EAElB,EAAI,KAAK,aAAa,EACpB,8BAA8B;IAC5B,GAAG,EAAE;IACL,GAAG,EAAE;IACL,OAAO;IACP,QAAQ;IACR,KAAK,EAAE;IACP,MAAM,EAAE;IACR,QAAQ,EAAE;IACV,OAAO,EAAE;IACT,eAAe,EAAE;IAClB,GACF,CAAC,EAEF,EAAI,aAAa,GAAK;;EAuCpB,YApCmB,MAA2C;AAChE,WAAY,EAAE,EACV,GAAE,qBAGJ,EAAE,QAAQ,iBAAkB,EAAE,YAAY,EAAE,QAAQ,QAEhC;AACpB,MAAE,gBAAgB;IAClB,IAAM,IAAO,EAAW,SAAS,uBAAuB;AAgBxD,IAfI,KACF,EAAI,KAAK,aAAa,EACpB,8BAA8B;KAC5B,GAAG,EAAK;KACR,GAAG,EAAK,IAAI,EAAK;KACjB,OAAO;KACP,QAAQ;KACR,KAAK,EAAK,IAAI,EAAK;KACnB,MAAM,EAAK;KACX,QAAQ,EAAK,IAAI,EAAK;KACtB,OAAO,EAAK;KACZ,eAAe,EAAE;KAClB,GACF,CAAC,EAEJ,EAAI,aAAa,GAAK;;;EAYtB,WAAW,EACT,yBACA,0DACA,+CACA,EACD;EACD,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAmB,cAAc"}
+{"version":3,"file":"ContextMenuTrigger.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":";;;;;;;AAWA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,aACA,kBACA,cACA,cACA,GAAG,KACuB;CAC1B,IAAM,IAAM,EAAsB,GAC5B,IAAa,EAAM,OAAuB,IAAI,GAC9C,IAAqB,EAAY,GAAK,CAAU;CAqDtD,OACE,kBArDW,IAAU,IAAO,OAqD5B;EACE,KAAK;EACL,UAAU;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,gBAxDuB,MAAwC;GAkBjE,AAjBA,EAAE,eAAe,GACjB,IAAgB,CAAC,GAEjB,EAAI,KAAK,aAAa,EACpB,8BAA8B;IAC5B,GAAG,EAAE;IACL,GAAG,EAAE;IACL,OAAO;IACP,QAAQ;IACR,KAAK,EAAE;IACP,MAAM,EAAE;IACR,QAAQ,EAAE;IACV,OAAO,EAAE;IACT,eAAe,CAAC;GAClB,GACF,CAAC,GAED,EAAI,aAAa,EAAI;EACvB;EAsCI,YApCmB,MAA2C;GAChE,QAAY,CAAC,GACT,GAAE,qBAGJ,EAAE,QAAQ,iBAAkB,EAAE,YAAY,EAAE,QAAQ,QAEhC;IACpB,EAAE,eAAe;IACjB,IAAM,IAAO,EAAW,SAAS,sBAAsB;IAgBvD,AAfI,KACF,EAAI,KAAK,aAAa,EACpB,8BAA8B;KAC5B,GAAG,EAAK;KACR,GAAG,EAAK,IAAI,EAAK;KACjB,OAAO;KACP,QAAQ;KACR,KAAK,EAAK,IAAI,EAAK;KACnB,MAAM,EAAK;KACX,QAAQ,EAAK,IAAI,EAAK;KACtB,OAAO,EAAK;KACZ,eAAe,CAAC;IAClB,GACF,CAAC,GAEH,EAAI,aAAa,EAAI;GACvB;EACF;EAUI,WAAW,EACT,yBACA,0DACA,+CACA,CACF;EACA,aAAU;EACV,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,EAAmB,cAAc"}

package/dist/components/DataTable/DataTable.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Input/Input.cjs`),n=require(`../EmptyState/EmptyState.cjs`),r=require(`../Table/Table.cjs`),i=require(`../Table/TableHeader.cjs`),a=require(`../Table/TableBody.cjs`),o=require(`../Table/TableRow.cjs`),s=require(`../Table/TableHead.cjs`),c=require(`../Table/TableCell.cjs`),l=require(`../Pagination/Pagination.cjs`),u=require(`../Pagination/PaginationContent.cjs`),d=require(`../Pagination/PaginationItem.cjs`),f=require(`../Pagination/PaginationLink.cjs`),p=require(`../Pagination/PaginationPrevious.cjs`),m=require(`../Pagination/PaginationNext.cjs`),h=require(`../Pagination/PaginationEllipsis.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v(e,t){let n=new Set;return n.add(1),n.add(t),n.add(e),e-1>=1&&n.add(e-1),e+1<=t&&n.add(e+1),Array.from(n).sort((e,t)=>e-t)}function y({data:e,columns:y,caption:b,rowKey:x,pageSize:S=10,filterable:C=!1,filterPlaceholder:w,emptyMessage:T=`No results found`}){let[E,D]=g.useState(``),[O,k]=g.useState(1),[A,j]=g.useState(null),M=g.useRef(!1),N=g.useId(),P=e=>{M.current=!0,D(e.target.value),k(1)},F=e=>{j(t=>t?.key===e?t.direction===`asc`?{key:e,direction:`desc`}:(t.direction,null):{key:e,direction:`asc`})},I=g.useMemo(()=>{if(E===``)return e;let t=E.toLowerCase();return e.filter(e=>y.some(n=>{let r=e[n.key];return String(r).toLowerCase().includes(t)}))},[e,y,E]),L=g.useMemo(()=>A===null?I:[...I].sort((e,t)=>{let n=String(e[A.key]??``),r=String(t[A.key]??``),i=n.localeCompare(r);return A.direction===`desc`?-i:i}),[I,A]),R=Math.max(1,Math.ceil(I.length/S)),z=(O-1)*S,B=L.slice(z,z+S),V=R>1,H=v(O,R);return(0,_.jsxs)(`div`,{className:`flex flex-col gap-(--space-4)`,children:[C&&(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`label`,{htmlFor:N,className:`sr-only`,children:[`Filter `,b]}),(0,_.jsx)(t.Input,{id:N,type:`search`,value:E,onChange:P,placeholder:w,size:`sm`})]}),I.length===0?(0,_.jsx)(n.EmptyState,{heading:T}):(0,_.jsxs)(r.Table,{caption:b,children:[(0,_.jsx)(i.TableHeader,{children:(0,_.jsx)(o.TableRow,{children:y.map(e=>(0,_.jsx)(s.TableHead,{...e.sortable===!0?{sortable:!0,sortDirection:A!==null&&A.key===e.key?A.direction:`none`,onSort:()=>F(e.key)}:{},children:e.header},e.key))})}),(0,_.jsx)(a.TableBody,{children:B.map((e,t)=>(0,_.jsx)(o.TableRow,{children:y.map(t=>(0,_.jsx)(c.TableCell,{children:t.cell==null?String(e[t.key]??``):t.cell(e[t.key],e)},t.key))},x==null?t:String(e[x])))})]}),V&&I.length>0&&(0,_.jsx)(l.Pagination,{children:(0,_.jsxs)(u.PaginationContent,{children:[(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(p.PaginationPrevious,{asChild:!0,children:(0,_.jsx)(`button`,{type:`button`,disabled:O===1,onClick:()=>k(e=>Math.max(1,e-1))})})}),H.map((e,t)=>{let n=H[t-1],r=n!=null&&e-n>1;return(0,_.jsxs)(g.Fragment,{children:[r&&(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(h.PaginationEllipsis,{})}),(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(f.PaginationLink,{asChild:!0,isActive:e===O,children:(0,_.jsx)(`button`,{type:`button`,onClick:()=>k(e),children:e})})})]},e)}),(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(m.PaginationNext,{asChild:!0,children:(0,_.jsx)(`button`,{type:`button`,disabled:O===R,onClick:()=>k(e=>Math.min(R,e+1))})})})]})}),(0,_.jsx)(`div`,{role:`status`,className:`sr-only`,children:M.current?`Showing ${String(I.length)} ${I.length===1?`result`:`results`}`:``})]})}y.displayName=`DataTable`,exports.DataTable=y;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Input/Input.cjs"),n=require("../EmptyState/EmptyState.cjs"),r=require("../Table/Table.cjs"),i=require("../Table/TableHeader.cjs"),a=require("../Table/TableBody.cjs"),o=require("../Table/TableRow.cjs"),s=require("../Table/TableHead.cjs"),c=require("../Table/TableCell.cjs"),l=require("../Pagination/Pagination.cjs"),u=require("../Pagination/PaginationContent.cjs"),d=require("../Pagination/PaginationItem.cjs"),f=require("../Pagination/PaginationLink.cjs"),p=require("../Pagination/PaginationPrevious.cjs"),m=require("../Pagination/PaginationNext.cjs"),h=require("../Pagination/PaginationEllipsis.cjs");let g=require("react");g=e.__toESM(g,1);let _=require("react/jsx-runtime");function v(e,t){let n=new Set;return n.add(1),n.add(t),n.add(e),e-1>=1&&n.add(e-1),e+1<=t&&n.add(e+1),Array.from(n).sort((e,t)=>e-t)}function y({data:e,columns:y,caption:b,rowKey:x,pageSize:S=10,filterable:C=!1,filterPlaceholder:w,emptyMessage:T=`No results found`}){let[E,D]=g.useState(``),[O,k]=g.useState(1),[A,j]=g.useState(null),M=g.useRef(!1),N=g.useId(),P=e=>{M.current=!0,D(e.target.value),k(1)},F=e=>{j(t=>t?.key===e?t.direction===`asc`?{key:e,direction:`desc`}:(t.direction,null):{key:e,direction:`asc`})},I=g.useMemo(()=>{if(E===``)return e;let t=E.toLowerCase();return e.filter(e=>y.some(n=>{let r=e[n.key];return String(r).toLowerCase().includes(t)}))},[e,y,E]),L=g.useMemo(()=>A===null?I:[...I].sort((e,t)=>{let n=String(e[A.key]??``),r=String(t[A.key]??``),i=n.localeCompare(r);return A.direction===`desc`?-i:i}),[I,A]),R=Math.max(1,Math.ceil(I.length/S)),z=(O-1)*S,B=L.slice(z,z+S),V=R>1,H=v(O,R);return(0,_.jsxs)(`div`,{className:`flex flex-col gap-(--space-4)`,children:[C&&(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`label`,{htmlFor:N,className:`sr-only`,children:[`Filter `,b]}),(0,_.jsx)(t.Input,{id:N,type:`search`,value:E,onChange:P,placeholder:w,size:`sm`})]}),I.length===0?(0,_.jsx)(n.EmptyState,{heading:T}):(0,_.jsxs)(r.Table,{caption:b,children:[(0,_.jsx)(i.TableHeader,{children:(0,_.jsx)(o.TableRow,{children:y.map(e=>(0,_.jsx)(s.TableHead,{...e.sortable===!0?{sortable:!0,sortDirection:A!==null&&A.key===e.key?A.direction:`none`,onSort:()=>F(e.key)}:{},children:e.header},e.key))})}),(0,_.jsx)(a.TableBody,{children:B.map((e,t)=>(0,_.jsx)(o.TableRow,{children:y.map(t=>(0,_.jsx)(c.TableCell,{children:t.cell==null?String(e[t.key]??``):t.cell(e[t.key],e)},t.key))},x==null?t:String(e[x])))})]}),V&&I.length>0&&(0,_.jsx)(l.Pagination,{children:(0,_.jsxs)(u.PaginationContent,{children:[(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(p.PaginationPrevious,{asChild:!0,children:(0,_.jsx)(`button`,{type:`button`,disabled:O===1,onClick:()=>k(e=>Math.max(1,e-1))})})}),H.map((e,t)=>{let n=H[t-1],r=n!=null&&e-n>1;return(0,_.jsxs)(g.Fragment,{children:[r&&(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(h.PaginationEllipsis,{})}),(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(f.PaginationLink,{asChild:!0,isActive:e===O,children:(0,_.jsx)(`button`,{type:`button`,onClick:()=>k(e),children:e})})})]},e)}),(0,_.jsx)(d.PaginationItem,{children:(0,_.jsx)(m.PaginationNext,{asChild:!0,children:(0,_.jsx)(`button`,{type:`button`,disabled:O===R,onClick:()=>k(e=>Math.min(R,e+1))})})})]})}),(0,_.jsx)(`div`,{role:`status`,className:`sr-only`,children:M.current?`Showing ${String(I.length)} ${I.length===1?`result`:`results`}`:``})]})}y.displayName=`DataTable`,exports.DataTable=y;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/components/DataTable/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Input } from \"@nuka/components/Input\";\nimport { EmptyState } from \"@nuka/components/EmptyState\";\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from \"@nuka/components/Table\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"@nuka/components/Pagination\";\nimport type { SortDirection } from \"@nuka/components/Table\";\n\nexport interface DataTableColumn<TRow> {\n  key: keyof TRow & string;\n  header: string;\n  sortable?: boolean;\n  cell?: (value: TRow[keyof TRow & string], row: TRow) => React.ReactNode;\n}\n\nexport interface DataTableProps<TRow extends object> {\n  data: TRow[];\n  columns: DataTableColumn<TRow>[];\n  caption: string;\n  rowKey?: keyof TRow & string;\n  pageSize?: number;\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  emptyMessage?: string;\n}\n\nfunction getPageNumbers(currentPage: number, totalPages: number): number[] {\n  const pageSet = new Set<number>();\n  pageSet.add(1);\n  pageSet.add(totalPages);\n  pageSet.add(currentPage);\n  if (currentPage - 1 >= 1) pageSet.add(currentPage - 1);\n  if (currentPage + 1 <= totalPages) pageSet.add(currentPage + 1);\n\n  return Array.from(pageSet).sort((a, b) => a - b);\n}\n\n// DataTable is a generic function component. React.forwardRef does not support\n// generics cleanly in React 19. Consumers interact with DataTable at the data\n// level (columns, rows), not the DOM level, so ref forwarding is not needed.\nfunction DataTable<TRow extends object>({\n  data,\n  columns,\n  caption,\n  rowKey,\n  pageSize = 10,\n  filterable = false,\n  filterPlaceholder,\n  emptyMessage = \"No results found\",\n}: DataTableProps<TRow>) {\n  const [filterValue, setFilterValue] = React.useState(\"\");\n  const [currentPage, setCurrentPage] = React.useState(1);\n  const [sort, setSort] = React.useState<{\n    key: string;\n    direction: SortDirection;\n  } | null>(null);\n\n  const hasFilteredRef = React.useRef(false);\n  const filterId = React.useId();\n\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    hasFilteredRef.current = true;\n    setFilterValue(e.target.value);\n    setCurrentPage(1);\n  };\n\n  const handleSort = (key: string) => {\n    setSort((prev) => {\n      if (prev?.key !== key) {\n        return { key, direction: \"asc\" };\n      }\n      if (prev.direction === \"asc\") {\n        return { key, direction: \"desc\" };\n      }\n      if (prev.direction === \"desc\") {\n        return null;\n      }\n      return null;\n    });\n  };\n\n  const filteredData = React.useMemo(() => {\n    if (filterValue === \"\") return data;\n\n    const lower = filterValue.toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const value = row[col.key];\n        return String(value).toLowerCase().includes(lower);\n      }),\n    );\n  }, [data, columns, filterValue]);\n\n  const sortedData = React.useMemo(() => {\n    if (sort === null) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aVal = String(a[sort.key as keyof TRow] ?? \"\");\n      const bVal = String(b[sort.key as keyof TRow] ?? \"\");\n      const cmp = aVal.localeCompare(bVal);\n      return sort.direction === \"desc\" ? -cmp : cmp;\n    });\n  }, [filteredData, sort]);\n\n  const totalPages = Math.max(1, Math.ceil(filteredData.length / pageSize));\n  const startIndex = (currentPage - 1) * pageSize;\n  const pageData = sortedData.slice(startIndex, startIndex + pageSize);\n  const showPagination = totalPages > 1;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <div className=\"flex flex-col gap-(--space-4)\">\n      {filterable && (\n        <div>\n          <label htmlFor={filterId} className=\"sr-only\">\n            Filter {caption}\n          </label>\n          <Input\n            id={filterId}\n            type=\"search\"\n            value={filterValue}\n            onChange={handleFilterChange}\n            placeholder={filterPlaceholder}\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {filteredData.length === 0 ? (\n        <EmptyState heading={emptyMessage} />\n      ) : (\n        <Table caption={caption}>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => {\n                const isSortable = col.sortable === true;\n                return (\n                  <TableHead\n                    key={col.key}\n                    {...(isSortable\n                      ? {\n                          sortable: true,\n                          sortDirection:\n                            sort !== null && sort.key === col.key\n                              ? sort.direction\n                              : \"none\",\n                          onSort: () => handleSort(col.key),\n                        }\n                      : {})}\n                  >\n                    {col.header}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {pageData.map((row, rowIndex) => (\n              <TableRow key={rowKey != null ? String(row[rowKey]) : rowIndex}>\n                {columns.map((col) => (\n                  <TableCell key={col.key}>\n                    {col.cell != null\n                      ? col.cell(row[col.key], row)\n                      : String(row[col.key] ?? \"\")}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      )}\n\n      {showPagination && filteredData.length > 0 && (\n        <Pagination>\n          <PaginationContent>\n            <PaginationItem>\n              <PaginationPrevious asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === 1}\n                  onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n                />\n              </PaginationPrevious>\n            </PaginationItem>\n\n            {pages.map((page, i) => {\n              const prev = pages[i - 1];\n              const showEllipsis = prev != null && page - prev > 1;\n\n              return (\n                <React.Fragment key={page}>\n                  {showEllipsis && (\n                    <PaginationItem>\n                      <PaginationEllipsis />\n                    </PaginationItem>\n                  )}\n                  <PaginationItem>\n                    <PaginationLink asChild isActive={page === currentPage}>\n                      <button\n                        type=\"button\"\n                        onClick={() => setCurrentPage(page)}\n                      >\n                        {page}\n                      </button>\n                    </PaginationLink>\n                  </PaginationItem>\n                </React.Fragment>\n              );\n            })}\n\n            <PaginationItem>\n              <PaginationNext asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === totalPages}\n                  onClick={() =>\n                    setCurrentPage((p) => Math.min(totalPages, p + 1))\n                  }\n                />\n              </PaginationNext>\n            </PaginationItem>\n          </PaginationContent>\n        </Pagination>\n      )}\n\n      <div role=\"status\" className=\"sr-only\">\n        {hasFilteredRef.current\n          ? `Showing ${String(filteredData.length)} ${filteredData.length === 1 ? \"result\" : \"results\"}`\n          : \"\"}\n      </div>\n    </div>\n  );\n}\n\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n"],"mappings":"wvBAyCA,SAAS,EAAe,EAAqB,EAA8B,CACzE,IAAM,EAAU,IAAI,IAOpB,OANA,EAAQ,IAAI,EAAE,CACd,EAAQ,IAAI,EAAW,CACvB,EAAQ,IAAI,EAAY,CACpB,EAAc,GAAK,GAAG,EAAQ,IAAI,EAAc,EAAE,CAClD,EAAc,GAAK,GAAY,EAAQ,IAAI,EAAc,EAAE,CAExD,MAAM,KAAK,EAAQ,CAAC,MAAM,EAAG,IAAM,EAAI,EAAE,CAMlD,SAAS,EAA+B,CACtC,OACA,UACA,UACA,SACA,WAAW,GACX,aAAa,GACb,oBACA,eAAe,oBACQ,CACvB,GAAM,CAAC,EAAa,GAAkB,EAAM,SAAS,GAAG,CAClD,CAAC,EAAa,GAAkB,EAAM,SAAS,EAAE,CACjD,CAAC,EAAM,GAAW,EAAM,SAGpB,KAAK,CAET,EAAiB,EAAM,OAAO,GAAM,CACpC,EAAW,EAAM,OAAO,CAExB,EAAsB,GAA2C,CACrE,EAAe,QAAU,GACzB,EAAe,EAAE,OAAO,MAAM,CAC9B,EAAe,EAAE,EAGb,EAAc,GAAgB,CAClC,EAAS,GACH,GAAM,MAAQ,EAGd,EAAK,YAAc,MACd,CAAE,MAAK,UAAW,OAAQ,EAE/B,EAAK,UACA,MANA,CAAE,MAAK,UAAW,MAAO,CASlC,EAGE,EAAe,EAAM,YAAc,CACvC,GAAI,IAAgB,GAAI,OAAO,EAE/B,IAAM,EAAQ,EAAY,aAAa,CACvC,OAAO,EAAK,OAAQ,GAClB,EAAQ,KAAM,GAAQ,CACpB,IAAM,EAAQ,EAAI,EAAI,KACtB,OAAO,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM,EAClD,CACH,EACA,CAAC,EAAM,EAAS,EAAY,CAAC,CAE1B,EAAa,EAAM,YACnB,IAAS,KAAa,EAEnB,CAAC,GAAG,EAAa,CAAC,MAAM,EAAG,IAAM,CACtC,IAAM,EAAO,OAAO,EAAE,EAAK,MAAsB,GAAG,CAC9C,EAAO,OAAO,EAAE,EAAK,MAAsB,GAAG,CAC9C,EAAM,EAAK,cAAc,EAAK,CACpC,OAAO,EAAK,YAAc,OAAS,CAAC,EAAM,GAC1C,CACD,CAAC,EAAc,EAAK,CAAC,CAElB,EAAa,KAAK,IAAI,EAAG,KAAK,KAAK,EAAa,OAAS,EAAS,CAAC,CACnE,GAAc,EAAc,GAAK,EACjC,EAAW,EAAW,MAAM,EAAY,EAAa,EAAS,CAC9D,EAAiB,EAAa,EAE9B,EAAQ,EAAe,EAAa,EAAW,CAErD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,CACG,IACC,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,QAAD,CAAO,QAAS,EAAU,UAAU,mBAApC,CAA8C,UACpC,EACF,IACR,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,GAAI,EACJ,KAAK,SACL,MAAO,EACP,SAAU,EACV,YAAa,EACb,KAAK,KACL,CAAA,CACE,CAAA,CAAA,CAGP,EAAa,SAAW,GACvB,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,QAAS,EAAgB,CAAA,EAErC,EAAA,EAAA,MAAC,EAAA,MAAD,CAAgB,mBAAhB,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAA,SACG,EAAQ,IAAK,IAGV,EAAA,EAAA,KAAC,EAAA,UAAD,CAEE,GAJe,EAAI,WAAa,GAK5B,CACE,SAAU,GACV,cACE,IAAS,MAAQ,EAAK,MAAQ,EAAI,IAC9B,EAAK,UACL,OACN,WAAc,EAAW,EAAI,IAAI,CAClC,CACD,EAAE,UAEL,EAAI,OACK,CAbL,EAAI,IAaC,CAEd,CACO,CAAA,CACC,CAAA,EACd,EAAA,EAAA,KAAC,EAAA,UAAD,CAAA,SACG,EAAS,KAAK,EAAK,KAClB,EAAA,EAAA,KAAC,EAAA,SAAD,CAAA,SACG,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,UAAD,CAAA,SACG,EAAI,MAAQ,KAET,OAAO,EAAI,EAAI,MAAQ,GAAG,CAD1B,EAAI,KAAK,EAAI,EAAI,KAAM,EAAI,CAErB,CAJI,EAAI,IAIR,CACZ,CACO,CARI,GAAU,KAA6B,EAAtB,OAAO,EAAI,GAAQ,CAQxC,CACX,CACQ,CAAA,CACN,GAGT,GAAkB,EAAa,OAAS,IACvC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAA,kBAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,QAAA,aAClB,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,SAAU,IAAgB,EAC1B,YAAe,EAAgB,GAAM,KAAK,IAAI,EAAG,EAAI,EAAE,CAAC,CACxD,CAAA,CACiB,CAAA,CACN,CAAA,CAEhB,EAAM,KAAK,EAAM,IAAM,CACtB,IAAM,EAAO,EAAM,EAAI,GACjB,EAAe,GAAQ,MAAQ,EAAO,EAAO,EAEnD,OACE,EAAA,EAAA,MAAC,EAAM,SAAP,CAAA,SAAA,CACG,IACC,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,mBAAD,EAAsB,CAAA,CACP,CAAA,EAEnB,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,GAAQ,SAAU,IAAS,YACzC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAe,EAAK,UAElC,EACM,CAAA,CACM,CAAA,CACF,CAAA,CACF,CAAA,CAhBI,EAgBJ,EAEnB,EAEF,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,aACd,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,SAAU,IAAgB,EAC1B,YACE,EAAgB,GAAM,KAAK,IAAI,EAAY,EAAI,EAAE,CAAC,CAEpD,CAAA,CACa,CAAA,CACF,CAAA,CACC,CAAA,CAAA,CACT,CAAA,EAGf,EAAA,EAAA,KAAC,MAAD,CAAK,KAAK,SAAS,UAAU,mBAC1B,EAAe,QACZ,WAAW,OAAO,EAAa,OAAO,CAAC,GAAG,EAAa,SAAW,EAAI,SAAW,YACjF,GACA,CAAA,CACF,GAIV,EAAU,YAAc"}
+{"version":3,"file":"DataTable.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Input } from \"@nuka/components/Input\";\nimport { EmptyState } from \"@nuka/components/EmptyState\";\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from \"@nuka/components/Table\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"@nuka/components/Pagination\";\nimport type { SortDirection } from \"@nuka/components/Table\";\n\nexport interface DataTableColumn<TRow> {\n  key: keyof TRow & string;\n  header: string;\n  sortable?: boolean;\n  cell?: (value: TRow[keyof TRow & string], row: TRow) => React.ReactNode;\n}\n\nexport interface DataTableProps<TRow extends object> {\n  data: TRow[];\n  columns: DataTableColumn<TRow>[];\n  caption: string;\n  rowKey?: keyof TRow & string;\n  pageSize?: number;\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  emptyMessage?: string;\n}\n\nfunction getPageNumbers(currentPage: number, totalPages: number): number[] {\n  const pageSet = new Set<number>();\n  pageSet.add(1);\n  pageSet.add(totalPages);\n  pageSet.add(currentPage);\n  if (currentPage - 1 >= 1) pageSet.add(currentPage - 1);\n  if (currentPage + 1 <= totalPages) pageSet.add(currentPage + 1);\n\n  return Array.from(pageSet).sort((a, b) => a - b);\n}\n\n// DataTable is a generic function component. React.forwardRef does not support\n// generics cleanly in React 19. Consumers interact with DataTable at the data\n// level (columns, rows), not the DOM level, so ref forwarding is not needed.\nfunction DataTable<TRow extends object>({\n  data,\n  columns,\n  caption,\n  rowKey,\n  pageSize = 10,\n  filterable = false,\n  filterPlaceholder,\n  emptyMessage = \"No results found\",\n}: DataTableProps<TRow>) {\n  const [filterValue, setFilterValue] = React.useState(\"\");\n  const [currentPage, setCurrentPage] = React.useState(1);\n  const [sort, setSort] = React.useState<{\n    key: string;\n    direction: SortDirection;\n  } | null>(null);\n\n  const hasFilteredRef = React.useRef(false);\n  const filterId = React.useId();\n\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    hasFilteredRef.current = true;\n    setFilterValue(e.target.value);\n    setCurrentPage(1);\n  };\n\n  const handleSort = (key: string) => {\n    setSort((prev) => {\n      if (prev?.key !== key) {\n        return { key, direction: \"asc\" };\n      }\n      if (prev.direction === \"asc\") {\n        return { key, direction: \"desc\" };\n      }\n      if (prev.direction === \"desc\") {\n        return null;\n      }\n      return null;\n    });\n  };\n\n  const filteredData = React.useMemo(() => {\n    if (filterValue === \"\") return data;\n\n    const lower = filterValue.toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const value = row[col.key];\n        return String(value).toLowerCase().includes(lower);\n      }),\n    );\n  }, [data, columns, filterValue]);\n\n  const sortedData = React.useMemo(() => {\n    if (sort === null) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aVal = String(a[sort.key as keyof TRow] ?? \"\");\n      const bVal = String(b[sort.key as keyof TRow] ?? \"\");\n      const cmp = aVal.localeCompare(bVal);\n      return sort.direction === \"desc\" ? -cmp : cmp;\n    });\n  }, [filteredData, sort]);\n\n  const totalPages = Math.max(1, Math.ceil(filteredData.length / pageSize));\n  const startIndex = (currentPage - 1) * pageSize;\n  const pageData = sortedData.slice(startIndex, startIndex + pageSize);\n  const showPagination = totalPages > 1;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <div className=\"flex flex-col gap-(--space-4)\">\n      {filterable && (\n        <div>\n          <label htmlFor={filterId} className=\"sr-only\">\n            Filter {caption}\n          </label>\n          <Input\n            id={filterId}\n            type=\"search\"\n            value={filterValue}\n            onChange={handleFilterChange}\n            placeholder={filterPlaceholder}\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {filteredData.length === 0 ? (\n        <EmptyState heading={emptyMessage} />\n      ) : (\n        <Table caption={caption}>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => {\n                const isSortable = col.sortable === true;\n                return (\n                  <TableHead\n                    key={col.key}\n                    {...(isSortable\n                      ? {\n                          sortable: true,\n                          sortDirection:\n                            sort !== null && sort.key === col.key\n                              ? sort.direction\n                              : \"none\",\n                          onSort: () => handleSort(col.key),\n                        }\n                      : {})}\n                  >\n                    {col.header}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {pageData.map((row, rowIndex) => (\n              <TableRow key={rowKey != null ? String(row[rowKey]) : rowIndex}>\n                {columns.map((col) => (\n                  <TableCell key={col.key}>\n                    {col.cell != null\n                      ? col.cell(row[col.key], row)\n                      : String(row[col.key] ?? \"\")}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      )}\n\n      {showPagination && filteredData.length > 0 && (\n        <Pagination>\n          <PaginationContent>\n            <PaginationItem>\n              <PaginationPrevious asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === 1}\n                  onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n                />\n              </PaginationPrevious>\n            </PaginationItem>\n\n            {pages.map((page, i) => {\n              const prev = pages[i - 1];\n              const showEllipsis = prev != null && page - prev > 1;\n\n              return (\n                <React.Fragment key={page}>\n                  {showEllipsis && (\n                    <PaginationItem>\n                      <PaginationEllipsis />\n                    </PaginationItem>\n                  )}\n                  <PaginationItem>\n                    <PaginationLink asChild isActive={page === currentPage}>\n                      <button\n                        type=\"button\"\n                        onClick={() => setCurrentPage(page)}\n                      >\n                        {page}\n                      </button>\n                    </PaginationLink>\n                  </PaginationItem>\n                </React.Fragment>\n              );\n            })}\n\n            <PaginationItem>\n              <PaginationNext asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === totalPages}\n                  onClick={() =>\n                    setCurrentPage((p) => Math.min(totalPages, p + 1))\n                  }\n                />\n              </PaginationNext>\n            </PaginationItem>\n          </PaginationContent>\n        </Pagination>\n      )}\n\n      <div role=\"status\" className=\"sr-only\">\n        {hasFilteredRef.current\n          ? `Showing ${String(filteredData.length)} ${filteredData.length === 1 ? \"result\" : \"results\"}`\n          : \"\"}\n      </div>\n    </div>\n  );\n}\n\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n"],"mappings":"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"}

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Input } from \"@nuka/components/Input\";\nimport { EmptyState } from \"@nuka/components/EmptyState\";\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from \"@nuka/components/Table\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"@nuka/components/Pagination\";\nimport type { SortDirection } from \"@nuka/components/Table\";\n\nexport interface DataTableColumn<TRow> {\n  key: keyof TRow & string;\n  header: string;\n  sortable?: boolean;\n  cell?: (value: TRow[keyof TRow & string], row: TRow) => React.ReactNode;\n}\n\nexport interface DataTableProps<TRow extends object> {\n  data: TRow[];\n  columns: DataTableColumn<TRow>[];\n  caption: string;\n  rowKey?: keyof TRow & string;\n  pageSize?: number;\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  emptyMessage?: string;\n}\n\nfunction getPageNumbers(currentPage: number, totalPages: number): number[] {\n  const pageSet = new Set<number>();\n  pageSet.add(1);\n  pageSet.add(totalPages);\n  pageSet.add(currentPage);\n  if (currentPage - 1 >= 1) pageSet.add(currentPage - 1);\n  if (currentPage + 1 <= totalPages) pageSet.add(currentPage + 1);\n\n  return Array.from(pageSet).sort((a, b) => a - b);\n}\n\n// DataTable is a generic function component. React.forwardRef does not support\n// generics cleanly in React 19. Consumers interact with DataTable at the data\n// level (columns, rows), not the DOM level, so ref forwarding is not needed.\nfunction DataTable<TRow extends object>({\n  data,\n  columns,\n  caption,\n  rowKey,\n  pageSize = 10,\n  filterable = false,\n  filterPlaceholder,\n  emptyMessage = \"No results found\",\n}: DataTableProps<TRow>) {\n  const [filterValue, setFilterValue] = React.useState(\"\");\n  const [currentPage, setCurrentPage] = React.useState(1);\n  const [sort, setSort] = React.useState<{\n    key: string;\n    direction: SortDirection;\n  } | null>(null);\n\n  const hasFilteredRef = React.useRef(false);\n  const filterId = React.useId();\n\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    hasFilteredRef.current = true;\n    setFilterValue(e.target.value);\n    setCurrentPage(1);\n  };\n\n  const handleSort = (key: string) => {\n    setSort((prev) => {\n      if (prev?.key !== key) {\n        return { key, direction: \"asc\" };\n      }\n      if (prev.direction === \"asc\") {\n        return { key, direction: \"desc\" };\n      }\n      if (prev.direction === \"desc\") {\n        return null;\n      }\n      return null;\n    });\n  };\n\n  const filteredData = React.useMemo(() => {\n    if (filterValue === \"\") return data;\n\n    const lower = filterValue.toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const value = row[col.key];\n        return String(value).toLowerCase().includes(lower);\n      }),\n    );\n  }, [data, columns, filterValue]);\n\n  const sortedData = React.useMemo(() => {\n    if (sort === null) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aVal = String(a[sort.key as keyof TRow] ?? \"\");\n      const bVal = String(b[sort.key as keyof TRow] ?? \"\");\n      const cmp = aVal.localeCompare(bVal);\n      return sort.direction === \"desc\" ? -cmp : cmp;\n    });\n  }, [filteredData, sort]);\n\n  const totalPages = Math.max(1, Math.ceil(filteredData.length / pageSize));\n  const startIndex = (currentPage - 1) * pageSize;\n  const pageData = sortedData.slice(startIndex, startIndex + pageSize);\n  const showPagination = totalPages > 1;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <div className=\"flex flex-col gap-(--space-4)\">\n      {filterable && (\n        <div>\n          <label htmlFor={filterId} className=\"sr-only\">\n            Filter {caption}\n          </label>\n          <Input\n            id={filterId}\n            type=\"search\"\n            value={filterValue}\n            onChange={handleFilterChange}\n            placeholder={filterPlaceholder}\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {filteredData.length === 0 ? (\n        <EmptyState heading={emptyMessage} />\n      ) : (\n        <Table caption={caption}>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => {\n                const isSortable = col.sortable === true;\n                return (\n                  <TableHead\n                    key={col.key}\n                    {...(isSortable\n                      ? {\n                          sortable: true,\n                          sortDirection:\n                            sort !== null && sort.key === col.key\n                              ? sort.direction\n                              : \"none\",\n                          onSort: () => handleSort(col.key),\n                        }\n                      : {})}\n                  >\n                    {col.header}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {pageData.map((row, rowIndex) => (\n              <TableRow key={rowKey != null ? String(row[rowKey]) : rowIndex}>\n                {columns.map((col) => (\n                  <TableCell key={col.key}>\n                    {col.cell != null\n                      ? col.cell(row[col.key], row)\n                      : String(row[col.key] ?? \"\")}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      )}\n\n      {showPagination && filteredData.length > 0 && (\n        <Pagination>\n          <PaginationContent>\n            <PaginationItem>\n              <PaginationPrevious asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === 1}\n                  onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n                />\n              </PaginationPrevious>\n            </PaginationItem>\n\n            {pages.map((page, i) => {\n              const prev = pages[i - 1];\n              const showEllipsis = prev != null && page - prev > 1;\n\n              return (\n                <React.Fragment key={page}>\n                  {showEllipsis && (\n                    <PaginationItem>\n                      <PaginationEllipsis />\n                    </PaginationItem>\n                  )}\n                  <PaginationItem>\n                    <PaginationLink asChild isActive={page === currentPage}>\n                      <button\n                        type=\"button\"\n                        onClick={() => setCurrentPage(page)}\n                      >\n                        {page}\n                      </button>\n                    </PaginationLink>\n                  </PaginationItem>\n                </React.Fragment>\n              );\n            })}\n\n            <PaginationItem>\n              <PaginationNext asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === totalPages}\n                  onClick={() =>\n                    setCurrentPage((p) => Math.min(totalPages, p + 1))\n                  }\n                />\n              </PaginationNext>\n            </PaginationItem>\n          </PaginationContent>\n        </Pagination>\n      )}\n\n      <div role=\"status\" className=\"sr-only\">\n        {hasFilteredRef.current\n          ? `Showing ${String(filteredData.length)} ${filteredData.length === 1 ? \"result\" : \"results\"}`\n          : \"\"}\n      </div>\n    </div>\n  );\n}\n\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Input } from \"@nuka/components/Input\";\nimport { EmptyState } from \"@nuka/components/EmptyState\";\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from \"@nuka/components/Table\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"@nuka/components/Pagination\";\nimport type { SortDirection } from \"@nuka/components/Table\";\n\nexport interface DataTableColumn<TRow> {\n  key: keyof TRow & string;\n  header: string;\n  sortable?: boolean;\n  cell?: (value: TRow[keyof TRow & string], row: TRow) => React.ReactNode;\n}\n\nexport interface DataTableProps<TRow extends object> {\n  data: TRow[];\n  columns: DataTableColumn<TRow>[];\n  caption: string;\n  rowKey?: keyof TRow & string;\n  pageSize?: number;\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  emptyMessage?: string;\n}\n\nfunction getPageNumbers(currentPage: number, totalPages: number): number[] {\n  const pageSet = new Set<number>();\n  pageSet.add(1);\n  pageSet.add(totalPages);\n  pageSet.add(currentPage);\n  if (currentPage - 1 >= 1) pageSet.add(currentPage - 1);\n  if (currentPage + 1 <= totalPages) pageSet.add(currentPage + 1);\n\n  return Array.from(pageSet).sort((a, b) => a - b);\n}\n\n// DataTable is a generic function component. React.forwardRef does not support\n// generics cleanly in React 19. Consumers interact with DataTable at the data\n// level (columns, rows), not the DOM level, so ref forwarding is not needed.\nfunction DataTable<TRow extends object>({\n  data,\n  columns,\n  caption,\n  rowKey,\n  pageSize = 10,\n  filterable = false,\n  filterPlaceholder,\n  emptyMessage = \"No results found\",\n}: DataTableProps<TRow>) {\n  const [filterValue, setFilterValue] = React.useState(\"\");\n  const [currentPage, setCurrentPage] = React.useState(1);\n  const [sort, setSort] = React.useState<{\n    key: string;\n    direction: SortDirection;\n  } | null>(null);\n\n  const hasFilteredRef = React.useRef(false);\n  const filterId = React.useId();\n\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    hasFilteredRef.current = true;\n    setFilterValue(e.target.value);\n    setCurrentPage(1);\n  };\n\n  const handleSort = (key: string) => {\n    setSort((prev) => {\n      if (prev?.key !== key) {\n        return { key, direction: \"asc\" };\n      }\n      if (prev.direction === \"asc\") {\n        return { key, direction: \"desc\" };\n      }\n      if (prev.direction === \"desc\") {\n        return null;\n      }\n      return null;\n    });\n  };\n\n  const filteredData = React.useMemo(() => {\n    if (filterValue === \"\") return data;\n\n    const lower = filterValue.toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const value = row[col.key];\n        return String(value).toLowerCase().includes(lower);\n      }),\n    );\n  }, [data, columns, filterValue]);\n\n  const sortedData = React.useMemo(() => {\n    if (sort === null) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aVal = String(a[sort.key as keyof TRow] ?? \"\");\n      const bVal = String(b[sort.key as keyof TRow] ?? \"\");\n      const cmp = aVal.localeCompare(bVal);\n      return sort.direction === \"desc\" ? -cmp : cmp;\n    });\n  }, [filteredData, sort]);\n\n  const totalPages = Math.max(1, Math.ceil(filteredData.length / pageSize));\n  const startIndex = (currentPage - 1) * pageSize;\n  const pageData = sortedData.slice(startIndex, startIndex + pageSize);\n  const showPagination = totalPages > 1;\n\n  const pages = getPageNumbers(currentPage, totalPages);\n\n  return (\n    <div className=\"flex flex-col gap-(--space-4)\">\n      {filterable && (\n        <div>\n          <label htmlFor={filterId} className=\"sr-only\">\n            Filter {caption}\n          </label>\n          <Input\n            id={filterId}\n            type=\"search\"\n            value={filterValue}\n            onChange={handleFilterChange}\n            placeholder={filterPlaceholder}\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {filteredData.length === 0 ? (\n        <EmptyState heading={emptyMessage} />\n      ) : (\n        <Table caption={caption}>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => {\n                const isSortable = col.sortable === true;\n                return (\n                  <TableHead\n                    key={col.key}\n                    {...(isSortable\n                      ? {\n                          sortable: true,\n                          sortDirection:\n                            sort !== null && sort.key === col.key\n                              ? sort.direction\n                              : \"none\",\n                          onSort: () => handleSort(col.key),\n                        }\n                      : {})}\n                  >\n                    {col.header}\n                  </TableHead>\n                );\n              })}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {pageData.map((row, rowIndex) => (\n              <TableRow key={rowKey != null ? String(row[rowKey]) : rowIndex}>\n                {columns.map((col) => (\n                  <TableCell key={col.key}>\n                    {col.cell != null\n                      ? col.cell(row[col.key], row)\n                      : String(row[col.key] ?? \"\")}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      )}\n\n      {showPagination && filteredData.length > 0 && (\n        <Pagination>\n          <PaginationContent>\n            <PaginationItem>\n              <PaginationPrevious asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === 1}\n                  onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n                />\n              </PaginationPrevious>\n            </PaginationItem>\n\n            {pages.map((page, i) => {\n              const prev = pages[i - 1];\n              const showEllipsis = prev != null && page - prev > 1;\n\n              return (\n                <React.Fragment key={page}>\n                  {showEllipsis && (\n                    <PaginationItem>\n                      <PaginationEllipsis />\n                    </PaginationItem>\n                  )}\n                  <PaginationItem>\n                    <PaginationLink asChild isActive={page === currentPage}>\n                      <button\n                        type=\"button\"\n                        onClick={() => setCurrentPage(page)}\n                      >\n                        {page}\n                      </button>\n                    </PaginationLink>\n                  </PaginationItem>\n                </React.Fragment>\n              );\n            })}\n\n            <PaginationItem>\n              <PaginationNext asChild>\n                <button\n                  type=\"button\"\n                  disabled={currentPage === totalPages}\n                  onClick={() =>\n                    setCurrentPage((p) => Math.min(totalPages, p + 1))\n                  }\n                />\n              </PaginationNext>\n            </PaginationItem>\n          </PaginationContent>\n        </Pagination>\n      )}\n\n      <div role=\"status\" className=\"sr-only\">\n        {hasFilteredRef.current\n          ? `Showing ${String(filteredData.length)} ${filteredData.length === 1 ? \"result\" : \"results\"}`\n          : \"\"}\n      </div>\n    </div>\n  );\n}\n\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./DatePicker.context.cjs`),o=require(`./DatePicker.utils.cjs`);require(`./DatePickerInput.cjs`),require(`./DatePickerCalendar.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({children:e,value:l,defaultValue:u,onValueChange:d,disabled:f=!1,min:p,max:m,formatDate:h,parseDate:g,locale:_}){let v=h??o.defaultFormatDate,y=g??o.defaultParseDate,[b,x]=t.useControllableState(l,u,d),[S,C]=s.useState(!1),w=s.useMemo(()=>{let e=new Date;return new Date(e.getFullYear(),e.getMonth(),e.getDate())},[]),T=s.useMemo(()=>b===void 0?o.clampDate(w,p,m):b,[b,w,p,m]),[E,D]=s.useState(T),O=s.useCallback(e=>{C(e),e&&D(b??o.clampDate(w,p,m))},[b,w,p,m]),{refs:k,floatingStyles:A,context:j}=i.useFloating({open:S,onOpenChange:O,placement:`bottom-start`,middleware:[r.offset(8),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:M,getFloatingProps:N}=i.useInteractions([i.useDismiss(j),i.useRole(j,{role:`dialog`})]),P=s.useId(),F=s.useRef(null),I=s.useRef(!1);return(0,c.jsx)(a.DatePickerContext,{value:s.useMemo(()=>({open:S,onOpenChange:O,selectedDate:b,onSelectedDateChange:x,focusedDate:E,setFocusedDate:D,disabled:f,min:p,max:m,refs:k,floatingStyles:A,getReferenceProps:M,getFloatingProps:N,baseId:P,triggerButtonRef:F,focusCalendarOnOpen:I,formatDate:v,parseDate:y,locale:_}),[S,O,b,x,E,D,f,p,m,k,A,M,N,P,F,I,v,y,_]),children:e})}l.displayName=`DatePicker`,exports.DatePicker=l;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/use-controllable-state.cjs"),n=require("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),r=require("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs"),i=require("../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs"),a=require("./DatePicker.context.cjs"),o=require("./DatePicker.utils.cjs");require("./DatePickerInput.cjs"),require("./DatePickerCalendar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");function l({children:e,value:l,defaultValue:u,onValueChange:d,disabled:f=!1,min:p,max:m,formatDate:h,parseDate:g,locale:_}){let v=h??o.defaultFormatDate,y=g??o.defaultParseDate,[b,x]=t.useControllableState(l,u,d),[S,C]=s.useState(!1),w=s.useMemo(()=>{let e=new Date;return new Date(e.getFullYear(),e.getMonth(),e.getDate())},[]),T=s.useMemo(()=>b===void 0?o.clampDate(w,p,m):b,[b,w,p,m]),[E,D]=s.useState(T),O=s.useCallback(e=>{C(e),e&&D(b??o.clampDate(w,p,m))},[b,w,p,m]),{refs:k,floatingStyles:A,context:j}=i.useFloating({open:S,onOpenChange:O,placement:`bottom-start`,middleware:[r.offset(8),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:M,getFloatingProps:N}=i.useInteractions([i.useDismiss(j),i.useRole(j,{role:`dialog`})]),P=s.useId(),F=s.useRef(null),I=s.useRef(!1);return(0,c.jsx)(a.DatePickerContext,{value:s.useMemo(()=>({open:S,onOpenChange:O,selectedDate:b,onSelectedDateChange:x,focusedDate:E,setFocusedDate:D,disabled:f,min:p,max:m,refs:k,floatingStyles:A,getReferenceProps:M,getFloatingProps:N,baseId:P,triggerButtonRef:F,focusCalendarOnOpen:I,formatDate:v,parseDate:y,locale:_}),[S,O,b,x,E,D,f,p,m,k,A,M,N,P,F,I,v,y,_]),children:e})}l.displayName=`DatePicker`,exports.DatePicker=l;
 //# sourceMappingURL=DatePicker.cjs.map

package/dist/components/DatePicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport type { DatePickerContextValue } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  defaultFormatDate,\n  defaultParseDate,\n  clampDate,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerProps {\n  children: React.ReactNode;\n  value?: Date | undefined;\n  defaultValue?: Date | undefined;\n  onValueChange?: (date: Date | undefined) => void;\n  disabled?: boolean | undefined;\n  min?: Date | undefined;\n  max?: Date | undefined;\n  formatDate?: ((date: Date) => string) | undefined;\n  parseDate?: ((input: string) => Date | null) | undefined;\n  locale?: string | undefined;\n}\n\nfunction DatePicker({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  min,\n  max,\n  formatDate,\n  parseDate,\n  locale,\n}: DatePickerProps) {\n  const effectiveFormatDate = formatDate ?? defaultFormatDate;\n  const effectiveParseDate = parseDate ?? defaultParseDate;\n  const [selectedDate, setSelectedDate] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const [open, setOpen] = React.useState(false);\n\n  const today = React.useMemo(() => {\n    const now = new Date();\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  }, []);\n\n  const initialFocusDate = React.useMemo(() => {\n    if (selectedDate !== undefined) return selectedDate;\n    return clampDate(today, min, max);\n  }, [selectedDate, today, min, max]);\n\n  const [focusedDate, setFocusedDate] = React.useState(initialFocusDate);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (nextOpen) {\n        const target = selectedDate ?? clampDate(today, min, max);\n        setFocusedDate(target);\n      }\n    },\n    [selectedDate, today, min, max],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(8), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"dialog\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    dismiss,\n    role,\n  ]);\n\n  const baseId = React.useId();\n  const triggerButtonRef = React.useRef<HTMLButtonElement>(null);\n  const focusCalendarOnOpen = React.useRef(false);\n\n  const contextValue: DatePickerContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      selectedDate,\n      onSelectedDateChange: setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpen,\n      formatDate: effectiveFormatDate,\n      parseDate: effectiveParseDate,\n      locale,\n    }),\n    [\n      open,\n      handleOpenChange,\n      selectedDate,\n      setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpen,\n      effectiveFormatDate,\n      effectiveParseDate,\n      locale,\n    ],\n  );\n\n  return <DatePickerContext value={contextValue}>{children}</DatePickerContext>;\n}\n\nDatePicker.displayName = \"DatePicker\";\n\nexport { DatePicker };\nexport {\n  DatePickerInput,\n  type DatePickerInputProps,\n} from \"@nuka/components/DatePicker/DatePickerInput\";\nexport {\n  DatePickerCalendar,\n  type DatePickerCalendarProps,\n} from \"@nuka/components/DatePicker/DatePickerCalendar\";\n"],"mappings":"ikBAkCA,SAAS,EAAW,CAClB,WACA,MAAO,EACP,eACA,gBACA,WAAW,GACX,MACA,MACA,aACA,YACA,UACkB,CAClB,IAAM,EAAsB,GAAc,EAAA,kBACpC,EAAqB,GAAa,EAAA,iBAClC,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,CAAC,EAAM,GAAW,EAAM,SAAS,GAAM,CAEvC,EAAQ,EAAM,YAAc,CAChC,IAAM,EAAM,IAAI,KAChB,OAAO,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,EAChE,EAAE,CAAC,CAEA,EAAmB,EAAM,YACzB,IAAiB,IAAA,GACd,EAAA,UAAU,EAAO,EAAK,EAAI,CADM,EAEtC,CAAC,EAAc,EAAO,EAAK,EAAI,CAAC,CAE7B,CAAC,EAAa,GAAkB,EAAM,SAAS,EAAiB,CAEhE,EAAmB,EAAM,YAC5B,GAAsB,CACrB,EAAQ,EAAS,CACb,GAEF,EADe,GAAgB,EAAA,UAAU,EAAO,EAAK,EAAI,CACnC,EAG1B,CAAC,EAAc,EAAO,EAAK,EAAI,CAChC,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACvB,CAAC,CAKI,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAHhD,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,SAAU,CAAC,CAKhD,CAAC,CAEI,EAAS,EAAM,OAAO,CACtB,EAAmB,EAAM,OAA0B,KAAK,CACxD,EAAsB,EAAM,OAAO,GAAM,CA+C/C,OAAO,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MA7CmB,EAAM,aAC1C,CACL,OACA,aAAc,EACd,eACA,qBAAsB,EACtB,cACA,iBACA,WACA,MACA,MACA,OACA,iBACA,oBACA,mBACA,SACA,mBACA,sBACA,WAAY,EACZ,UAAW,EACX,SACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAE+C,WAA6B,CAAA,CAG/E,EAAW,YAAc"}
+{"version":3,"file":"DatePicker.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport type { DatePickerContextValue } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  defaultFormatDate,\n  defaultParseDate,\n  clampDate,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerProps {\n  children: React.ReactNode;\n  value?: Date | undefined;\n  defaultValue?: Date | undefined;\n  onValueChange?: (date: Date | undefined) => void;\n  disabled?: boolean | undefined;\n  min?: Date | undefined;\n  max?: Date | undefined;\n  formatDate?: ((date: Date) => string) | undefined;\n  parseDate?: ((input: string) => Date | null) | undefined;\n  locale?: string | undefined;\n}\n\nfunction DatePicker({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  min,\n  max,\n  formatDate,\n  parseDate,\n  locale,\n}: DatePickerProps) {\n  const effectiveFormatDate = formatDate ?? defaultFormatDate;\n  const effectiveParseDate = parseDate ?? defaultParseDate;\n  const [selectedDate, setSelectedDate] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const [open, setOpen] = React.useState(false);\n\n  const today = React.useMemo(() => {\n    const now = new Date();\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  }, []);\n\n  const initialFocusDate = React.useMemo(() => {\n    if (selectedDate !== undefined) return selectedDate;\n    return clampDate(today, min, max);\n  }, [selectedDate, today, min, max]);\n\n  const [focusedDate, setFocusedDate] = React.useState(initialFocusDate);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (nextOpen) {\n        const target = selectedDate ?? clampDate(today, min, max);\n        setFocusedDate(target);\n      }\n    },\n    [selectedDate, today, min, max],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(8), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"dialog\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    dismiss,\n    role,\n  ]);\n\n  const baseId = React.useId();\n  const triggerButtonRef = React.useRef<HTMLButtonElement>(null);\n  const focusCalendarOnOpenRef = React.useRef(false);\n\n  const contextValue: DatePickerContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      selectedDate,\n      onSelectedDateChange: setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpen: focusCalendarOnOpenRef,\n      formatDate: effectiveFormatDate,\n      parseDate: effectiveParseDate,\n      locale,\n    }),\n    [\n      open,\n      handleOpenChange,\n      selectedDate,\n      setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpenRef,\n      effectiveFormatDate,\n      effectiveParseDate,\n      locale,\n    ],\n  );\n\n  return <DatePickerContext value={contextValue}>{children}</DatePickerContext>;\n}\n\nDatePicker.displayName = \"DatePicker\";\n\nexport { DatePicker };\nexport {\n  DatePickerInput,\n  type DatePickerInputProps,\n} from \"@nuka/components/DatePicker/DatePickerInput\";\nexport {\n  DatePickerCalendar,\n  type DatePickerCalendarProps,\n} from \"@nuka/components/DatePicker/DatePickerCalendar\";\n"],"mappings":"ikBAkCA,SAAS,EAAW,CAClB,WACA,MAAO,EACP,eACA,gBACA,WAAW,GACX,MACA,MACA,aACA,YACA,UACkB,CAClB,IAAM,EAAsB,GAAc,EAAA,kBACpC,EAAqB,GAAa,EAAA,iBAClC,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,CACF,EAEM,CAAC,EAAM,GAAW,EAAM,SAAS,EAAK,EAEtC,EAAQ,EAAM,YAAc,CAChC,IAAM,EAAM,IAAI,KAChB,OAAO,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,CAClE,EAAG,CAAC,CAAC,EAEC,EAAmB,EAAM,YACzB,IAAiB,IAAA,GACd,EAAA,UAAU,EAAO,EAAK,CAAG,EADO,EAEtC,CAAC,EAAc,EAAO,EAAK,CAAG,CAAC,EAE5B,CAAC,EAAa,GAAkB,EAAM,SAAS,CAAgB,EAE/D,EAAmB,EAAM,YAC5B,GAAsB,CACrB,EAAQ,CAAQ,EACZ,GAEF,EADe,GAAgB,EAAA,UAAU,EAAO,EAAK,CAAG,CACnC,CAEzB,EACA,CAAC,EAAc,EAAO,EAAK,CAAG,CAChC,EAEM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,CAAC,EAAG,EAAA,KAAK,EAAG,EAAA,MAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACrD,qBAAsB,EAAA,UACxB,CAAC,EAKK,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAHhD,EAAA,WAAW,CAIzB,EAHW,EAAA,QAAQ,EAAS,CAAE,KAAM,QAAS,CAI7C,CACF,CAAC,EAEK,EAAS,EAAM,MAAM,EACrB,EAAmB,EAAM,OAA0B,IAAI,EACvD,EAAyB,EAAM,OAAO,EAAK,EA+CjD,OAAO,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MA7CmB,EAAM,aAC1C,CACL,OACA,aAAc,EACd,eACA,qBAAsB,EACtB,cACA,iBACA,WACA,MACA,MACA,OACA,iBACA,oBACA,mBACA,SACA,mBACA,oBAAqB,EACrB,WAAY,EACZ,UAAW,EACX,QACF,GACA,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACF,CAG+B,EAAe,UAA4B,CAAA,CAC9E,CAEA,EAAW,YAAc"}

package/dist/components/DatePicker/DatePicker.context.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useDatePickerContext must be used within a <DatePicker> component`);return e}exports.DatePickerContext=n,exports.useDatePickerContext=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.use(n);if(e===void 0)throw Error(`useDatePickerContext must be used within a <DatePicker> component`);return e}exports.DatePickerContext=n,exports.useDatePickerContext=r;
 //# sourceMappingURL=DatePicker.context.cjs.map

package/dist/components/DatePicker/DatePicker.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.context.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DatePickerContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  selectedDate: Date | undefined;\n  onSelectedDateChange: (date: Date | undefined) => void;\n  focusedDate: Date;\n  setFocusedDate: (date: Date) => void;\n  disabled: boolean;\n  min: Date | undefined;\n  max: Date | undefined;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  baseId: string;\n  triggerButtonRef: React.RefObject<HTMLButtonElement | null>;\n  focusCalendarOnOpen: React.RefObject<boolean>;\n  formatDate: (date: Date) => string;\n  parseDate: (input: string) => Date | null;\n  locale: string | undefined;\n}\n\nconst DatePickerContext = React.createContext<\n  DatePickerContextValue | undefined\n>(undefined);\n\nexport function useDatePickerContext(): DatePickerContextValue {\n  const context = React.useContext(DatePickerContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDatePickerContext must be used within a <DatePicker> component\",\n    );\n  }\n  return context;\n}\n\nexport { DatePickerContext };\n"],"mappings":"6GA0BA,IAAM,EAAoB,EAAM,cAE9B,IAAA,GAAU,CAEZ,SAAgB,GAA+C,CAC7D,IAAM,EAAU,EAAM,WAAW,EAAkB,CACnD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,oEACD,CAEH,OAAO"}
+{"version":3,"file":"DatePicker.context.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DatePickerContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  selectedDate: Date | undefined;\n  onSelectedDateChange: (date: Date | undefined) => void;\n  focusedDate: Date;\n  setFocusedDate: (date: Date) => void;\n  disabled: boolean;\n  min: Date | undefined;\n  max: Date | undefined;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  baseId: string;\n  triggerButtonRef: React.RefObject<HTMLButtonElement | null>;\n  focusCalendarOnOpen: React.RefObject<boolean>;\n  formatDate: (date: Date) => string;\n  parseDate: (input: string) => Date | null;\n  locale: string | undefined;\n}\n\nconst DatePickerContext = React.createContext<\n  DatePickerContextValue | undefined\n>(undefined);\n\nexport function useDatePickerContext(): DatePickerContextValue {\n  const context = React.use(DatePickerContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDatePickerContext must be used within a <DatePicker> component\",\n    );\n  }\n  return context;\n}\n\nexport { DatePickerContext };\n"],"mappings":"6GA0BA,IAAM,EAAoB,EAAM,cAE9B,IAAA,EAAS,EAEX,SAAgB,GAA+C,CAC7D,IAAM,EAAU,EAAM,IAAI,CAAiB,EAC3C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,mEACF,EAEF,OAAO,CACT"}

package/dist/components/DatePicker/DatePicker.context.js

@@ -3,7 +3,7 @@ import * as e from "react";
 //#region src/components/DatePicker/DatePicker.context.tsx
 var t = e.createContext(void 0);
 function n() {
-	let n = e.useContext(t);
+	let n = e.use(t);
 	if (n === void 0) throw Error("useDatePickerContext must be used within a <DatePicker> component");
 	return n;
 }

package/dist/components/DatePicker/DatePicker.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.context.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DatePickerContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  selectedDate: Date | undefined;\n  onSelectedDateChange: (date: Date | undefined) => void;\n  focusedDate: Date;\n  setFocusedDate: (date: Date) => void;\n  disabled: boolean;\n  min: Date | undefined;\n  max: Date | undefined;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  baseId: string;\n  triggerButtonRef: React.RefObject<HTMLButtonElement | null>;\n  focusCalendarOnOpen: React.RefObject<boolean>;\n  formatDate: (date: Date) => string;\n  parseDate: (input: string) => Date | null;\n  locale: string | undefined;\n}\n\nconst DatePickerContext = React.createContext<\n  DatePickerContextValue | undefined\n>(undefined);\n\nexport function useDatePickerContext(): DatePickerContextValue {\n  const context = React.useContext(DatePickerContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDatePickerContext must be used within a <DatePicker> component\",\n    );\n  }\n  return context;\n}\n\nexport { DatePickerContext };\n"],"mappings":";;;AA0BA,IAAM,IAAoB,EAAM,cAE9B,KAAA,EAAU;AAEZ,SAAgB,IAA+C;CAC7D,IAAM,IAAU,EAAM,WAAW,EAAkB;AACnD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,oEACD;AAEH,QAAO"}
+{"version":3,"file":"DatePicker.context.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DatePickerContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  selectedDate: Date | undefined;\n  onSelectedDateChange: (date: Date | undefined) => void;\n  focusedDate: Date;\n  setFocusedDate: (date: Date) => void;\n  disabled: boolean;\n  min: Date | undefined;\n  max: Date | undefined;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  baseId: string;\n  triggerButtonRef: React.RefObject<HTMLButtonElement | null>;\n  focusCalendarOnOpen: React.RefObject<boolean>;\n  formatDate: (date: Date) => string;\n  parseDate: (input: string) => Date | null;\n  locale: string | undefined;\n}\n\nconst DatePickerContext = React.createContext<\n  DatePickerContextValue | undefined\n>(undefined);\n\nexport function useDatePickerContext(): DatePickerContextValue {\n  const context = React.use(DatePickerContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useDatePickerContext must be used within a <DatePicker> component\",\n    );\n  }\n  return context;\n}\n\nexport { DatePickerContext };\n"],"mappings":";;;AA0BA,IAAM,IAAoB,EAAM,cAE9B,KAAA,CAAS;AAEX,SAAgB,IAA+C;CAC7D,IAAM,IAAU,EAAM,IAAI,CAAiB;CAC3C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,mEACF;CAEF,OAAO;AACT"}