@alpic-ai/ui 0.0.0-dev.911edda → 0.0.0-dev.9148f89

package/dist/components/avatar.d.mts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/avatar.d.ts
 declare const avatarVariants: (props?: ({
-  size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";

package/dist/components/badge.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "primary" | "secondary" | "warning" | "success" | "error" | null | undefined;
+  variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}

package/dist/components/button.d.mts

@@ -5,8 +5,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "destructive" | "primary" | "secondary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;
-  size?: "default" | "pill" | "icon" | "icon-rounded" | null | undefined;
+  variant?: "destructive" | "secondary" | "primary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;
+  size?: "default" | "icon" | "icon-rounded" | "pill" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
   asChild?: boolean;

package/dist/components/spinner.d.mts

@@ -4,8 +4,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
-  variant?: "primary" | "secondary" | null | undefined;
-  size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+  variant?: "secondary" | "primary" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
 declare function Spinner({

package/dist/components/table.d.mts

@@ -26,10 +26,19 @@ declare function TableHead({
   className,
   ...props
 }: React.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
+interface TableCellProps extends React.ComponentProps<"td"> {
+  /**
+   * When true, the cell renders edge-to-edge so the child can act as the
+   * interactive surface (e.g. a button or popover trigger filling the cell).
+   * Defaults to false (standard padded cell).
+   */
+  interactive?: boolean;
+}
 declare function TableCell({
   className,
+  interactive,
   ...props
-}: React.ComponentProps<"td">): _$react_jsx_runtime0.JSX.Element;
+}: TableCellProps): _$react_jsx_runtime0.JSX.Element;
 declare function TableCaption({
   className,
   ...props

package/dist/components/table.mjs

@@ -47,10 +47,10 @@ function TableHead({ className, ...props }) {
 		...props
 	});
 }
-function TableCell({ className, ...props }) {
+function TableCell({ className, interactive = false, ...props }) {
 	return /* @__PURE__ */ jsx("td", {
 		"data-slot": "table-cell",
-		className: cn("px-6 py-2 align-middle", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
+		className: cn("align-middle", interactive ? "h-px p-0" : "px-6 py-2", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className),
 		...props
 	});
 }

package/dist/components/tabs.d.mts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/tabs.d.ts
 declare const tabsTriggerVariants: (props?: ({
-  variant?: "default" | "line" | "pill" | null | undefined;
+  variant?: "default" | "pill" | "line" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Tabs({
   className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-dev.911edda",
+  "version": "0.0.0-dev.9148f89",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {
@@ -23,12 +23,12 @@
     "src"
   ],
   "peerDependencies": {
-    "lucide-react": "^1.8.0",
+    "lucide-react": "^1.11.0",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "react-hook-form": "^7.73.1",
+    "react-hook-form": "^7.74.0",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.2.3",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0"
   },
   "dependencies": {
@@ -56,15 +56,15 @@
   },
   "devDependencies": {
     "@ladle/react": "^5.1.1",
-    "@tailwindcss/postcss": "^4.2.3",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "lucide-react": "^1.8.0",
-    "react-hook-form": "^7.73.1",
+    "lucide-react": "^1.11.0",
+    "react-hook-form": "^7.74.0",
     "shx": "^0.4.0",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.2.3",
-    "tsdown": "^0.21.9",
+    "tailwindcss": "^4.2.4",
+    "tsdown": "^0.21.10",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   },

package/src/components/table.tsx

@@ -66,11 +66,25 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
   );
 }
 
-function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+interface TableCellProps extends React.ComponentProps<"td"> {
+  /**
+   * When true, the cell renders edge-to-edge so the child can act as the
+   * interactive surface (e.g. a button or popover trigger filling the cell).
+   * Defaults to false (standard padded cell).
+   */
+  interactive?: boolean;
+}
+
+function TableCell({ className, interactive = false, ...props }: TableCellProps) {
   return (
     <td
       data-slot="table-cell"
-      className={cn("px-6 py-2 align-middle", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3", className)}
+      className={cn(
+        "align-middle",
+        interactive ? "h-px p-0" : "px-6 py-2",
+        "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-3",
+        className,
+      )}
       {...props}
     />
   );

package/src/stories/table.stories.tsx

@@ -190,8 +190,8 @@ export const AllVariants: Story = () => (
           </TableRow>
         </TableHeader>
         <TableBody>
-          {USERS.slice(0, 3).map((user, i) => (
-            <TableRow key={user.id} data-state={i === 1 ? "selected" : undefined}>
+          {USERS.slice(0, 3).map((user, index) => (
+            <TableRow key={user.id} data-state={index === 1 ? "selected" : undefined}>
               <TableCell className="font-medium text-foreground">{user.name}</TableCell>
               <TableCell className="text-subtle-foreground">{user.role}</TableCell>
               <TableCell className="text-subtle-foreground">{user.email}</TableCell>