@lfrprazeres/ui 0.1.0 → 0.3.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/elements/toggle-group.d.ts

@@ -0,0 +1,12 @@
+import { toggleVariants } from "./toggle.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { ToggleGroup } from "radix-ui";
+//#region src/elements/toggle-group.d.ts
+declare function ToggleGroup$1({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroup.Root> & VariantProps<typeof toggleVariants> & {
+  spacing?: number;
+}): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroup.Item> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/elements/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../src/elements/toggle-group.tsx"],"mappings":";;;;;iBAkBS,gBACP,WACA,SACA,MACA,SACA,aACG,SACF,MAAM,sBAAsB,YAAqB,QAClD,oBAAoB;EAClB;IACD,MAAA,IAAA;iBAqBM,kBACP,WACA,UACA,SACA,SACG,SACF,MAAM,sBAAsB,YAAqB,QAClD,oBAAoB,kBAAe,MAAA,IAAA"}

package/dist/elements/toggle-group.js

@@ -0,0 +1,50 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { toggleVariants } from "./toggle.js";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ToggleGroup } from "radix-ui";
+//#region src/elements/toggle-group.tsx
+const ToggleGroupContext = React.createContext({
+	size: "default",
+	spacing: 0,
+	variant: "default"
+});
+function ToggleGroup$1({ className, variant, size, spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup.Root, {
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+		"data-size": size,
+		"data-slot": "toggle-group",
+		"data-spacing": spacing,
+		"data-variant": variant,
+		style: { "--gap": spacing },
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				size,
+				spacing,
+				variant
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = React.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroup.Item, {
+		className: cn(toggleVariants({
+			size: context.size || size,
+			variant: context.variant || variant
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:first:border-l data-[spacing=0]:first:rounded-l-md", className),
+		"data-size": context.size || size,
+		"data-slot": "toggle-group-item",
+		"data-spacing": context.spacing,
+		"data-variant": context.variant || variant,
+		...props,
+		children
+	});
+}
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

package/dist/elements/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["ToggleGroup","ToggleGroupPrimitive"],"sources":["../../src/elements/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\nimport { toggleVariants } from \"@/elements/toggle\";\nimport { cn } from \"@/lib/cn\";\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number;\n  }\n>({\n  size: \"default\",\n  spacing: 0,\n  variant: \"default\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number;\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"toggle-group\"\n      data-spacing={spacing}\n      data-variant={variant}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ size, spacing, variant }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      className={cn(\n        toggleVariants({\n          size: context.size || size,\n          variant: context.variant || variant,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:first:border-l data-[spacing=0]:first:rounded-l-md\",\n        className\n      )}\n      data-size={context.size || size}\n      data-slot=\"toggle-group-item\"\n      data-spacing={context.spacing}\n      data-variant={context.variant || variant}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;AAQA,MAAM,qBAAqB,MAAM,cAI/B;CACA,MAAM;CACN,SAAS;CACT,SAAS;AACX,CAAC;AAED,SAASA,cAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAIA;CACH,OACE,oBAACC,YAAqB,MAAtB;EACE,WAAW,GACT,6IACA,SACF;EACA,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,OAAO,EAAE,SAAS,QAAQ;EAC1B,GAAI;EAEJ,UAAA,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAM;IAAS;GAAQ;GAC1D;EAC0B,CAAA;CACJ,CAAA;AAE/B;AAEA,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAEkC;CACrC,MAAM,UAAU,MAAM,WAAW,kBAAkB;CAEnD,OACE,oBAACA,YAAqB,MAAtB;EACE,WAAW,GACT,eAAe;GACb,MAAM,QAAQ,QAAQ;GACtB,SAAS,QAAQ,WAAW;EAC9B,CAAC,GACD,8DACA,+OACA,SACF;EACA,aAAW,QAAQ,QAAQ;EAC3B,aAAU;EACV,gBAAc,QAAQ;EACtB,gBAAc,QAAQ,WAAW;EACjC,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/elements/toggle.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Toggle } from "radix-ui";
+//#region src/elements/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+  variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle$1({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+//#endregion
+export { Toggle$1 as Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/elements/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../src/elements/toggle.tsx"],"mappings":";;;;cAQM,iBAAc;;;6CAoBnB;iBAEQ,WACP,WACA,SACA,SACG,SACF,MAAM,sBAAsB,OAAgB,QAC7C,oBAAoB,kBAAe,MAAA,IAAA"}

package/dist/elements/toggle.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "radix-ui";
+//#region src/elements/toggle.tsx
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 min-w-9 px-2",
+			lg: "h-10 min-w-10 px-2.5",
+			sm: "h-8 min-w-8 px-1.5"
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		}
+	}
+});
+function Toggle$1({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle.Root, {
+		className: cn(toggleVariants({
+			className,
+			size,
+			variant
+		})),
+		"data-slot": "toggle",
+		...props
+	});
+}
+//#endregion
+export { Toggle$1 as Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/elements/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["Toggle","TogglePrimitive"],"sources":["../../src/elements/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        lg: \"h-10 min-w-10 px-2.5\",\n        sm: \"h-8 min-w-8 px-1.5\",\n      },\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n      },\n    },\n  }\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      className={cn(toggleVariants({ className, size, variant }))}\n      data-slot=\"toggle\"\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;AAQA,MAAM,iBAAiB,IACrB,ijBACA;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;CACA,UAAU;EACR,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,SACE;EACJ;CACF;AACF,CACF;AAEA,SAASA,SAAO,EACd,WACA,SACA,MACA,GAAG,SAEkC;CACrC,OACE,oBAACC,OAAgB,MAAjB;EACE,WAAW,GAAG,eAAe;GAAE;GAAW;GAAM;EAAQ,CAAC,CAAC;EAC1D,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,10 @@ 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 { Toggle, toggleVariants } from "./elements/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./elements/toggle-group.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, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonVariants, chipVariants, cn, toast, toggleVariants };

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,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";
-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 };
+import { Toggle, toggleVariants } from "./elements/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./elements/toggle-group.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, 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, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonVariants, chipVariants, cn, toast, toggleVariants };

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.3.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",