@cognite/aura 0.3.4 → 1.46104.0

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

@@ -1,44 +1,54 @@
-import { cn as e } from "../../../../lib/utils.js";
-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" }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { Separator } from "../separator/separator.js";
+const buttonGroupVariants = cva("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 ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    });
 }
-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 ButtonGroupText({ className, render, children, ...props }) {
+    return useRender({
+        defaultTagName: 'div',
+        props: mergeProps({
+            className: cn("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", className)
+        }, {
+            ...props,
+            children
+        }),
+        render,
+        state: {
+            slot: 'button-group-text'
+        }
+    });
 }
-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
-	});
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ _jsx(Separator, {
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        className: cn('bg-muted-background relative m-0 self-stretch data-[orientation=vertical]:h-auto', className),
+        ...props
+    });
 }
-//#endregion
-export { s as ButtonGroup, l as ButtonGroupSeparator, c as ButtonGroupText, o as buttonGroupVariants };
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\nimport { Separator } from '../separator/separator';\n\nconst buttonGroupVariants: (\n  props?:\n    | ({\n        orientation?: 'horizontal' | 'vertical' | null | undefined;\n      } & ClassProp)\n    | undefined\n) => string = cva(\n  \"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\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: ComponentProps<'div'> &\n  VariantProps<typeof buttonGroupVariants>): ReactNode {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  render,\n  children,\n  ...props\n}: useRender.ComponentProps<'div'>): ReactNode {\n  return useRender({\n    defaultTagName: 'div',\n    props: mergeProps<'div'>(\n      {\n        className: cn(\n          \"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\",\n          className\n        ),\n      },\n      { ...props, children }\n    ),\n    render,\n    state: {\n      slot: 'button-group-text',\n    },\n  });\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ComponentProps<typeof Separator>): ReactNode {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-muted-background relative m-0 self-stretch data-[orientation=vertical]:h-auto',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["mergeProps","useRender","cva","cn","Separator","buttonGroupVariants","variants","orientation","horizontal","vertical","defaultVariants","ButtonGroup","className","props","div","role","data-slot","data-orientation","ButtonGroupText","render","children","defaultTagName","state","slot","ButtonGroupSeparator"],"mappings":";AAEA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,SAAS,QAAQ,4BAAyB;AAEnD,MAAMC,sBAMQH,IACZ,oSACA;IACEI,UAAU;QACRC,aAAa;YACXC,YACE;YACFC,UACE;QACJ;IACF;IACAC,iBAAiB;QACfH,aAAa;IACf;AACF;AAGF,SAASI,YAAY,EACnBC,SAAS,EACTL,WAAW,EACX,GAAGM,OAEqC;IACxC,qBACE,KAACC;QACCC,MAAK;QACLC,aAAU;QACVC,oBAAkBV;QAClBK,WAAWT,GAAGE,oBAAoB;YAAEE;QAAY,IAAIK;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASK,gBAAgB,EACvBN,SAAS,EACTO,MAAM,EACNC,QAAQ,EACR,GAAGP,OAC6B;IAChC,OAAOZ,UAAU;QACfoB,gBAAgB;QAChBR,OAAOb,WACL;YACEY,WAAWT,GACT,qKACAS;QAEJ,GACA;YAAE,GAAGC,KAAK;YAAEO;QAAS;QAEvBD;QACAG,OAAO;YACLC,MAAM;QACR;IACF;AACF;AAEA,SAASC,qBAAqB,EAC5BZ,SAAS,EACTL,cAAc,UAAU,EACxB,GAAGM,OAC8B;IACjC,qBACE,KAACT;QACCY,aAAU;QACVT,aAAaA;QACbK,WAAWT,GACT,oFACAS;QAED,GAAGC,KAAK;;AAGf;AAEA,SACEF,WAAW,EACXa,oBAAoB,EACpBN,eAAe,EACfb,mBAAmB,GACnB"}

package/dist/components/ui/core/calendar/calendar-header.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
+import type { FC } from "react";
+import type { Dayjs } from "dayjs";
 export interface CalendarHeaderProps {
-    displayedMonth: Dayjs;
-    onPrevMonth: () => void;
-    onNextMonth: () => void;
-    onMonthChange: (month: Dayjs) => void;
-    className?: string;
+	displayedMonth: Dayjs;
+	onPrevMonth: () => void;
+	onNextMonth: () => void;
+	onMonthChange: (month: Dayjs) => void;
+	className?: string;
 }
 export declare const CalendarHeader: FC<CalendarHeaderProps>;

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

@@ -1,63 +1,102 @@
-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 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChevronDown, IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
+import dayjs from "dayjs";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
+const MONTHS = Array.from({
+    length: 12
+}, (_, i)=>dayjs().month(i).format('MMMM'));
+const YEAR_RANGE_START = dayjs().year() - 50;
+const YEAR_RANGE_END = dayjs().year() + 10;
+const YEARS = Array.from({
+    length: YEAR_RANGE_END - YEAR_RANGE_START + 1
+}, (_, i)=>YEAR_RANGE_START + i);
+// DropdownMenuItem unmounts on close and remounts on open, so a ref callback on
+// the active item fires exactly when the list opens — scrolling it into view
+// instead of always starting at the top of the (potentially 60-year-long) list.
+const scrollSelectedItemIntoView = (node)=>{
+    node?.scrollIntoView?.({
+        block: 'center',
+        behavior: 'instant'
+    });
+};
+const NavigationDropdown = ({ label, items, selectedValue, onSelect })=>/*#__PURE__*/ _jsxs(DropdownMenu, {
+        modal: false,
+        children: [
+            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                render: /*#__PURE__*/ _jsxs(Button, {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-7 px-2 gap-1 text-sm font-medium text-secondary-foreground",
+                    children: [
+                        label,
+                        /*#__PURE__*/ _jsx(IconChevronDown, {
+                            className: "size-4"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                className: "max-h-60 overflow-y-auto",
+                children: items.map(({ value, label: itemLabel })=>/*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        ref: value === selectedValue ? scrollSelectedItemIntoView : undefined,
+                        onClick: ()=>onSelect(value),
+                        children: itemLabel
+                    }, value))
+            })
+        ]
+    });
+export const CalendarHeader = ({ displayedMonth, onPrevMonth, onNextMonth, onMonthChange, className })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "calendar-header",
+        className: cn('flex items-center justify-between pt-1 w-full', className),
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "ghost",
+                size: "icon-sm",
+                className: "size-7 rounded-md text-secondary-foreground",
+                onClick: onPrevMonth,
+                "aria-label": "Previous month",
+                children: /*#__PURE__*/ _jsx(IconChevronLeft, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center gap-0.5",
+                children: [
+                    /*#__PURE__*/ _jsx(NavigationDropdown, {
+                        label: displayedMonth.format('MMMM'),
+                        items: MONTHS.map((name, i)=>({
+                                value: i,
+                                label: name
+                            })),
+                        selectedValue: displayedMonth.month(),
+                        onSelect: (i)=>onMonthChange(displayedMonth.date(1).month(i))
+                    }),
+                    /*#__PURE__*/ _jsx(NavigationDropdown, {
+                        label: displayedMonth.format('YYYY'),
+                        items: YEARS.map((y)=>({
+                                value: y,
+                                label: String(y)
+                            })),
+                        selectedValue: displayedMonth.year(),
+                        onSelect: (y)=>onMonthChange(displayedMonth.date(1).year(y))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "ghost",
+                size: "icon-sm",
+                className: "size-7 rounded-md text-secondary-foreground",
+                onClick: onNextMonth,
+                "aria-label": "Next month",
+                children: /*#__PURE__*/ _jsx(IconChevronRight, {
+                    className: "size-4"
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=calendar-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/calendar/calendar-header.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconChevronRight,\n} from '@tabler/icons-react';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../dropdown-menu/dropdown-menu';\n\nconst MONTHS = Array.from({ length: 12 }, (_: unknown, i: number) =>\n  dayjs().month(i).format('MMMM')\n);\n\nconst YEAR_RANGE_START = dayjs().year() - 50;\nconst YEAR_RANGE_END = dayjs().year() + 10;\nconst YEARS = Array.from(\n  { length: YEAR_RANGE_END - YEAR_RANGE_START + 1 },\n  (_: unknown, i: number) => YEAR_RANGE_START + i\n);\n\ninterface NavigationDropdownItem {\n  value: number;\n  label: string;\n}\n\ninterface NavigationDropdownProps {\n  label: string;\n  items: NavigationDropdownItem[];\n  selectedValue: number;\n  onSelect: (value: number) => void;\n}\n\n// DropdownMenuItem unmounts on close and remounts on open, so a ref callback on\n// the active item fires exactly when the list opens — scrolling it into view\n// instead of always starting at the top of the (potentially 60-year-long) list.\nconst scrollSelectedItemIntoView = (node: HTMLElement | null) => {\n  node?.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n};\n\nconst NavigationDropdown: FC<NavigationDropdownProps> = ({\n  label,\n  items,\n  selectedValue,\n  onSelect,\n}) => (\n  <DropdownMenu modal={false}>\n    <DropdownMenuTrigger\n      render={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-7 px-2 gap-1 text-sm font-medium text-secondary-foreground\"\n        >\n          {label}\n          <IconChevronDown className=\"size-4\" />\n        </Button>\n      }\n    />\n    <DropdownMenuContent className=\"max-h-60 overflow-y-auto\">\n      {items.map(({ value, label: itemLabel }) => (\n        <DropdownMenuItem\n          key={value}\n          ref={value === selectedValue ? scrollSelectedItemIntoView : undefined}\n          onClick={() => onSelect(value)}\n        >\n          {itemLabel}\n        </DropdownMenuItem>\n      ))}\n    </DropdownMenuContent>\n  </DropdownMenu>\n);\n\nexport interface CalendarHeaderProps {\n  displayedMonth: Dayjs;\n  onPrevMonth: () => void;\n  onNextMonth: () => void;\n  onMonthChange: (month: Dayjs) => void;\n  className?: string;\n}\n\nexport const CalendarHeader: FC<CalendarHeaderProps> = ({\n  displayedMonth,\n  onPrevMonth,\n  onNextMonth,\n  onMonthChange,\n  className,\n}) => {\n  return (\n    <div\n      data-slot=\"calendar-header\"\n      className={cn('flex items-center justify-between pt-1 w-full', className)}\n    >\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        className=\"size-7 rounded-md text-secondary-foreground\"\n        onClick={onPrevMonth}\n        aria-label=\"Previous month\"\n      >\n        <IconChevronLeft className=\"size-4\" />\n      </Button>\n      <div className=\"flex items-center gap-0.5\">\n        <NavigationDropdown\n          label={displayedMonth.format('MMMM')}\n          items={MONTHS.map((name, i) => ({ value: i, label: name }))}\n          selectedValue={displayedMonth.month()}\n          onSelect={(i) => onMonthChange(displayedMonth.date(1).month(i))}\n        />\n        <NavigationDropdown\n          label={displayedMonth.format('YYYY')}\n          items={YEARS.map((y) => ({ value: y, label: String(y) }))}\n          selectedValue={displayedMonth.year()}\n          onSelect={(y) => onMonthChange(displayedMonth.date(1).year(y))}\n        />\n      </div>\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        className=\"size-7 rounded-md text-secondary-foreground\"\n        onClick={onNextMonth}\n        aria-label=\"Next month\"\n      >\n        <IconChevronRight className=\"size-4\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["IconChevronDown","IconChevronLeft","IconChevronRight","dayjs","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","MONTHS","Array","from","length","_","i","month","format","YEAR_RANGE_START","year","YEAR_RANGE_END","YEARS","scrollSelectedItemIntoView","node","scrollIntoView","block","behavior","NavigationDropdown","label","items","selectedValue","onSelect","modal","render","variant","size","className","map","value","itemLabel","ref","undefined","onClick","CalendarHeader","displayedMonth","onPrevMonth","onNextMonth","onMonthChange","div","data-slot","aria-label","name","date","y","String"],"mappings":";AAEA,SACEA,eAAe,EACfC,eAAe,EACfC,gBAAgB,QACX,sBAAsB;AAE7B,OAAOC,WAAW,QAAQ;AAE1B,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SACEC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,QACd,oCAAiC;AAExC,MAAMC,SAASC,MAAMC,IAAI,CAAC;IAAEC,QAAQ;AAAG,GAAG,CAACC,GAAYC,IACrDZ,QAAQa,KAAK,CAACD,GAAGE,MAAM,CAAC;AAG1B,MAAMC,mBAAmBf,QAAQgB,IAAI,KAAK;AAC1C,MAAMC,iBAAiBjB,QAAQgB,IAAI,KAAK;AACxC,MAAME,QAAQV,MAAMC,IAAI,CACtB;IAAEC,QAAQO,iBAAiBF,mBAAmB;AAAE,GAChD,CAACJ,GAAYC,IAAcG,mBAAmBH;AAehD,gFAAgF;AAChF,6EAA6E;AAC7E,gFAAgF;AAChF,MAAMO,6BAA6B,CAACC;IAClCA,MAAMC,iBAAiB;QAAEC,OAAO;QAAUC,UAAU;IAAU;AAChE;AAEA,MAAMC,qBAAkD,CAAC,EACvDC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,QAAQ,EACT,iBACC,MAACzB;QAAa0B,OAAO;;0BACnB,KAACvB;gBACCwB,sBACE,MAAC5B;oBACC6B,SAAQ;oBACRC,MAAK;oBACLC,WAAU;;wBAETR;sCACD,KAAC5B;4BAAgBoC,WAAU;;;;;0BAIjC,KAAC7B;gBAAoB6B,WAAU;0BAC5BP,MAAMQ,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEV,OAAOW,SAAS,EAAE,iBACrC,KAAC/B;wBAECgC,KAAKF,UAAUR,gBAAgBR,6BAA6BmB;wBAC5DC,SAAS,IAAMX,SAASO;kCAEvBC;uBAJID;;;;AAmBf,OAAO,MAAMK,iBAA0C,CAAC,EACtDC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,aAAa,EACbX,SAAS,EACV;IACC,qBACE,MAACY;QACCC,aAAU;QACVb,WAAWhC,GAAG,iDAAiDgC;;0BAE/D,KAAC/B;gBACC6B,SAAQ;gBACRC,MAAK;gBACLC,WAAU;gBACVM,SAASG;gBACTK,cAAW;0BAEX,cAAA,KAACjD;oBAAgBmC,WAAU;;;0BAE7B,MAACY;gBAAIZ,WAAU;;kCACb,KAACT;wBACCC,OAAOgB,eAAe3B,MAAM,CAAC;wBAC7BY,OAAOnB,OAAO2B,GAAG,CAAC,CAACc,MAAMpC,IAAO,CAAA;gCAAEuB,OAAOvB;gCAAGa,OAAOuB;4BAAK,CAAA;wBACxDrB,eAAec,eAAe5B,KAAK;wBACnCe,UAAU,CAAChB,IAAMgC,cAAcH,eAAeQ,IAAI,CAAC,GAAGpC,KAAK,CAACD;;kCAE9D,KAACY;wBACCC,OAAOgB,eAAe3B,MAAM,CAAC;wBAC7BY,OAAOR,MAAMgB,GAAG,CAAC,CAACgB,IAAO,CAAA;gCAAEf,OAAOe;gCAAGzB,OAAO0B,OAAOD;4BAAG,CAAA;wBACtDvB,eAAec,eAAezB,IAAI;wBAClCY,UAAU,CAACsB,IAAMN,cAAcH,eAAeQ,IAAI,CAAC,GAAGjC,IAAI,CAACkC;;;;0BAG/D,KAAChD;gBACC6B,SAAQ;gBACRC,MAAK;gBACLC,WAAU;gBACVM,SAASI;gBACTI,cAAW;0BAEX,cAAA,KAAChD;oBAAiBkC,WAAU;;;;;AAIpC,EAAE"}

package/dist/components/ui/core/calendar/calendar-utils.d.ts

@@ -1,48 +1,48 @@
-import { Dayjs } from 'dayjs';
+import { type Dayjs } from "dayjs";
 /**
- * Get all days to display in a calendar month grid (including padding days from prev/next months)
- * @param month - The month to display
- * @param locale - Optional locale for week start day (e.g., 'en', 'nb', 'de')
- */
+* Get all days to display in a calendar month grid (including padding days from prev/next months)
+* @param month - The month to display
+* @param locale - Optional locale for week start day (e.g., 'en', 'nb', 'de')
+*/
 export declare function getCalendarDays(month: Dayjs, locale?: string): Dayjs[];
 /**
- * Check if a date is within a given range (inclusive)
- * Uses dayjs isBetween plugin with '[]' for inclusive start and end
- * @see https://day.js.org/docs/en/plugin/is-between
- */
+* Check if a date is within a given range (inclusive)
+* Uses dayjs isBetween plugin with '[]' for inclusive start and end
+* @see https://day.js.org/docs/en/plugin/is-between
+*/
 export declare function isDateInRange(date: Dayjs, startDate: Dayjs | null, endDate: Dayjs | null): boolean;
 /**
- * Check if a date is outside the current display month
- */
+* Check if a date is outside the current display month
+*/
 export declare function isOutsideMonth(date: Dayjs, displayMonth: Dayjs): boolean;
 /**
- * Check if a date is today
- * Note: Uses local timezone. Both the input date and current time are compared
- * using the user's local timezone, which is the expected behavior for calendar UIs.
- * @param date - The date to check
- * @param now - Optional current date for testing (defaults to dayjs())
- */
+* Check if a date is today
+* Note: Uses local timezone. Both the input date and current time are compared
+* using the user's local timezone, which is the expected behavior for calendar UIs.
+* @param date - The date to check
+* @param now - Optional current date for testing (defaults to dayjs())
+*/
 export declare function isToday(date: Dayjs, now?: Dayjs): boolean;
 /**
- * Get an array of weekday names (short form)
- * @param locale - Optional locale for localized weekday names (e.g., 'en', 'nb', 'de')
- * @param baseDate - Optional base date for testing (defaults to dayjs())
- */
+* Get an array of weekday names (short form)
+* @param locale - Optional locale for localized weekday names (e.g., 'en', 'nb', 'de')
+* @param baseDate - Optional base date for testing (defaults to dayjs())
+*/
 export declare function getWeekdayNames(locale?: string, baseDate?: Dayjs): string[];
 /**
- * Get the week number for a given date
- */
+* Get the week number for a given date
+*/
 export declare function getWeekNumber(date: Dayjs): number;
 /**
- * Get all week numbers for days in a calendar month grid
- */
+* Get all week numbers for days in a calendar month grid
+*/
 export declare function getWeekNumbers(days: Dayjs[]): number[];
 /**
- * Check if two dates are the same day
- */
+* Check if two dates are the same day
+*/
 export declare function isSameDay(date1: Dayjs | null, date2: Dayjs | null): boolean;
 /**
- * Format a date range for display
- * When one date is missing, shows the format placeholder for the missing date
- */
+* Format a date range for display
+* When one date is missing, shows the format placeholder for the missing date
+*/
 export declare function formatDateRange(startDate: Dayjs | null, endDate: Dayjs | null, format: string): string;

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

@@ -1,39 +1,116 @@
-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 };
+import dayjs from "dayjs";
+import isBetween from "dayjs/plugin/isBetween.js";
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
+import weekOfYear from "dayjs/plugin/weekOfYear.js";
+import { DAYS_IN_WEEK } from "./constants.js";
+dayjs.extend(isBetween);
+dayjs.extend(isSameOrBefore);
+dayjs.extend(weekOfYear);
+const DATE_RANGE_SEPARATOR = ' – ';
+/**
+ * Get all days to display in a calendar month grid (including padding days from prev/next months)
+ * @param month - The month to display
+ * @param locale - Optional locale for week start day (e.g., 'en', 'nb', 'de')
+ */ export function getCalendarDays(month, locale) {
+    // Create a localized instance without mutating global state
+    const localizedMonth = locale ? month.locale(locale) : month;
+    const firstDayOfMonth = localizedMonth.startOf('month');
+    const firstDayOfGrid = firstDayOfMonth.startOf('week');
+    const lastDayOfMonth = localizedMonth.endOf('month');
+    const lastDayOfGrid = lastDayOfMonth.endOf('week');
+    const days = [];
+    let currentDay = firstDayOfGrid;
+    while(currentDay.isSameOrBefore(lastDayOfGrid, 'day')){
+        days.push(currentDay);
+        currentDay = currentDay.add(1, 'day');
+    }
+    return days;
+}
+/**
+ * Check if a date is within a given range (inclusive)
+ * Uses dayjs isBetween plugin with '[]' for inclusive start and end
+ * @see https://day.js.org/docs/en/plugin/is-between
+ */ export function isDateInRange(date, startDate, endDate) {
+    if (!startDate || !endDate) {
+        return false;
+    }
+    // Validate all dates are valid
+    if (!date.isValid() || !startDate.isValid() || !endDate.isValid()) {
+        return false;
+    }
+    // If start is after end, the range is invalid
+    if (startDate.isAfter(endDate, 'day')) {
+        return false;
+    }
+    // 'day' granularity ignores time, '[]' includes both start and end
+    return date.isBetween(startDate, endDate, 'day', '[]');
+}
+/**
+ * Check if a date is outside the current display month
+ */ export function isOutsideMonth(date, displayMonth) {
+    return date.month() !== displayMonth.month();
+}
+/**
+ * Check if a date is today
+ * Note: Uses local timezone. Both the input date and current time are compared
+ * using the user's local timezone, which is the expected behavior for calendar UIs.
+ * @param date - The date to check
+ * @param now - Optional current date for testing (defaults to dayjs())
+ */ export function isToday(date, now) {
+    return date.isSame(now ?? dayjs(), 'day');
+}
+/**
+ * Get an array of weekday names (short form)
+ * @param locale - Optional locale for localized weekday names (e.g., 'en', 'nb', 'de')
+ * @param baseDate - Optional base date for testing (defaults to dayjs())
+ */ export function getWeekdayNames(locale, baseDate) {
+    const base = baseDate || dayjs();
+    // Create a localized instance without mutating global state
+    const localizedDayjs = locale ? base.locale(locale) : base;
+    // Calculate startOfWeek using the localized instance
+    const startOfWeek = localizedDayjs.startOf('week');
+    return Array.from({
+        length: DAYS_IN_WEEK
+    }, (_, i)=>{
+        return startOfWeek.add(i, 'day').format('dd');
+    });
+}
+/**
+ * Get the week number for a given date
+ */ export function getWeekNumber(date) {
+    return date.week();
+}
+/**
+ * Get all week numbers for days in a calendar month grid
+ */ export function getWeekNumbers(days) {
+    const weekNumbers = [];
+    // Process days in chunks of DAYS_IN_WEEK (one week at a time)
+    for(let i = 0; i < days.length; i += DAYS_IN_WEEK){
+        const firstDayOfWeek = days[i];
+        if (firstDayOfWeek) {
+            weekNumbers.push(getWeekNumber(firstDayOfWeek));
+        }
+    }
+    return weekNumbers;
+}
+/**
+ * Check if two dates are the same day
+ */ export function isSameDay(date1, date2) {
+    if (!date1 || !date2) {
+        return false;
+    }
+    return date1.isSame(date2, 'day');
+}
+/**
+ * Format a date range for display
+ * When one date is missing, shows the format placeholder for the missing date
+ */ export function formatDateRange(startDate, endDate, format) {
+    if (!startDate && !endDate) {
+        return '';
+    }
+    const startStr = startDate?.format(format) ?? format;
+    const endStr = endDate?.format(format) ?? format;
+    return `${startStr}${DATE_RANGE_SEPARATOR}${endStr}`;
+}
+
+//# sourceMappingURL=calendar-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/calendar/calendar-utils.ts"],"sourcesContent":["import dayjs, { type Dayjs } from 'dayjs';\nimport isBetween from 'dayjs/plugin/isBetween.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js';\n\nimport { DAYS_IN_WEEK } from './constants';\n\ndayjs.extend(isBetween);\ndayjs.extend(isSameOrBefore);\ndayjs.extend(weekOfYear);\n\nconst DATE_RANGE_SEPARATOR = ' – ';\n\n/**\n * Get all days to display in a calendar month grid (including padding days from prev/next months)\n * @param month - The month to display\n * @param locale - Optional locale for week start day (e.g., 'en', 'nb', 'de')\n */\nexport function getCalendarDays(month: Dayjs, locale?: string): Dayjs[] {\n  // Create a localized instance without mutating global state\n  const localizedMonth = locale ? month.locale(locale) : month;\n\n  const firstDayOfMonth = localizedMonth.startOf('month');\n  const firstDayOfGrid = firstDayOfMonth.startOf('week');\n\n  const lastDayOfMonth = localizedMonth.endOf('month');\n  const lastDayOfGrid = lastDayOfMonth.endOf('week');\n\n  const days: Dayjs[] = [];\n\n  let currentDay = firstDayOfGrid;\n\n  while (currentDay.isSameOrBefore(lastDayOfGrid, 'day')) {\n    days.push(currentDay);\n    currentDay = currentDay.add(1, 'day');\n  }\n\n  return days;\n}\n\n/**\n * Check if a date is within a given range (inclusive)\n * Uses dayjs isBetween plugin with '[]' for inclusive start and end\n * @see https://day.js.org/docs/en/plugin/is-between\n */\nexport function isDateInRange(\n  date: Dayjs,\n  startDate: Dayjs | null,\n  endDate: Dayjs | null\n): boolean {\n  if (!startDate || !endDate) {\n    return false;\n  }\n\n  // Validate all dates are valid\n  if (!date.isValid() || !startDate.isValid() || !endDate.isValid()) {\n    return false;\n  }\n\n  // If start is after end, the range is invalid\n  if (startDate.isAfter(endDate, 'day')) {\n    return false;\n  }\n\n  // 'day' granularity ignores time, '[]' includes both start and end\n  return date.isBetween(startDate, endDate, 'day', '[]');\n}\n\n/**\n * Check if a date is outside the current display month\n */\nexport function isOutsideMonth(date: Dayjs, displayMonth: Dayjs): boolean {\n  return date.month() !== displayMonth.month();\n}\n\n/**\n * Check if a date is today\n * Note: Uses local timezone. Both the input date and current time are compared\n * using the user's local timezone, which is the expected behavior for calendar UIs.\n * @param date - The date to check\n * @param now - Optional current date for testing (defaults to dayjs())\n */\nexport function isToday(date: Dayjs, now?: Dayjs): boolean {\n  return date.isSame(now ?? dayjs(), 'day');\n}\n\n/**\n * Get an array of weekday names (short form)\n * @param locale - Optional locale for localized weekday names (e.g., 'en', 'nb', 'de')\n * @param baseDate - Optional base date for testing (defaults to dayjs())\n */\nexport function getWeekdayNames(locale?: string, baseDate?: Dayjs): string[] {\n  const base = baseDate || dayjs();\n\n  // Create a localized instance without mutating global state\n  const localizedDayjs = locale ? base.locale(locale) : base;\n\n  // Calculate startOfWeek using the localized instance\n  const startOfWeek = localizedDayjs.startOf('week');\n\n  return Array.from({ length: DAYS_IN_WEEK }, (_, i) => {\n    return startOfWeek.add(i, 'day').format('dd');\n  });\n}\n\n/**\n * Get the week number for a given date\n */\nexport function getWeekNumber(date: Dayjs): number {\n  return date.week();\n}\n\n/**\n * Get all week numbers for days in a calendar month grid\n */\nexport function getWeekNumbers(days: Dayjs[]): number[] {\n  const weekNumbers: number[] = [];\n\n  // Process days in chunks of DAYS_IN_WEEK (one week at a time)\n  for (let i = 0; i < days.length; i += DAYS_IN_WEEK) {\n    const firstDayOfWeek = days[i];\n    if (firstDayOfWeek) {\n      weekNumbers.push(getWeekNumber(firstDayOfWeek));\n    }\n  }\n\n  return weekNumbers;\n}\n\n/**\n * Check if two dates are the same day\n */\nexport function isSameDay(date1: Dayjs | null, date2: Dayjs | null): boolean {\n  if (!date1 || !date2) {\n    return false;\n  }\n  return date1.isSame(date2, 'day');\n}\n\n/**\n * Format a date range for display\n * When one date is missing, shows the format placeholder for the missing date\n */\nexport function formatDateRange(\n  startDate: Dayjs | null,\n  endDate: Dayjs | null,\n  format: string\n): string {\n  if (!startDate && !endDate) {\n    return '';\n  }\n\n  const startStr = startDate?.format(format) ?? format;\n  const endStr = endDate?.format(format) ?? format;\n\n  return `${startStr}${DATE_RANGE_SEPARATOR}${endStr}`;\n}\n"],"names":["dayjs","isBetween","isSameOrBefore","weekOfYear","DAYS_IN_WEEK","extend","DATE_RANGE_SEPARATOR","getCalendarDays","month","locale","localizedMonth","firstDayOfMonth","startOf","firstDayOfGrid","lastDayOfMonth","endOf","lastDayOfGrid","days","currentDay","push","add","isDateInRange","date","startDate","endDate","isValid","isAfter","isOutsideMonth","displayMonth","isToday","now","isSame","getWeekdayNames","baseDate","base","localizedDayjs","startOfWeek","Array","from","length","_","i","format","getWeekNumber","week","getWeekNumbers","weekNumbers","firstDayOfWeek","isSameDay","date1","date2","formatDateRange","startStr","endStr"],"mappings":"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"}

package/dist/components/ui/core/calendar/calendar.d.ts

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
+import { type FC } from "react";
+import type { Dayjs } from "dayjs";
 export interface CalendarProps {
-    displayedMonth: Dayjs;
-    selectedRange: [Dayjs | null, Dayjs | null];
-    hoverDate: Dayjs | null;
-    displayWeekNumber?: boolean;
-    onDateClick: (date: Dayjs) => void;
-    onMonthChange: (month: Dayjs) => void;
-    onDateHover?: (date: Dayjs | null) => void;
-    className?: string;
+	displayedMonth: Dayjs;
+	selectedRange: [Dayjs | null, Dayjs | null];
+	hoverDate: Dayjs | null;
+	displayWeekNumber?: boolean;
+	onDateClick: (date: Dayjs) => void;
+	onMonthChange: (month: Dayjs) => void;
+	onDateHover?: (date: Dayjs | null) => void;
+	className?: string;
 }
 export declare const Calendar: FC<CalendarProps>;