@cognite/aura 0.1.7 → 0.3.0

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+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): 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): 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

@@ -0,0 +1,172 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+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
+}) {
+  return /* @__PURE__ */ n(
+    a.Root,
+    {
+      "data-slot": "segmented-control",
+      className: i("flex flex-col gap-2", t),
+      ...e
+    }
+  );
+}
+const g = l(
+  "bg-muted-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5",
+  {
+    variants: {
+      size: {
+        default: "h-9 rounded-lg",
+        small: "h-7 rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), d = f(void 0);
+function S({
+  className: t,
+  size: e,
+  children: o,
+  ...r
+}) {
+  const s = e ?? "default";
+  return /* @__PURE__ */ n(
+    a.List,
+    {
+      "data-slot": "segmented-control-list",
+      className: i(g({ size: e }), t),
+      ...r,
+      children: /* @__PURE__ */ u(d.Provider, { value: s, children: [
+        /* @__PURE__ */ n(p, { size: s }),
+        o
+      ] })
+    }
+  );
+}
+const b = l(
+  "bg-background pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none",
+  {
+    variants: {
+      size: {
+        default: "rounded-md",
+        small: "rounded-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function p({
+  className: t,
+  size: e,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    a.Indicator,
+    {
+      "data-slot": "segmented-control-indicator",
+      className: i(b({ size: e }), t),
+      ...o
+    }
+  );
+}
+const v = l(
+  "text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground",
+  {
+    variants: {
+      size: {
+        default: "rounded-md",
+        small: "rounded-sm"
+      },
+      tabContent: {
+        "icon-label": "",
+        "label-only": "",
+        "icon-only": "px-0"
+      }
+    },
+    compoundVariants: [
+      {
+        size: "default",
+        tabContent: "icon-label",
+        className: "h-8 gap-2 px-2 py-0"
+      },
+      {
+        size: "default",
+        tabContent: "label-only",
+        className: "h-8 gap-0 px-2 py-0"
+      },
+      {
+        size: "default",
+        tabContent: "icon-only",
+        className: "size-8 gap-0 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "icon-label",
+        className: "h-6 gap-2 px-2 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "label-only",
+        className: "h-6 gap-0 px-2 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "icon-only",
+        className: "size-6 gap-0 py-0"
+      }
+    ],
+    defaultVariants: {
+      size: "default",
+      tabContent: "icon-label"
+    }
+  }
+);
+function w({
+  className: t,
+  size: e,
+  tabContent: o,
+  ...r
+}) {
+  const s = m(d), c = e ?? s;
+  return /* @__PURE__ */ n(
+    a.Tab,
+    {
+      "data-slot": "segmented-control-trigger",
+      className: i(
+        v({ size: c, tabContent: o }),
+        t
+      ),
+      ...r
+    }
+  );
+}
+function V({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ n(
+    a.Panel,
+    {
+      "data-slot": "segmented-control-content",
+      className: i("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+export {
+  N as SegmentedControl,
+  w as SegmentedControlButton,
+  V as SegmentedControlContent,
+  S as SegmentedControlList,
+  v as segmentedControlButtonVariants,
+  g as segmentedControlListVariants
+};

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { ToasterProps, toast } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => ReactNode;
+export { Toaster, toast };

package/dist/components/ui/core/sonner-toast/sonner-toast.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { IconLoader2 as o, IconAlertOctagonFilled as s, IconAlertTriangleFilled as a, IconInfoCircleFilled as i, IconCircleCheckFilled as l, IconX as d } from "@tabler/icons-react";
+import { Toaster as c } from "sonner";
+import { toast as k } from "sonner";
+import { cn as r } from "../../../../lib/utils.js";
+const g = {
+  "--normal-bg": "var(--raised-background)",
+  "--normal-text": "var(--foreground-fixed-light)",
+  "--normal-border": "transparent",
+  "--border-radius": "var(--radius-lg)"
+}, p = ({ ...n }) => {
+  const t = "flex h-5 min-w-5 items-center justify-center rounded-md px-1";
+  return /* @__PURE__ */ e(
+    c,
+    {
+      "data-slot": "sonner-toast",
+      theme: "system",
+      className: "toaster group",
+      icons: {
+        close: /* @__PURE__ */ e(d, { className: "size-4 text-foreground-fixed-light" }),
+        success: /* @__PURE__ */ e("span", { className: r(t, "bg-success-background"), children: /* @__PURE__ */ e(l, { className: "size-3 text-success-foreground-on-success" }) }),
+        info: /* @__PURE__ */ e("span", { className: r(t, "bg-info-background"), children: /* @__PURE__ */ e(i, { className: "size-3 text-info-foreground-on-info" }) }),
+        warning: /* @__PURE__ */ e("span", { className: r(t, "bg-warning-background"), children: /* @__PURE__ */ e(a, { className: "size-3 text-warning-foreground-on-warning" }) }),
+        error: /* @__PURE__ */ e("span", { className: r(t, "bg-destructive-background"), children: /* @__PURE__ */ e(s, { className: "size-3 text-destructive-foreground-on-critical" }) }),
+        loading: /* @__PURE__ */ e(o, { className: "size-4 animate-spin" })
+      },
+      style: g,
+      toastOptions: {
+        unstyled: !0,
+        classNames: {
+          toast: "flex w-[384px] min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden",
+          icon: "order-1 m-0 shrink-0 flex items-start",
+          content: "order-2 flex flex-1 basis-0 flex-col items-start gap-0.5",
+          title: "w-full self-stretch text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light",
+          description: "w-full self-stretch text-sm font-normal leading-[18px] tracking-tight text-muted-foreground-fixed-light",
+          actionButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+          cancelButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+          closeButton: "order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent"
+        }
+      },
+      ...n
+    }
+  );
+};
+export {
+  p as Toaster,
+  k as toast
+};