@flamingo-stack/openframe-frontend-core 0.0.439 → 0.0.440

package/src/components/square-avatar.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import React from 'react';
-import { cn } from "../utils/cn";
-import { getProxiedImageUrl } from '../utils/image-proxy';
-
-interface SquareAvatarProps {
-  /** Image URL (if null/undefined, renders initials fallback) */
-  src?: string | null;
-  /** Fallback name used to derive initials when no image */
-  fallbackName?: string;
-  /** Size in px (applied to width & height). Defaults to 56 (Tailwind w-14 h-14). */
-  size?: number;
-  /** If true, avatar takes full width with square aspect ratio */
-  fullWidth?: boolean;
-  /** Corner treatment. `'square'` = rounded-lg (default, historical look); `'round'` = fully circular. */
-  shape?: 'square' | 'round';
-  className?: string;
-}
-
-/**
- * Square avatar with rounded edges used across cards / dashboards.
- * Automatically shows image (via proxied URL) or initials fallback.
- */
-export function SquareAvatar({ src, fallbackName = '', size = 56, fullWidth = false, shape = 'square', className }: SquareAvatarProps) {
-  const initials = React.useMemo(() => {
-    if (!fallbackName) return '';
-    return fallbackName
-      .split(' ')
-      .map((n) => n.charAt(0))
-      .join('')
-      .slice(0, 2)
-      .toUpperCase();
-  }, [fallbackName]);
-
-  const style: React.CSSProperties = fullWidth ? {} : { width: size, height: size };
-
-  return (
-    <div
-      className={cn(
-        'border border-ods-border flex items-center justify-center overflow-hidden bg-ods-bg-secondary',
-        shape === 'round' ? 'rounded-full' : 'rounded-lg',
-        fullWidth ? 'w-full aspect-square' : 'flex-shrink-0',
-        className,
-      )}
-      style={style}
-    >
-      {src ? (
-        // eslint-disable-next-line @next/next/no-img-element
-        <img src={getProxiedImageUrl(src) || src} alt="Avatar" className="object-cover w-full h-full" />
-      ) : (
-        <span className={cn(
-          "font-['DM_Sans'] text-ods-text-primary font-bold",
-          fullWidth ? 'text-4xl' : 'text-lg'
-        )}>
-          {initials}
-        </span>
-      )}
-    </div>
-  );
-} 

package/src/components/table.tsx

@@ -1,72 +0,0 @@
-import * as React from "react"
-
-import { cn } from "../utils/cn"
-
-const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
-  ({ className, ...props }, ref) => (
-    <div className="relative w-full overflow-auto">
-      <table ref={ref} className={cn("w-full caption-bottom text-sm", className)} {...props} />
-    </div>
-  ),
-)
-Table.displayName = "Table"
-
-const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />,
-)
-TableHeader.displayName = "TableHeader"
-
-const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => (
-    <tbody ref={ref} className={cn("[&_tr:last-child]:border-0", className)} {...props} />
-  ),
-)
-TableBody.displayName = "TableBody"
-
-const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => (
-    <tfoot ref={ref} className={cn("bg-primary font-medium text-primary-foreground", className)} {...props} />
-  ),
-)
-TableFooter.displayName = "TableFooter"
-
-const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(
-  ({ className, ...props }, ref) => (
-    <tr
-      ref={ref}
-      className={cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)}
-      {...props}
-    />
-  ),
-)
-TableRow.displayName = "TableRow"
-
-const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(
-  ({ className, ...props }, ref) => (
-    <th
-      ref={ref}
-      className={cn(
-        "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-        className,
-      )}
-      {...props}
-    />
-  ),
-)
-TableHead.displayName = "TableHead"
-
-const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(
-  ({ className, ...props }, ref) => (
-    <td ref={ref} className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)} {...props} />
-  ),
-)
-TableCell.displayName = "TableCell"
-
-const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(
-  ({ className, ...props }, ref) => (
-    <caption ref={ref} className={cn("mt-4 text-sm text-muted-foreground", className)} {...props} />
-  ),
-)
-TableCaption.displayName = "TableCaption"
-
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }

package/src/components/tabs.tsx

@@ -1,65 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
-
-import { cn } from "../utils/cn"
-
-/**
- * @deprecated Use `TabNavigation` from `components/ui/tab-navigation` — the
- * single canonical tab component (ODS tokens, URL-sync, overflow scroll
- * shadows). This Radix-based `Tabs` set styles itself with legacy shadcn tokens
- * (`bg-muted`, `text-foreground`, `ring-ring`) that don't exist in ODS and is
- * kept only for un-migrated call sites. Do not use in new code.
- */
-const Tabs = TabsPrimitive.Root
-
-/** @deprecated Use `TabNavigation` from `components/ui/tab-navigation`. See {@link Tabs}. */
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-TabsList.displayName = TabsPrimitive.List.displayName
-
-/** @deprecated Use `TabNavigation` from `components/ui/tab-navigation`. See {@link Tabs}. */
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      className
-    )}
-    {...props}
-  />
-))
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
-
-/** @deprecated Use `TabNavigation` from `components/ui/tab-navigation`. See {@link Tabs}. */
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    )}
-    {...props}
-  />
-))
-TabsContent.displayName = TabsPrimitive.Content.displayName
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }

package/src/components/toggle.tsx

@@ -1,45 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "../utils/cn"
-
-const toggleVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline:
-          "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
-      },
-      size: {
-        default: "h-10 px-3 min-w-10",
-        sm: "h-9 px-2.5 min-w-9",
-        lg: "h-11 px-5 min-w-11",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root
-    ref={ref}
-    className={cn(toggleVariants({ variant, size, className }))}
-    {...props}
-  />
-))
-
-Toggle.displayName = TogglePrimitive.Root.displayName
-
-export { Toggle, toggleVariants }