@locusgraph/components 0.2.0 → 0.2.2

package/dist/display/chat/message-scroller.js

@@ -1,25 +1,287 @@
 "use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { ArrowDown as ArrowDownIcon } from "@carbon/icons-react";
-import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from "@shadcn/react/message-scroller";
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
 import { cn } from "cn";
+import * as React from "react";
 import { Button } from "../../action/button.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
-    return _jsx(MessageScrollerPrimitive.Provider, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Provider, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function MessageScroller({ className, ...props }) {
-    return (_jsx(MessageScrollerPrimitive.Root, { "data-slot": "message-scroller", className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className), ...props }));
+function MessageScroller(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Root, {
+      "data-slot": "message-scroller",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function MessageScrollerViewport({ className, ...props }) {
-    return (_jsx(MessageScrollerPrimitive.Viewport, { "data-slot": "message-scroller-viewport", className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-none data-pending-scroll:invisible", className), ...props }));
+function MessageScrollerViewport(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-none data-pending-scroll:invisible", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Viewport, {
+      "data-slot": "message-scroller-viewport",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function MessageScrollerContent({ className, ...props }) {
-    return (_jsx(MessageScrollerPrimitive.Content, { "data-slot": "message-scroller-content", className: cn("flex h-max min-h-full flex-col gap-8", className), ...props }));
+function MessageScrollerContent(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex h-max min-h-full flex-col gap-8", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Content, {
+      "data-slot": "message-scroller-content",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
-    return (_jsx(MessageScrollerPrimitive.Item, { "data-slot": "message-scroller-item", scrollAnchor: scrollAnchor, className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className), ...props }));
+function MessageScrollerItem(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      scrollAnchor: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+  }
+  const scrollAnchor = t1 === undefined ? false : t1;
+  let t2;
+  if ($[4] !== className) {
+    t2 = cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className);
+    $[4] = className;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== scrollAnchor || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Item, {
+      "data-slot": "message-scroller-item",
+      scrollAnchor: scrollAnchor,
+      className: t2,
+      ...props
+    });
+    $[6] = props;
+    $[7] = scrollAnchor;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
-function MessageScrollerButton({ direction = "end", className, children, render, variant = "secondary", size = "icon-sm", ...props }) {
-    return (_jsx(MessageScrollerPrimitive.Button, { "data-slot": "message-scroller-button", "data-direction": direction, "data-variant": variant, "data-size": size, direction: direction, className: cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className), render: render ?? _jsx(Button, { variant: variant, size: size }), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(ArrowDownIcon, {}), _jsx("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })] })) }));
+function MessageScrollerButton(t0) {
+  const $ = _c(25);
+  let children;
+  let className;
+  let props;
+  let render;
+  let t1;
+  let t2;
+  let t3;
+  if ($[0] !== t0) {
+    ({
+      direction: t1,
+      className,
+      children,
+      render,
+      variant: t2,
+      size: t3,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = render;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    render = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+  }
+  const direction = t1 === undefined ? "end" : t1;
+  const variant = t2 === undefined ? "secondary" : t2;
+  const size = t3 === undefined ? "icon-sm" : t3;
+  let t4;
+  if ($[8] !== className) {
+    t4 = cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className);
+    $[8] = className;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== render || $[11] !== size || $[12] !== variant) {
+    t5 = render ?? /*#__PURE__*/_jsx(Button, {
+      variant: variant,
+      size: size
+    });
+    $[10] = render;
+    $[11] = size;
+    $[12] = variant;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== children || $[15] !== direction) {
+    t6 = children ?? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ArrowDownIcon, {}), /*#__PURE__*/_jsx("span", {
+        className: "sr-only",
+        children: direction === "end" ? "Scroll to end" : "Scroll to start"
+      })]
+    });
+    $[14] = children;
+    $[15] = direction;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== direction || $[18] !== props || $[19] !== size || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== variant) {
+    t7 = /*#__PURE__*/_jsx(MessageScrollerPrimitive.Button, {
+      "data-slot": "message-scroller-button",
+      "data-direction": direction,
+      "data-variant": variant,
+      "data-size": size,
+      direction: direction,
+      className: t4,
+      render: t5,
+      ...props,
+      children: t6
+    });
+    $[17] = direction;
+    $[18] = props;
+    $[19] = size;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
+    $[23] = variant;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  return t7;
 }
-export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };

package/dist/display/chat/message.js

@@ -1,21 +1,66 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-function MessageGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "message-group", className: cn("flex min-w-0 flex-col gap-2", className), ...props }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function MessageGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message-group",
+    className: cn("flex min-w-0 flex-col gap-2", className),
+    ...props
+  });
 }
-function Message({ className, align = "start", ...props }) {
-    return (_jsx("div", { "data-slot": "message", "data-align": align, className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className), ...props }));
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message",
+    "data-align": align,
+    className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
+    ...props
+  });
 }
-function MessageAvatar({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "message-avatar", className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className), ...props }));
+function MessageAvatar({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message-avatar",
+    className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className),
+    ...props
+  });
 }
-function MessageContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "message-content", className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className), ...props }));
+function MessageContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message-content",
+    className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
+    ...props
+  });
 }
-function MessageHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "message-header", className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground", className), ...props }));
+function MessageHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message-header",
+    className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground", className),
+    ...props
+  });
 }
-function MessageFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "message-footer", className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-data-[align=end]/message:justify-end", className), ...props }));
+function MessageFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "message-footer",
+    className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-data-[align=end]/message:justify-end", className),
+    ...props
+  });
 }
 export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };

package/dist/display/content/item.js

@@ -1,66 +1,153 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
+import * as React from "react";
 import { Separator } from "../separator.js";
-function ItemGroup({ className, ...props }) {
-    return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function ItemGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    role: "list",
+    "data-slot": "item-group",
+    className: cn("group/item-group flex flex-col", className),
+    ...props
+  });
 }
-function ItemSeparator({ className, ...props }) {
-    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props }));
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Separator, {
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    className: cn("my-0", className),
+    ...props
+  });
 }
 const itemVariants = cva("group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background [a]:transition-colors [a]:hover:bg-accent/50", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border-border",
-            muted: "bg-muted/50",
-        },
-        size: {
-            default: "gap-4 p-4",
-            sm: "gap-2.5 px-4 py-3",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border-border",
+      muted: "bg-muted/50"
     },
+    size: {
+      default: "gap-4 p-4",
+      sm: "gap-2.5 px-4 py-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
 });
-function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "div";
-    return (_jsx(Comp, { "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })), ...props }));
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "div";
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "item",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn(itemVariants({
+      variant,
+      size,
+      className
+    })),
+    ...props
+  });
 }
 const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
-            image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
 });
-function ItemMedia({ className, variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-media",
+    "data-variant": variant,
+    className: cn(itemMediaVariants({
+      variant,
+      className
+    })),
+    ...props
+  });
 }
-function ItemContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className), ...props }));
+function ItemContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-content",
+    className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+    ...props
+  });
 }
-function ItemTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-title", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className), ...props }));
+function ItemTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-title",
+    className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+    ...props
+  });
 }
-function ItemDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "item-description", className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+function ItemDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("p", {
+    "data-slot": "item-description",
+    className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
 }
-function ItemActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
+function ItemActions({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-actions",
+    className: cn("flex items-center gap-2", className),
+    ...props
+  });
 }
-function ItemHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+function ItemHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-header",
+    className: cn("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
 }
-function ItemFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+function ItemFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "item-footer",
+    className: cn("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
 }
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, };
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/display/content/kbd.js

@@ -1,9 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-function Kbd({ className, ...props }) {
-    return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-foreground/80 ring-1 ring-border ring-inset select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:ring-0 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Kbd({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("kbd", {
+    "data-slot": "kbd",
+    className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-foreground/80 ring-1 ring-border ring-inset select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:ring-0 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+    ...props
+  });
 }
-function KbdGroup({ className, ...props }) {
-    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
+function KbdGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("kbd", {
+    "data-slot": "kbd-group",
+    className: cn("inline-flex items-center gap-1", className),
+    ...props
+  });
 }
 export { Kbd, KbdGroup };

package/dist/display/media/aspect-ratio.js

@@ -1,7 +1,31 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import * as AspectRatioPrimitive from "radix-ui/aspect-ratio";
-function AspectRatio({ ...props }) {
-    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+import { jsx as _jsx } from "react/jsx-runtime";
+function AspectRatio(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(AspectRatioPrimitive.Root, {
+      "data-slot": "aspect-ratio",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 export { AspectRatio };