@cognite/aura 0.2.0 → 0.3.1

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

@@ -0,0 +1,34 @@
+export type SegmentType = 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second' | 'ampm' | 'separator';
+export type DateSegmentType = 'day' | 'month' | 'year';
+export type TimeSegmentType = 'hour' | 'minute' | 'second' | 'ampm';
+export interface Segment {
+    type: SegmentType;
+    token: string;
+    startIndex: number;
+    endIndex: number;
+    length: number;
+    editable: boolean;
+}
+/**
+ * Parse a date format string into an array of segments.
+ *
+ * @example
+ * parseFormatToSegments('DD/MM/YYYY')
+ * // Returns:
+ * // [
+ * //   { type: 'day', token: 'DD', startIndex: 0, endIndex: 2, length: 2, editable: true },
+ * //   { type: 'separator', token: '/', ... },
+ * //   { type: 'month', token: 'MM', ... },
+ * //   ...
+ * // ]
+ */
+export declare const parseFormatToSegments: (format: string) => Segment[];
+export declare const getEditableSegments: (format: string) => Segment[];
+export declare const getSegmentAtPosition: (segments: Segment[], position: number) => Segment | undefined;
+export declare const getEditableSegmentIndex: (segments: Segment[], segment: Segment) => number;
+export declare const getNextEditableSegment: (segments: Segment[], currentSegment: Segment) => Segment | undefined;
+export declare const getPreviousEditableSegment: (segments: Segment[], currentSegment: Segment) => Segment | undefined;
+export declare const getFirstEditableSegment: (segments: Segment[]) => Segment | undefined;
+export declare const getLastEditableSegment: (segments: Segment[]) => Segment | undefined;
+export declare const isDateSegment: (type: SegmentType) => type is DateSegmentType;
+export declare const isTimeSegment: (type: SegmentType) => type is TimeSegmentType;

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

@@ -0,0 +1,43 @@
+import { TimeFormat } from './format-utils';
+/**
+ * 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 declare const generateHours: (timeFormat?: TimeFormat) => number[];
+/**
+ * Generates an array of minutes in 5-minute increments
+ * @returns Array of minutes [0, 5, 10, ..., 55]
+ */
+export declare const generateMinutes: () => number[];
+/**
+ * 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 declare const formatTime: (hour: number, minute: number) => string;
+/**
+ * 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 declare const parseTime: (timeString: string) => {
+    hour: number;
+    minute: number;
+} | null;
+/**
+ * Gets AM/PM period from a 24-hour format hour.
+ */
+export declare const getAmPmFromHour: (hour: number) => "AM" | "PM";
+/**
+ * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.
+ */
+export declare const convert12HourTo24Hour: (hour: number, ampm: "AM" | "PM") => number;
+/**
+ * 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 declare const convert24HourTo12Hour: (hour24: number) => number;

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

@@ -0,0 +1,15 @@
+import m from "dayjs";
+import u from "dayjs/plugin/customParseFormat.js";
+import { HOURS_IN_12H as t, HOURS_IN_DAY as f, MINUTES_IN_HOUR as s, MINUTE_INCREMENT as o } from "../shared/constants.js";
+m.extend(u);
+const c = (r = "24h") => r === "12h" ? Array.from({ length: t }, (e, n) => n + 1) : Array.from({ length: f }, (e, n) => n), M = () => Array.from(
+  { length: s / o },
+  (r, e) => e * o
+), a = (r) => r >= t ? "PM" : "AM", A = (r, e) => e === "PM" && r < t ? r + t : e === "AM" && r === t ? 0 : r, N = (r) => r === 0 ? t : r > t ? r - t : r;
+export {
+  A as convert12HourTo24Hour,
+  N as convert24HourTo12Hour,
+  c as generateHours,
+  M as generateMinutes,
+  a as getAmPmFromHour
+};

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

@@ -0,0 +1,23 @@
+import { 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]
+ */
+export declare const orderTimeRange: (startHour: number, startMinute: number, endHour: number, endMinute: 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]
+ */
+export declare const orderDateRange: (start: Dayjs, end: Dayjs) => [Dayjs, Dayjs];

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

@@ -1,18 +1,18 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
-declare function Dialog({ ...props }: DialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ children, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+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;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+}): 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;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+}): 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, };

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

@@ -7,7 +7,10 @@ import { Button as g } from "../button/button.js";
 function b({ ...t }) {
   return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...t });
 }
-function v({ children: t, ...o }) {
+function v({
+  children: t,
+  ...o
+}) {
   return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
 }
 function p({ ...t }) {
@@ -84,7 +87,10 @@ function C({
     )
   ] });
 }
-function k({ className: t, ...o }) {
+function k({
+  className: t,
+  ...o
+}) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -97,7 +103,10 @@ function k({ className: t, ...o }) {
     }
   );
 }
-function w({ className: t, ...o }) {
+function w({
+  className: t,
+  ...o
+}) {
   return /* @__PURE__ */ a(
     "div",
     {

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

@@ -1,53 +1,30 @@
-import { ComponentProps, HTMLAttributes } from 'react';
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
-declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
-declare function DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuPortal {
-    var displayName: string;
-}
-declare function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuTrigger {
-    var displayName: string;
-}
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { SeparatorProps } from '@base-ui/react';
+import { MenuCheckboxItemProps, MenuGroupLabelProps, MenuItemProps, MenuRadioItemProps, MenuSubmenuTriggerProps, 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 function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): ReactNode;
 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'];
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuContent {
-    var displayName: string;
-}
-declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuGroup {
-    var displayName: string;
-}
-declare const DropdownMenuItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+}): ReactNode;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactNode;
+declare const DropdownMenuItem: ForwardRefExoticComponent<Omit<MenuItemProps & {
     inset?: boolean;
-    variant?: "default" | "destructive";
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const DropdownMenuCheckboxItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuRadioGroup {
-    var displayName: string;
-}
-declare const DropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const DropdownMenuLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+    variant?: 'default' | 'destructive';
+}, 'ref'> & RefAttributes<HTMLElement>>;
+declare const DropdownMenuCheckboxItem: ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): ReactNode;
+declare const DropdownMenuRadioItem: ForwardRefExoticComponent<Omit<MenuRadioItemProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const DropdownMenuLabel: ForwardRefExoticComponent<Omit<MenuGroupLabelProps & {
     inset?: boolean;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
-declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuSub {
-    var displayName: string;
-}
-declare const DropdownMenuSubTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps & {
+}, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuHeader: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: ForwardRefExoticComponent<Omit<SeparatorProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): ReactNode;
+declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps & {
     inset?: boolean;
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownMenuSubContent {
-    var displayName: string;
-}
-declare const DropdownMenuSectionLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+}, 'ref'> & RefAttributes<HTMLElement>>;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): ReactNode;
+declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSectionLabel, };

package/dist/components/ui/core/dropdown-menu/dropdown-menu.js

@@ -1,51 +1,48 @@
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { forwardRef as i } from "react";
 import { Menu as r } from "@base-ui/react/menu";
-import { IconCheck as p, IconChevronRight as f } from "@tabler/icons-react";
-import { usePortalContainer as b } from "../../../../lib/portal-container-context.js";
+import { IconCheck as l, IconChevronRight as m } from "@tabler/icons-react";
+import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
 import { cn as d } from "../../../../lib/utils.js";
-function v({ ...e }) {
+function G({ ...e }) {
   return /* @__PURE__ */ n(r.Root, { "data-slot": "dropdown-menu", ...e });
 }
-v.displayName = "DropdownMenu";
-function l({
+function f({
   container: e,
-  ...o
+  ...t
 }) {
-  const t = b();
+  const o = g();
   return /* @__PURE__ */ n(
     r.Portal,
     {
       "data-slot": "dropdown-menu-portal",
-      container: e ?? t,
-      ...o
+      container: e ?? o,
+      ...t
     }
   );
 }
-l.displayName = "DropdownMenuPortal";
-function w({
+function L({
   children: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ n(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...o, children: e });
+  return /* @__PURE__ */ n(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...t, children: e });
 }
-w.displayName = "DropdownMenuTrigger";
-function m({
+function b({
   align: e = "start",
-  alignOffset: o = 0,
-  side: t = "bottom",
+  alignOffset: t = 0,
+  side: o = "bottom",
   sideOffset: a = 4,
   className: s,
-  container: i,
-  ...g
+  container: u,
+  ...p
 }) {
-  return /* @__PURE__ */ n(l, { container: i, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(f, { container: u, children: /* @__PURE__ */ n(
     r.Positioner,
     {
       className: "isolate z-50 outline-none",
       align: e,
-      alignOffset: o,
-      side: t,
+      alignOffset: t,
+      side: o,
       sideOffset: a,
       children: /* @__PURE__ */ n(
         r.Popup,
@@ -55,24 +52,22 @@ function m({
             "bg-popover-background text-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md outline-none",
             s
           ),
-          ...g
+          ...p
         }
       )
     }
   ) });
 }
-m.displayName = "DropdownMenuContent";
-function x({ ...e }) {
+function P({ ...e }) {
   return /* @__PURE__ */ n(r.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
-x.displayName = "DropdownMenuGroup";
-const h = u(({ className: e, inset: o, variant: t = "default", children: a, ...s }, i) => /* @__PURE__ */ n(
+const v = i(({ className: e, inset: t, variant: o = "default", children: a, ...s }, u) => /* @__PURE__ */ n(
   r.Item,
   {
-    ref: i,
+    ref: u,
     "data-slot": "dropdown-menu-item",
-    "data-inset": o,
-    "data-variant": t,
+    "data-inset": t,
+    "data-variant": o,
     className: d(
       "focus:bg-accent-background focus:text-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-background-hover dark:data-[variant=destructive]:focus:bg-destructive-background-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-background-hover dark:data-[variant=destructive]:hover:bg-destructive-background-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
@@ -81,8 +76,8 @@ const h = u(({ className: e, inset: o, variant: t = "default", children: a, ...s
     children: a
   }
 ));
-h.displayName = "DropdownMenuItem";
-const M = u(({ className: e, children: o, checked: t, ...a }, s) => /* @__PURE__ */ c(
+v.displayName = "DropdownMenuItem";
+const x = i(({ className: e, children: t, checked: o, ...a }, s) => /* @__PURE__ */ c(
   r.CheckboxItem,
   {
     ref: s,
@@ -91,16 +86,18 @@ const M = u(({ className: e, children: o, checked: t, ...a }, s) => /* @__PURE__
       "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
-    checked: t,
+    checked: o,
     ...a,
     children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.CheckboxItemIndicator, { children: /* @__PURE__ */ n(p, { className: "size-4 text-foreground" }) }) }),
-      o
+      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.CheckboxItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
+      t
     ]
   }
 ));
-M.displayName = "DropdownMenuCheckboxItem";
-function D({ ...e }) {
+x.displayName = "DropdownMenuCheckboxItem";
+function T({
+  ...e
+}) {
   return /* @__PURE__ */ n(
     r.RadioGroup,
     {
@@ -109,8 +106,7 @@ function D({ ...e }) {
     }
   );
 }
-D.displayName = "DropdownMenuRadioGroup";
-const N = u(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ c(
+const w = i(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ c(
   r.RadioItem,
   {
     ref: a,
@@ -119,137 +115,143 @@ const N = u(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ c(
       "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.RadioItemIndicator, { children: /* @__PURE__ */ n(p, { className: "size-4 text-foreground" }) }) }),
-      o
+      /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(r.RadioItemIndicator, { children: /* @__PURE__ */ n(l, { className: "size-4 text-foreground" }) }) }),
+      t
     ]
   }
 ));
-N.displayName = "DropdownMenuRadioItem";
-const y = u(({ className: e, inset: o, ...t }, a) => /* @__PURE__ */ n(
+w.displayName = "DropdownMenuRadioItem";
+const h = i(({ className: e, inset: t, ...o }, a) => /* @__PURE__ */ n(
   r.GroupLabel,
   {
     ref: a,
     "data-slot": "dropdown-menu-label",
-    "data-inset": o,
+    "data-inset": t,
     className: d(
       "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-foreground dark:text-foreground",
       e
     ),
-    ...t
-  }
-));
-y.displayName = "DropdownMenuLabel";
-const k = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "div",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-header",
-    className: d(
-      "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
-      e
-    ),
     ...o
   }
 ));
-k.displayName = "DropdownMenuHeader";
-const z = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
+h.displayName = "DropdownMenuLabel";
+const M = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-header",
+      className: d(
+        "-mx-1 -mt-1 mb-1 flex flex-row items-center gap-2 border-b border-border px-2 py-2 pointer-events-none",
+        e
+      ),
+      ...t
+    }
+  )
+);
+M.displayName = "DropdownMenuHeader";
+const D = i(({ className: e, ...t }, o) => /* @__PURE__ */ n(
   r.Separator,
   {
-    ref: t,
+    ref: o,
     "data-slot": "dropdown-menu-separator",
     className: d("bg-border -mx-1 my-1 h-px", e),
-    ...o
-  }
-));
-z.displayName = "DropdownMenuSeparator";
-const I = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "span",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-shortcut",
-    className: d(
-      "text-muted-foreground ml-auto text-xs tracking-widest",
-      e
-    ),
-    ...o
+    ...t
   }
 ));
-I.displayName = "DropdownMenuShortcut";
-function S({ ...e }) {
+D.displayName = "DropdownMenuSeparator";
+const N = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "span",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-shortcut",
+      className: d(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...t
+    }
+  )
+);
+N.displayName = "DropdownMenuShortcut";
+function j({
+  ...e
+}) {
   return /* @__PURE__ */ n(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
 }
-S.displayName = "DropdownMenuSub";
-const _ = u(({ className: e, inset: o, children: t, ...a }, s) => /* @__PURE__ */ c(
+const k = i(({ className: e, inset: t, children: o, ...a }, s) => /* @__PURE__ */ c(
   r.SubmenuTrigger,
   {
     ref: s,
     "data-slot": "dropdown-menu-sub-trigger",
-    "data-inset": o,
+    "data-inset": t,
     className: d(
       "focus:bg-accent-background focus:text-foreground data-open:bg-accent-background data-open:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     ...a,
     children: [
-      t,
-      /* @__PURE__ */ n(f, { className: "ml-auto size-4" })
+      o,
+      /* @__PURE__ */ n(m, { className: "ml-auto size-4" })
     ]
   }
 ));
-_.displayName = "DropdownMenuSubTrigger";
-function C({
+k.displayName = "DropdownMenuSubTrigger";
+function H({
   align: e = "start",
-  alignOffset: o = -3,
-  side: t = "right",
+  alignOffset: t = -3,
+  side: o = "right",
   sideOffset: a = 0,
   className: s,
-  ...i
+  ...u
 }) {
   return /* @__PURE__ */ n(
-    m,
+    b,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: d("min-w-32 w-auto", s),
       align: e,
-      alignOffset: o,
-      side: t,
+      alignOffset: t,
+      side: o,
       sideOffset: a,
-      ...i
+      ...u
     }
   );
 }
-C.displayName = "DropdownMenuSubContent";
-const R = u(({ className: e, ...o }, t) => /* @__PURE__ */ n(
-  "div",
-  {
-    ref: t,
-    "data-slot": "dropdown-menu-section-label",
-    className: d(
-      "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
-      e
-    ),
-    ...o
-  }
-));
-R.displayName = "DropdownMenuSectionLabel";
+const y = i(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      "data-slot": "dropdown-menu-section-label",
+      className: d(
+        "px-2 py-1 text-sm text-muted-foreground dark:text-muted-foreground",
+        e
+      ),
+      ...t
+    }
+  )
+);
+y.displayName = "DropdownMenuSectionLabel";
 export {
-  v as DropdownMenu,
-  M as DropdownMenuCheckboxItem,
-  m as DropdownMenuContent,
-  x as DropdownMenuGroup,
-  k as DropdownMenuHeader,
-  h as DropdownMenuItem,
-  y as DropdownMenuLabel,
-  l as DropdownMenuPortal,
-  D as DropdownMenuRadioGroup,
-  N as DropdownMenuRadioItem,
-  R as DropdownMenuSectionLabel,
-  z as DropdownMenuSeparator,
-  I as DropdownMenuShortcut,
-  S as DropdownMenuSub,
-  C as DropdownMenuSubContent,
-  _ as DropdownMenuSubTrigger,
-  w as DropdownMenuTrigger
+  G as DropdownMenu,
+  x as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  P as DropdownMenuGroup,
+  M as DropdownMenuHeader,
+  v as DropdownMenuItem,
+  h as DropdownMenuLabel,
+  f as DropdownMenuPortal,
+  T as DropdownMenuRadioGroup,
+  w as DropdownMenuRadioItem,
+  y as DropdownMenuSectionLabel,
+  D as DropdownMenuSeparator,
+  N as DropdownMenuShortcut,
+  j as DropdownMenuSub,
+  H as DropdownMenuSubContent,
+  k as DropdownMenuSubTrigger,
+  L as DropdownMenuTrigger
 };

package/dist/components/ui/core/empty-state/empty-state.context.d.ts

@@ -0,0 +1,10 @@
+import { Context } from 'react';
+type EmptyStateType = 'error-generic' | 'new-object' | 'no-access' | 'no-results' | 'not-found' | 'new-chat' | 'unknown';
+type EmptyStateContextValue = {
+    variant: 'compact' | 'full';
+    type?: EmptyStateType;
+};
+declare const EmptyStateContext: Context<EmptyStateContextValue>;
+declare const useEmptyState: () => EmptyStateContextValue;
+export { EmptyStateContext, useEmptyState };
+export type { EmptyStateType };