@cognite/aura 0.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,53 @@
+export { Button, buttonVariants } from './ui/core/button/button';
+export { ButtonMetadata } from './ui/core/button/button.metadata';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './ui/core/button-group/button-group';
+export { ButtonGroupMetadata } from './ui/core/button-group/button-group.metadata';
+export { Avatar, AvatarImage, AvatarFallback, AvatarIcon, } from './ui/core/avatar/avatar';
+export { AvatarMetadata } from './ui/core/avatar/avatar.metadata';
+export { Label } from './ui/core/label/label';
+export { LabelMetadata } from './ui/core/label/label.metadata';
+export { HelperText } from './ui/core/helper-text/helper-text';
+export { HelperTextMetadata } from './ui/core/helper-text/helper-text.metadata';
+export { Loader } from './ui/core/loader/loader';
+export { LoaderMetadata } from './ui/core/loader/loader.metadata';
+export { Shimmer } from './ui/core/shimmer/shimmer';
+export { ShimmerMetadata } from './ui/core/shimmer/shimmer.metadata';
+export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, } from './ui/core/code-block/code-block';
+export { CodeBlockMetadata } from './ui/core/code-block/code-block.metadata';
+export { Separator } from './ui/core/separator/separator';
+export { SeparatorMetadata } from './ui/core/separator/separator.metadata';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './ui/core/tooltip/tooltip';
+export { TooltipMetadata } from './ui/core/tooltip/tooltip.metadata';
+export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput, } from './ui/core/tool/tool';
+export { ToolMetadata } from './ui/core/tool/tool.metadata';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSectionLabel, } from './ui/core/dropdown-menu/dropdown-menu';
+export { DropdownMenuMetadata } from './ui/core/dropdown-menu/dropdown-menu.metadata';
+export { Badge, badgeVariants } from './ui/core/badge/badge';
+export { BadgeMetadata } from './ui/core/badge/badge.metadata';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/core/collapsible/collapsible';
+export { CollapsibleMetadata } from './ui/core/collapsible/collapsible.metadata';
+export { HoverCard, HoverCardTrigger, HoverCardContent, } from './ui/core/hover-card/hover-card';
+export { HoverCardMetadata } from './ui/core/hover-card/hover-card.metadata';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './ui/core/select/select';
+export { SelectMetadata } from './ui/core/select/select.metadata';
+export { Skeleton } from './ui/core/skeleton/skeleton';
+export { SkeletonMetadata } from './ui/core/skeleton/skeleton.metadata';
+export { Input } from './ui/core/input/input';
+export { InputMetadata } from './ui/core/input/input.metadata';
+export { Textarea } from './ui/core/textarea/textarea';
+export { TextareaMetadata } from './ui/core/textarea/textarea.metadata';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, } from './ui/core/input-group/input-group';
+export { InputGroupMetadata } from './ui/core/input-group/input-group.metadata';
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertButton, AlertClose, } from './ui/core/alert/alert';
+export { AlertMetadata } from './ui/core/alert/alert.metadata';
+export { Message, MessageContent, MessageActions, MessageAction, MessageResponse, } from './ui/core/message/message';
+export { PromptInputMetadata } from './ui/core/prompt-input/prompt-input.metadata';
+export { usePromptInputController, PromptInputProvider, PromptInput, PromptInputBody, PromptInputTextarea, PromptInputHeader, PromptInputFooter, PromptInputTools, PromptInputButton, PromptInputActionMenu, PromptInputActionMenuTrigger, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputSubmit, PromptInputModelSelect, PromptInputModelSelectTrigger, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectValue, PromptInputHoverCard, PromptInputHoverCardTrigger, PromptInputHoverCardContent, PromptInputTabsList, PromptInputTab, PromptInputTabLabel, PromptInputTabBody, PromptInputTabItem, PromptInputCommand, PromptInputCommandInput, PromptInputCommandList, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandItem, PromptInputCommandSeparator, } from './ui/core/prompt-input/prompt-input';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './ui/core/dialog/dialog';
+export { DialogMetadata } from './ui/core/dialog/dialog.metadata';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from './ui/core/command/command';
+export { CommandMetadata } from './ui/core/command/command.metadata';
+export { InlineCitationMetadata } from './ui/core/inline-citation/inline-citation.metadata';
+export { InlineCitation, InlineCitationGroup, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationSource, InlineCitationQuote, InlineCitationLink, } from './ui/core/inline-citation/inline-citation';
+export { Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, } from './ui/core/reasoning/reasoning';
+export { ReasoningMetadata } from './ui/core/reasoning/reasoning.metadata';

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

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+type AlertVariant = 'default' | 'secondary' | 'warning' | 'error';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "secondary" | "error" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type AlertProps = ComponentProps<'div'> & Omit<VariantProps<typeof alertVariants>, 'variant'> & {
+    variant?: AlertVariant;
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onClose?: () => void;
+};
+declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const AlertDescription: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const AlertActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const AlertButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+declare const AlertClose: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertButton, AlertClose, };

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

@@ -0,0 +1,180 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { createContext as y, forwardRef as n, useMemo as A, useContext as d } from "react";
+import { IconX as b } from "@tabler/icons-react";
+import { cva as N } from "class-variance-authority";
+import { useControllableState as C } from "../../../../lib/use-controllable-state.js";
+import { cn as s } from "../../../../lib/utils.js";
+import { Button as p } from "../button/button.js";
+const i = y({
+  show: !0,
+  setShow: () => {
+  },
+  variant: "default"
+}), V = N(
+  "relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>svg]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 has-[>svg]:gap-y-1 items-start [&>svg]:size-4 [&>svg]:translate-y-0.65 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-undefined-alternative text-card-foreground [&>svg]:text-undefined-foreground",
+        secondary: "bg-neutral-alternative text-foreground [&>svg]:text-neutral-foreground",
+        warning: "bg-warning-alternative [&>svg]:text-warning-foreground",
+        error: "bg-destructive-alternative text-foreground [&>svg]:text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), k = n(
+  ({
+    className: t,
+    variant: e = "default",
+    visible: r,
+    defaultVisible: a = !0,
+    onClose: l,
+    children: c,
+    ...u
+  }, x) => {
+    const [g, v] = C({
+      defaultProp: a,
+      prop: r,
+      onChange: l
+    }), f = e ?? "default", w = A(
+      () => ({ show: g, setShow: v, variant: f }),
+      [g, v, f]
+    );
+    return g ? /* @__PURE__ */ o(i.Provider, { value: w, children: /* @__PURE__ */ m(
+      "div",
+      {
+        ref: x,
+        "data-slot": "alert",
+        role: "alert",
+        className: s(V({ variant: f }), t),
+        ...u,
+        children: [
+          l && /* @__PURE__ */ o(h, {}),
+          c
+        ]
+      }
+    ) }) : null;
+  }
+);
+k.displayName = "Alert";
+const z = {
+  default: "text-undefined-foreground",
+  secondary: "text-neutral-foreground",
+  warning: "text-warning-foreground",
+  error: "text-destructive-foreground"
+}, S = n(
+  ({ className: t, ...e }, r) => {
+    const { variant: a } = d(i);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: r,
+        "data-slot": "alert-title",
+        className: s(
+          "text-base font-medium leading-5 tracking-tightest",
+          z[a],
+          t
+        ),
+        ...e
+      }
+    );
+  }
+);
+S.displayName = "AlertTitle";
+const j = {
+  default: "text-card-foreground",
+  secondary: "text-foreground",
+  warning: "text-card-foreground",
+  error: "text-foreground"
+}, B = n(
+  ({ className: t, ...e }, r) => {
+    const { variant: a } = d(i);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: r,
+        "data-slot": "alert-description",
+        className: s(
+          "col-start-2 grid justify-items-start gap-1 text-sm font-normal leading-4.5 tracking-tight items-center",
+          j[a],
+          t
+        ),
+        ...e
+      }
+    );
+  }
+);
+B.displayName = "AlertDescription";
+const D = n(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: r,
+      "data-slot": "alert-actions",
+      className: s(
+        "col-start-2 flex flex-wrap items-start gap-2 pt-1",
+        t
+      ),
+      ...e
+    }
+  )
+);
+D.displayName = "AlertActions";
+const T = n(({ className: t, ...e }, r) => {
+  const { variant: a } = d(i);
+  return /* @__PURE__ */ o(
+    p,
+    {
+      ref: r,
+      "data-slot": "alert-button",
+      variant: "ghost",
+      size: "sm",
+      className: s("text-foreground", {
+        default: "hover:bg-undefined-hover",
+        secondary: "hover:bg-neutral-hover",
+        warning: "hover:bg-warning-hover",
+        error: "hover:bg-destructive-hover"
+      }[a], t),
+      ...e
+    }
+  );
+});
+T.displayName = "AlertButton";
+const h = n(
+  ({ className: t, onClick: e, ...r }, a) => {
+    const { setShow: l } = d(i), c = (u) => {
+      l(!1), e?.(u);
+    };
+    return /* @__PURE__ */ m(
+      p,
+      {
+        ref: a,
+        "data-slot": "alert-close",
+        variant: "ghost",
+        size: "icon-sm",
+        className: s(
+          "absolute top-3 right-4 h-3.5 w-3.5 p-0 opacity-70 hover:opacity-100 text-foreground",
+          t
+        ),
+        onClick: c,
+        ...r,
+        children: [
+          /* @__PURE__ */ o(b, { size: 14 }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "AlertClose";
+export {
+  k as Alert,
+  D as AlertActions,
+  T as AlertButton,
+  h as AlertClose,
+  B as AlertDescription,
+  S as AlertTitle
+};

package/dist/components/ui/core/alert/alert.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const AlertMetadata: ComponentMeta;

package/dist/components/ui/core/alert/alert.metadata.js

@@ -0,0 +1,9 @@
+const e = {
+  name: "Alert",
+  status: "in-progress-code-review",
+  description: "A dismissible alert component with multiple variants for displaying messages.",
+  llmUsage: "Use `<Alert>` with `<AlertTitle>` and `<AlertDescription>` for informational messages."
+};
+export {
+  e as AlertMetadata
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const Avatar: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarRootProps, "ref"> & import('react').RefAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    variant?: "default" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "overflow" | null | undefined;
+    sizes?: "default" | "xsm" | "xxsm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarImageProps, "ref"> & import('react').RefAttributes<HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarFallbackProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const AvatarIcon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback, AvatarIcon };

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

@@ -0,0 +1,94 @@
+import { jsx as o, jsxs as c, Fragment as v } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { Avatar as n } from "@base-ui/react/avatar";
+import { cva as g } from "class-variance-authority";
+import { cn as d } from "../../../../lib/utils.js";
+const u = g(
+  "group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden rounded-md flex-col justify-center items-center hover:cursor-pointer box-border",
+  {
+    variants: {
+      variant: {
+        default: "bg-decorative-background-mountain text-decorative-foreground-mountain hover:bg-decorative-background-hover-mountain",
+        nordic: "bg-decorative-background-nordic text-decorative-foreground-nordic hover:bg-decorative-background-hover-nordic",
+        aurora: "bg-decorative-background-aurora text-decorative-foreground-aurora hover:bg-decorative-background-hover-aurora",
+        fjord: "bg-decorative-background-fjord text-decorative-foreground-fjord hover:bg-decorative-background-hover-fjord",
+        dusk: "bg-decorative-background-dusk text-decorative-foreground-dusk hover:bg-decorative-background-hover-dusk",
+        orange: "bg-decorative-background-orange text-decorative-foreground-orange hover:bg-decorative-background-hover-orange",
+        sky: "bg-decorative-background-sky text-decorative-foreground-sky hover:bg-decorative-background-hover-sky",
+        overflow: "bg-secondary text-secondary-foreground hover:bg-secondary-hover"
+      },
+      sizes: {
+        default: "size-9 text-sm [&_svg]:w-5 [&_svg]:h-5",
+        xsm: "size-7 text-xs [&_svg]:w-4 [&_svg]:h-4",
+        xxsm: "size-5 text-2xs [&_svg]:w-3 [&_svg]:h-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      sizes: "default"
+    }
+  }
+), l = t(({ className: a, variant: e, sizes: r, ...s }, i) => /* @__PURE__ */ o(
+  n.Root,
+  {
+    ref: i,
+    "data-slot": "avatar",
+    className: d(u({ variant: e, sizes: r }), a),
+    ...s
+  }
+));
+l.displayName = "Avatar";
+const b = t(({ className: a, ...e }, r) => /* @__PURE__ */ c(v, { children: [
+  /* @__PURE__ */ o(
+    n.Image,
+    {
+      ref: r,
+      "data-slot": "avatar-image",
+      className: d("aspect-square size-full", a),
+      ...e
+    }
+  ),
+  /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "avatar-image-backdrop",
+      className: "absolute inset-0 bg-backdrop opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none",
+      "aria-hidden": "true"
+    }
+  )
+] }));
+b.displayName = "AvatarImage";
+const m = t(({ className: a, ...e }, r) => /* @__PURE__ */ o(
+  n.Fallback,
+  {
+    ref: r,
+    "data-slot": "avatar-fallback",
+    className: d(
+      " flex size-full items-center justify-center rounded-md",
+      a
+    ),
+    ...e
+  }
+));
+m.displayName = "AvatarFallback";
+const f = t(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: r,
+      "data-slot": "avatar-icon",
+      className: d(
+        "flex size-full items-center justify-center rounded-md",
+        a
+      ),
+      ...e
+    }
+  )
+);
+f.displayName = "AvatarIcon";
+export {
+  l as Avatar,
+  m as AvatarFallback,
+  f as AvatarIcon,
+  b as AvatarImage
+};

package/dist/components/ui/core/avatar/avatar.metadata.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '../../../../lib/types';
+/**
+ * Avatar Component Metadata
+ *
+ * This metadata is used by the documentation system to generate
+ * component documentation pages and provide context for LLMs.
+ */
+export declare const AvatarMetadata: ComponentMeta;

package/dist/components/ui/core/avatar/avatar.metadata.js

@@ -0,0 +1,9 @@
+const a = {
+  name: "Avatar",
+  status: "draft",
+  description: "An image element with a fallback for representing users. Supports multiple color variants, sizes, and composable sub-components.",
+  llmUsage: "When displaying user avatars, use `<Avatar>` with `<AvatarImage>` and `<AvatarFallback>` for graceful degradation. Use `<AvatarIcon>` for icon-only avatars."
+};
+export {
+  a as AvatarMetadata
+};

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

@@ -0,0 +1,14 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "gray" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "mountain" | "error" | "warning" | "success" | "inProgress" | "archived" | "closable" | null | undefined;
+    size?: "default" | "icon" | null | undefined;
+    outline?: boolean | null | undefined;
+    background?: boolean | null | undefined;
+    dot?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type BadgeProps = useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    urgent?: boolean;
+};
+declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,116 @@
+import { forwardRef as l } from "react";
+import { mergeProps as p } from "@base-ui/react/merge-props";
+import { useRender as v } from "@base-ui/react/use-render";
+import { cva as m } from "class-variance-authority";
+import { cn as x } from "../../../../lib/utils.js";
+const k = m(
+  "inline-flex items-center align-middle justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none outline-none focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden leading-4",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        fjord: "border-transparent bg-decorative-background-fjord text-decorative-foreground-fjord",
+        nordic: "border-transparent bg-decorative-background-nordic text-decorative-foreground-nordic",
+        aurora: "border-transparent bg-decorative-background-aurora text-decorative-foreground-aurora",
+        sky: "border-transparent bg-decorative-background-sky text-decorative-foreground-sky",
+        dusk: "border-transparent bg-decorative-background-dusk text-decorative-foreground-dusk",
+        orange: "border-transparent bg-decorative-background-orange text-decorative-foreground-orange",
+        gray: "border-transparent bg-decorative-background-gray text-decorative-foreground-gray",
+        mountain: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
+        secondary: "border-transparent bg-secondary text-secondary-foreground ",
+        error: "border-transparent bg-destructive text-destructive-foreground-alternate",
+        warning: "border-transparent bg-warning text-warning-foreground-alternate",
+        success: "border-transparent bg-success text-success-foreground-alternate",
+        inProgress: "border-transparent bg-neutral text-neutral-foreground-alternate",
+        archived: "border-transparent bg-undefined text-undefined-foreground-alternate",
+        closable: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary-hover cursor-pointer"
+      },
+      size: {
+        default: "px-1",
+        icon: "px-1.5 py-1 rounded-md"
+      },
+      outline: {
+        true: "border-border"
+      },
+      background: {
+        false: "bg-transparent"
+      },
+      dot: {
+        true: "rounded-full"
+      }
+    },
+    compoundVariants: [
+      {
+        outline: !0,
+        size: "default",
+        className: "px-1.5"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      outline: !1,
+      background: !0,
+      dot: !1
+    }
+  }
+), y = l(
+  ({
+    className: d,
+    variant: r,
+    size: s,
+    outline: i,
+    dot: o,
+    background: u,
+    urgent: n = !1,
+    children: a,
+    render: g,
+    ...c
+  }, b) => {
+    const t = !a, f = r && !(/* @__PURE__ */ new Set([
+      "mountain",
+      "fjord",
+      "nordic",
+      "aurora",
+      "dusk",
+      "orange"
+    ])).has(r), e = i === !0 && f;
+    return v({
+      defaultTagName: "span",
+      ref: b,
+      props: p(
+        {
+          className: x(
+            k({
+              variant: r,
+              size: s,
+              outline: e,
+              background: e ? !1 : u,
+              dot: o
+            }),
+            e && r === "error" && "text-destructive-foreground",
+            e && r === "warning" && "text-warning-foreground",
+            e && r === "success" && "text-success-foreground",
+            e && r === "inProgress" && "text-neutral-foreground",
+            e && r === "archived" && "text-undefined-foreground",
+            o && t && "size-2 p-0 border-0",
+            o && t && n && "bg-destructive-foreground",
+            o && t && !n && "bg-neutral-foreground",
+            d
+          )
+        },
+        { ...c, children: a }
+      ),
+      render: g,
+      state: {
+        slot: "badge",
+        variant: r
+      }
+    });
+  }
+);
+y.displayName = "Badge";
+export {
+  y as Badge,
+  k as badgeVariants
+};

package/dist/components/ui/core/badge/badge.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const BadgeMetadata: ComponentMeta;

package/dist/components/ui/core/badge/badge.metadata.js

@@ -0,0 +1,8 @@
+const t = {
+  name: "Badge",
+  status: "in-progress-code-review",
+  description: "A small status indicator component with multiple variants for displaying labels, counts, and statuses."
+};
+export {
+  t as BadgeMetadata
+};

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

@@ -0,0 +1,9 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>;
+declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export { Button, buttonVariants };

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

@@ -0,0 +1,50 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { Button as c } from "@base-ui/react/button";
+import { cva as u } from "class-variance-authority";
+import { focusRing as g, focusRingDestructive as h, cn as b } from "../../../../lib/utils.js";
+const p = u(
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-transparent text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${g} aria-invalid:focus-visible:shadow-focus-ring-destructive`,
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover dark:hover:bg-primary-hover",
+        destructive: `bg-destructive text-destructive-foreground hover:bg-destructive-hover dark:hover:bg-destructive-hover ${h} dark:bg-destructive/60`,
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover dark:hover:bg-secondary-hover",
+        outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:border-border",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-foreground-link underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-3 py-2 has-[>svg]:px-3",
+        sm: "h-7 rounded-sm gap-1.5 px-2 has-[>svg]:px-2",
+        lg: "h-10 px-4 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-7",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), f = v(
+  ({ className: r, variant: t, size: o, children: n, render: e, nativeButton: a, ...s }, i) => /* @__PURE__ */ d(
+    c,
+    {
+      ref: i,
+      "data-slot": "button",
+      render: e,
+      nativeButton: a ?? (e ? !1 : void 0),
+      className: b(p({ variant: t, size: o, className: r })),
+      ...s,
+      children: n
+    }
+  )
+);
+f.displayName = "Button";
+export {
+  f as Button,
+  p as buttonVariants
+};

package/dist/components/ui/core/button/button.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const ButtonMetadata: ComponentMeta;

package/dist/components/ui/core/button/button.metadata.js

@@ -0,0 +1,9 @@
+const t = {
+  name: "Button",
+  status: "in-progress-code-review",
+  description: "A versatile button component with multiple variants and sizes, built with Base UI render props and class-variance-authority.",
+  llmUsage: "When asked for a button, use `<Button variant='default'>Click me</Button>` instead of `<button>`. For different styles, use variants like 'destructive', 'outline', 'secondary', 'ghost', or 'link'."
+};
+export {
+  t as ButtonMetadata
+};

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

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from '../separator/separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, render, children, ...props }: useRender.ComponentProps<'div'>): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };