@lfrprazeres/ui 0.1.0 → 0.2.0

package/dist/elements/table.js

@@ -0,0 +1,68 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/elements/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative w-full overflow-x-auto",
+		"data-slot": "table-container",
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn("w-full caption-bottom text-sm", className),
+			"data-slot": "table",
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn("[&_tr]:border-b", className),
+		"data-slot": "table-header",
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn("[&_tr:last-child]:border-0", className),
+		"data-slot": "table-body",
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+		"data-slot": "table-footer",
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+		"data-slot": "table-row",
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		className: cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		"data-slot": "table-head",
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		className: cn("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		"data-slot": "table-cell",
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn("mt-4 text-muted-foreground text-sm", className),
+		"data-slot": "table-caption",
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/elements/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../src/elements/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      className=\"relative w-full overflow-x-auto\"\n      data-slot=\"table-container\"\n    >\n      <table\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        data-slot=\"table\"\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      className={cn(\"[&_tr]:border-b\", className)}\n      data-slot=\"table-header\"\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      data-slot=\"table-body\"\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      data-slot=\"table-footer\"\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      data-slot=\"table-row\"\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      className={cn(\n        \"h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      data-slot=\"table-head\"\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      className={cn(\n        \"whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      data-slot=\"table-cell\"\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      className={cn(\"mt-4 text-muted-foreground text-sm\", className)}\n      data-slot=\"table-caption\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n"],"mappings":";;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;CACrE,OACE,oBAAC,OAAD;EACE,WAAU;EACV,aAAU;EAEV,UAAA,oBAAC,SAAD;GACE,WAAW,GAAG,iCAAiC,SAAS;GACxD,aAAU;GACV,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,mBAAmB,SAAS;EAC1C,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;CACzE,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,8BAA8B,SAAS;EACrD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,WAAW,GACT,2DACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;CACrE,OACE,oBAAC,MAAD;EACE,WAAW,GACT,6GACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,WAAW,GACT,sJACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,WAAW,GACT,0GACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAC+B;CAClC,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,sCAAsC,SAAS;EAC7D,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 import { Chip, ChipProps, chipVariants } from "./components/chip.js";
+import { FileDropzone, FileDropzoneProps } from "./components/file-dropzone.js";
 import { LanguageOption, LanguageSwitcher, LanguageSwitcherProps } from "./components/language-switcher.js";
 import { Marquee, MarqueeProps } from "./components/marquee.js";
 import { MessageBubble, MessageBubbleProps, MessageRole } from "./components/message-bubble.js";
+import { SearchCombobox, SearchComboboxProps } from "./components/search-combobox.js";
 import { StatDirection, StatTile, StatTileProps } from "./components/stat-tile.js";
 import { StreamingDots, StreamingDotsProps } from "./components/streaming-dots.js";
-import { ThemeMode, ThemeToggle, ThemeToggleProps } from "./components/theme-toggle.js";
+import { ThemeMode, ThemeToggle, ThemeToggleLabels, ThemeToggleProps } from "./components/theme-toggle.js";
 import "./components/index.js";
 import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./elements/avatar.js";
 import { Badge, badgeVariants } from "./elements/badge.js";
@@ -21,7 +23,8 @@ import { Separator } from "./elements/separator.js";
 import { Skeleton } from "./elements/skeleton.js";
 import { Toaster, toast } from "./elements/sonner.js";
 import { Switch } from "./elements/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./elements/table.js";
 import { Textarea } from "./elements/textarea.js";
 import "./elements/index.js";
 import { cn } from "./lib/cn.js";
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, ChipProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LanguageOption, LanguageSwitcher, LanguageSwitcherProps, Marquee, MarqueeProps, MessageBubble, MessageBubbleProps, MessageRole, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatDirection, StatTile, StatTileProps, StreamingDots, StreamingDotsProps, Switch, Textarea, ThemeMode, ThemeToggle, ThemeToggleProps, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, ChipProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileDropzone, FileDropzoneProps, Input, Label, LanguageOption, LanguageSwitcher, LanguageSwitcherProps, Marquee, MarqueeProps, MessageBubble, MessageBubbleProps, MessageRole, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, SearchCombobox, SearchComboboxProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatDirection, StatTile, StatTileProps, StreamingDots, StreamingDotsProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, ThemeMode, ThemeToggle, ThemeToggleLabels, ThemeToggleProps, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };

package/dist/index.js

@@ -1,10 +1,12 @@
 import { cn } from "./lib/cn.js";
 import { Chip, chipVariants } from "./components/chip.js";
+import { FileDropzone } from "./components/file-dropzone.js";
 import { Button, buttonVariants } from "./elements/button.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./elements/dropdown-menu.js";
 import { LanguageSwitcher } from "./components/language-switcher.js";
 import { Marquee } from "./components/marquee.js";
 import { MessageBubble } from "./components/message-bubble.js";
+import { SearchCombobox } from "./components/search-combobox.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./elements/card.js";
 import { StatTile } from "./components/stat-tile.js";
 import { StreamingDots } from "./components/streaming-dots.js";
@@ -21,5 +23,6 @@ import { Separator } from "./elements/separator.js";
 import { Skeleton } from "./elements/skeleton.js";
 import { Toaster, toast } from "./elements/sonner.js";
 import { Switch } from "./elements/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./elements/table.js";
 import { Textarea } from "./elements/textarea.js";
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LanguageSwitcher, Marquee, MessageBubble, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatTile, StreamingDots, Switch, Textarea, ThemeToggle, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileDropzone, Input, Label, LanguageSwitcher, Marquee, MessageBubble, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, SearchCombobox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatTile, StreamingDots, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, ThemeToggle, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };

package/dist/tokens/palettes/base.css

@@ -14,7 +14,7 @@
   --tertiary: var(--neutral-200);
   --tertiary-foreground: var(--neutral-900);
   --muted: var(--neutral-100);
-  --muted-foreground: var(--neutral-500);
+  --muted-foreground: var(--neutral-600);
   --accent: var(--neutral-100);
   --accent-foreground: var(--neutral-900);
   --destructive: var(--rose-600);
@@ -34,8 +34,8 @@
   --sidebar-accent-foreground: var(--neutral-900);
   --sidebar-border: var(--neutral-200);
   --sidebar-ring: var(--neutral-400);
-  --positive: var(--emerald-600);
-  --negative: var(--rose-600);
+  --positive: var(--emerald-700);
+  --negative: var(--rose-700);
 
   --motion-duration-fast: var(--duration-fast);
   --motion-duration-base: var(--duration-base);

package/dist/tokens/palettes/cyberpunk.css

@@ -15,12 +15,12 @@
   --popover-foreground: var(--slate-950);
   --primary: var(--cyan-700);
   --primary-foreground: var(--slate-50);
-  --secondary: var(--fuchsia-600);
+  --secondary: var(--fuchsia-700);
   --secondary-foreground: var(--slate-50);
   --tertiary: var(--violet-600);
   --tertiary-foreground: var(--slate-50);
   --muted: var(--slate-100);
-  --muted-foreground: var(--slate-500);
+  --muted-foreground: var(--slate-600);
   --accent: var(--cyan-100);
   --accent-foreground: var(--cyan-900);
   --destructive: var(--rose-600);
@@ -40,8 +40,8 @@
   --sidebar-accent-foreground: var(--cyan-900);
   --sidebar-border: var(--slate-200);
   --sidebar-ring: var(--cyan-500);
-  --positive: var(--emerald-600);
-  --negative: var(--rose-600);
+  --positive: var(--emerald-700);
+  --negative: var(--rose-700);
 }
 
 .palette-cyberpunk.dark {

package/dist/tokens/palettes/gold.css

@@ -34,8 +34,8 @@
   --sidebar-accent-foreground: var(--gold-900);
   --sidebar-border: var(--sand-200);
   --sidebar-ring: var(--gold-500);
-  --positive: var(--emerald-600);
-  --negative: var(--rose-600);
+  --positive: var(--emerald-700);
+  --negative: var(--rose-700);
 }
 
 .palette-gold.dark {

package/dist/tokens/palettes/minimal.css

@@ -60,7 +60,7 @@
   --muted-foreground: var(--neutral-400);
   --accent: var(--neutral-800);
   --accent-foreground: var(--neutral-0);
-  --destructive: var(--neutral-0);
+  --destructive: var(--neutral-400);
   --border: var(--neutral-0);
   --input: var(--neutral-0);
   --ring: var(--neutral-0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lfrprazeres/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A React design system: shadcn elements, composed components, and a three-tier token contract.",
   "keywords": [
     "react",
@@ -23,8 +23,9 @@
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
-    "./elements": "./dist/elements/index.js",
+    "./charts": "./dist/charts/index.js",
     "./components": "./dist/components/index.js",
+    "./elements": "./dist/elements/index.js",
     "./styles.css": "./dist/styles.css",
     "./tokens/*": "./dist/tokens/*"
   },
@@ -63,6 +64,7 @@
     "publint": "^0.3.24",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
+    "recharts": "^3.8.0",
     "size-limit": "^13.0.3",
     "storybook": "^10.5.10",
     "tailwindcss": "^4.3.3",
@@ -75,8 +77,14 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "recharts": "^3.8.0",
     "tailwindcss": "^4.0.0"
   },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": "^24.x",
     "pnpm": ">=11"
@@ -89,6 +97,7 @@
     "build": "tsdown",
     "build-storybook": "storybook build",
     "check": "ultracite check",
+    "check:charts": "node scripts/check-chart-isolation.mjs",
     "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints styles.css",
     "check:rsc": "node scripts/check-rsc-directives.mjs",
     "check:size": "size-limit",