npm - @nuka-ui/core - Versions diffs - 1.1.1 → 1.1.2 - Mend

@nuka-ui/core 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1100) hide show

package/dist/components/ContextMenu/ContextMenuLabel.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function ContextMenuLabel({ ref, ...props }: ContextMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuLabel {
+    var displayName: string;
 }
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
 export { ContextMenuLabel };
 //# sourceMappingURL=ContextMenuLabel.d.ts.map

package/dist/components/ContextMenu/ContextMenuLabel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuLabel.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;~~CAAG;AAEtF~~,~~QAAA~~,~~MAAM~~,~~gBAAgB~~,~~8FAGmC~~,CAAC;~~AAI1D~~,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1	+ {"version":3,"file":"ContextMenuLabel.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAEjE;kBAFQ,gBAAgB;;;AAMzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuLabel.js CHANGED Viewed

@@ -1,14 +1,16 @@
 "use client";
 import { MenuLabelBase as e } from "../Menu/MenuLabelBase.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenuLabel.tsx
-var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
-	ref: r,
-	...t
-}));
-r.displayName = "ContextMenuLabel";
+function n({ ref: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		...r
+	});
+}
+n.displayName = "ContextMenuLabel";
 //#endregion
-export { r as ContextMenuLabel };
+export { n as ContextMenuLabel };
 //# sourceMappingURL=ContextMenuLabel.js.map

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

	@@ -1 +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~~\nconst~~ ~~ContextMenuLabel =~~ React.~~forwardRef<\n~~ HTMLDivElement,\n ~~ContextMenuLabelProps~~\n>(~~(props~~, ~~ref~~) => <MenuLabelBase ref={ref} {...props} ~~/>);\~~n\nContextMenuLabel.displayName = \"ContextMenuLabel\";\n\nexport { ContextMenuLabel };\n"],"mappings":";;;;;~~AAMA~~,~~IAAM~~,~~IAAmB~~,~~EAAM~~,~~YAG5B~~,~~GAAO~~,~~MAAQ~~,kBAAC,GAAD;~~CAAoB~~;~~CAAK~~,GAAI;~~CAAS~~,CAAA,~~CAAC;AAEzD,~~EAAiB,cAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuRadioGroup.cjs CHANGED Viewed

@@ -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`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuRadioGroupBase,{ref:n,...e}));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 CHANGED Viewed

	@@ -1 +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~~\nconst~~ ~~ContextMenuRadioGroup =~~ React.~~forwardRef<\n~~ HTMLDivElement,\n ~~ContextMenuRadioGroupProps~~\n>(~~(props~~, ~~ref~~) => <MenuRadioGroupBase ref={ref} {...props} ~~/>);\~~n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":"~~4LAOA~~,~~IAAM~~,~~EAAwB~~,~~EAAM~~,~~YAGjC~~,~~EAAO~~,~~KAAQ~~,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,EAAS,CAAA,~~CAAC~~,~~CAE9D,~~EAAsB,YAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuRadioGroup.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
 import { MenuRadioGroupBaseProps } from '../Menu/MenuRadioGroupBase';
 import * as React from "react";
 export interface ContextMenuRadioGroupProps extends MenuRadioGroupBaseProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function ContextMenuRadioGroup({ ref, ...props }: ContextMenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuRadioGroup {
+    var displayName: string;
 }
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { ContextMenuRadioGroup };
 //# sourceMappingURL=ContextMenuRadioGroup.d.ts.map

package/dist/components/ContextMenu/ContextMenuRadioGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAExF,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB;~~CAAG;AAE9E~~,~~QAAA~~,~~MAAM~~,~~qBAAqB~~,~~mGAGmC~~,CAAC;~~AAI/D~~,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
1	+ {"version":3,"file":"ContextMenuRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAExF,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,qBAAqB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,2CAE3E;kBAFQ,qBAAqB;;;AAM9B,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuRadioGroup.js CHANGED Viewed

@@ -1,14 +1,16 @@
 "use client";
 import { MenuRadioGroupBase as e } from "../Menu/MenuRadioGroupBase.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenuRadioGroup.tsx
-var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
-	ref: r,
-	...t
-}));
-r.displayName = "ContextMenuRadioGroup";
+function n({ ref: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		...r
+	});
+}
+n.displayName = "ContextMenuRadioGroup";
 //#endregion
-export { r as ContextMenuRadioGroup };
+export { n as ContextMenuRadioGroup };
 //# sourceMappingURL=ContextMenuRadioGroup.js.map

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

	@@ -1 +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~~\nconst~~ ~~ContextMenuRadioGroup =~~ React.~~forwardRef<\n~~ HTMLDivElement,\n ~~ContextMenuRadioGroupProps~~\n>(~~(props~~, ~~ref~~) => <MenuRadioGroupBase ref={ref} {...props} ~~/>);\~~n\nContextMenuRadioGroup.displayName = \"ContextMenuRadioGroup\";\n\nexport { ContextMenuRadioGroup };\n"],"mappings":";;;;;~~AAOA~~,~~IAAM~~,~~IAAwB~~,~~EAAM~~,~~YAGjC~~,~~GAAO~~,~~MAAQ~~,kBAAC,GAAD;~~CAAyB~~;~~CAAK~~,GAAI;~~CAAS~~,CAAA,~~CAAC;AAE9D,~~EAAsB,cAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuRadioItem.cjs CHANGED Viewed

@@ -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`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuRadioItemWithNav,{ref:n,...e}));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 CHANGED Viewed

	@@ -1 +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\~~nconst~~ ContextMenuRadioItem = ~~React.forwardRef<\n HTMLDivElement,\n ContextMenuRadioItemProps\n>((~~props, ~~ref~~) => <MenuRadioItemWithNav ref={ref} {...props} ~~/>);\~~n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":"yLAOA,~~IAAM~~,~~EAAuB~~,~~EAAM~~,~~YAGhC~~,~~EAAO~~,~~KAAQ~~,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,EAAS,CAAA,~~CAAC~~,~~CAEhE,~~EAAqB,YAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuRadioItem.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import { MenuRadioItemWithNavProps } from '../Menu/MenuContentBase';
-import * as React from "react";
 export type ContextMenuRadioItemProps = MenuRadioItemWithNavProps;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<MenuRadioItemWithNavProps & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuRadioItem({ ref, ...props }: ContextMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuRadioItem {
+    var displayName: string;
+}
 export { ContextMenuRadioItem };
 //# sourceMappingURL=ContextMenuRadioItem.d.ts.map

package/dist/components/ContextMenu/ContextMenuRadioItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuRadioItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,~~KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,~~EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC;AAElE,~~QAAA~~,~~MAAM,~~oBAAoB,~~kGAGsC~~,~~CAAC~~;~~AAIjE~~,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1	+ {"version":3,"file":"ContextMenuRadioItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC;AAElE,iBAAS,oBAAoB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAEzE;kBAFQ,oBAAoB;;;AAM7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuRadioItem.js CHANGED Viewed

@@ -1,14 +1,16 @@
 "use client";
 import { MenuRadioItemWithNav as e } from "../Menu/MenuContentBase.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenuRadioItem.tsx
-var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
-	ref: r,
-	...t
-}));
-r.displayName = "ContextMenuRadioItem";
+function n({ ref: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		...r
+	});
+}
+n.displayName = "ContextMenuRadioItem";
 //#endregion
-export { r as ContextMenuRadioItem };
+export { n as ContextMenuRadioItem };
 //# sourceMappingURL=ContextMenuRadioItem.js.map

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

	@@ -1 +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\~~nconst~~ ContextMenuRadioItem = ~~React.forwardRef<\n HTMLDivElement,\n ContextMenuRadioItemProps\n>((~~props, ~~ref~~) => <MenuRadioItemWithNav ref={ref} {...props} ~~/>);\~~n\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\nexport { ContextMenuRadioItem };\n"],"mappings":";;;;;AAOA,~~IAAM~~,~~IAAuB~~,~~EAAM~~,~~YAGhC~~,~~GAAO~~,~~MAAQ~~,kBAAC,GAAD;~~CAA2B~~;~~CAAK~~,GAAI;~~CAAS~~,CAAA,~~CAAC;AAEhE,~~EAAqB,cAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuSeparator.cjs CHANGED Viewed

@@ -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`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuSeparatorBase,{ref:n,...e}));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 CHANGED Viewed

	@@ -1 +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~~\nconst~~ ~~ContextMenuSeparator =~~ React.~~forwardRef<\n~~ HTMLDivElement,\n ~~ContextMenuSeparatorProps~~\n>(~~(props~~, ~~ref~~) => <MenuSeparatorBase ref={ref} {...props} ~~/>);\~~n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":"~~2LAMA~~,~~IAAM~~,~~EAAuB~~,~~EAAM~~,~~YAGhC~~,~~EAAO~~,~~KAAQ~~,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAwB,MAAK,GAAI,EAAS,CAAA,~~CAAC~~,~~CAE7D,~~EAAqB,YAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuSeparator.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function ContextMenuSeparator({ ref, ...props }: ContextMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuSeparator {
+    var displayName: string;
 }
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 export { ContextMenuSeparator };
 //# sourceMappingURL=ContextMenuSeparator.d.ts.map

package/dist/components/ContextMenu/ContextMenuSeparator.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;~~CAAG;AAE1F~~,~~QAAA~~,~~MAAM~~,~~oBAAoB~~,~~kGAGmC~~,CAAC;~~AAI9D~~,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1	+ {"version":3,"file":"ContextMenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,oBAAoB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAEzE;kBAFQ,oBAAoB;;;AAM7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuSeparator.js CHANGED Viewed

@@ -1,14 +1,16 @@
 "use client";
 import { MenuSeparatorBase as e } from "../Menu/MenuSeparatorBase.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenuSeparator.tsx
-var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
-	ref: r,
-	...t
-}));
-r.displayName = "ContextMenuSeparator";
+function n({ ref: n, ...r }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		...r
+	});
+}
+n.displayName = "ContextMenuSeparator";
 //#endregion
-export { r as ContextMenuSeparator };
+export { n as ContextMenuSeparator };
 //# sourceMappingURL=ContextMenuSeparator.js.map

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

	@@ -1 +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~~\nconst~~ ~~ContextMenuSeparator =~~ React.~~forwardRef<\n~~ HTMLDivElement,\n ~~ContextMenuSeparatorProps~~\n>(~~(props~~, ~~ref~~) => <MenuSeparatorBase ref={ref} {...props} ~~/>);\~~n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n\nexport { ContextMenuSeparator };\n"],"mappings":";;;;;~~AAMA~~,~~IAAM~~,~~IAAuB~~,~~EAAM~~,~~YAGhC~~,~~GAAO~~,~~MAAQ~~,kBAAC,GAAD;~~CAAwB~~;~~CAAK~~,GAAI;~~CAAS~~,CAAA,~~CAAC;AAE7D,~~EAAqB,cAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuTrigger.cjs CHANGED Viewed

@@ -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`);var o=i.forwardRef(({asChild:e=!1,children:o,onContextMenu:s,onKeyDown:c,className:l,...u},d)=>{let f=r.useContextMenuContext(),p=i.useRef(null),m=n.composeRefs(d,p),h=e?n.Slot:`div`;return(0,a.jsx)(h,{ref:m,tabIndex:0,"aria-haspopup":`menu`,"aria-expanded":f.open,onContextMenu:e=>{e.preventDefault(),s?.(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(c?.(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)`,l),...u,children:o})});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),...d,children:s})}o.displayName=`ContextMenuTrigger`,exports.ContextMenuTrigger=o;
 //# sourceMappingURL=ContextMenuTrigger.cjs.map

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

	@@ -1 +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 asChild?: boolean;\n}\n\~~nconst~~ ContextMenuTrigger ~~= React.forwardRef<\~~n ~~HTMLDivElement~~,\n ~~ContextMenuTriggerProps\n>(\n (\n {\n~~ asChild = false,\n children,\n onContextMenu,\n onKeyDown,\n className,\n ...props\n }~~,\n ref,\n~~ ) => {\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~~);\n~~\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":"~~yPAUA~~,~~IAAM~~,~~EAAqB~~,~~EAAM~~,~~YAK7B~~,~~CACE,~~UAAU,GACV,WACA,gBACA,YACA,YACA,GAAG,~~GAEL~~,~~IACG~~,~~CACH,~~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,~~EAGZ~~,~~CAED,~~EAAmB,YAAc"}
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"}

package/dist/components/ContextMenu/ContextMenuTrigger.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     asChild?: boolean;
 }
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuTrigger({ ref, asChild, children, onContextMenu, onKeyDown, className, ...props }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuTrigger {
+    var displayName: string;
+}
 export { ContextMenuTrigger };
 //# sourceMappingURL=ContextMenuTrigger.d.ts.map

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

	@@ -1 +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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,~~QAAA~~,~~MAAM,~~kBAAkB,~~gGA0FvB~~,~~CAAC~~;~~AAIF~~,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
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"}

package/dist/components/ContextMenu/ContextMenuTrigger.js CHANGED Viewed

@@ -5,15 +5,15 @@ import { useContextMenuContext as r } from "./ContextMenu.context.js";
 import * as i from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ContextMenu/ContextMenuTrigger.tsx
-var o = i.forwardRef(({ asChild: o = !1, children: s, onContextMenu: c, onKeyDown: l, className: u, ...d }, f) => {
-	let p = r(), m = i.useRef(null), h = n(f, m);
-	return /* @__PURE__ */ a(o ? t : "div", {
+function o({ ref: o, asChild: s = !1, children: c, onContextMenu: l, onKeyDown: u, className: d, ...f }) {
+	let p = r(), m = i.useRef(null), h = n(o, m);
+	return /* @__PURE__ */ a(s ? t : "div", {
 		ref: h,
 		tabIndex: 0,
 		"aria-haspopup": "menu",
 		"aria-expanded": p.open,
 		onContextMenu: (e) => {
-			e.preventDefault(), c?.(e), p.refs.setReference({ getBoundingClientRect: () => ({
+			e.preventDefault(), l?.(e), p.refs.setReference({ getBoundingClientRect: () => ({
 				x: e.clientX,
 				y: e.clientY,
 				width: 0,
@@ -26,7 +26,7 @@ var o = i.forwardRef(({ asChild: o = !1, children: s, onContextMenu: c, onKeyDow
 			}) }), p.onOpenChange(!0);
 		},
 		onKeyDown: (e) => {
-			if (l?.(e), !e.defaultPrevented && (e.key === "ContextMenu" || e.shiftKey && e.key === "F10")) {
+			if (u?.(e), !e.defaultPrevented && (e.key === "ContextMenu" || e.shiftKey && e.key === "F10")) {
 				e.preventDefault();
 				let t = m.current?.getBoundingClientRect();
 				t && p.refs.setReference({ getBoundingClientRect: () => ({
@@ -42,11 +42,11 @@ var o = i.forwardRef(({ asChild: o = !1, children: s, onContextMenu: c, onKeyDow
 				}) }), p.onOpenChange(!0);
 			}
 		},
-		className: e("rounded-(--radius-sm)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", u),
-		...d,
-		children: s
+		className: e("rounded-(--radius-sm)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", d),
+		...f,
+		children: c
 	});
-});
+}
 o.displayName = "ContextMenuTrigger";
 //#endregion
 export { o as ContextMenuTrigger };

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

	@@ -1 +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 asChild?: boolean;\n}\n\~~nconst~~ ContextMenuTrigger ~~= React.forwardRef<\~~n ~~HTMLDivElement~~,\n ~~ContextMenuTriggerProps\n>(\n (\n {\n~~ asChild = false,\n children,\n onContextMenu,\n onKeyDown,\n className,\n ...props\n }~~,\n ref,\n~~ ) => {\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~~);\n~~\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":";;;;;;;~~AAUA~~,~~IAAM~~,~~IAAqB~~,~~EAAM~~,~~YAK7B~~,~~EACE,~~aAAU,IACV,aACA,kBACA,cACA,cACA,GAAG,~~KAEL,MACG~~;~~CACH~~,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~~;EAGZ;AAED~~,EAAmB,cAAc"}
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"}

package/dist/components/DatePicker/DatePickerCalendar.cjs CHANGED Viewed

@@ -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(`../Icon/Icon.cjs`),i=require(`../Button/Button.cjs`),a=require(`../Text/Text.cjs`),o=require(`../../utils/portal.cjs`),s=require(`./DatePicker.context.cjs`),c=require(`./DatePicker.utils.cjs`),l=require(`./DatePicker.hooks.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=u.forwardRef(({className:e,...f},p)=>{let m=s.useDatePickerContext(),h=n.composeRefs(p,u.useRef(null),m.refs.setFloating),{displayedYear:g,setDisplayedYear:_,displayedMonth:v,setDisplayedMonth:y,canGoPrev:b,canGoNext:x,goToPrevMonth:S,goToNextMonth:C}=l.useCalendarNavigation(m),{focusedDayRef:w}=l.useCalendarFocus(m,g,v),T=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),[m.locale]),E=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{month:`long`,year:`numeric`}),[m.locale]),D=u.useMemo(()=>{let e=new Intl.DateTimeFormat(m.locale,{weekday:`short`}),t=new Intl.DateTimeFormat(m.locale,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=new Date(2026,0,5+r);return{short:e.format(i),long:t.format(i)}})},[m.locale]),O=u.useMemo(()=>c.buildMonthGrid(g,v),[g,v]),k=u.useMemo(()=>E.format(new Date(g,v,1)),[g,v,E]),A=u.useCallback(e=>{c.isDateDisabled(e,m.min,m.max)||(m.onSelectedDateChange(e),m.onOpenChange(!1),requestAnimationFrame(()=>{m.triggerButtonRef.current?.focus()}))},[m]),{handleKeyDown:j}=l.useCalendarKeyboard(m,u.useCallback((e,t)=>{let n=e,r=0;for(;c.isDateDisabled(n,m.min,m.max)&&r<366;)n=t(n),r++;c.isDateDisabled(n,m.min,m.max)||(m.setFocusedDate(n),(n.getMonth()!==v||n.getFullYear()!==g)&&(_(n.getFullYear()),y(n.getMonth())))},[m,v,g,_,y]),A);if(!m.open)return null;let M=m.getFloatingProps(f),N=new Date;return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,...M,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-3)`,`focus-visible:outline-none`,e),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})});f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../Button/Button.cjs`),a=require(`../Text/Text.cjs`),o=require(`../../utils/portal.cjs`),s=require(`./DatePicker.context.cjs`),c=require(`./DatePicker.utils.cjs`),l=require(`./DatePicker.hooks.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({ref:e,className:f,...p}){let m=s.useDatePickerContext(),h=n.composeRefs(e,u.useRef(null),m.refs.setFloating),{displayedYear:g,setDisplayedYear:_,displayedMonth:v,setDisplayedMonth:y,canGoPrev:b,canGoNext:x,goToPrevMonth:S,goToNextMonth:C}=l.useCalendarNavigation(m),{focusedDayRef:w}=l.useCalendarFocus(m,g,v),T=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),[m.locale]),E=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{month:`long`,year:`numeric`}),[m.locale]),D=u.useMemo(()=>{let e=new Intl.DateTimeFormat(m.locale,{weekday:`short`}),t=new Intl.DateTimeFormat(m.locale,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=new Date(2026,0,5+r);return{short:e.format(i),long:t.format(i)}})},[m.locale]),O=u.useMemo(()=>c.buildMonthGrid(g,v),[g,v]),k=u.useMemo(()=>E.format(new Date(g,v,1)),[g,v,E]),A=u.useCallback(e=>{c.isDateDisabled(e,m.min,m.max)||(m.onSelectedDateChange(e),m.onOpenChange(!1),requestAnimationFrame(()=>{m.triggerButtonRef.current?.focus()}))},[m]),{handleKeyDown:j}=l.useCalendarKeyboard(m,u.useCallback((e,t)=>{let n=e,r=0;for(;c.isDateDisabled(n,m.min,m.max)&&r<366;)n=t(n),r++;c.isDateDisabled(n,m.min,m.max)||(m.setFocusedDate(n),(n.getMonth()!==v||n.getFullYear()!==g)&&(_(n.getFullYear()),y(n.getMonth())))},[m,v,g,_,y]),A);if(!m.open)return null;let M=m.getFloatingProps(p),N=new Date;return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,...M,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-3)`,`focus-visible:outline-none`,f),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})}f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
 //# sourceMappingURL=DatePickerCalendar.cjs.map

package/dist/components/DatePicker/DatePickerCalendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerCalendar.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n isSameDay,\n isDateDisabled,\n buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n useCalendarNavigation,\n useCalendarFocus,\n useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DatePickerCalendar = React.forwardRef<\n HTMLDivElement,\n DatePickerCalendarProps\n>(({ className, ...props }, ref) => {\n const ctx = useDatePickerContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(\n ref,\n contentRef,\n ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n );\n\n const {\n displayedYear,\n setDisplayedYear,\n displayedMonth,\n setDisplayedMonth,\n canGoPrev,\n canGoNext,\n goToPrevMonth,\n goToNextMonth,\n } = useCalendarNavigation(ctx);\n\n const { focusedDayRef } = useCalendarFocus(\n ctx,\n displayedYear,\n displayedMonth,\n );\n\n const labelFormatter = React.useMemo(\n () =>\n new Intl.DateTimeFormat(ctx.locale, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n }),\n [ctx.locale],\n );\n\n const headerFormatter = React.useMemo(\n () =>\n new Intl.DateTimeFormat(ctx.locale, {\n month: \"long\",\n year: \"numeric\",\n }),\n [ctx.locale],\n );\n\n const weekdayLabels = React.useMemo(() => {\n const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n return Array.from({ length: 7 }, (_, i) => {\n const date = new Date(2026, 0, 5 + i);\n return {\n short: shortFmt.format(date),\n long: longFmt.format(date),\n };\n });\n }, [ctx.locale]);\n\n const weeks = React.useMemo(\n () => buildMonthGrid(displayedYear, displayedMonth),\n [displayedYear, displayedMonth],\n );\n\n const headerLabel = React.useMemo(\n () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n [displayedYear, displayedMonth, headerFormatter],\n );\n\n const selectDay = React.useCallback(\n (date: Date) => {\n if (isDateDisabled(date, ctx.min, ctx.max)) return;\n ctx.onSelectedDateChange(date);\n ctx.onOpenChange(false);\n requestAnimationFrame(() => {\n ctx.triggerButtonRef.current?.focus();\n });\n },\n [ctx],\n );\n\n const navigateToDate = React.useCallback(\n (candidate: Date, stepFn: (d: Date) => Date) => {\n let current = candidate;\n let attempts = 0;\n while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n current = stepFn(current);\n attempts++;\n }\n if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n ctx.setFocusedDate(current);\n if (\n current.getMonth() !== displayedMonth \|\|\n current.getFullYear() !== displayedYear\n ) {\n setDisplayedYear(current.getFullYear());\n setDisplayedMonth(current.getMonth());\n }\n },\n [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n );\n\n const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n const today = new Date();\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n role=\"dialog\"\n aria-label=\"Date picker\"\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n \"focus-visible:outline-none\",\n className,\n )}\n >\n <div className=\"flex items-center justify-between mb-(--space-2)\">\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={goToPrevMonth}\n disabled={!canGoPrev}\n aria-label=\"Previous month\"\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"15 18 9 12 15 6\" />\n </svg>\n </Icon>\n </Button>\n <Text as=\"span\" size=\"sm\" weight=\"medium\">\n {headerLabel}\n </Text>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={goToNextMonth}\n disabled={!canGoNext}\n aria-label=\"Next month\"\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n </Icon>\n </Button>\n </div>\n\n <div\n role=\"grid\"\n aria-label={headerLabel}\n id={`${ctx.baseId}-grid`}\n onKeyDown={handleKeyDown}\n >\n <div\n role=\"row\"\n aria-hidden=\"true\"\n className=\"grid grid-cols-7 mb-(--space-1)\"\n >\n {weekdayLabels.map((day) => (\n <abbr\n key={day.short}\n title={day.long}\n className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n >\n {day.short}\n </abbr>\n ))}\n </div>\n\n {weeks.map((week, weekIndex) => (\n <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n {week.map((day, dayIndex) => {\n if (day === null) {\n return (\n <div\n role=\"gridcell\"\n key={`empty-${String(dayIndex)}`}\n aria-hidden=\"true\"\n >\n <span className=\"block size-9\" />\n </div>\n );\n }\n\n const date = new Date(displayedYear, displayedMonth, day);\n const disabled = isDateDisabled(date, ctx.min, ctx.max);\n const isSelected =\n ctx.selectedDate !== undefined &&\n isSameDay(date, ctx.selectedDate);\n const isFocused = isSameDay(date, ctx.focusedDate);\n const isToday = isSameDay(date, today);\n const dayLabel = labelFormatter.format(date);\n\n return (\n <div role=\"gridcell\" key={day}>\n <button\n ref={isFocused ? focusedDayRef : undefined}\n type=\"button\"\n tabIndex={isFocused ? 0 : -1}\n aria-label={dayLabel}\n aria-selected={isSelected}\n aria-disabled={disabled \|\| undefined}\n disabled={disabled}\n onClick={() => selectDay(date)}\n className={cn(\n \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n \"cursor-pointer\",\n isSelected &&\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n !isSelected &&\n !disabled &&\n \"hover:bg-(--nuka-bg-muted)\",\n isToday &&\n !isSelected &&\n \"ring-1 ring-(--nuka-border-strong)\",\n disabled && \"opacity-50 cursor-default\",\n )}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>\n </Portal>\n );\n});\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}
1	+ {"version":3,"file":"DatePickerCalendar.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n isSameDay,\n isDateDisabled,\n buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n useCalendarNavigation,\n useCalendarFocus,\n useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n}\n\nfunction DatePickerCalendar({\n ref,\n className,\n ...props\n}: DatePickerCalendarProps) {\n const ctx = useDatePickerContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(\n ref,\n contentRef,\n ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n );\n\n const {\n displayedYear,\n setDisplayedYear,\n displayedMonth,\n setDisplayedMonth,\n canGoPrev,\n canGoNext,\n goToPrevMonth,\n goToNextMonth,\n } = useCalendarNavigation(ctx);\n\n const { focusedDayRef } = useCalendarFocus(\n ctx,\n displayedYear,\n displayedMonth,\n );\n\n const labelFormatter = React.useMemo(\n () =>\n new Intl.DateTimeFormat(ctx.locale, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n }),\n [ctx.locale],\n );\n\n const headerFormatter = React.useMemo(\n () =>\n new Intl.DateTimeFormat(ctx.locale, {\n month: \"long\",\n year: \"numeric\",\n }),\n [ctx.locale],\n );\n\n const weekdayLabels = React.useMemo(() => {\n const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n return Array.from({ length: 7 }, (_, i) => {\n const date = new Date(2026, 0, 5 + i);\n return {\n short: shortFmt.format(date),\n long: longFmt.format(date),\n };\n });\n }, [ctx.locale]);\n\n const weeks = React.useMemo(\n () => buildMonthGrid(displayedYear, displayedMonth),\n [displayedYear, displayedMonth],\n );\n\n const headerLabel = React.useMemo(\n () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n [displayedYear, displayedMonth, headerFormatter],\n );\n\n const selectDay = React.useCallback(\n (date: Date) => {\n if (isDateDisabled(date, ctx.min, ctx.max)) return;\n ctx.onSelectedDateChange(date);\n ctx.onOpenChange(false);\n requestAnimationFrame(() => {\n ctx.triggerButtonRef.current?.focus();\n });\n },\n [ctx],\n );\n\n const navigateToDate = React.useCallback(\n (candidate: Date, stepFn: (d: Date) => Date) => {\n let current = candidate;\n let attempts = 0;\n while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n current = stepFn(current);\n attempts++;\n }\n if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n ctx.setFocusedDate(current);\n if (\n current.getMonth() !== displayedMonth \|\|\n current.getFullYear() !== displayedYear\n ) {\n setDisplayedYear(current.getFullYear());\n setDisplayedMonth(current.getMonth());\n }\n },\n [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n );\n\n const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n const today = new Date();\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n role=\"dialog\"\n aria-label=\"Date picker\"\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n \"focus-visible:outline-none\",\n className,\n )}\n >\n <div className=\"flex items-center justify-between mb-(--space-2)\">\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={goToPrevMonth}\n disabled={!canGoPrev}\n aria-label=\"Previous month\"\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"15 18 9 12 15 6\" />\n </svg>\n </Icon>\n </Button>\n <Text as=\"span\" size=\"sm\" weight=\"medium\">\n {headerLabel}\n </Text>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={goToNextMonth}\n disabled={!canGoNext}\n aria-label=\"Next month\"\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n </Icon>\n </Button>\n </div>\n\n <div\n role=\"grid\"\n aria-label={headerLabel}\n id={`${ctx.baseId}-grid`}\n onKeyDown={handleKeyDown}\n >\n <div\n role=\"row\"\n aria-hidden=\"true\"\n className=\"grid grid-cols-7 mb-(--space-1)\"\n >\n {weekdayLabels.map((day) => (\n <abbr\n key={day.short}\n title={day.long}\n className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n >\n {day.short}\n </abbr>\n ))}\n </div>\n\n {weeks.map((week, weekIndex) => (\n <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n {week.map((day, dayIndex) => {\n if (day === null) {\n return (\n <div\n role=\"gridcell\"\n key={`empty-${String(dayIndex)}`}\n aria-hidden=\"true\"\n >\n <span className=\"block size-9\" />\n </div>\n );\n }\n\n const date = new Date(displayedYear, displayedMonth, day);\n const disabled = isDateDisabled(date, ctx.min, ctx.max);\n const isSelected =\n ctx.selectedDate !== undefined &&\n isSameDay(date, ctx.selectedDate);\n const isFocused = isSameDay(date, ctx.focusedDate);\n const isToday = isSameDay(date, today);\n const dayLabel = labelFormatter.format(date);\n\n return (\n <div role=\"gridcell\" key={day}>\n <button\n ref={isFocused ? focusedDayRef : undefined}\n type=\"button\"\n tabIndex={isFocused ? 0 : -1}\n aria-label={dayLabel}\n aria-selected={isSelected}\n aria-disabled={disabled \|\| undefined}\n disabled={disabled}\n onClick={() => selectDay(date)}\n className={cn(\n \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n \"cursor-pointer\",\n isSelected &&\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n !isSelected &&\n !disabled &&\n \"hover:bg-(--nuka-bg-muted)\",\n isToday &&\n !isSelected &&\n \"ring-1 ring-(--nuka-border-strong)\",\n disabled && \"opacity-50 cursor-default\",\n )}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>\n </Portal>\n );\n}\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePickerCalendar.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function DatePickerCalendar({ ref, className, ...props }: DatePickerCalendarProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DatePickerCalendar {
+    var displayName: string;
 }
-declare const DatePickerCalendar: React.ForwardRefExoticComponent<DatePickerCalendarProps & React.RefAttributes<HTMLDivElement>>;
 export { DatePickerCalendar };
 //# sourceMappingURL=DatePickerCalendar.d.ts.map

package/dist/components/DatePicker/DatePickerCalendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;~~CAAG;AAExF~~,~~QAAA~~,~~MAAM~~,~~kBAAkB~~,~~gGAkQtB~~,CAAC;~~AAIH~~,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
1	+ {"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/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,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA+PzB;kBAnQQ,kBAAkB;;;AAuQ3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerCalendar.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { useCalendarFocus as u, useCalendarKeyboard as d, useCalendarNavigation
 import * as p from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/DatePicker/DatePickerCalendar.tsx
-var g = p.forwardRef(({ className: g, ..._ }, v) => {
-	let y = o(), b = t(v, p.useRef(null), y.refs.setFloating), { displayedYear: x, setDisplayedYear: S, displayedMonth: C, setDisplayedMonth: w, canGoPrev: T, canGoNext: E, goToPrevMonth: D, goToNextMonth: O } = f(y), { focusedDayRef: k } = u(y, x, C), A = p.useMemo(() => new Intl.DateTimeFormat(y.locale, {
+function g({ ref: g, className: _, ...v }) {
+	let y = o(), b = t(g, p.useRef(null), y.refs.setFloating), { displayedYear: x, setDisplayedYear: S, displayedMonth: C, setDisplayedMonth: w, canGoPrev: T, canGoNext: E, goToPrevMonth: D, goToNextMonth: O } = f(y), { focusedDayRef: k } = u(y, x, C), A = p.useMemo(() => new Intl.DateTimeFormat(y.locale, {
 		weekday: "long",
 		year: "numeric",
 		month: "long",
@@ -49,14 +49,14 @@ var g = p.forwardRef(({ className: g, ..._ }, v) => {
 		w
 	]), F);
 	if (!y.open) return null;
-	let L = y.getFloatingProps(_), R = /* @__PURE__ */ new Date();
+	let L = y.getFloatingProps(v), R = /* @__PURE__ */ new Date();
 	return /* @__PURE__ */ m(a, { children: /* @__PURE__ */ h("div", {
 		ref: b,
 		style: y.floatingStyles,
 		role: "dialog",
 		"aria-label": "Date picker",
 		...L,
-		className: e("z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md p-(--space-3)", "focus-visible:outline-none", g),
+		className: e("z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md p-(--space-3)", "focus-visible:outline-none", _),
 		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center justify-between mb-(--space-2)",
 			children: [
@@ -150,7 +150,7 @@ var g = p.forwardRef(({ className: g, ..._ }, v) => {
 			}, n))]
 		})]
 	}) });
-});
+}
 g.displayName = "DatePickerCalendar";
 //#endregion
 export { g as DatePickerCalendar };