@cognite/aura 0.3.2 → 0.3.4

package/dist/components/ui/core/breadcrumb/breadcrumb.js

@@ -1,200 +1,105 @@
-import { jsx as a, jsxs as u, Fragment as c } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { mergeProps as m } from "@base-ui/react/merge-props";
-import { useRender as l } from "@base-ui/react/use-render";
-import { IconDots as i, IconSlash as p } from "@tabler/icons-react";
-import { cn as n } from "../../../../lib/utils.js";
-const b = o(
-  ({ ...e }, t) => /* @__PURE__ */ a(
-    "nav",
-    {
-      ref: t,
-      "aria-label": "breadcrumb",
-      "data-slot": "breadcrumb",
-      ...e
-    }
-  )
-);
-b.displayName = "Breadcrumb";
-const g = o(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
-    "ol",
-    {
-      ref: r,
-      "data-slot": "breadcrumb-list",
-      className: n(
-        "flex items-center text-sm tracking-tight flex-wrap wrap-break-word",
-        e
-      ),
-      ...t
-    }
-  )
-);
-g.displayName = "BreadcrumbList";
-const f = o(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
-    "li",
-    {
-      ref: r,
-      "data-slot": "breadcrumb-item",
-      className: n(
-        "inline-flex items-center text-muted-foreground text-sm tracking-tight",
-        "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm",
-        e
-      ),
-      ...t
-    }
-  )
-);
-f.displayName = "BreadcrumbItem";
-const x = o(
-  ({ className: e, render: t, children: r, ...s }, d) => l({
-    defaultTagName: "a",
-    ref: d,
-    props: m(
-      {
-        ...{
-          "data-slot": "breadcrumb-link"
-        },
-        className: n(
-          "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
-          "text-muted-foreground text-sm leading-[18px] tracking-tight font-normal",
-          "transition-colors hover:bg-accent-background hover:text-foreground",
-          "aria-[current=page]:font-medium aria-[current=page]:text-foreground",
-          e
-        )
-      },
-      { ...s, children: r }
-    ),
-    render: t,
-    state: {
-      slot: "breadcrumb-link"
-    }
-  })
-);
-x.displayName = "BreadcrumbLink";
-const h = o(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
-    "span",
-    {
-      ref: r,
-      "data-slot": "breadcrumb-page",
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      tabIndex: -1,
-      className: n(
-        "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
-        "cursor-default hover:bg-transparent dark:hover:bg-transparent",
-        "text-sm leading-[18px] tracking-tight font-medium text-foreground",
-        e
-      ),
-      ...t
-    }
-  )
-);
-h.displayName = "BreadcrumbPage";
-const N = o(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
-    "button",
-    {
-      ref: r,
-      "data-slot": "breadcrumb-page-button",
-      type: "button",
-      "aria-current": "page",
-      className: n(
-        "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
-        "text-sm leading-[18px] tracking-tight font-medium text-foreground",
-        "transition-colors hover:bg-accent-background",
-        e
-      ),
-      ...t
-    }
-  )
-);
-N.displayName = "BreadcrumbPageButton";
-const y = o(
-  ({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a(
-    "button",
-    {
-      ref: s,
-      "data-slot": "breadcrumb-ellipsis-button",
-      type: "button",
-      className: n(
-        "flex size-7 items-center justify-center rounded-md",
-        "text-muted-foreground transition-colors hover:bg-accent-background hover:text-foreground",
-        "data-[popup-open]:bg-accent-background data-[popup-open]:text-foreground",
-        e
-      ),
-      ...r,
-      children: t ?? /* @__PURE__ */ u(c, { children: [
-        /* @__PURE__ */ a(i, { className: "size-3" }),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
-      ] })
-    }
-  )
-);
-y.displayName = "BreadcrumbEllipsisButton";
-const B = o(
-  ({ children: e, className: t, ...r }, s) => /* @__PURE__ */ a(
-    "li",
-    {
-      ref: s,
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: n(
-        "flex size-4 items-center justify-center [&>svg]:size-4",
-        t
-      ),
-      ...r,
-      children: e ?? /* @__PURE__ */ a(p, { className: "size-4 text-muted-foreground" })
-    }
-  )
-);
-B.displayName = "BreadcrumbSeparator";
-const k = o(
-  ({ children: e, className: t, ...r }, s) => {
-    const d = e != null;
-    return /* @__PURE__ */ a(
-      "li",
-      {
-        ref: s,
-        "data-slot": "breadcrumb-ellipsis",
-        role: d ? void 0 : "presentation",
-        "aria-hidden": d ? void 0 : !0,
-        className: n(
-          "inline-flex items-center",
-          "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm",
-          t
-        ),
-        ...r,
-        children: e ?? /* @__PURE__ */ u(
-          "span",
-          {
-            className: n(
-              "flex size-7 items-center justify-center rounded-md",
-              "cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent"
-            ),
-            children: [
-              /* @__PURE__ */ a(i, { className: "size-3" }),
-              /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-k.displayName = "BreadcrumbEllipsis";
-export {
-  b as Breadcrumb,
-  k as BreadcrumbEllipsis,
-  y as BreadcrumbEllipsisButton,
-  f as BreadcrumbItem,
-  x as BreadcrumbLink,
-  g as BreadcrumbList,
-  h as BreadcrumbPage,
-  N as BreadcrumbPageButton,
-  B as BreadcrumbSeparator
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { IconDots as n, IconSlash as r } from "@tabler/icons-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { mergeProps as s } from "@base-ui/react/merge-props";
+import { useRender as c } from "@base-ui/react/use-render";
+//#region libs/aura/src/components/ui/core/breadcrumb/breadcrumb.tsx
+var l = t(({ ...e }, t) => /* @__PURE__ */ a("nav", {
+	ref: t,
+	"aria-label": "breadcrumb",
+	"data-slot": "breadcrumb",
+	...e
+}));
+l.displayName = "Breadcrumb";
+var u = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("ol", {
+	ref: r,
+	"data-slot": "breadcrumb-list",
+	className: e("flex items-center text-sm tracking-tight flex-wrap wrap-break-word", t),
+	...n
+}));
+u.displayName = "BreadcrumbList";
+var d = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("li", {
+	ref: r,
+	"data-slot": "breadcrumb-item",
+	className: e("inline-flex items-center text-muted-foreground text-sm tracking-tight", "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm", t),
+	...n
+}));
+d.displayName = "BreadcrumbItem";
+var f = t(({ className: t, render: n, children: r, ...i }, a) => c({
+	defaultTagName: "a",
+	ref: a,
+	props: s({
+		"data-slot": "breadcrumb-link",
+		className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "text-muted-foreground text-sm leading-[18px] tracking-tight font-normal", "transition-colors hover:bg-accent-background hover:text-foreground", "aria-[current=page]:font-medium aria-[current=page]:text-foreground", t)
+	}, {
+		...i,
+		children: r
+	}),
+	render: n,
+	state: { slot: "breadcrumb-link" }
+}));
+f.displayName = "BreadcrumbLink";
+var p = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("span", {
+	ref: r,
+	"data-slot": "breadcrumb-page",
+	role: "link",
+	"aria-disabled": "true",
+	"aria-current": "page",
+	tabIndex: -1,
+	className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "cursor-default hover:bg-transparent dark:hover:bg-transparent", "text-sm leading-[18px] tracking-tight font-medium text-foreground", t),
+	...n
+}));
+p.displayName = "BreadcrumbPage";
+var m = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("button", {
+	ref: r,
+	"data-slot": "breadcrumb-page-button",
+	type: "button",
+	"aria-current": "page",
+	className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "text-sm leading-[18px] tracking-tight font-medium text-foreground", "transition-colors hover:bg-accent-background", t),
+	...n
+}));
+m.displayName = "BreadcrumbPageButton";
+var h = t(({ className: t, children: r, ...s }, c) => /* @__PURE__ */ a("button", {
+	ref: c,
+	"data-slot": "breadcrumb-ellipsis-button",
+	type: "button",
+	className: e("flex size-7 items-center justify-center rounded-md", "text-muted-foreground transition-colors hover:bg-accent-background hover:text-foreground", "data-[popup-open]:bg-accent-background data-[popup-open]:text-foreground", t),
+	...s,
+	children: r ?? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { className: "size-3" }), /* @__PURE__ */ a("span", {
+		className: "sr-only",
+		children: "More"
+	})] })
+}));
+h.displayName = "BreadcrumbEllipsisButton";
+var g = t(({ children: t, className: n, ...i }, o) => /* @__PURE__ */ a("li", {
+	ref: o,
+	"data-slot": "breadcrumb-separator",
+	role: "presentation",
+	"aria-hidden": "true",
+	className: e("flex size-4 items-center justify-center [&>svg]:size-4", n),
+	...i,
+	children: t ?? /* @__PURE__ */ a(r, { className: "size-4 text-muted-foreground" })
+}));
+g.displayName = "BreadcrumbSeparator";
+var _ = t(({ children: t, className: r, ...i }, s) => {
+	let c = t != null;
+	return /* @__PURE__ */ a("li", {
+		ref: s,
+		"data-slot": "breadcrumb-ellipsis",
+		role: c ? void 0 : "presentation",
+		"aria-hidden": !c || void 0,
+		className: e("inline-flex items-center", "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm", r),
+		...i,
+		children: t ?? /* @__PURE__ */ o("span", {
+			className: e("flex size-7 items-center justify-center rounded-md", "cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent"),
+			children: [/* @__PURE__ */ a(n, { className: "size-3" }), /* @__PURE__ */ a("span", {
+				className: "sr-only",
+				children: "More"
+			})]
+		})
+	});
+});
+_.displayName = "BreadcrumbEllipsis";
+//#endregion
+export { l as Breadcrumb, _ as BreadcrumbEllipsis, h as BreadcrumbEllipsisButton, d as BreadcrumbItem, f as BreadcrumbLink, u as BreadcrumbList, p as BreadcrumbPage, m as BreadcrumbPageButton, g as BreadcrumbSeparator };

package/dist/components/ui/core/button/button.js

@@ -1,52 +1,47 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { Button as b } from "@base-ui/react/button";
-import { cva as c } from "class-variance-authority";
-import { focusRing as u, focusRingDestructive as f, cn as l } from "../../../../lib/utils.js";
-const v = c(
-  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm leading-4.5 tracking-normal font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${u} aria-invalid:focus-visible:shadow-focus-ring-destructive`,
-  {
-    variants: {
-      variant: {
-        default: "bg-primary-background text-foreground-on-primary hover:bg-primary-background-hover",
-        defaultOnDark: "bg-primary-background-fixed-dark text-foreground-fixed-dark hover:bg-primary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
-        secondary: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover",
-        secondaryOnDark: "bg-secondary-background-fixed-dark text-foreground-fixed-light hover:bg-secondary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
-        outline: "border border-border-emphasized bg-background text-foreground hover:bg-accent-background disabled:border-transparent disabled:bg-disabled-background",
-        ghost: "hover:bg-accent-background",
-        ghostOnDark: "text-foreground-fixed-light hover:bg-secondary-background-fixed-dark disabled:opacity-100 disabled:text-disabled-foreground-fixed-dark",
-        destructive: `bg-destructive-background text-destructive-foreground-on-critical hover:bg-destructive-background-hover ${f}`
-      },
-      size: {
-        default: "h-9 px-3 has-[>svg]:px-3",
-        sm: "h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2",
-        lg: "h-10 px-4 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-7",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), k = g(
-  ({ className: r, variant: d, size: a, children: o, render: e, nativeButton: t, ...i }, n) => /* @__PURE__ */ s(
-    b,
-    {
-      ref: n,
-      "data-slot": "button",
-      render: e,
-      nativeButton: t ?? (e ? !1 : void 0),
-      className: l(v({ variant: d, size: a, className: r })),
-      ...i,
-      children: o
-    }
-  )
-);
-k.displayName = "Button";
-export {
-  k as Button,
-  v as buttonVariants
-};
+import { cn as e, focusRing as t, focusRingDestructive as n } from "../../../../lib/utils.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Button as o } from "@base-ui/react/button";
+//#region libs/aura/src/components/ui/core/button/button.tsx
+var s = a(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm leading-4.5 tracking-normal font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${t} aria-invalid:focus-visible:shadow-focus-ring-destructive`, {
+	variants: {
+		variant: {
+			default: "bg-primary-background text-foreground-on-primary hover:bg-primary-background-hover",
+			defaultOnDark: "bg-primary-background-fixed-dark text-foreground-fixed-dark hover:bg-primary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
+			secondary: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover",
+			secondaryOnDark: "bg-secondary-background-fixed-dark text-foreground-fixed-light hover:bg-secondary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
+			outline: "border border-border-emphasized bg-background text-foreground hover:bg-accent-background disabled:border-transparent disabled:bg-disabled-background",
+			ghost: "hover:bg-accent-background",
+			ghostOnDark: "text-foreground-fixed-light hover:bg-secondary-background-fixed-dark disabled:opacity-100 disabled:text-disabled-foreground-fixed-dark",
+			destructive: `bg-destructive-background text-destructive-foreground-on-critical hover:bg-destructive-background-hover ${n}`
+		},
+		size: {
+			default: "h-9 px-3 has-[>svg]:px-3",
+			sm: "h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2",
+			lg: "h-10 px-4 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-sm": "size-7",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), c = r(({ className: t, variant: n, size: r, children: a, render: c, nativeButton: l, ...u }, d) => /* @__PURE__ */ i(o, {
+	ref: d,
+	"data-slot": "button",
+	render: c,
+	nativeButton: l ?? (!c && void 0),
+	className: e(s({
+		variant: n,
+		size: r,
+		className: t
+	})),
+	...u,
+	children: a
+}));
+c.displayName = "Button";
+//#endregion
+export { c as Button, s as buttonVariants };

package/dist/components/ui/core/button-group/button-group.js

@@ -1,83 +1,44 @@
-import { jsx as a } from "react/jsx-runtime";
-import { mergeProps as s } from "@base-ui/react/merge-props";
-import { useRender as i } from "@base-ui/react/use-render";
-import { cva as l } from "class-variance-authority";
 import { cn as e } from "../../../../lib/utils.js";
-import { Separator as d } from "../separator/separator.js";
-const u = l(
-  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function b({
-  className: o,
-  orientation: t,
-  ...r
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": t,
-      className: e(u({ orientation: t }), o),
-      ...r
-    }
-  );
+import { Separator as t } from "../separator/separator.js";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region libs/aura/src/components/ui/core/button-group/button-group.tsx
+var o = r("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function s({ className: t, orientation: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": r,
+		className: e(o({ orientation: r }), t),
+		...i
+	});
 }
-function v({
-  className: o,
-  render: t,
-  children: r,
-  ...n
-}) {
-  return i({
-    defaultTagName: "div",
-    props: s(
-      {
-        className: e(
-          "bg-muted-background flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-          o
-        )
-      },
-      { ...n, children: r }
-    ),
-    render: t,
-    state: {
-      slot: "button-group-text"
-    }
-  });
+function c({ className: t, render: n, children: r, ...o }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e("bg-muted-background flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t) }, {
+			...o,
+			children: r
+		}),
+		render: n,
+		state: { slot: "button-group-text" }
+	});
 }
-function x({
-  className: o,
-  orientation: t = "vertical",
-  ...r
-}) {
-  return /* @__PURE__ */ a(
-    d,
-    {
-      "data-slot": "button-group-separator",
-      orientation: t,
-      className: e(
-        "bg-muted-background relative m-0 self-stretch data-[orientation=vertical]:h-auto",
-        o
-      ),
-      ...r
-    }
-  );
+function l({ className: r, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "button-group-separator",
+		orientation: i,
+		className: e("bg-muted-background relative m-0 self-stretch data-[orientation=vertical]:h-auto", r),
+		...a
+	});
 }
-export {
-  b as ButtonGroup,
-  x as ButtonGroupSeparator,
-  v as ButtonGroupText,
-  u as buttonGroupVariants
-};
+//#endregion
+export { s as ButtonGroup, l as ButtonGroupSeparator, c as ButtonGroupText, o as buttonGroupVariants };

package/dist/components/ui/core/calendar/calendar-header.js

@@ -0,0 +1,63 @@
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "../dropdown-menu/dropdown-menu.js";
+import { IconChevronDown as o, IconChevronLeft as s, IconChevronRight as c } from "@tabler/icons-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "dayjs";
+//#region libs/aura/src/components/ui/core/calendar/calendar-header.tsx
+var f = Array.from({ length: 12 }, (e, t) => d().month(t).format("MMMM")), p = d().year() - 50, m = d().year() + 10, h = Array.from({ length: m - p + 1 }, (e, t) => p + t), g = ({ label: e, items: s, onSelect: c }) => /* @__PURE__ */ u(n, {
+	modal: !1,
+	children: [/* @__PURE__ */ l(a, { render: /* @__PURE__ */ u(t, {
+		variant: "ghost",
+		size: "sm",
+		className: "h-7 px-2 gap-1 text-sm font-medium text-secondary-foreground",
+		children: [e, /* @__PURE__ */ l(o, { className: "size-4" })]
+	}) }), /* @__PURE__ */ l(r, {
+		className: "max-h-60 overflow-y-auto",
+		children: s.map(({ value: e, label: t }) => /* @__PURE__ */ l(i, {
+			onClick: () => c(e),
+			children: t
+		}, e))
+	})]
+}), _ = ({ displayedMonth: n, onPrevMonth: r, onNextMonth: i, onMonthChange: a, className: o }) => /* @__PURE__ */ u("div", {
+	"data-slot": "calendar-header",
+	className: e("flex items-center justify-between pt-1 w-full", o),
+	children: [
+		/* @__PURE__ */ l(t, {
+			variant: "ghost",
+			size: "icon-sm",
+			className: "size-7 rounded-md text-secondary-foreground",
+			onClick: r,
+			"aria-label": "Previous month",
+			children: /* @__PURE__ */ l(s, { className: "size-4" })
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "flex items-center gap-0.5",
+			children: [/* @__PURE__ */ l(g, {
+				label: n.format("MMMM"),
+				items: f.map((e, t) => ({
+					value: t,
+					label: e
+				})),
+				onSelect: (e) => a(n.date(1).month(e))
+			}), /* @__PURE__ */ l(g, {
+				label: n.format("YYYY"),
+				items: h.map((e) => ({
+					value: e,
+					label: String(e)
+				})),
+				onSelect: (e) => a(n.date(1).year(e))
+			})]
+		}),
+		/* @__PURE__ */ l(t, {
+			variant: "ghost",
+			size: "icon-sm",
+			className: "size-7 rounded-md text-secondary-foreground",
+			onClick: i,
+			"aria-label": "Next month",
+			children: /* @__PURE__ */ l(c, { className: "size-4" })
+		})
+	]
+});
+//#endregion
+export { _ as CalendarHeader };

package/dist/components/ui/core/calendar/calendar-utils.js

@@ -0,0 +1,39 @@
+import e from "dayjs";
+import t from "dayjs/plugin/isBetween.js";
+import n from "dayjs/plugin/isSameOrBefore.js";
+import r from "dayjs/plugin/weekOfYear.js";
+e.extend(t), e.extend(n), e.extend(r);
+function i(e, t) {
+	let n = t ? e.locale(t) : e, r = n.startOf("month").startOf("week"), i = n.endOf("month").endOf("week"), a = [], o = r;
+	for (; o.isSameOrBefore(i, "day");) a.push(o), o = o.add(1, "day");
+	return a;
+}
+function a(e, t, n) {
+	return !t || !n || !e.isValid() || !t.isValid() || !n.isValid() || t.isAfter(n, "day") ? !1 : e.isBetween(t, n, "day", "[]");
+}
+function o(e, t) {
+	return e.month() !== t.month();
+}
+function s(t, n) {
+	return t.isSame(n ?? e(), "day");
+}
+function c(t, n) {
+	let r = n || e(), i = (t ? r.locale(t) : r).startOf("week");
+	return Array.from({ length: 7 }, (e, t) => i.add(t, "day").format("dd"));
+}
+function l(e) {
+	return e.week();
+}
+function u(e) {
+	let t = [];
+	for (let n = 0; n < e.length; n += 7) {
+		let r = e[n];
+		r && t.push(l(r));
+	}
+	return t;
+}
+function d(e, t) {
+	return !e || !t ? !1 : e.isSame(t, "day");
+}
+//#endregion
+export { i as getCalendarDays, l as getWeekNumber, u as getWeekNumbers, c as getWeekdayNames, a as isDateInRange, o as isOutsideMonth, d as isSameDay, s as isToday };