@cognite/aura 0.2.0 → 0.3.1

package/dist/components/ui/core/empty-state/empty-state.context.js

@@ -0,0 +1,8 @@
+import { createContext as t, useContext as e } from "react";
+const o = t({
+  variant: "compact"
+}), n = () => e(o);
+export {
+  o as EmptyStateContext,
+  n as useEmptyState
+};

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

@@ -0,0 +1,18 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { EmptyStateType } from './empty-state.context';
+declare const EmptyState: ForwardRefExoticComponent<Omit<ComponentProps<'div'>, 'ref'> & ({
+    variant?: 'compact';
+    type?: EmptyStateType;
+} | {
+    variant: 'full';
+    type: EmptyStateType;
+}) & RefAttributes<HTMLDivElement>>;
+declare const EmptyStateIcon: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+type TitleAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+type EmptyStateTitleProps = ComponentProps<'h2'> & {
+    as?: TitleAs;
+};
+declare function EmptyStateTitle({ className, as: Component, ...props }: EmptyStateTitleProps): ReactNode;
+declare const EmptyStateDescription: ForwardRefExoticComponent<ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>>;
+declare const EmptyStateActions: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, };

package/dist/components/ui/core/empty-state/empty-state.js

@@ -0,0 +1,139 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as g, useMemo as d } from "react";
+import { IconQuestionMark as u, IconMessageDots as p, IconZoomQuestion as f, IconSearchOff as x, IconLock as y, IconPlus as k, IconAlertOctagon as v } from "@tabler/icons-react";
+import { cn as s } from "../../../../lib/utils.js";
+import { EmptyStateContext as h, useEmptyState as m } from "./empty-state.context.js";
+const w = {
+  "error-generic": "[background-image:var(--gradient-fall)]",
+  "new-object": "[background-image:var(--gradient-spring)]",
+  "no-access": "[background-image:var(--gradient-fall)]",
+  "no-results": "[background-image:var(--gradient-spring)]",
+  "not-found": "[background-image:var(--gradient-spring)]",
+  "new-chat": "[background-image:var(--gradient-summer)]",
+  unknown: "[background-image:var(--gradient-spring)]"
+}, b = {
+  "error-generic": /* @__PURE__ */ t(v, {}),
+  "new-object": /* @__PURE__ */ t(k, {}),
+  "no-access": /* @__PURE__ */ t(y, {}),
+  "no-results": /* @__PURE__ */ t(x, {}),
+  "not-found": /* @__PURE__ */ t(f, {}),
+  "new-chat": /* @__PURE__ */ t(p, {}),
+  unknown: /* @__PURE__ */ t(u, {})
+}, S = g(
+  ({ className: n, variant: e = "compact", type: a, children: o, ...i }, r) => {
+    const c = e === "full", l = d(() => ({ variant: e, type: a }), [e, a]);
+    return /* @__PURE__ */ t(h.Provider, { value: l, children: /* @__PURE__ */ t(
+      "div",
+      {
+        ref: r,
+        "data-slot": "empty-state",
+        "data-variant": e,
+        className: s(
+          "flex min-w-0 flex-col items-center text-center text-foreground",
+          c ? "gap-8 p-10" : "gap-2",
+          !c && "w-full max-w-100",
+          n
+        ),
+        ...i,
+        children: o
+      }
+    ) });
+  }
+);
+S.displayName = "EmptyState";
+const E = g(
+  ({ className: n, children: e, ...a }, o) => {
+    const { variant: i, type: r } = m(), c = i === "full", l = e ?? (r ? b[r] : null);
+    return c ? /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        "data-slot": "empty-state-icon",
+        className: s(
+          "flex size-20 shrink-0 items-center justify-center rounded-2xl p-5 text-foreground [&_svg]:size-10 [&_svg]:stroke-[1.75]",
+          r && w[r],
+          n
+        ),
+        ...a,
+        children: l
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        "data-slot": "empty-state-icon",
+        className: s(
+          "flex size-6 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-6 [&_svg]:stroke-[1.75]",
+          n
+        ),
+        ...a,
+        children: l
+      }
+    );
+  }
+);
+E.displayName = "EmptyStateIcon";
+function A({
+  className: n,
+  as: e = "h2",
+  ...a
+}) {
+  const { variant: o } = m();
+  return /* @__PURE__ */ t(
+    e,
+    {
+      "data-slot": "empty-state-title",
+      className: s(
+        "max-w-100 break-words font-medium text-foreground",
+        o === "full" ? "text-xl leading-6 tracking-tightest" : "text-base leading-5 tracking-tighter",
+        n
+      ),
+      ...a
+    }
+  );
+}
+const I = g(
+  ({ className: n, ...e }, a) => {
+    const { variant: o } = m();
+    return /* @__PURE__ */ t(
+      "p",
+      {
+        ref: a,
+        "data-slot": "empty-state-description",
+        className: s(
+          "max-w-100 break-words text-muted-foreground",
+          o === "full" ? "text-lg leading-6 tracking-tightest" : "text-sm leading-4.5 tracking-tight",
+          n
+        ),
+        ...e
+      }
+    );
+  }
+);
+I.displayName = "EmptyStateDescription";
+const N = g(
+  ({ className: n, ...e }, a) => {
+    const { variant: o } = m();
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: a,
+        "data-slot": "empty-state-actions",
+        className: s(
+          "flex flex-col items-center",
+          o === "compact" ? "gap-2" : "gap-4",
+          n
+        ),
+        ...e
+      }
+    );
+  }
+);
+N.displayName = "EmptyStateActions";
+export {
+  S as EmptyState,
+  N as EmptyStateActions,
+  I as EmptyStateDescription,
+  E as EmptyStateIcon,
+  A as EmptyStateTitle
+};

package/dist/components/ui/core/helper-text/helper-text.d.ts

@@ -1,12 +1,14 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-declare const helperTextVariants: (props?: ({
-    size?: "sm" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+import { ClassProp } from 'class-variance-authority/types';
+interface HelperTextVariantProps {
+    size?: 'xs' | 'sm' | null;
+}
+declare const helperTextVariants: (props?: (HelperTextVariantProps & ClassProp) | undefined) => string;
 interface HelperTextProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof helperTextVariants> {
     isError?: boolean;
     isSuccess?: boolean;
     icon?: ReactNode;
 }
-declare const HelperText: import('react').ForwardRefExoticComponent<HelperTextProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const HelperText: ForwardRefExoticComponent<HelperTextProps & RefAttributes<HTMLDivElement>>;
 export { HelperText };

package/dist/components/ui/core/hover-card/hover-card.d.ts

@@ -1,12 +1,10 @@
-import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { PreviewCardPopupProps, PreviewCardPositionerProps, PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
 type HoverCardDelay = {
     openDelay?: number;
     closeDelay?: number;
 };
-declare function HoverCard({ openDelay, closeDelay, ...props }: PreviewCardPrimitive.Root.Props & HoverCardDelay): import("react/jsx-runtime").JSX.Element;
-declare namespace HoverCard {
-    var displayName: string;
-}
-declare const HoverCardTrigger: import('react').ForwardRefExoticComponent<Omit<PreviewCardPrimitive.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardPopupProps & Pick<import('@base-ui/react').PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare function HoverCard({ openDelay, closeDelay, ...props }: PreviewCardPrimitive.Root.Props & HoverCardDelay): ReactNode;
+declare const HoverCardTrigger: ForwardRefExoticComponent<Omit<PreviewCardPrimitive.Trigger.Props<unknown>, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: ForwardRefExoticComponent<Omit<PreviewCardPopupProps & Pick<PreviewCardPositionerProps, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/core/hover-card/hover-card.js

@@ -4,7 +4,7 @@ import { PreviewCard as d } from "@base-ui/react/preview-card";
 import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
 import { cn as v } from "../../../../lib/utils.js";
 const m = p(null);
-function C({
+function w({
   openDelay: o,
   closeDelay: e,
   ...a
@@ -15,23 +15,24 @@ function C({
   );
   return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
 }
-C.displayName = "HoverCard";
-const h = l(({ children: o, ...e }, a) => {
-  const r = f(m), { delay: n, closeDelay: i, ...s } = e;
-  return /* @__PURE__ */ t(
-    d.Trigger,
-    {
-      ref: a,
-      "data-slot": "hover-card-trigger",
-      delay: n ?? r?.openDelay,
-      closeDelay: i ?? r?.closeDelay,
-      ...s,
-      children: o
-    }
-  );
-});
-h.displayName = "HoverCardTrigger";
-const y = l(
+const C = l(
+  ({ children: o, ...e }, a) => {
+    const r = f(m), { delay: n, closeDelay: i, ...s } = e;
+    return /* @__PURE__ */ t(
+      d.Trigger,
+      {
+        ref: a,
+        "data-slot": "hover-card-trigger",
+        delay: n ?? r?.openDelay,
+        closeDelay: i ?? r?.closeDelay,
+        ...s,
+        children: o
+      }
+    );
+  }
+);
+C.displayName = "HoverCardTrigger";
+const h = l(
   ({
     className: o,
     side: e = "bottom",
@@ -72,9 +73,9 @@ const y = l(
     );
   }
 );
-y.displayName = "HoverCardContent";
+h.displayName = "HoverCardContent";
 export {
-  C as HoverCard,
-  y as HoverCardContent,
-  h as HoverCardTrigger
+  w as HoverCard,
+  h as HoverCardContent,
+  C as HoverCardTrigger
 };

package/dist/components/ui/core/inline-citation/inline-citation.d.ts

@@ -1,27 +1,27 @@
-import { ComponentProps, ComponentType } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ComponentType, ReactNode } from 'react';
 import { Badge } from '../badge/badge';
 import { HoverCard } from '../hover-card/hover-card';
-declare const InlineCitation: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InlineCitationGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InlineCitationText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const InlineCitation: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const InlineCitationGroup: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const InlineCitationText: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
 type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
-declare const InlineCitationCard: (props: InlineCitationCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCard: (props: InlineCitationCardProps) => ReactNode;
 type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
     sources: string[];
     icon?: ComponentType<{
         className?: string;
     }>;
 };
-declare const InlineCitationCardTrigger: ({ sources, icon: Icon, className, ...props }: InlineCitationCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCardTrigger: ({ sources, icon: Icon, className, ...props }: InlineCitationCardTriggerProps) => ReactNode;
 type InlineCitationCardBodyProps = ComponentProps<'div'>;
-declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => ReactNode;
 type InlineCitationSourceProps = ComponentProps<'div'> & {
     title?: string;
     url?: string;
     description?: string;
 };
-declare const InlineCitationSource: import('react').ForwardRefExoticComponent<Omit<InlineCitationSourceProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InlineCitationQuote: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import('react').RefAttributes<HTMLQuoteElement>>;
+declare const InlineCitationSource: ForwardRefExoticComponent<Omit<InlineCitationSourceProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const InlineCitationQuote: ForwardRefExoticComponent<ComponentProps<'blockquote'> & RefAttributes<HTMLQuoteElement>>;
 export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     target?: '_blank' | '_self';
     icon?: ComponentType<{
@@ -29,5 +29,5 @@ export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     }>;
     variant?: 'mountain' | 'nordic' | 'fjord';
 };
-declare const InlineCitationLink: import('react').ForwardRefExoticComponent<Omit<InlineCitationLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+declare const InlineCitationLink: ForwardRefExoticComponent<Omit<InlineCitationLinkProps, 'ref'> & RefAttributes<HTMLAnchorElement>>;
 export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, InlineCitationQuote, InlineCitationSource, InlineCitationText, };

package/dist/components/ui/core/inline-citation/inline-citation.js

@@ -15,28 +15,32 @@ const h = r(
   )
 );
 h.displayName = "InlineCitation";
-const C = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: t,
-    "data-slot": "inline-citation-group",
-    className: o("flex flex-wrap gap-2", e),
-    ...n
-  }
-));
+const C = r(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      "data-slot": "inline-citation-group",
+      className: o("flex flex-wrap gap-2", e),
+      ...n
+    }
+  )
+);
 C.displayName = "InlineCitationGroup";
-const N = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
-  "span",
-  {
-    ref: t,
-    "data-slot": "inline-citation-text",
-    className: o(
-      "transition-colors group-hover:bg-accent-background",
-      e
-    ),
-    ...n
-  }
-));
+const N = r(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: t,
+      "data-slot": "inline-citation-text",
+      className: o(
+        "transition-colors group-hover:bg-accent-background",
+        e
+      ),
+      ...n
+    }
+  )
+);
 N.displayName = "InlineCitationText";
 const q = (e) => /* @__PURE__ */ i(
   f,
@@ -85,35 +89,39 @@ const q = (e) => /* @__PURE__ */ i(
     className: o("relative w-80 p-0", e),
     ...n
   }
-), k = r(({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: c,
-    "data-slot": "inline-citation-source",
-    className: o("space-y-1", a),
-    ...s,
-    children: [
-      e && /* @__PURE__ */ i("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
-      n && /* @__PURE__ */ i("p", { className: "truncate break-all text-muted-foreground text-xs", children: n }),
-      t && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: t }),
-      l
-    ]
-  }
-));
+), k = r(
+  ({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: c,
+      "data-slot": "inline-citation-source",
+      className: o("space-y-1", a),
+      ...s,
+      children: [
+        e && /* @__PURE__ */ i("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
+        n && /* @__PURE__ */ i("p", { className: "truncate break-all text-muted-foreground text-xs", children: n }),
+        t && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: t }),
+        l
+      ]
+    }
+  )
+);
 k.displayName = "InlineCitationSource";
-const y = r(({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
-  "blockquote",
-  {
-    ref: a,
-    "data-slot": "inline-citation-quote",
-    className: o(
-      "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
-      n
-    ),
-    ...t,
-    children: e
-  }
-));
+const y = r(
+  ({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
+    "blockquote",
+    {
+      ref: a,
+      "data-slot": "inline-citation-quote",
+      className: o(
+        "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
+        n
+      ),
+      ...t,
+      children: e
+    }
+  )
+);
 y.displayName = "InlineCitationQuote";
 const I = r(
   ({

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

@@ -1,2 +1,3 @@
-declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Input: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
 export { Input };

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

@@ -8,7 +8,7 @@ const u = o(
       ref: a,
       "data-slot": "input",
       className: l(
-        "w-full",
+        "w-full h-9",
         d,
         s,
         p,

package/dist/components/ui/core/input-group/input-group.d.ts

@@ -1,15 +1,19 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-declare const InputGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "size"> & VariantProps<(props?: ({
-    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const InputGroupText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InputGroupInput: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare const InputGroupTextarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+import { ClassProp } from 'class-variance-authority/types';
+import { Button } from '../button/button';
+declare const InputGroup: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonVariantProps {
+    align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | null;
+}
+declare const inputGroupAddonVariants: (props?: (InputGroupAddonVariantProps & ClassProp) | undefined) => string;
+declare const InputGroupAddon: ForwardRefExoticComponent<ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants> & RefAttributes<HTMLDivElement>>;
+interface InputGroupButtonVariantProps {
+    size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | null;
+}
+type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> & InputGroupButtonVariantProps;
+declare const InputGroupButton: ForwardRefExoticComponent<Omit<InputGroupButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const InputGroupText: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const InputGroupInput: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
+declare const InputGroupTextarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

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

@@ -74,22 +74,19 @@ const u = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-mu
   }
 ));
 f.displayName = "InputGroupAddon";
-const m = l(
-  "text-sm shadow-none flex gap-2 items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-        sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
-        "icon-sm": "size-7 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
+const m = l("text-sm shadow-none flex gap-2 items-center", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+      sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+      "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
+      "icon-sm": "size-7 p-0 has-[>svg]:p-0"
     }
+  },
+  defaultVariants: {
+    size: "xs"
   }
-), x = s(
+}), x = s(
   ({ className: t, type: o = "button", variant: r = "ghost", size: i = "xs", ...a }, p) => /* @__PURE__ */ e(
     g,
     {
@@ -141,28 +138,30 @@ const k = s(
   )
 );
 k.displayName = "InputGroupInput";
-const w = s(({ className: t, ...o }, r) => /* @__PURE__ */ e(
-  b,
-  {
-    ref: r,
-    "data-slot": "input-group-control",
-    className: n(
-      "min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none",
-      "tracking-[-0.04em]",
-      "hover:border-0 hover:bg-transparent hover:text-muted-foreground",
-      "filled:border-transparent",
-      "focus-visible:shadow-none focus-visible:border-transparent",
-      "read-only:focus-visible:bg-muted-background",
-      "aria-invalid:shadow-none aria-invalid:border-transparent",
-      "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
-      "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
-      "read-only:aria-invalid:focus-visible:bg-muted-background",
-      "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground",
-      t
-    ),
-    ...o
-  }
-));
+const w = s(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    b,
+    {
+      ref: r,
+      "data-slot": "input-group-control",
+      className: n(
+        "min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none",
+        "tracking-[-0.04em]",
+        "hover:border-0 hover:bg-transparent hover:text-muted-foreground",
+        "filled:border-transparent",
+        "focus-visible:shadow-none focus-visible:border-transparent",
+        "read-only:focus-visible:bg-muted-background",
+        "aria-invalid:shadow-none aria-invalid:border-transparent",
+        "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
+        "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
+        "read-only:aria-invalid:focus-visible:bg-muted-background",
+        "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground",
+        t
+      ),
+      ...o
+    }
+  )
+);
 w.displayName = "InputGroupTextarea";
 export {
   h as InputGroup,

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

@@ -1,3 +1,4 @@
-declare const Kbd: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const KbdGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Kbd: ForwardRefExoticComponent<ComponentProps<'kbd'> & RefAttributes<HTMLElement>>;
+declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
 export { Kbd, KbdGroup };

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

@@ -1,4 +1,5 @@
-declare const Label: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+declare const Label: ForwardRefExoticComponent<ComponentProps<'label'> & {
     required?: boolean;
-} & import('react').RefAttributes<HTMLLabelElement>>;
+} & RefAttributes<HTMLLabelElement>>;
 export { Label };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
 type LoaderSharedProps = HTMLAttributes<HTMLDivElement>;
 interface InlineLoaderProps extends LoaderSharedProps {
     variant?: 'inline';
@@ -10,6 +10,6 @@ interface PageLoaderProps extends LoaderSharedProps {
     description?: string;
 }
 type LoaderProps = InlineLoaderProps | PageLoaderProps;
-declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
 export { Loader };
 export type { LoaderProps };