@lfrprazeres/ui 0.2.0 → 0.3.0

package/README.md

@@ -80,9 +80,9 @@ whole surface is 98 kB.
 
 ## What ships
 
-**Elements** (17): Avatar, Badge, Button, Card, Checkbox, Dialog, DropdownMenu,
+**Elements** (19): Avatar, Badge, Button, Card, Checkbox, Dialog, DropdownMenu,
 Input, Label, Popover, Select, Separator, Skeleton, Switch, Table, Textarea,
-Toaster.
+Toaster, Toggle, ToggleGroup.
 
 **Components** (9): Chip, FileDropzone, LanguageSwitcher, Marquee, MessageBubble,
 SearchCombobox, StatTile, StreamingDots, ThemeToggle.

package/dist/charts/index.d.ts

@@ -5,6 +5,6 @@ import { ChartLegendItem, ChartLegendList, ChartLegendListProps } from "./chart-
 import { CHART_RAMP, rampColor } from "./chart-ramp.js";
 import { ChartBaseProps, ChartRow, ChartSeries, ChartSlice } from "./types.js";
 import { DonutChart, DonutChartProps } from "./donut-chart.js";
-import { LineChart, LineChartProps } from "./line-chart.js";
+import { LineChart, LineChartProps, LineChartValueAxis } from "./line-chart.js";
 import { CartesianChartInput, useCartesianChart } from "./use-cartesian-chart.js";
-export { CHART_RAMP, CartesianChartInput, ChartBaseProps, ChartConfig, ChartContainer, ChartDataTable, ChartDataTableProps, ChartDataTableRow, ChartFrame, ChartFrameProps, ChartLegend, ChartLegendContent, ChartLegendItem, ChartLegendList, ChartLegendListProps, ChartRow, ChartSeries, ChartSlice, ChartStyle, ChartTooltip, ChartTooltipContent, DonutChart, DonutChartProps, LineChart, LineChartProps, rampColor, useCartesianChart };
+export { CHART_RAMP, CartesianChartInput, ChartBaseProps, ChartConfig, ChartContainer, ChartDataTable, ChartDataTableProps, ChartDataTableRow, ChartFrame, ChartFrameProps, ChartLegend, ChartLegendContent, ChartLegendItem, ChartLegendList, ChartLegendListProps, ChartRow, ChartSeries, ChartSlice, ChartStyle, ChartTooltip, ChartTooltipContent, DonutChart, DonutChartProps, LineChart, LineChartProps, LineChartValueAxis, rampColor, useCartesianChart };

package/dist/charts/line-chart.d.ts

@@ -1,10 +1,26 @@
+import { ChartTooltip } from "../elements/chart.js";
 import { ChartBaseProps, ChartRow, ChartSeries } from "./types.js";
+import { ComponentProps } from "react";
 //#region src/charts/line-chart.d.ts
+interface LineChartValueAxis {
+  /** Scale to the data range instead of anchoring at zero. */
+  fit?: boolean;
+  orientation?: "left" | "right";
+  width?: number;
+}
 interface LineChartProps extends ChartBaseProps {
   data: ChartRow[];
   /** Draws points as well as the line. */
   dots?: boolean;
+  /** Formats the category axis ticks, e.g. a timestamp into a date. */
+  formatX?: (value: string | number) => string;
+  /** Draw the background grid. */
+  grid?: boolean;
   series: ChartSeries[];
+  /** Replaces the default tooltip content entirely. */
+  tooltip?: ComponentProps<typeof ChartTooltip>["content"];
+  /** Value-axis options, or false to hide it. */
+  valueAxis?: false | LineChartValueAxis;
   /** Key on each row holding the category or time value. */
   xKey: string;
 }
@@ -16,7 +32,7 @@ interface LineChartProps extends ChartBaseProps {
  * tab stops: that forces keyboard users through every value to get past the
  * chart.
  */
-declare function LineChart({ className, data, dots, emptyLabel, formatValue, label, legend, series, xKey }: LineChartProps): import("react").JSX.Element;
+declare function LineChart({ className, data, dots, emptyLabel, formatValue, formatX, grid, label, legend, series, tooltip, valueAxis, xKey }: LineChartProps): import("react").JSX.Element;
 //#endregion
-export { LineChart, LineChartProps };
+export { LineChart, LineChartProps, LineChartValueAxis };
 //# sourceMappingURL=line-chart.d.ts.map

package/dist/charts/line-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.d.ts","names":[],"sources":["../../src/charts/line-chart.tsx"],"mappings":";;UAoBiB,uBAAuB;EACtC,MAAM;;EAEN;EACA,QAAQ;;EAER;;;;;;;;;;iBAWc,YACd,WACA,MACA,MACA,YACA,aACA,OACA,QACA,QACA,QACC,iCAAc,IAAA"}
+{"version":3,"file":"line-chart.d.ts","names":[],"sources":["../../src/charts/line-chart.tsx"],"mappings":";;;;UAqBiB;;EAEf;EACA;EACA;;UAGe,uBAAuB;EACtC,MAAM;;EAEN;;EAEA,WAAW;;EAEX;EACA,QAAQ;;EAER,UAAU,sBAAsB;;EAEhC,oBAAoB;;EAEpB;;;;;;;;;;iBAWc,YACd,WACA,MACA,MACA,YACA,aACA,SACA,MACA,OACA,QACA,QACA,SACA,WACA,QACC,iCAAc,IAAA"}

package/dist/charts/line-chart.js

@@ -15,7 +15,8 @@ import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
 * tab stops: that forces keyboard users through every value to get past the
 * chart.
 */
-function LineChart$1({ className, data, dots = false, emptyLabel, formatValue, label, legend = true, series, xKey }) {
+function LineChart$1({ className, data, dots = false, emptyLabel, formatValue, formatX, grid = true, label, legend = true, series, tooltip, valueAxis, xKey }) {
+	const axis = valueAxis === false ? null : valueAxis ?? {};
 	const { colors, columns, config, legendItems, rows } = useCartesianChart({
 		data,
 		formatValue,
@@ -49,23 +50,27 @@ function LineChart$1({ className, data, dots = false, emptyLabel, formatValue, l
 					top: 8
 				},
 				children: [
-					/* @__PURE__ */ jsx(CartesianGrid, {
+					grid ? /* @__PURE__ */ jsx(CartesianGrid, {
 						strokeDasharray: "3 3",
 						vertical: false
-					}),
+					}) : null,
 					/* @__PURE__ */ jsx(XAxis, {
 						axisLine: false,
 						dataKey: xKey,
+						tickFormatter: formatX,
 						tickLine: false,
 						tickMargin: 8
 					}),
-					/* @__PURE__ */ jsx(YAxis, {
+					axis ? /* @__PURE__ */ jsx(YAxis, {
 						axisLine: false,
+						domain: axis.fit ? ["dataMin", "dataMax"] : void 0,
+						orientation: axis.orientation ?? "left",
+						tickFormatter: formatValue,
 						tickLine: false,
 						tickMargin: 8,
-						width: 48
-					}),
-					/* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+						width: axis.width ?? 48
+					}) : null,
+					/* @__PURE__ */ jsx(ChartTooltip, { content: tooltip ?? /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
 					series.map((entry, index) => /* @__PURE__ */ jsx(Line, {
 						dataKey: entry.key,
 						dot: dots,

package/dist/charts/line-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","names":["LineChart","RechartsLine"],"sources":["../../src/charts/line-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  CartesianGrid,\n  Line,\n  LineChart as RechartsLine,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport { ChartDataTable } from \"@/charts/chart-data-table\";\nimport { ChartFrame } from \"@/charts/chart-frame\";\nimport { ChartLegendList } from \"@/charts/chart-legend-list\";\nimport type { ChartBaseProps, ChartRow, ChartSeries } from \"@/charts/types\";\nimport { useCartesianChart } from \"@/charts/use-cartesian-chart\";\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"@/elements/chart\";\n\nexport interface LineChartProps extends ChartBaseProps {\n  data: ChartRow[];\n  /** Draws points as well as the line. */\n  dots?: boolean;\n  series: ChartSeries[];\n  /** Key on each row holding the category or time value. */\n  xKey: string;\n}\n\n/**\n * A trend over an ordered axis.\n *\n * recharts turns its accessibility layer on by default from v3, so the chart is\n * a single tab stop and arrow keys move between points. Do not add per-point\n * tab stops: that forces keyboard users through every value to get past the\n * chart.\n */\nexport function LineChart({\n  className,\n  data,\n  dots = false,\n  emptyLabel,\n  formatValue,\n  label,\n  legend = true,\n  series,\n  xKey,\n}: LineChartProps) {\n  const { colors, columns, config, legendItems, rows } = useCartesianChart({\n    data,\n    formatValue,\n    series,\n    xKey,\n  });\n\n  return (\n    <ChartFrame\n      className={className}\n      dataTable={\n        <ChartDataTable caption={label} columns={columns} rows={rows} />\n      }\n      emptyLabel={emptyLabel}\n      interactive\n      isEmpty={data.length === 0 || series.length === 0}\n      label={label}\n      legend={legend ? <ChartLegendList items={legendItems} /> : null}\n    >\n      <ChartContainer\n        className=\"aspect-video w-full\"\n        config={config}\n        initialDimension={{ height: 240, width: 420 }}\n      >\n        <RechartsLine data={data} margin={{ left: 4, right: 8, top: 8 }}>\n          <CartesianGrid strokeDasharray=\"3 3\" vertical={false} />\n          <XAxis\n            axisLine={false}\n            dataKey={xKey}\n            tickLine={false}\n            tickMargin={8}\n          />\n          <YAxis axisLine={false} tickLine={false} tickMargin={8} width={48} />\n          <ChartTooltip content={<ChartTooltipContent />} />\n          {series.map((entry, index) => (\n            <Line\n              dataKey={entry.key}\n              dot={dots}\n              key={entry.key}\n              stroke={colors[index]}\n              strokeWidth={2}\n              type=\"monotone\"\n            />\n          ))}\n        </RechartsLine>\n      </ChartContainer>\n    </ChartFrame>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,SAAgBA,YAAU,EACxB,WACA,MACA,OAAO,OACP,YACA,aACA,OACA,SAAS,MACT,QACA,QACiB;CACjB,MAAM,EAAE,QAAQ,SAAS,QAAQ,aAAa,SAAS,kBAAkB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,YAAD;EACa;EACX,WACE,oBAAC,gBAAD;GAAgB,SAAS;GAAgB;GAAe;EAAO,CAAA;EAErD;EACZ,aAAA;EACA,SAAS,KAAK,WAAW,KAAK,OAAO,WAAW;EACzC;EACP,QAAQ,SAAS,oBAAC,iBAAD,EAAiB,OAAO,YAAc,CAAA,IAAI;EAE3D,UAAA,oBAAC,gBAAD;GACE,WAAU;GACF;GACR,kBAAkB;IAAE,QAAQ;IAAK,OAAO;GAAI;GAE5C,UAAA,qBAACC,WAAD;IAAoB;IAAM,QAAQ;KAAE,MAAM;KAAG,OAAO;KAAG,KAAK;IAAE;IAA9D,UAAA;KACE,oBAAC,eAAD;MAAe,iBAAgB;MAAM,UAAU;KAAQ,CAAA;KACvD,oBAAC,OAAD;MACE,UAAU;MACV,SAAS;MACT,UAAU;MACV,YAAY;KACb,CAAA;KACD,oBAAC,OAAD;MAAO,UAAU;MAAO,UAAU;MAAO,YAAY;MAAG,OAAO;KAAK,CAAA;KACpE,oBAAC,cAAD,EAAc,SAAS,oBAAC,qBAAD,CAAsB,CAAA,EAAI,CAAA;KAChD,OAAO,KAAK,OAAO,UAClB,oBAAC,MAAD;MACE,SAAS,MAAM;MACf,KAAK;MAEL,QAAQ,OAAO;MACf,aAAa;MACb,MAAK;KACN,GAJM,MAAM,GAIZ,CACF;IACW;;EACA,CAAA;CACN,CAAA;AAEhB"}
+{"version":3,"file":"line-chart.js","names":["LineChart","RechartsLine"],"sources":["../../src/charts/line-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport {\n  CartesianGrid,\n  Line,\n  LineChart as RechartsLine,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport { ChartDataTable } from \"@/charts/chart-data-table\";\nimport { ChartFrame } from \"@/charts/chart-frame\";\nimport { ChartLegendList } from \"@/charts/chart-legend-list\";\nimport type { ChartBaseProps, ChartRow, ChartSeries } from \"@/charts/types\";\nimport { useCartesianChart } from \"@/charts/use-cartesian-chart\";\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"@/elements/chart\";\n\nexport interface LineChartValueAxis {\n  /** Scale to the data range instead of anchoring at zero. */\n  fit?: boolean;\n  orientation?: \"left\" | \"right\";\n  width?: number;\n}\n\nexport interface LineChartProps extends ChartBaseProps {\n  data: ChartRow[];\n  /** Draws points as well as the line. */\n  dots?: boolean;\n  /** Formats the category axis ticks, e.g. a timestamp into a date. */\n  formatX?: (value: string | number) => string;\n  /** Draw the background grid. */\n  grid?: boolean;\n  series: ChartSeries[];\n  /** Replaces the default tooltip content entirely. */\n  tooltip?: ComponentProps<typeof ChartTooltip>[\"content\"];\n  /** Value-axis options, or false to hide it. */\n  valueAxis?: false | LineChartValueAxis;\n  /** Key on each row holding the category or time value. */\n  xKey: string;\n}\n\n/**\n * A trend over an ordered axis.\n *\n * recharts turns its accessibility layer on by default from v3, so the chart is\n * a single tab stop and arrow keys move between points. Do not add per-point\n * tab stops: that forces keyboard users through every value to get past the\n * chart.\n */\nexport function LineChart({\n  className,\n  data,\n  dots = false,\n  emptyLabel,\n  formatValue,\n  formatX,\n  grid = true,\n  label,\n  legend = true,\n  series,\n  tooltip,\n  valueAxis,\n  xKey,\n}: LineChartProps) {\n  const axis = valueAxis === false ? null : (valueAxis ?? {});\n  const { colors, columns, config, legendItems, rows } = useCartesianChart({\n    data,\n    formatValue,\n    series,\n    xKey,\n  });\n\n  return (\n    <ChartFrame\n      className={className}\n      dataTable={\n        <ChartDataTable caption={label} columns={columns} rows={rows} />\n      }\n      emptyLabel={emptyLabel}\n      interactive\n      isEmpty={data.length === 0 || series.length === 0}\n      label={label}\n      legend={legend ? <ChartLegendList items={legendItems} /> : null}\n    >\n      <ChartContainer\n        className=\"aspect-video w-full\"\n        config={config}\n        initialDimension={{ height: 240, width: 420 }}\n      >\n        <RechartsLine data={data} margin={{ left: 4, right: 8, top: 8 }}>\n          {grid ? (\n            <CartesianGrid strokeDasharray=\"3 3\" vertical={false} />\n          ) : null}\n          <XAxis\n            axisLine={false}\n            dataKey={xKey}\n            tickFormatter={formatX}\n            tickLine={false}\n            tickMargin={8}\n          />\n          {axis ? (\n            <YAxis\n              axisLine={false}\n              domain={axis.fit ? [\"dataMin\", \"dataMax\"] : undefined}\n              orientation={axis.orientation ?? \"left\"}\n              tickFormatter={formatValue}\n              tickLine={false}\n              tickMargin={8}\n              width={axis.width ?? 48}\n            />\n          ) : null}\n          <ChartTooltip content={tooltip ?? <ChartTooltipContent />} />\n          {series.map((entry, index) => (\n            <Line\n              dataKey={entry.key}\n              dot={dots}\n              key={entry.key}\n              stroke={colors[index]}\n              strokeWidth={2}\n              type=\"monotone\"\n            />\n          ))}\n        </RechartsLine>\n      </ChartContainer>\n    </ChartFrame>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqDA,SAAgBA,YAAU,EACxB,WACA,MACA,OAAO,OACP,YACA,aACA,SACA,OAAO,MACP,OACA,SAAS,MACT,QACA,SACA,WACA,QACiB;CACjB,MAAM,OAAO,cAAc,QAAQ,OAAQ,aAAa,CAAC;CACzD,MAAM,EAAE,QAAQ,SAAS,QAAQ,aAAa,SAAS,kBAAkB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,YAAD;EACa;EACX,WACE,oBAAC,gBAAD;GAAgB,SAAS;GAAgB;GAAe;EAAO,CAAA;EAErD;EACZ,aAAA;EACA,SAAS,KAAK,WAAW,KAAK,OAAO,WAAW;EACzC;EACP,QAAQ,SAAS,oBAAC,iBAAD,EAAiB,OAAO,YAAc,CAAA,IAAI;EAE3D,UAAA,oBAAC,gBAAD;GACE,WAAU;GACF;GACR,kBAAkB;IAAE,QAAQ;IAAK,OAAO;GAAI;GAE5C,UAAA,qBAACC,WAAD;IAAoB;IAAM,QAAQ;KAAE,MAAM;KAAG,OAAO;KAAG,KAAK;IAAE;IAA9D,UAAA;KACG,OACC,oBAAC,eAAD;MAAe,iBAAgB;MAAM,UAAU;KAAQ,CAAA,IACrD;KACJ,oBAAC,OAAD;MACE,UAAU;MACV,SAAS;MACT,eAAe;MACf,UAAU;MACV,YAAY;KACb,CAAA;KACA,OACC,oBAAC,OAAD;MACE,UAAU;MACV,QAAQ,KAAK,MAAM,CAAC,WAAW,SAAS,IAAI,KAAA;MAC5C,aAAa,KAAK,eAAe;MACjC,eAAe;MACf,UAAU;MACV,YAAY;MACZ,OAAO,KAAK,SAAS;KACtB,CAAA,IACC;KACJ,oBAAC,cAAD,EAAc,SAAS,WAAW,oBAAC,qBAAD,CAAsB,CAAA,EAAI,CAAA;KAC3D,OAAO,KAAK,OAAO,UAClB,oBAAC,MAAD;MACE,SAAS,MAAM;MACf,KAAK;MAEL,QAAQ,OAAO;MACf,aAAa;MACb,MAAK;KACN,GAJM,MAAM,GAIZ,CACF;IACW;;EACA,CAAA;CACN,CAAA;AAEhB"}

package/dist/elements/badge.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 //#region src/elements/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "outline" | "link" | "destructive" | "ghost" | "secondary" | null | undefined;
+  variant?: "link" | "default" | "outline" | "destructive" | "ghost" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;

package/dist/elements/button.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 //#region src/elements/button.d.ts
 declare const buttonVariants: (props?: ({
   size?: "default" | "sm" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "xs" | null | undefined;
-  variant?: "default" | "outline" | "link" | "destructive" | "ghost" | "secondary" | null | undefined;
+  variant?: "link" | "default" | "outline" | "destructive" | "ghost" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;

package/dist/elements/index.d.ts

@@ -15,4 +15,6 @@ import { Toaster, toast } from "./sonner.js";
 import { Switch } from "./switch.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";
 import { Textarea } from "./textarea.js";
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, badgeVariants, buttonVariants, toast };
+import { Toggle, toggleVariants } from "./toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonVariants, toast, toggleVariants };

package/dist/elements/index.js

@@ -15,4 +15,6 @@ import { Toaster, toast } from "./sonner.js";
 import { Switch } from "./switch.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";
 import { Textarea } from "./textarea.js";
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, badgeVariants, buttonVariants, toast };
+import { Toggle, toggleVariants } from "./toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonVariants, toast, toggleVariants };

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

@@ -25,6 +25,8 @@ 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, 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 };
+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

@@ -25,4 +25,6 @@ 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, 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 };
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lfrprazeres/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A React design system: shadcn elements, composed components, and a three-tier token contract.",
   "keywords": [
     "react",