@cognite/aura 0.2.0 → 0.3.0

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

@@ -3,36 +3,35 @@ import { forwardRef as t } from "react";
 import { Radio as s } from "@base-ui/react/radio";
 import { RadioGroup as n } from "@base-ui/react/radio-group";
 import { cva as u } from "class-variance-authority";
-import { cn as d, selectionItemBase as b, selectionItemCard as l, selectionItemDefault as c, focusState as p, selectionItemLabel as f, selectionItemDescription as g } from "../../../../lib/utils.js";
-const m = t(({ className: r, orientation: e = "vertical", ...o }, i) => /* @__PURE__ */ a(
-  n,
-  {
-    ref: i,
-    "data-slot": "radio-group",
-    "data-orientation": e,
-    "aria-orientation": e,
-    className: d(
-      e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
-      r
-    ),
-    ...o
-  }
-));
+import { cn as d, focusState as b, selectionItemDescription as l, selectionItemLabel as c, selectionItemBase as p, selectionItemCard as f, selectionItemDefault as g } from "../../../../lib/utils.js";
+const m = t(
+  ({ className: r, orientation: e = "vertical", ...o }, i) => /* @__PURE__ */ a(
+    n,
+    {
+      ref: i,
+      "data-slot": "radio-group",
+      "data-orientation": e,
+      "aria-orientation": e,
+      className: d(
+        e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
+        r
+      ),
+      ...o
+    }
+  )
+);
 m.displayName = "RadioGroup";
-const h = u(
-  d("group/radio-group-item", b),
-  {
-    variants: {
-      variant: {
-        default: c,
-        card: l
-      }
-    },
-    defaultVariants: {
-      variant: "default"
+const h = u(d("group/radio-group-item", p), {
+  variants: {
+    variant: {
+      default: g,
+      card: f
     }
+  },
+  defaultVariants: {
+    variant: "default"
   }
-), v = t(
+}), v = t(
   ({ className: r, variant: e, ...o }, i) => /* @__PURE__ */ a(
     "label",
     {
@@ -57,7 +56,7 @@ const I = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
       "data-[checked]:hover:before:border-border-active data-[checked]:hover:before:bg-accent-background",
       "data-[checked]:group-hover/radio-group-item:before:border-border-active data-[checked]:group-hover/radio-group-item:before:bg-accent-background",
       "data-[disabled]:before:border-disabled-foreground data-[disabled]:before:bg-disabled-background data-[disabled]:hover:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:bg-disabled-background",
-      p,
+      b,
       r
     ),
     ...e,
@@ -72,34 +71,38 @@ const I = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
   }
 ));
 I.displayName = "RadioGroupItemControl";
-const R = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
-  "span",
-  {
-    ref: o,
-    "data-slot": "radio-group-item-label",
-    className: d(
-      f,
-      "group-has-[[data-checked]]/radio-group-item:text-foreground",
-      "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
-      r
-    ),
-    ...e
-  }
-));
+const R = t(
+  ({ className: r, ...e }, o) => /* @__PURE__ */ a(
+    "span",
+    {
+      ref: o,
+      "data-slot": "radio-group-item-label",
+      className: d(
+        c,
+        "group-has-[[data-checked]]/radio-group-item:text-foreground",
+        "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
+        r
+      ),
+      ...e
+    }
+  )
+);
 R.displayName = "RadioGroupItemLabel";
-const k = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
-  "span",
-  {
-    ref: o,
-    "data-slot": "radio-group-item-description",
-    className: d(
-      g,
-      "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
-      r
-    ),
-    ...e
-  }
-));
+const k = t(
+  ({ className: r, ...e }, o) => /* @__PURE__ */ a(
+    "span",
+    {
+      ref: o,
+      "data-slot": "radio-group-item-description",
+      className: d(
+        l,
+        "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
+        r
+      ),
+      ...e
+    }
+  )
+);
 k.displayName = "RadioGroupItemDescription";
 export {
   m as RadioGroup,

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

@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react';
-declare const Reasoning: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Reasoning: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 type ReasoningHeaderProps = ComponentProps<'div'> & {
     title?: string;
 };
-declare const ReasoningHeader: import('react').ForwardRefExoticComponent<Omit<ReasoningHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ReasoningContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ReasoningItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ReasoningHeader: ForwardRefExoticComponent<Omit<ReasoningHeaderProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const ReasoningContent: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const ReasoningItem: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 export { Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem };

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

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { createContext as g, forwardRef as s, useContext as c } from "react";
+import { forwardRef as s, createContext as g, useContext as c } from "react";
 import { IconBrain as m } from "@tabler/icons-react";
 import { cn as i } from "../../../../lib/utils.js";
 const l = g(!0), p = () => c(l), b = s(

package/dist/components/ui/core/scroll-area/scroll-area.d.ts

@@ -1,3 +1,5 @@
-declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
+declare const ScrollArea: ForwardRefExoticComponent<Omit<ScrollAreaRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: ForwardRefExoticComponent<Omit<ScrollAreaScrollbarProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,10 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+type SearchProps = Omit<ComponentProps<'input'>, 'type' | 'className'> & {
+    className?: string;
+    inputClassName?: string;
+    clearLabel?: string;
+    onClear?: () => void;
+    'data-slot'?: never;
+};
+declare const Search: ForwardRefExoticComponent<Omit<SearchProps, 'ref'> & RefAttributes<HTMLInputElement | null>>;
+export { Search };

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

@@ -0,0 +1,99 @@
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { forwardRef as D, useState as f, useRef as H, useImperativeHandle as R } from "react";
+import { IconSearch as M, IconCircleXFilled as U } from "@tabler/icons-react";
+import { cn as m } from "../../../../lib/utils.js";
+import { InputGroup as W, InputGroupAddon as g, InputGroupInput as L, InputGroupButton as O } from "../input-group/input-group.js";
+const s = (n) => typeof n == "string" ? n.length > 0 : typeof n == "number" ? Number.isFinite(n) : Array.isArray(n) ? n.length > 0 : !1, P = D(
+  ({
+    className: n,
+    inputClassName: I,
+    clearLabel: b = "Clear search",
+    onClear: i,
+    value: o,
+    defaultValue: c,
+    onChange: C,
+    onInput: w,
+    onFocus: F,
+    onBlur: N,
+    disabled: l,
+    readOnly: u,
+    ...y
+  }, T) => {
+    const [x, p] = f(!1), [E, d] = f(() => s(o ?? c)), a = H(null), r = o != null, k = r ? s(o) : E;
+    R(T, () => a.current, []);
+    const v = () => {
+      p(!0);
+    }, B = (e) => {
+      e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || p(!1);
+    }, G = () => {
+      const e = a.current;
+      e != null && (i?.(), !r && e.value !== "" && (Object.getOwnPropertyDescriptor(
+        HTMLInputElement.prototype,
+        "value"
+      )?.set?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }))), e.focus());
+    }, S = (e) => {
+      r || d(s(e.currentTarget.value)), w?.(e);
+    }, j = (e) => {
+      r || d(s(e.currentTarget.value)), C?.(e);
+    }, z = !r || i != null, h = x && k && !l && !u && z;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        "data-slot": "search",
+        className: m("w-full cursor-text", n),
+        onFocusCapture: v,
+        onBlurCapture: B,
+        onClick: () => a.current?.focus(),
+        children: /* @__PURE__ */ A(W, { className: "w-full transition-none", children: [
+          /* @__PURE__ */ t(g, { align: "inline-start", children: /* @__PURE__ */ t(M, { className: "size-4", "aria-hidden": !0 }) }),
+          /* @__PURE__ */ t(
+            L,
+            {
+              ...y,
+              ref: a,
+              type: "search",
+              value: o,
+              defaultValue: c,
+              disabled: l,
+              readOnly: u,
+              onInput: S,
+              onChange: j,
+              onFocus: F,
+              onBlur: N,
+              className: m(
+                "placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
+                I
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            g,
+            {
+              align: "inline-end",
+              "aria-hidden": h ? void 0 : !0,
+              className: h ? void 0 : "invisible pointer-events-none",
+              children: /* @__PURE__ */ t(
+                O,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": b,
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                  },
+                  onClick: G,
+                  children: /* @__PURE__ */ t(U, { className: "size-4", "aria-hidden": !0 })
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+P.displayName = "Search";
+export {
+  P as Search
+};

package/dist/components/ui/core/segmented-control/segmented-control.d.ts

@@ -1,16 +1,20 @@
+import { ReactNode } from 'react';
 import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { VariantProps } from 'class-variance-authority';
-declare function SegmentedControl({ className, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare const segmentedControlListVariants: (props?: ({
-    size?: "default" | "small" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+import { ClassProp } from 'class-variance-authority/types';
+declare function SegmentedControl({ className, ...props }: TabsPrimitive.Root.Props): ReactNode;
+interface SegmentedControlListVariantProps {
+    size?: 'small' | 'default' | null;
+}
+declare const segmentedControlListVariants: (props?: (SegmentedControlListVariantProps & ClassProp) | undefined) => string;
 type SegmentedControlListProps = TabsPrimitive.List.Props & VariantProps<typeof segmentedControlListVariants>;
-declare function SegmentedControlList({ className, size, children, ...props }: SegmentedControlListProps): import("react/jsx-runtime").JSX.Element;
-declare const segmentedControlButtonVariants: (props?: ({
-    size?: "default" | "small" | null | undefined;
-    tabContent?: "icon-label" | "label-only" | "icon-only" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function SegmentedControlList({ className, size, children, ...props }: SegmentedControlListProps): ReactNode;
+interface SegmentedControlButtonVariantProps {
+    size?: 'small' | 'default' | null;
+    tabContent?: 'icon-label' | 'label-only' | 'icon-only' | null;
+}
+declare const segmentedControlButtonVariants: (props?: (SegmentedControlButtonVariantProps & ClassProp) | undefined) => string;
 type SegmentedControlButtonProps = TabsPrimitive.Tab.Props & VariantProps<typeof segmentedControlButtonVariants>;
-declare function SegmentedControlButton({ className, size, tabContent, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
-declare function SegmentedControlContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+declare function SegmentedControlButton({ className, size, tabContent, ...props }: SegmentedControlButtonProps): ReactNode;
+declare function SegmentedControlContent({ className, ...props }: TabsPrimitive.Panel.Props): ReactNode;
 export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, };

package/dist/components/ui/core/segmented-control/segmented-control.js

@@ -1,9 +1,12 @@
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { createContext as m, useContext as f } from "react";
+import { useContext as m, createContext as f } from "react";
 import { Tabs as a } from "@base-ui/react/tabs";
 import { cva as l } from "class-variance-authority";
 import { cn as i } from "../../../../lib/utils.js";
-function N({ className: t, ...e }) {
+function N({
+  className: t,
+  ...e
+}) {
   return /* @__PURE__ */ n(
     a.Root,
     {
@@ -26,7 +29,7 @@ const g = l(
       size: "default"
     }
   }
-), d = m(void 0);
+), d = f(void 0);
 function S({
   className: t,
   size: e,
@@ -133,7 +136,7 @@ function w({
   tabContent: o,
   ...r
 }) {
-  const s = f(d), c = e ?? s;
+  const s = m(d), c = e ?? s;
   return /* @__PURE__ */ n(
     a.Tab,
     {

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { SelectTriggerProps, Select as SelectPrimitive } from '@base-ui/react/select';
 type SelectPropsBase = Omit<SelectPrimitive.Root.Props<string>, 'open' | 'defaultOpen' | 'onOpenChange' | 'value' | 'defaultValue' | 'onValueChange' | 'multiple'> & {
     open?: boolean;
     defaultOpen?: boolean;
@@ -19,26 +19,26 @@ type SelectPropsMultiple = SelectPropsBase & {
 };
 declare function Select(props: SelectPropsSingle): ReactNode;
 declare function Select(props: SelectPropsMultiple): ReactNode;
-declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): ReactNode;
 declare function SelectValue({ icon, ...props }: SelectPrimitive.Value.Props & {
     icon?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectTriggerProps & {
-    size?: "sm" | "default";
+}): ReactNode;
+declare const SelectTrigger: ForwardRefExoticComponent<Omit<SelectTriggerProps & {
+    size?: 'sm' | 'default';
     errorMessage?: string;
-}, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+}, 'ref'> & RefAttributes<HTMLButtonElement>>;
 declare function SelectContent({ className, children, position: _position, align, alignOffset, side, sideOffset, ...props }: SelectPrimitive.Popup.Props & {
     position?: 'popper' | 'item-aligned';
     align?: SelectPrimitive.Positioner.Props['align'];
     alignOffset?: SelectPrimitive.Positioner.Props['alignOffset'];
     side?: SelectPrimitive.Positioner.Props['side'];
     sideOffset?: SelectPrimitive.Positioner.Props['sideOffset'];
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+}): ReactNode;
+declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): ReactNode;
 declare function SelectItem({ className, children, icon, ...props }: SelectPrimitive.Item.Props & {
     icon?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react/jsx-runtime").JSX.Element;
+}): ReactNode;
+declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): ReactNode;
+declare function SelectScrollUpButton({ className, ...props }: SelectPrimitive.ScrollUpArrow.Props): ReactNode;
+declare function SelectScrollDownButton({ className, ...props }: SelectPrimitive.ScrollDownArrow.Props): ReactNode;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

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

@@ -1,12 +1,12 @@
-import { jsxs as u, Fragment as C, jsx as t } from "react/jsx-runtime";
-import { createContext as N, forwardRef as y, useId as z, useContext as I, useMemo as V } from "react";
+import { jsx as t, jsxs as u, Fragment as C } from "react/jsx-runtime";
+import { useMemo as N, forwardRef as y, useId as z, createContext as I, useContext as V } from "react";
 import { Select as o } from "@base-ui/react/select";
-import { IconChevronDown as h, IconExclamationCircle as k, IconCheck as _, IconChevronUp as O } from "@tabler/icons-react";
+import { IconCheck as k, IconChevronDown as h, IconChevronUp as _, IconExclamationCircle as O } from "@tabler/icons-react";
 import { usePortalContainer as P } from "../../../../lib/portal-container-context.js";
 import { useControllableState as j } from "../../../../lib/use-controllable-state.js";
 import { cn as r, disabledState as T, invalidState as D, focusState as B, filledState as E, hoverState as G, formElementBase as L } from "../../../../lib/utils.js";
-const g = N(null), R = () => {
-  const e = I(g);
+const g = I(null), R = () => {
+  const e = V(g);
   if (!e)
     throw new Error("Select components must be used within Select");
   return e;
@@ -16,7 +16,7 @@ function Y(e) {
     prop: e.open,
     defaultProp: e.defaultOpen ?? !1,
     onChange: e.onOpenChange
-  }), n = V(() => ({ isOpen: a ?? !1 }), [a]);
+  }), n = N(() => ({ isOpen: a ?? !1 }), [a]);
   if (e.multiple) {
     const {
       multiple: p,
@@ -57,7 +57,10 @@ function Y(e) {
     }
   ) });
 }
-function Z({ className: e, ...a }) {
+function Z({
+  className: e,
+  ...a
+}) {
   return /* @__PURE__ */ t(
     o.Group,
     {
@@ -126,7 +129,7 @@ const U = y(({ className: e, size: a = "default", children: l, errorMessage: n,
         id: d,
         className: "flex flex-row gap-1 justify-start items-center p-1",
         children: [
-          /* @__PURE__ */ t(k, { className: "text-destructive-foreground text-sm size-4" }),
+          /* @__PURE__ */ t(O, { className: "text-destructive-foreground text-sm size-4" }),
           /* @__PURE__ */ t("span", { className: "text-destructive-foreground text-sm", children: n })
         ]
       }
@@ -207,7 +210,7 @@ function ae({
         /* @__PURE__ */ t(
           o.ItemIndicator,
           {
-            render: /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(_, { className: "size-4 text-foreground" }) })
+            render: /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(k, { className: "size-4 text-foreground" }) })
           }
         ),
         l && /* @__PURE__ */ t("span", { className: "flex items-center gap-2 mr-1", children: l }),
@@ -242,7 +245,7 @@ function A({
         e
       ),
       ...a,
-      children: /* @__PURE__ */ t(O, { className: "size-4" })
+      children: /* @__PURE__ */ t(_, { className: "size-4" })
     }
   );
 }

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

@@ -1,6 +1,4 @@
+import { ReactNode } from 'react';
 import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
-declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace Separator {
-    var displayName: string;
-}
+declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): ReactNode;
 export { Separator };

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Separator as i } from "@base-ui/react/separator";
-import { cn as e } from "../../../../lib/utils.js";
-function n({
+import { cn as n } from "../../../../lib/utils.js";
+function m({
   className: a,
   orientation: r = "horizontal",
   ...t
@@ -11,7 +11,7 @@ function n({
     {
       "data-slot": "separator",
       orientation: r,
-      className: e(
+      className: n(
         "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         a
       ),
@@ -19,7 +19,6 @@ function n({
     }
   );
 }
-n.displayName = "Separator";
 export {
-  n as Separator
+  m as Separator
 };

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

@@ -1,3 +1,4 @@
+import { MemoExoticComponent, ReactNode } from 'react';
 type TextShimmerProps = {
     children: string;
     as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3';
@@ -6,9 +7,6 @@ type TextShimmerProps = {
     spread?: number;
     variant?: 'default' | 'nordic' | 'aurora' | 'dusk' | 'equinox' | 'summer' | 'spring' | 'fall';
 };
-declare function ShimmerComponent({ children, as: Component, className, duration, spread, variant, }: TextShimmerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ShimmerComponent {
-    var displayName: string;
-}
-declare const MemoizedShimmer: import('react').MemoExoticComponent<typeof ShimmerComponent>;
+declare function ShimmerComponent({ children, as: Component, className, duration, spread, variant, }: TextShimmerProps): ReactNode;
+declare const MemoizedShimmer: MemoExoticComponent<typeof ShimmerComponent>;
 export { MemoizedShimmer as Shimmer };

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { memo as f, useMemo as s } from "react";
+import { memo as h, useMemo as s } from "react";
 import { motion as a } from "framer-motion";
-import { cn as v } from "../../../../lib/utils.js";
-const S = {
+import { cn as f } from "../../../../lib/utils.js";
+const v = {
   nordic: "var(--gradient-nordic)",
   aurora: "var(--gradient-aurora)",
   dusk: "var(--gradient-dusk)",
@@ -11,42 +11,42 @@ const S = {
   spring: "var(--gradient-spring)",
   fall: "var(--gradient-fall)"
 };
-function m({
+function S({
   children: n,
-  as: d = "p",
-  className: c,
-  duration: u = 2,
-  spread: i = 2,
+  as: m = "p",
+  className: d,
+  duration: c = 2,
+  spread: o = 2,
   variant: t = "default"
 }) {
-  const p = s(
-    () => (n?.length ?? 0) * i,
-    [n, i]
-  ), g = s(() => {
-    const o = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
-    return t === "default" ? `${o}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${o}, ${S[t]}`;
-  }, [t]), l = {
-    "--spread": `${p}px`,
-    backgroundImage: g,
+  const u = s(
+    () => (n?.length ?? 0) * o,
+    [n, o]
+  ), p = s(() => {
+    const i = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
+    return t === "default" ? `${i}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${i}, ${v[t]}`;
+  }, [t]), g = {
+    "--spread": `${u}px`,
+    backgroundImage: p,
     backgroundSize: "250% 100%, 100% 100%"
-  }, h = {
+  }, l = {
     repeat: Number.POSITIVE_INFINITY,
-    duration: u,
+    duration: c,
     ease: "linear"
   }, r = {
     "data-slot": "shimmer",
     animate: {
       backgroundPosition: ["100% center, center", "0% center, center"]
     },
-    className: v(
+    className: f(
       "relative inline-block bg-clip-text text-transparent rounded-md",
-      c
+      d
     ),
-    style: l,
-    transition: h,
+    style: g,
+    transition: l,
     children: n
   };
-  switch (d) {
+  switch (m) {
     case "span":
       return /* @__PURE__ */ e(a.span, { ...r });
     case "div":
@@ -61,8 +61,7 @@ function m({
       return /* @__PURE__ */ e(a.p, { ...r });
   }
 }
-m.displayName = "Shimmer";
-const b = f(m);
+const b = h(S);
 b.displayName = "Shimmer";
 export {
   b as Shimmer

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

@@ -1,2 +1,3 @@
-declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Skeleton: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 export { Skeleton };

package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ToasterProps, toast } from 'sonner';
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => ReactNode;
 export { Toaster, toast };

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

@@ -3,14 +3,14 @@ import { InlineCitationLink } from '../inline-citation/inline-citation';
 type SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {
     title?: ReactNode | boolean;
 };
-declare const Sources: ({ className, title, children, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sources: ({ className, title, children, ...props }: SourcesProps) => ReactNode;
 type SourcesTitleProps = ComponentProps<'div'> & {
     title?: string;
 };
-declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => ReactNode;
 type SourceProps = ComponentProps<typeof InlineCitationLink> & {
     title?: string;
     url?: string;
 };
-declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => ReactNode;
 export { Source, Sources, SourcesTitle };