@wealthx/shadcn 0.0.1 → 1.0.0

package/src/components/index.tsx

@@ -0,0 +1,443 @@
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from "./ui/accordion";
+export type {
+  AccordionProps,
+  AccordionItemProps,
+  AccordionTriggerProps,
+  AccordionContentProps,
+} from "./ui/accordion";
+
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "./ui/alert-dialog";
+export type {
+  AlertDialogProps,
+  AlertDialogActionProps,
+  AlertDialogCancelProps,
+  AlertDialogContentProps,
+  AlertDialogDescriptionProps,
+  AlertDialogFooterProps,
+  AlertDialogHeaderProps,
+  AlertDialogMediaProps,
+  AlertDialogOverlayProps,
+  AlertDialogPortalProps,
+  AlertDialogTitleProps,
+  AlertDialogTriggerProps,
+} from "./ui/alert-dialog";
+
+export { Alert, AlertTitle, AlertDescription } from "./ui/alert";
+export type {
+  AlertProps,
+  AlertTitleProps,
+  AlertDescriptionProps,
+} from "./ui/alert";
+
+export {
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  AvatarBadge,
+  AvatarGroup,
+  AvatarGroupCount,
+} from "./ui/avatar";
+export type {
+  AvatarProps,
+  AvatarImageProps,
+  AvatarFallbackProps,
+  AvatarBadgeProps,
+  AvatarGroupProps,
+  AvatarGroupCountProps,
+} from "./ui/avatar";
+
+export { Badge, badgeVariants } from "./ui/badge";
+export type { BadgeProps } from "./ui/badge";
+
+export { Button, buttonVariants } from "./ui/button";
+export type { ButtonProps } from "./ui/button";
+
+export { Calendar, CalendarDayButton } from "./ui/calendar";
+export type { CalendarProps, CalendarDayButtonProps } from "./ui/calendar";
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+} from "./ui/card";
+export type {
+  CardProps,
+  CardHeaderProps,
+  CardFooterProps,
+  CardTitleProps,
+  CardActionProps,
+  CardDescriptionProps,
+  CardContentProps,
+} from "./ui/card";
+
+export { Checkbox, CheckboxCard } from "./ui/checkbox";
+export type { CheckboxProps, CheckboxCardProps } from "./ui/checkbox";
+
+export { Chip } from "./ui/chip";
+export type { ChipProps } from "./ui/chip";
+
+export {
+  DataTable,
+  DataTableToolbar,
+  DataTablePagination,
+  DataTableSkeleton,
+  DataTableColumnHeader,
+  getSelectionColumn,
+} from "./ui/data-table";
+export type {
+  DataTableProps,
+  ColumnDef,
+  SortingState,
+  ColumnFiltersState,
+  VisibilityState,
+  RowSelectionState,
+} from "./ui/data-table";
+
+export { DatePicker } from "./ui/date-picker";
+export type { DatePickerProps } from "./ui/date-picker";
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+} from "./ui/dialog";
+export type {
+  DialogProps,
+  DialogCloseProps,
+  DialogContentProps,
+  DialogDescriptionProps,
+  DialogFooterProps,
+  DialogHeaderProps,
+  DialogOverlayProps,
+  DialogPortalProps,
+  DialogTitleProps,
+  DialogTriggerProps,
+} from "./ui/dialog";
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+} from "./ui/drawer";
+export type {
+  DrawerProps,
+  DrawerPortalProps,
+  DrawerOverlayProps,
+  DrawerTriggerProps,
+  DrawerCloseProps,
+  DrawerContentProps,
+  DrawerHeaderProps,
+  DrawerFooterProps,
+  DrawerTitleProps,
+  DrawerDescriptionProps,
+} from "./ui/drawer";
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+} from "./ui/dropdown-menu";
+export type {
+  DropdownMenuProps,
+  DropdownMenuPortalProps,
+  DropdownMenuTriggerProps,
+  DropdownMenuContentProps,
+  DropdownMenuGroupProps,
+  DropdownMenuLabelProps,
+  DropdownMenuItemProps,
+  DropdownMenuCheckboxItemProps,
+  DropdownMenuRadioGroupProps,
+  DropdownMenuRadioItemProps,
+  DropdownMenuSeparatorProps,
+  DropdownMenuShortcutProps,
+  DropdownMenuSubProps,
+  DropdownMenuSubTriggerProps,
+  DropdownMenuSubContentProps,
+} from "./ui/dropdown-menu";
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+} from "./ui/empty";
+export type {
+  EmptyProps,
+  EmptyHeaderProps,
+  EmptyTitleProps,
+  EmptyDescriptionProps,
+  EmptyContentProps,
+  EmptyMediaProps,
+} from "./ui/empty";
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+} from "./ui/field";
+export type {
+  FieldProps,
+  FieldLabelProps,
+  FieldDescriptionProps,
+  FieldErrorProps,
+  FieldGroupProps,
+  FieldLegendProps,
+  FieldSeparatorProps,
+  FieldSetProps,
+  FieldContentProps,
+  FieldTitleProps,
+} from "./ui/field";
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+} from "./ui/input-group";
+export type {
+  InputGroupProps,
+  InputGroupAddonProps,
+  InputGroupButtonProps,
+  InputGroupTextProps,
+  InputGroupInputProps,
+  InputGroupTextareaProps,
+} from "./ui/input-group";
+
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  InputOTPSeparator,
+} from "./ui/input-otp";
+export type {
+  InputOTPProps,
+  InputOTPGroupProps,
+  InputOTPSlotProps,
+  InputOTPSeparatorProps,
+} from "./ui/input-otp";
+
+export { Input } from "./ui/input";
+export type { InputProps } from "./ui/input";
+
+export { Label } from "./ui/label";
+export type { LabelProps } from "./ui/label";
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+} from "./ui/pagination";
+export type {
+  PaginationProps,
+  PaginationContentProps,
+  PaginationLinkProps,
+  PaginationItemProps,
+  PaginationPreviousProps,
+  PaginationNextProps,
+  PaginationEllipsisProps,
+} from "./ui/pagination";
+
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverDescription,
+} from "./ui/popover";
+export type {
+  PopoverProps,
+  PopoverTriggerProps,
+  PopoverContentProps,
+  PopoverAnchorProps,
+  PopoverHeaderProps,
+  PopoverTitleProps,
+  PopoverDescriptionProps,
+} from "./ui/popover";
+
+export { Progress } from "./ui/progress";
+export type { ProgressProps } from "./ui/progress";
+
+export { RadioGroup, RadioGroupItem, RadioGroupCard } from "./ui/radio-group";
+export type {
+  RadioGroupProps,
+  RadioGroupItemProps,
+  RadioGroupCardProps,
+} from "./ui/radio-group";
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+} from "./ui/select";
+export type {
+  SelectProps,
+  SelectContentProps,
+  SelectGroupProps,
+  SelectItemProps,
+  SelectLabelProps,
+  SelectScrollDownButtonProps,
+  SelectScrollUpButtonProps,
+  SelectSeparatorProps,
+  SelectTriggerProps,
+  SelectValueProps,
+} from "./ui/select";
+
+export { Separator } from "./ui/separator";
+export type { SeparatorProps } from "./ui/separator";
+
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+} from "./ui/sheet";
+export type {
+  SheetProps,
+  SheetCloseProps,
+  SheetContentProps,
+  SheetDescriptionProps,
+  SheetFooterProps,
+  SheetHeaderProps,
+  SheetPortalProps,
+  SheetTitleProps,
+  SheetTriggerProps,
+} from "./ui/sheet";
+
+export { Skeleton } from "./ui/skeleton";
+export type { SkeletonProps } from "./ui/skeleton";
+
+export { Toaster } from "./ui/sonner";
+
+export { Spinner, spinnerVariants } from "./ui/spinner";
+export type { SpinnerProps } from "./ui/spinner";
+
+export { Switch, SwitchCard } from "./ui/switch";
+export type { SwitchProps, SwitchCardProps } from "./ui/switch";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+} from "./ui/table";
+export type {
+  TableProps,
+  TableHeaderProps,
+  TableBodyProps,
+  TableFooterProps,
+  TableHeadProps,
+  TableRowProps,
+  TableCellProps,
+  TableCaptionProps,
+} from "./ui/table";
+
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } from "./ui/tabs";
+export type {
+  TabsProps,
+  TabsListProps,
+  TabsTriggerProps,
+  TabsContentProps,
+} from "./ui/tabs";
+
+export { Textarea } from "./ui/textarea";
+export type { TextareaProps } from "./ui/textarea";
+
+export { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group";
+export type { ToggleGroupProps, ToggleGroupItemProps } from "./ui/toggle-group";
+
+export { Toggle, toggleVariants } from "./ui/toggle";
+export type { ToggleProps } from "./ui/toggle";
+
+export {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+} from "./ui/tooltip";
+export type {
+  TooltipProps,
+  TooltipTriggerProps,
+  TooltipContentProps,
+  TooltipProviderProps,
+} from "./ui/tooltip";

package/src/components/ui/accordion.tsx

@@ -0,0 +1,99 @@
+/**
+ * Accordion — WealthX DS overrides (shadcn base)
+ *
+ * Changes from shadcn default:
+ *   - AccordionItem:    removed `last:border-b-0` — consistent separator on every item
+ *   - AccordionTrigger: `rounded-md` → `rounded-none` — WealthX sharp corners
+ *   - AccordionTrigger: `items-start` → `items-center` — single-line trigger alignment
+ *   - AccordionTrigger: `transition-all` → `transition-[color,opacity]` — scoped animation
+ *   - AccordionTrigger: focus ring uses `foreground/30` instead of `ring/50` — no brand color
+ *   - AccordionContent: inner wrapper uses `pb-4 text-muted-foreground`
+ */
+import { type ReactElement } from "react";
+import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { cn } from "@/lib/utils";
+
+export type AccordionProps = React.ComponentProps<
+  typeof AccordionPrimitive.Root
+>;
+
+function Accordion(props: AccordionProps): ReactElement {
+  return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
+}
+
+export type AccordionItemProps = React.ComponentProps<
+  typeof AccordionPrimitive.Item
+>;
+
+function AccordionItem({ className, ...props }: AccordionItemProps): ReactElement {
+  return (
+    <AccordionPrimitive.Item
+      className={cn("border-b", className)}
+      data-slot="accordion-item"
+      {...props}
+    />
+  );
+}
+
+export type AccordionTriggerProps = React.ComponentProps<
+  typeof AccordionPrimitive.Trigger
+>;
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: AccordionTriggerProps): ReactElement {
+  return (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        className={cn(
+          // layout
+          "flex flex-1 items-center justify-between gap-4 py-4 text-left",
+          // typography
+          "text-sm font-medium",
+          // base
+          "rounded-none outline-none transition-[color,opacity]",
+          // interactive states
+          "hover:underline",
+          "focus-visible:ring-2 focus-visible:ring-foreground/30",
+          "disabled:pointer-events-none disabled:opacity-50",
+          // chevron rotation when open
+          "[&[data-panel-open]>svg]:rotate-180",
+          className,
+        )}
+        data-slot="accordion-trigger"
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className="pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  );
+}
+
+export type AccordionContentProps = React.ComponentProps<
+  typeof AccordionPrimitive.Panel
+>;
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: AccordionContentProps): ReactElement {
+  return (
+    <AccordionPrimitive.Panel
+      className="overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0"
+      data-slot="accordion-content"
+      {...props}
+    >
+      <div className={cn("pb-4 text-muted-foreground", className)}>
+        {children}
+      </div>
+    </AccordionPrimitive.Panel>
+  );
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };