@vvedantb/ui 0.1.0 → 0.1.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 vvedantb
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 vvedantb
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vvedantb/ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "MIT",
   "description": "Shared React 19 UI primitives for vmem, vibot and Verve.",
   "type": "module",
@@ -32,7 +32,8 @@
   ],
   "scripts": {
     "build": "tsc -p tsconfig.json",
-    "typecheck": "tsc -p tsconfig.json"
+    "typecheck": "tsc -p tsconfig.json",
+    "prepack": "tsc -p tsconfig.json"
   },
   "peerDependencies": {
     "@radix-ui/react-accordion": "^1.2.12",

package/src/ai-elements/artifact.tsx

@@ -1,99 +1,99 @@
-"use client";
-
-import type { ComponentProps, ReactNode } from "react";
-
-import { Button } from "../ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
-import { cn } from "../utils/cn";
-import { flatElevatedSurfaceClass } from "../ui/surface-classes";
-
-export type ArtifactProps = ComponentProps<"div">;
-
-export const Artifact = ({ className, ...props }: ArtifactProps) => (
-  <div
-    className={cn(flatElevatedSurfaceClass, "rounded-lg", className)}
-    {...props}
-  />
-);
-
-export type ArtifactHeaderProps = ComponentProps<"div">;
-
-export const ArtifactHeader = ({
-  className,
-  ...props
-}: ArtifactHeaderProps) => (
-  <div
-    className={cn(
-      "flex items-start justify-between gap-2 px-4 py-3",
-      className,
-    )}
-    {...props}
-  />
-);
-
-export type ArtifactTitleProps = ComponentProps<"p">;
-
-export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
-  <p
-    className={cn("text-sm font-medium text-foreground", className)}
-    {...props}
-  />
-);
-
-export type ArtifactDescriptionProps = ComponentProps<"p">;
-
-export const ArtifactDescription = ({
-  className,
-  ...props
-}: ArtifactDescriptionProps) => (
-  <p className={cn("text-xs text-muted", className)} {...props} />
-);
-
-export type ArtifactActionsProps = ComponentProps<"div">;
-
-export const ArtifactActions = ({
-  className,
-  ...props
-}: ArtifactActionsProps) => (
-  <div className={cn("flex items-center gap-1", className)} {...props} />
-);
-
-export type ArtifactActionProps = ComponentProps<typeof Button> & {
-  tooltip: string;
-  icon: ReactNode;
-  label?: string;
-};
-
-export const ArtifactAction = ({
-  tooltip,
-  icon,
-  label,
-  className,
-  variant = "ghost",
-  size = "icon",
-  ...props
-}: ArtifactActionProps) => (
-  <Tooltip>
-    <TooltipTrigger asChild>
-      <Button
-        variant={variant}
-        size={size}
-        className={cn("min-w-6 h-6", className)}
-        aria-label={label ?? tooltip}
-        {...props}
-      >
-        {icon}
-      </Button>
-    </TooltipTrigger>
-    <TooltipContent>{tooltip}</TooltipContent>
-  </Tooltip>
-);
-
-export type ArtifactContentProps = ComponentProps<"div">;
-
-export const ArtifactContent = ({
-  className,
-  ...props
-}: ArtifactContentProps) => (
-  <div className={cn("px-4 pb-4", className)} {...props} />
-);
+"use client";
+
+import type { ComponentProps, ReactNode } from "react";
+
+import { Button } from "../ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+import { cn } from "../utils/cn";
+import { flatElevatedSurfaceClass } from "../ui/surface-classes";
+
+export type ArtifactProps = ComponentProps<"div">;
+
+export const Artifact = ({ className, ...props }: ArtifactProps) => (
+  <div
+    className={cn(flatElevatedSurfaceClass, "rounded-lg", className)}
+    {...props}
+  />
+);
+
+export type ArtifactHeaderProps = ComponentProps<"div">;
+
+export const ArtifactHeader = ({
+  className,
+  ...props
+}: ArtifactHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-start justify-between gap-2 px-4 py-3",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type ArtifactTitleProps = ComponentProps<"p">;
+
+export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
+  <p
+    className={cn("text-sm font-medium text-foreground", className)}
+    {...props}
+  />
+);
+
+export type ArtifactDescriptionProps = ComponentProps<"p">;
+
+export const ArtifactDescription = ({
+  className,
+  ...props
+}: ArtifactDescriptionProps) => (
+  <p className={cn("text-xs text-muted", className)} {...props} />
+);
+
+export type ArtifactActionsProps = ComponentProps<"div">;
+
+export const ArtifactActions = ({
+  className,
+  ...props
+}: ArtifactActionsProps) => (
+  <div className={cn("flex items-center gap-1", className)} {...props} />
+);
+
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+  tooltip: string;
+  icon: ReactNode;
+  label?: string;
+};
+
+export const ArtifactAction = ({
+  tooltip,
+  icon,
+  label,
+  className,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}: ArtifactActionProps) => (
+  <Tooltip>
+    <TooltipTrigger asChild>
+      <Button
+        variant={variant}
+        size={size}
+        className={cn("min-w-6 h-6", className)}
+        aria-label={label ?? tooltip}
+        {...props}
+      >
+        {icon}
+      </Button>
+    </TooltipTrigger>
+    <TooltipContent>{tooltip}</TooltipContent>
+  </Tooltip>
+);
+
+export type ArtifactContentProps = ComponentProps<"div">;
+
+export const ArtifactContent = ({
+  className,
+  ...props
+}: ArtifactContentProps) => (
+  <div className={cn("px-4 pb-4", className)} {...props} />
+);