@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/date-time-pickers/utils/time-utils.js

@@ -1,7 +1,88 @@
-import e from "dayjs";
-import t from "dayjs/plugin/customParseFormat.js";
-//#region libs/aura/src/components/ui/core/date-time-pickers/utils/time-utils.ts
-e.extend(t);
-var n = (e = "24h") => e === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), r = () => Array.from({ length: 60 / 1 }, (e, t) => t * 1), i = (e) => e >= 12 ? "PM" : "AM", a = (e, t) => t === "PM" && e < 12 ? e + 12 : t === "AM" && e === 12 ? 0 : e, o = (e) => e === 0 ? 12 : e > 12 ? e - 12 : e;
-//#endregion
-export { a as convert12HourTo24Hour, o as convert24HourTo12Hour, n as generateHours, r as generateMinutes, i as getAmPmFromHour };
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import { HOURS_IN_12H, HOURS_IN_DAY, MINUTE_INCREMENT, MINUTES_IN_HOUR } from "../shared/constants.js";
+dayjs.extend(customParseFormat);
+const TIME_COMPONENT_PADDING = 2;
+const PADDING_CHAR = '0';
+/**
+ * Generates an array of hours.
+ * If timeFormat is '12h', generates hours from 1 to 12.
+ * Otherwise, generates hours from 0 to 23.
+ * @returns Array of hours
+ */ export const generateHours = (timeFormat = '24h')=>{
+    if (timeFormat === '12h') {
+        return Array.from({
+            length: HOURS_IN_12H
+        }, (_, i)=>i + 1); // 1 to 12
+    }
+    return Array.from({
+        length: HOURS_IN_DAY
+    }, (_, i)=>i); // 0 to 23
+};
+/**
+ * Generates an array of minutes in 5-minute increments
+ * @returns Array of minutes [0, 5, 10, ..., 55]
+ */ export const generateMinutes = ()=>{
+    return Array.from({
+        length: MINUTES_IN_HOUR / MINUTE_INCREMENT
+    }, (_, i)=>i * MINUTE_INCREMENT);
+};
+/**
+ * Formats time components into HH:MM string format
+ * @param hour - Hour value (0-23)
+ * @param minute - Minute value (0-59)
+ * @returns Formatted time string (e.g., "09:05")
+ */ export const formatTime = (hour, minute)=>{
+    const paddedHour = hour.toString().padStart(TIME_COMPONENT_PADDING, PADDING_CHAR);
+    const paddedMinute = minute.toString().padStart(TIME_COMPONENT_PADDING, PADDING_CHAR);
+    return `${paddedHour}:${paddedMinute}`;
+};
+/**
+ * Parses a time string in HH:MM or H:MM format
+ * @param timeString - Time string in HH:MM format (e.g., "09:30", "9:30")
+ * @returns Object with hour and minute properties, or null if invalid
+ */ export const parseTime = (timeString)=>{
+    // Try strict HH:mm first, then H:mm for single-digit hours
+    const time = dayjs(timeString, [
+        'HH:mm',
+        'H:mm'
+    ], true);
+    if (!time.isValid()) {
+        return null;
+    }
+    return {
+        hour: time.hour(),
+        minute: time.minute()
+    };
+};
+/**
+ * Gets AM/PM period from a 24-hour format hour.
+ */ export const getAmPmFromHour = (hour)=>{
+    return hour >= HOURS_IN_12H ? 'PM' : 'AM';
+};
+/**
+ * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.
+ */ export const convert12HourTo24Hour = (hour, ampm)=>{
+    if (ampm === 'PM' && hour < HOURS_IN_12H) {
+        return hour + HOURS_IN_12H;
+    }
+    if (ampm === 'AM' && hour === HOURS_IN_12H) {
+        return 0; // 12 AM is 00:00 in 24h format
+    }
+    return hour;
+};
+/**
+ * Converts a 24-hour format hour to a 12-hour display value (1-12).
+ * Used when displaying time in 12-hour format.
+ * @param hour24 - Hour value (0-23)
+ */ export const convert24HourTo12Hour = (hour24)=>{
+    if (hour24 === 0) {
+        return HOURS_IN_12H; // midnight displays as 12
+    }
+    if (hour24 > HOURS_IN_12H) {
+        return hour24 - HOURS_IN_12H;
+    }
+    return hour24;
+};
+
+//# sourceMappingURL=time-utils.js.map

package/dist/components/ui/core/date-time-pickers/utils/time-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/utils/time-utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\n\nimport {\n  HOURS_IN_12H,\n  HOURS_IN_DAY,\n  MINUTE_INCREMENT,\n  MINUTES_IN_HOUR,\n} from '../shared/constants';\n\nimport type { AmPm, TimeFormat } from './format-utils';\n\ndayjs.extend(customParseFormat);\n\nconst TIME_COMPONENT_PADDING = 2;\nconst PADDING_CHAR = '0';\n\n/**\n * Generates an array of hours.\n * If timeFormat is '12h', generates hours from 1 to 12.\n * Otherwise, generates hours from 0 to 23.\n * @returns Array of hours\n */\nexport const generateHours = (timeFormat: TimeFormat = '24h'): number[] => {\n  if (timeFormat === '12h') {\n    return Array.from({ length: HOURS_IN_12H }, (_, i) => i + 1); // 1 to 12\n  }\n  return Array.from({ length: HOURS_IN_DAY }, (_, i) => i); // 0 to 23\n};\n\n/**\n * Generates an array of minutes in 5-minute increments\n * @returns Array of minutes [0, 5, 10, ..., 55]\n */\nexport const generateMinutes = (): number[] => {\n  return Array.from(\n    { length: MINUTES_IN_HOUR / MINUTE_INCREMENT },\n    (_, i) => i * MINUTE_INCREMENT\n  );\n};\n\n/**\n * Formats time components into HH:MM string format\n * @param hour - Hour value (0-23)\n * @param minute - Minute value (0-59)\n * @returns Formatted time string (e.g., \"09:05\")\n */\nexport const formatTime = (hour: number, minute: number): string => {\n  const paddedHour = hour\n    .toString()\n    .padStart(TIME_COMPONENT_PADDING, PADDING_CHAR);\n  const paddedMinute = minute\n    .toString()\n    .padStart(TIME_COMPONENT_PADDING, PADDING_CHAR);\n  return `${paddedHour}:${paddedMinute}`;\n};\n\n/**\n * Parses a time string in HH:MM or H:MM format\n * @param timeString - Time string in HH:MM format (e.g., \"09:30\", \"9:30\")\n * @returns Object with hour and minute properties, or null if invalid\n */\nexport const parseTime = (\n  timeString: string\n): { hour: number; minute: number } | null => {\n  // Try strict HH:mm first, then H:mm for single-digit hours\n  const time = dayjs(timeString, ['HH:mm', 'H:mm'], true);\n\n  if (!time.isValid()) {\n    return null;\n  }\n\n  return {\n    hour: time.hour(),\n    minute: time.minute(),\n  };\n};\n\n/**\n * Gets AM/PM period from a 24-hour format hour.\n */\nexport const getAmPmFromHour = (hour: number): AmPm => {\n  return hour >= HOURS_IN_12H ? 'PM' : 'AM';\n};\n\n/**\n * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.\n */\nexport const convert12HourTo24Hour = (hour: number, ampm: AmPm): number => {\n  if (ampm === 'PM' && hour < HOURS_IN_12H) {\n    return hour + HOURS_IN_12H;\n  }\n  if (ampm === 'AM' && hour === HOURS_IN_12H) {\n    return 0; // 12 AM is 00:00 in 24h format\n  }\n  return hour;\n};\n\n/**\n * Converts a 24-hour format hour to a 12-hour display value (1-12).\n * Used when displaying time in 12-hour format.\n * @param hour24 - Hour value (0-23)\n */\nexport const convert24HourTo12Hour = (hour24: number): number => {\n  if (hour24 === 0) {\n    return HOURS_IN_12H; // midnight displays as 12\n  }\n  if (hour24 > HOURS_IN_12H) {\n    return hour24 - HOURS_IN_12H;\n  }\n  return hour24;\n};\n"],"names":["dayjs","customParseFormat","HOURS_IN_12H","HOURS_IN_DAY","MINUTE_INCREMENT","MINUTES_IN_HOUR","extend","TIME_COMPONENT_PADDING","PADDING_CHAR","generateHours","timeFormat","Array","from","length","_","i","generateMinutes","formatTime","hour","minute","paddedHour","toString","padStart","paddedMinute","parseTime","timeString","time","isValid","getAmPmFromHour","convert12HourTo24Hour","ampm","convert24HourTo12Hour","hour24"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,uBAAuB,oCAAoC;AAElE,SACEC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,eAAe,QACV,yBAAsB;AAI7BL,MAAMM,MAAM,CAACL;AAEb,MAAMM,yBAAyB;AAC/B,MAAMC,eAAe;AAErB;;;;;CAKC,GACD,OAAO,MAAMC,gBAAgB,CAACC,aAAyB,KAAK;IAC1D,IAAIA,eAAe,OAAO;QACxB,OAAOC,MAAMC,IAAI,CAAC;YAAEC,QAAQX;QAAa,GAAG,CAACY,GAAGC,IAAMA,IAAI,IAAI,UAAU;IAC1E;IACA,OAAOJ,MAAMC,IAAI,CAAC;QAAEC,QAAQV;IAAa,GAAG,CAACW,GAAGC,IAAMA,IAAI,UAAU;AACtE,EAAE;AAEF;;;CAGC,GACD,OAAO,MAAMC,kBAAkB;IAC7B,OAAOL,MAAMC,IAAI,CACf;QAAEC,QAAQR,kBAAkBD;IAAiB,GAC7C,CAACU,GAAGC,IAAMA,IAAIX;AAElB,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMa,aAAa,CAACC,MAAcC;IACvC,MAAMC,aAAaF,KAChBG,QAAQ,GACRC,QAAQ,CAACf,wBAAwBC;IACpC,MAAMe,eAAeJ,OAClBE,QAAQ,GACRC,QAAQ,CAACf,wBAAwBC;IACpC,OAAO,GAAGY,WAAW,CAAC,EAAEG,cAAc;AACxC,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CACvBC;IAEA,2DAA2D;IAC3D,MAAMC,OAAO1B,MAAMyB,YAAY;QAAC;QAAS;KAAO,EAAE;IAElD,IAAI,CAACC,KAAKC,OAAO,IAAI;QACnB,OAAO;IACT;IAEA,OAAO;QACLT,MAAMQ,KAAKR,IAAI;QACfC,QAAQO,KAAKP,MAAM;IACrB;AACF,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMS,kBAAkB,CAACV;IAC9B,OAAOA,QAAQhB,eAAe,OAAO;AACvC,EAAE;AAEF;;CAEC,GACD,OAAO,MAAM2B,wBAAwB,CAACX,MAAcY;IAClD,IAAIA,SAAS,QAAQZ,OAAOhB,cAAc;QACxC,OAAOgB,OAAOhB;IAChB;IACA,IAAI4B,SAAS,QAAQZ,SAAShB,cAAc;QAC1C,OAAO,GAAG,+BAA+B;IAC3C;IACA,OAAOgB;AACT,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMa,wBAAwB,CAACC;IACpC,IAAIA,WAAW,GAAG;QAChB,OAAO9B,cAAc,0BAA0B;IACjD;IACA,IAAI8B,SAAS9B,cAAc;QACzB,OAAO8B,SAAS9B;IAClB;IACA,OAAO8B;AACT,EAAE"}

package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts

@@ -1,23 +1,23 @@
-import { Dayjs } from 'dayjs';
+import type { Dayjs } from "dayjs";
 /**
- * Validates and orders a time range, swapping if end is before start
- * @param startHour - Start hour (0-23)
- * @param startMinute - Start minute (0-59)
- * @param endHour - End hour (0-23)
- * @param endMinute - End minute (0-59)
- * @returns Ordered time range [start, end]
- */
+* Validates and orders a time range, swapping if end is before start
+* @param startHour - Start hour (0-23)
+* @param startMinute - Start minute (0-59)
+* @param endHour - End hour (0-23)
+* @param endMinute - End minute (0-59)
+* @returns Ordered time range [start, end]
+*/
 export declare const orderTimeRange: (startHour: number, startMinute: number, endHour: number, endMinute: number) => [{
-    hour: number;
-    minute: number;
+	hour: number;
+	minute: number;
 }, {
-    hour: number;
-    minute: number;
+	hour: number;
+	minute: number;
 }];
 /**
- * Validates and orders a date range, swapping if end is before start
- * @param start - Start date
- * @param end - End date
- * @returns Ordered date range [start, end]
- */
+* Validates and orders a date range, swapping if end is before start
+* @param start - Start date
+* @param end - End date
+* @returns Ordered date range [start, end]
+*/
 export declare const orderDateRange: (start: Dayjs, end: Dayjs) => [Dayjs, Dayjs];

package/dist/components/ui/core/date-time-pickers/utils/time-validation.js

@@ -0,0 +1,43 @@
+import { MINUTES_IN_HOUR } from "../shared/constants.js";
+/**
+ * Validates and orders a time range, swapping if end is before start
+ * @param startHour - Start hour (0-23)
+ * @param startMinute - Start minute (0-59)
+ * @param endHour - End hour (0-23)
+ * @param endMinute - End minute (0-59)
+ * @returns Ordered time range [start, end]
+ */ export const orderTimeRange = (startHour, startMinute, endHour, endMinute)=>{
+    const startMinutes = startHour * MINUTES_IN_HOUR + startMinute;
+    const endMinutes = endHour * MINUTES_IN_HOUR + endMinute;
+    const startTime = {
+        hour: startHour,
+        minute: startMinute
+    };
+    const endTime = {
+        hour: endHour,
+        minute: endMinute
+    };
+    return endMinutes >= startMinutes ? [
+        startTime,
+        endTime
+    ] : [
+        endTime,
+        startTime
+    ];
+};
+/**
+ * Validates and orders a date range, swapping if end is before start
+ * @param start - Start date
+ * @param end - End date
+ * @returns Ordered date range [start, end]
+ */ export const orderDateRange = (start, end)=>{
+    return start.isAfter(end) ? [
+        end,
+        start
+    ] : [
+        start,
+        end
+    ];
+};
+
+//# sourceMappingURL=time-validation.js.map

package/dist/components/ui/core/date-time-pickers/utils/time-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/utils/time-validation.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\n\nimport { MINUTES_IN_HOUR } from '../shared/constants';\n\n/**\n * Validates and orders a time range, swapping if end is before start\n * @param startHour - Start hour (0-23)\n * @param startMinute - Start minute (0-59)\n * @param endHour - End hour (0-23)\n * @param endMinute - End minute (0-59)\n * @returns Ordered time range [start, end]\n */\nexport const orderTimeRange = (\n  startHour: number,\n  startMinute: number,\n  endHour: number,\n  endMinute: number\n): [{ hour: number; minute: number }, { hour: number; minute: number }] => {\n  const startMinutes = startHour * MINUTES_IN_HOUR + startMinute;\n  const endMinutes = endHour * MINUTES_IN_HOUR + endMinute;\n\n  const startTime = { hour: startHour, minute: startMinute };\n  const endTime = { hour: endHour, minute: endMinute };\n\n  return endMinutes >= startMinutes\n    ? [startTime, endTime]\n    : [endTime, startTime];\n};\n\n/**\n * Validates and orders a date range, swapping if end is before start\n * @param start - Start date\n * @param end - End date\n * @returns Ordered date range [start, end]\n */\nexport const orderDateRange = (start: Dayjs, end: Dayjs): [Dayjs, Dayjs] => {\n  return start.isAfter(end) ? [end, start] : [start, end];\n};\n"],"names":["MINUTES_IN_HOUR","orderTimeRange","startHour","startMinute","endHour","endMinute","startMinutes","endMinutes","startTime","hour","minute","endTime","orderDateRange","start","end","isAfter"],"mappings":"AAEA,SAASA,eAAe,QAAQ,yBAAsB;AAEtD;;;;;;;CAOC,GACD,OAAO,MAAMC,iBAAiB,CAC5BC,WACAC,aACAC,SACAC;IAEA,MAAMC,eAAeJ,YAAYF,kBAAkBG;IACnD,MAAMI,aAAaH,UAAUJ,kBAAkBK;IAE/C,MAAMG,YAAY;QAAEC,MAAMP;QAAWQ,QAAQP;IAAY;IACzD,MAAMQ,UAAU;QAAEF,MAAML;QAASM,QAAQL;IAAU;IAEnD,OAAOE,cAAcD,eACjB;QAACE;QAAWG;KAAQ,GACpB;QAACA;QAASH;KAAU;AAC1B,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMI,iBAAiB,CAACC,OAAcC;IAC3C,OAAOD,MAAME,OAAO,CAACD,OAAO;QAACA;QAAKD;KAAM,GAAG;QAACA;QAAOC;KAAI;AACzD,EAAE"}

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

@@ -1,18 +1,21 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import type { ComponentProps, ReactNode } from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { type ButtonVariantProps } from "../button/button";
 declare function Dialog({ ...props }: DialogPrimitive.Root.Props): ReactNode;
 declare function DialogTrigger({ children, ...props }: DialogPrimitive.Trigger.Props): ReactNode;
 declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): ReactNode;
 declare function DialogClose({ children, ...props }: DialogPrimitive.Close.Props & {
-    children?: ReactNode;
+	children?: ReactNode;
 }): ReactNode;
 declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): ReactNode;
-declare function DialogContent({ className, children, showCloseButton, closeButtonLabel, ...props }: DialogPrimitive.Popup.Props & {
-    showCloseButton?: boolean;
-    closeButtonLabel?: string;
+declare function DialogContent({ className, children, showCloseButton, closeButtonLabel, closeButtonClassName, closeButtonSize, ...props }: DialogPrimitive.Popup.Props & {
+	showCloseButton?: boolean;
+	closeButtonLabel?: string;
+	closeButtonClassName?: string;
+	closeButtonSize?: NonNullable<ButtonVariantProps["size"]>;
 }): ReactNode;
-declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): ReactNode;
-declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): ReactNode;
+declare function DialogHeader({ className, ...props }: ComponentProps<"div">): ReactNode;
+declare function DialogFooter({ className, ...props }: ComponentProps<"div">): ReactNode;
 declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): ReactNode;
 declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): ReactNode;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

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

@@ -1,92 +1,100 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { usePortalContainer as n } from "../../../../lib/portal-container-context.js";
-import { IconX as r } from "@tabler/icons-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Dialog as o } from "@base-ui/react/dialog";
-//#region libs/aura/src/components/ui/core/dialog/dialog.tsx
-function s({ ...e }) {
-	return /* @__PURE__ */ i(o.Root, {
-		"data-slot": "dialog",
-		...e
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { IconX } from "@tabler/icons-react";
+import { usePortalContainer } from "../../../../lib/portal-container-context.js";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Root, {
+        "data-slot": "dialog",
+        ...props
+    });
 }
-function c({ children: e, ...t }) {
-	return /* @__PURE__ */ i(o.Trigger, {
-		"data-slot": "dialog-trigger",
-		...t,
-		children: e
-	});
+function DialogTrigger({ children, ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Trigger, {
+        "data-slot": "dialog-trigger",
+        ...props,
+        children: children
+    });
 }
-function l({ ...e }) {
-	let t = n();
-	return /* @__PURE__ */ i(o.Portal, {
-		"data-slot": "dialog-portal",
-		container: t,
-		...e
-	});
+function DialogPortal({ ...props }) {
+    const container = usePortalContainer();
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Portal, {
+        "data-slot": "dialog-portal",
+        container: container,
+        ...props
+    });
 }
-function u({ children: e, ...t }) {
-	return /* @__PURE__ */ i(o.Close, {
-		"data-slot": "dialog-close",
-		...t,
-		children: e
-	});
+function DialogClose({ children, ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Close, {
+        "data-slot": "dialog-close",
+        ...props,
+        children: children
+    });
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Backdrop, {
-		"data-slot": "dialog-overlay",
-		className: e("fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0", t),
-		...n
-	});
+function DialogOverlay({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Backdrop, {
+        "data-slot": "dialog-overlay",
+        className: cn('fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0', className),
+        ...props
+    });
 }
-function f({ className: n, children: s, showCloseButton: c = !0, closeButtonLabel: u = "Close", ...f }) {
-	return /* @__PURE__ */ a(l, {
-		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ i(d, {}), /* @__PURE__ */ a(o.Popup, {
-			"data-slot": "dialog-content",
-			className: e("bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2", n),
-			...f,
-			children: [s, c && /* @__PURE__ */ i(o.Close, {
-				"data-slot": "dialog-close",
-				render: /* @__PURE__ */ i(t, {
-					variant: "ghost",
-					size: "icon-sm",
-					className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
-					"aria-label": u,
-					children: /* @__PURE__ */ i(r, { className: "h-4 w-4" })
-				})
-			})]
-		})]
-	});
+function DialogContent({ className, children, showCloseButton = true, closeButtonLabel = 'Close', closeButtonClassName, closeButtonSize = 'icon-sm', ...props }) {
+    return /*#__PURE__*/ _jsxs(DialogPortal, {
+        "data-slot": "dialog-portal",
+        children: [
+            /*#__PURE__*/ _jsx(DialogOverlay, {}),
+            /*#__PURE__*/ _jsxs(DialogPrimitive.Popup, {
+                "data-slot": "dialog-content",
+                className: cn('bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2', className),
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ _jsx(DialogPrimitive.Close, {
+                        "data-slot": "dialog-close",
+                        render: /*#__PURE__*/ _jsx(Button, {
+                            variant: "ghost",
+                            size: closeButtonSize,
+                            className: cn('absolute top-5 right-4 opacity-70 hover:opacity-100', closeButtonClassName),
+                            "aria-label": closeButtonLabel,
+                            children: /*#__PURE__*/ _jsx(IconX, {
+                                className: "h-4 w-4"
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "dialog-header",
-		className: e("flex flex-col gap-2 text-center sm:text-left pb-2", t),
-		...n
-	});
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "dialog-header",
+        className: cn('flex flex-col gap-2 text-center sm:text-left pb-2', className),
+        ...props
+    });
 }
-function m({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "dialog-footer",
-		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3", t),
-		...n
-	});
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "dialog-footer",
+        className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3', className),
+        ...props
+    });
 }
-function h({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Title, {
-		"data-slot": "dialog-title",
-		className: e("text-lg font-medium text-foreground leading-6 tracking-tightest", t),
-		...n
-	});
+function DialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Title, {
+        "data-slot": "dialog-title",
+        className: cn('text-lg font-medium text-foreground leading-6 tracking-tightest', className),
+        ...props
+    });
 }
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Description, {
-		"data-slot": "dialog-description",
-		className: e("text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2", t),
-		...n
-	});
+function DialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(DialogPrimitive.Description, {
+        "data-slot": "dialog-description",
+        className: cn('text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2', className),
+        ...props
+    });
 }
-//#endregion
-export { s as Dialog, u as DialogClose, f as DialogContent, g as DialogDescription, m as DialogFooter, p as DialogHeader, d as DialogOverlay, l as DialogPortal, h as DialogTitle, c as DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+
+//# sourceMappingURL=dialog.js.map

package/dist/components/ui/core/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/dialog/dialog.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { IconX } from '@tabler/icons-react';\n\nimport { usePortalContainer } from '../../../../lib/portal-container-context';\nimport { cn } from '../../../../lib/utils';\nimport { Button, type ButtonVariantProps } from '../button/button';\n\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props): ReactNode {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  children,\n  ...props\n}: DialogPrimitive.Trigger.Props): ReactNode {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props}>\n      {children}\n    </DialogPrimitive.Trigger>\n  );\n}\n\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props): ReactNode {\n  const container = usePortalContainer();\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"dialog-portal\"\n      container={container}\n      {...props}\n    />\n  );\n}\n\nfunction DialogClose({\n  children,\n  ...props\n}: DialogPrimitive.Close.Props & { children?: ReactNode }): ReactNode {\n  return (\n    <DialogPrimitive.Close data-slot=\"dialog-close\" {...props}>\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: DialogPrimitive.Backdrop.Props): ReactNode {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  closeButtonLabel = 'Close',\n  closeButtonClassName,\n  closeButtonSize = 'icon-sm',\n  ...props\n}: DialogPrimitive.Popup.Props & {\n  showCloseButton?: boolean;\n  closeButtonLabel?: string;\n  closeButtonClassName?: string;\n  closeButtonSize?: NonNullable<ButtonVariantProps['size']>;\n}): ReactNode {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          'bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                size={closeButtonSize}\n                className={cn(\n                  'absolute top-5 right-4 opacity-70 hover:opacity-100',\n                  closeButtonClassName\n                )}\n                aria-label={closeButtonLabel}\n              >\n                <IconX className=\"h-4 w-4\" />\n              </Button>\n            }\n          />\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({\n  className,\n  ...props\n}: ComponentProps<'div'>): ReactNode {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        'flex flex-col gap-2 text-center sm:text-left pb-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  ...props\n}: ComponentProps<'div'>): ReactNode {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Title>): ReactNode {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        'text-lg font-medium text-foreground leading-6 tracking-tightest',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props): ReactNode {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","IconX","usePortalContainer","cn","Button","props","Root","data-slot","DialogTrigger","children","Trigger","DialogPortal","container","Portal","DialogClose","Close","DialogOverlay","className","Backdrop","DialogContent","showCloseButton","closeButtonLabel","closeButtonClassName","closeButtonSize","Popup","render","variant","size","aria-label","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":";AAEA,SAASA,UAAUC,eAAe,QAAQ,wBAAwB;AAClE,SAASC,KAAK,QAAQ,sBAAsB;AAE5C,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,MAAM,QAAiC,sBAAmB;AAEnE,SAASL,OAAO,EAAE,GAAGM,OAAmC;IACtD,qBAAO,KAACL,gBAAgBM,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC3D;AAEA,SAASG,cAAc,EACrBC,QAAQ,EACR,GAAGJ,OAC2B;IAC9B,qBACE,KAACL,gBAAgBU,OAAO;QAACH,aAAU;QAAkB,GAAGF,KAAK;kBAC1DI;;AAGP;AAEA,SAASE,aAAa,EAAE,GAAGN,OAAqC;IAC9D,MAAMO,YAAYV;IAClB,qBACE,KAACF,gBAAgBa,MAAM;QACrBN,aAAU;QACVK,WAAWA;QACV,GAAGP,KAAK;;AAGf;AAEA,SAASS,YAAY,EACnBL,QAAQ,EACR,GAAGJ,OACoD;IACvD,qBACE,KAACL,gBAAgBe,KAAK;QAACR,aAAU;QAAgB,GAAGF,KAAK;kBACtDI;;AAGP;AAEA,SAASO,cAAc,EACrBC,SAAS,EACT,GAAGZ,OAC4B;IAC/B,qBACE,KAACL,gBAAgBkB,QAAQ;QACvBX,aAAU;QACVU,WAAWd,GACT,8GACAc;QAED,GAAGZ,KAAK;;AAGf;AAEA,SAASc,cAAc,EACrBF,SAAS,EACTR,QAAQ,EACRW,kBAAkB,IAAI,EACtBC,mBAAmB,OAAO,EAC1BC,oBAAoB,EACpBC,kBAAkB,SAAS,EAC3B,GAAGlB,OAMJ;IACC,qBACE,MAACM;QAAaJ,aAAU;;0BACtB,KAACS;0BACD,MAAChB,gBAAgBwB,KAAK;gBACpBjB,aAAU;gBACVU,WAAWd,GACT,qRACAc;gBAED,GAAGZ,KAAK;;oBAERI;oBACAW,iCACC,KAACpB,gBAAgBe,KAAK;wBACpBR,aAAU;wBACVkB,sBACE,KAACrB;4BACCsB,SAAQ;4BACRC,MAAMJ;4BACNN,WAAWd,GACT,uDACAmB;4BAEFM,cAAYP;sCAEZ,cAAA,KAACpB;gCAAMgB,WAAU;;;;;;;;AAQjC;AAEA,SAASY,aAAa,EACpBZ,SAAS,EACT,GAAGZ,OACmB;IACtB,qBACE,KAACyB;QACCvB,aAAU;QACVU,WAAWd,GACT,qDACAc;QAED,GAAGZ,KAAK;;AAGf;AAEA,SAAS0B,aAAa,EACpBd,SAAS,EACT,GAAGZ,OACmB;IACtB,qBACE,KAACyB;QACCvB,aAAU;QACVU,WAAWd,GACT,+DACAc;QAED,GAAGZ,KAAK;;AAGf;AAEA,SAAS2B,YAAY,EACnBf,SAAS,EACT,GAAGZ,OAC0C;IAC7C,qBACE,KAACL,gBAAgBiC,KAAK;QACpB1B,aAAU;QACVU,WAAWd,GACT,mEACAc;QAED,GAAGZ,KAAK;;AAGf;AAEA,SAAS6B,kBAAkB,EACzBjB,SAAS,EACT,GAAGZ,OAC+B;IAClC,qBACE,KAACL,gBAAgBmC,WAAW;QAC1B5B,aAAU;QACVU,WAAWd,GACT,gFACAc;QAED,GAAGZ,KAAK;;AAGf;AAEA,SACEN,MAAM,EACNe,WAAW,EACXK,aAAa,EACbe,iBAAiB,EACjBH,YAAY,EACZF,YAAY,EACZb,aAAa,EACbL,YAAY,EACZqB,WAAW,EACXxB,aAAa,GACb"}

package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts

@@ -1,32 +1,35 @@
-import { ComponentProps, ComponentRef, ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from 'react';
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { type ComponentProps, type ComponentRef, type ForwardRefExoticComponent, type HTMLAttributes, type ReactNode, type RefAttributes } from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): ReactNode;
 declare function DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props): ReactNode;
-declare const DropdownMenuTrigger: ForwardRefExoticComponent<Omit<MenuPrimitive.Trigger.Props, 'ref'> & RefAttributes<HTMLButtonElement>>;
-declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
-    container?: MenuPrimitive.Portal.Props['container'];
+declare const DropdownMenuTrigger: ForwardRefExoticComponent<Omit<MenuPrimitive.Trigger.Props, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
+	container?: MenuPrimitive.Portal.Props["container"];
 }): ReactNode;
 declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactNode;
 type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
+	inset?: boolean;
+	variant?: "default" | "destructive";
 };
-declare const DropdownMenuItem: ForwardRefExoticComponent<Omit<DropdownMenuItemProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.Item>>>;
-declare const DropdownMenuCheckboxItem: ForwardRefExoticComponent<Omit<MenuPrimitive.CheckboxItem.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.CheckboxItem>>>;
+declare const DropdownMenuItem: ForwardRefExoticComponent<Omit<DropdownMenuItemProps, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.Item>>>;
+declare const DropdownMenuCheckboxItem: ForwardRefExoticComponent<Omit<MenuPrimitive.CheckboxItem.Props, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.CheckboxItem>>>;
 declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): ReactNode;
-declare const DropdownMenuRadioItem: ForwardRefExoticComponent<Omit<MenuPrimitive.RadioItem.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.RadioItem>>>;
+declare const DropdownMenuRadioItem: ForwardRefExoticComponent<Omit<MenuPrimitive.RadioItem.Props, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.RadioItem>>>;
 type DropdownMenuLabelProps = MenuPrimitive.GroupLabel.Props & {
-    inset?: boolean;
+	inset?: boolean;
 };
-declare const DropdownMenuLabel: ForwardRefExoticComponent<Omit<DropdownMenuLabelProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.GroupLabel>>>;
-declare const DropdownMenuHeader: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: ForwardRefExoticComponent<Omit<MenuPrimitive.Separator.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.Separator>>>;
-declare const DropdownMenuShortcut: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLSpanElement>, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const DropdownMenuLabel: ForwardRefExoticComponent<Omit<DropdownMenuLabelProps, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.GroupLabel>>>;
+declare const DropdownMenuHeader: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: ForwardRefExoticComponent<Omit<MenuPrimitive.Separator.Props, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.Separator>>>;
+type DropdownMenuShortcutProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+	children: string;
+};
+declare const DropdownMenuShortcut: ForwardRefExoticComponent<Omit<DropdownMenuShortcutProps, "ref"> & RefAttributes<HTMLSpanElement>>;
 declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): ReactNode;
 type DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
-    inset?: boolean;
+	inset?: boolean;
 };
-declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.SubmenuTrigger>>>;
+declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & RefAttributes<ComponentRef<typeof MenuPrimitive.SubmenuTrigger>>>;
 declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): ReactNode;
-declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>>;
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };