@m5kdev/web-ui 0.8.2 → 0.8.3

package/dist/src/components/ui/skeleton.mjs

@@ -0,0 +1,13 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-primary/10", className),
+		...props
+	});
+}
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.mjs.map

package/dist/src/components/ui/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../src/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\r\n\r\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\r\n  return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />;\r\n}\r\n\r\nexport { Skeleton };\r\n"],"mappings":";;;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA+C;AAC/E,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,0CAA0C,UAAU;EAAE,GAAI;EAAS,CAAA"}

package/dist/src/components/ui/slider.d.mts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/ui/slider.d.ts
+declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.mts.map

package/dist/src/components/ui/slider.mjs

@@ -0,0 +1,19 @@
+import { cn } from "../../lib/utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+//#region src/components/ui/slider.tsx
+const Slider = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+	ref,
+	className: cn("relative flex w-full touch-none select-none items-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+		className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
+		children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })
+	}), /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })]
+}));
+Slider.displayName = SliderPrimitive.Root.displayName;
+//#endregion
+export { Slider };
+
+//# sourceMappingURL=slider.mjs.map

package/dist/src/components/ui/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","names":["React"],"sources":["../../../../src/components/ui/slider.tsx"],"sourcesContent":["import * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Slider = React.forwardRef<\r\n  React.ElementRef<typeof SliderPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <SliderPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\r\n    {...props}\r\n  >\r\n    <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\">\r\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\r\n    </SliderPrimitive.Track>\r\n    <SliderPrimitive.Thumb className=\"block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\" />\r\n  </SliderPrimitive.Root>\r\n));\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport { Slider };\r\n"],"mappings":";;;;;AAKA,MAAM,SAASA,QAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,qBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,4DAA4D,UAAU;CACpF,GAAI;WAHN,CAKE,oBAAC,gBAAgB,OAAjB;EAAuB,WAAU;YAC/B,oBAAC,gBAAgB,OAAjB,EAAuB,WAAU,8BAA+B,CAAA;EAC1C,CAAA,EACxB,oBAAC,gBAAgB,OAAjB,EAAuB,WAAU,uNAAwN,CAAA,CACpO;GACvB;AACF,OAAO,cAAc,gBAAgB,KAAK"}

package/dist/src/components/ui/sonner.d.mts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+
+//#region src/components/ui/sonner.d.ts
+type ToasterProps = React.ComponentProps<typeof Toaster$1>;
+declare const Toaster: ({
+  ...props
+}: ToasterProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Toaster };
+//# sourceMappingURL=sonner.d.mts.map

package/dist/src/components/ui/sonner.mjs

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+import { useTheme } from "next-themes";
+//#region src/components/ui/sonner.tsx
+const Toaster = ({ ...props }) => {
+	const { theme = "system" } = useTheme();
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		theme,
+		className: "toaster group",
+		toastOptions: { classNames: {
+			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+			description: "group-[.toast]:text-muted-foreground",
+			actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+			cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+		} },
+		...props
+	});
+};
+//#endregion
+export { Toaster };
+
+//# sourceMappingURL=sonner.mjs.map

package/dist/src/components/ui/sonner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.mjs","names":["Sonner"],"sources":["../../../../src/components/ui/sonner.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\r\nimport { Toaster as Sonner } from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({ ...props }: ToasterProps) => {\r\n  const { theme = \"system\" } = useTheme();\r\n\r\n  return (\r\n    <Sonner\r\n      theme={theme as ToasterProps[\"theme\"]}\r\n      className=\"toaster group\"\r\n      toastOptions={{\r\n        classNames: {\r\n          toast:\r\n            \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\r\n          description: \"group-[.toast]:text-muted-foreground\",\r\n          actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\r\n          cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\r\n        },\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport { Toaster };\r\n"],"mappings":";;;;AAKA,MAAM,WAAW,EAAE,GAAG,YAA0B;CAC9C,MAAM,EAAE,QAAQ,aAAa,UAAU;AAEvC,QACE,oBAACA,WAAD;EACS;EACP,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OACE;GACF,aAAa;GACb,cAAc;GACd,cAAc;GACf,EACF;EACD,GAAI;EACJ,CAAA"}

package/dist/src/components/ui/spinner.d.mts

@@ -0,0 +1,25 @@
+import React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/spinner.d.ts
+declare const spinnerVariants: (props?: ({
+  show?: boolean | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const loaderVariants: (props?: ({
+  size?: "small" | "medium" | "large" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, VariantProps<typeof loaderVariants> {
+  className?: string;
+  children?: React.ReactNode;
+}
+declare function Spinner({
+  size,
+  show,
+  children,
+  className
+}: SpinnerContentProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.d.mts.map

package/dist/src/components/ui/spinner.mjs

@@ -0,0 +1,30 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { cva } from "class-variance-authority";
+//#region src/components/ui/spinner.tsx
+const spinnerVariants = cva("flex-col items-center justify-center", {
+	variants: { show: {
+		true: "flex",
+		false: "hidden"
+	} },
+	defaultVariants: { show: true }
+});
+const loaderVariants = cva("animate-spin text-primary", {
+	variants: { size: {
+		small: "size-6",
+		medium: "size-8",
+		large: "size-12"
+	} },
+	defaultVariants: { size: "medium" }
+});
+function Spinner({ size, show, children, className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: spinnerVariants({ show }),
+		children: [/* @__PURE__ */ jsx(Loader2, { className: cn(loaderVariants({ size }), className) }), children]
+	});
+}
+//#endregion
+export { Spinner };
+
+//# sourceMappingURL=spinner.mjs.map

package/dist/src/components/ui/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","names":[],"sources":["../../../../src/components/ui/spinner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { Loader2 } from \"lucide-react\";\r\nimport type React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst spinnerVariants = cva(\"flex-col items-center justify-center\", {\r\n  variants: {\r\n    show: {\r\n      true: \"flex\",\r\n      false: \"hidden\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    show: true,\r\n  },\r\n});\r\n\r\nconst loaderVariants = cva(\"animate-spin text-primary\", {\r\n  variants: {\r\n    size: {\r\n      small: \"size-6\",\r\n      medium: \"size-8\",\r\n      large: \"size-12\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"medium\",\r\n  },\r\n});\r\n\r\ninterface SpinnerContentProps\r\n  extends VariantProps<typeof spinnerVariants>,\r\n    VariantProps<typeof loaderVariants> {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport function Spinner({ size, show, children, className }: SpinnerContentProps) {\r\n  return (\r\n    <span className={spinnerVariants({ show })}>\r\n      <Loader2 className={cn(loaderVariants({ size }), className)} />\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n"],"mappings":";;;;;AAKA,MAAM,kBAAkB,IAAI,wCAAwC;CAClE,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAM,iBAAiB,IAAI,6BAA6B;CACtD,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CAAC;AASF,SAAgB,QAAQ,EAAE,MAAM,MAAM,UAAU,aAAkC;AAChF,QACE,qBAAC,QAAD;EAAM,WAAW,gBAAgB,EAAE,MAAM,CAAC;YAA1C,CACE,oBAAC,SAAD,EAAS,WAAW,GAAG,eAAe,EAAE,MAAM,CAAC,EAAE,UAAU,EAAI,CAAA,EAC9D,SACI"}

package/dist/src/components/ui/switch.d.mts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+//#region src/components/ui/switch.d.ts
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.mts.map

package/dist/src/components/ui/switch.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/utils.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+//#region src/components/ui/switch.tsx
+const Switch = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
+	className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className),
+	...props,
+	ref,
+	children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") })
+}));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+//#endregion
+export { Switch };
+
+//# sourceMappingURL=switch.mjs.map

package/dist/src/components/ui/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":["React"],"sources":["../../../../src/components/ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ElementRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\r\n      className\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  >\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\"\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch };\r\n"],"mappings":";;;;;AAKA,MAAM,SAASA,QAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,iBAAiB,MAAlB;CACE,WAAW,GACT,sXACA,UACD;CACD,GAAI;CACC;WAEL,oBAAC,iBAAiB,OAAlB,EACE,WAAW,GACT,6KACD,EACD,CAAA;CACoB,CAAA,CACxB;AACF,OAAO,cAAc,iBAAiB,KAAK"}

package/dist/src/components/ui/table.d.mts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React$1.ComponentProps<"table">): _$react_jsx_runtime0.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"thead">): _$react_jsx_runtime0.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React$1.ComponentProps<"tbody">): _$react_jsx_runtime0.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"tfoot">): _$react_jsx_runtime0.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: React$1.ComponentProps<"tr">): _$react_jsx_runtime0.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: React$1.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: React$1.ComponentProps<"td">): _$react_jsx_runtime0.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React$1.ComponentProps<"caption">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.mts.map

package/dist/src/components/ui/table.mjs

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

package/dist/src/components/ui/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/components/ui/table.tsx"],"sourcesContent":["import type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\r\n  return (\r\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\r\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\r\n}\r\n\r\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\r\n  return (\r\n    <tbody\r\n      data-slot=\"table-body\"\r\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\r\n  return (\r\n    <tfoot\r\n      data-slot=\"table-footer\"\r\n      className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\r\n  return (\r\n    <tr\r\n      data-slot=\"table-row\"\r\n      className={cn(\r\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\r\n  return (\r\n    <th\r\n      data-slot=\"table-head\"\r\n      className={cn(\r\n        \"text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\r\n  return (\r\n    <td\r\n      data-slot=\"table-cell\"\r\n      className={cn(\r\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\r\n  return (\r\n    <caption\r\n      data-slot=\"table-caption\"\r\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\r\n"],"mappings":";;;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC,OAAD;EAAK,aAAU;EAAkB,WAAU;YACzC,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QAAO,oBAAC,SAAD;EAAO,aAAU;EAAe,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;EAAS,CAAA;;AAGnG,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,4JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,0GACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA0C;AAC9E,QACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA"}

package/dist/src/components/ui/tabs.d.mts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/ui/tabs.d.ts
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): _$react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/src/components/ui/tabs.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+//#region src/components/ui/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/50 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/src/components/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../../src/components/ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\r\n  return (\r\n    <TabsPrimitive.Root\r\n      data-slot=\"tabs\"\r\n      className={cn(\"flex flex-col gap-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\r\n  return (\r\n    <TabsPrimitive.List\r\n      data-slot=\"tabs-list\"\r\n      className={cn(\r\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\r\n  return (\r\n    <TabsPrimitive.Trigger\r\n      data-slot=\"tabs-trigger\"\r\n      className={cn(\r\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/50 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\r\n  return (\r\n    <TabsPrimitive.Content\r\n      data-slot=\"tabs-content\"\r\n      className={cn(\"flex-1 outline-none\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\r\n"],"mappings":";;;;AAKA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAAC,cAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAAC,cAAc,MAAf;EACE,aAAU;EACV,WAAW,GACT,uGACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc,SAAf;EACE,aAAU;EACV,WAAW,GACT,mnBACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAAC,cAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA"}

package/dist/src/components/ui/textarea.d.mts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/textarea.d.ts
+declare function Textarea({
+  className,
+  ...props
+}: React$1.ComponentProps<"textarea">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/src/components/ui/textarea.mjs

@@ -0,0 +1,14 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.mjs.map

package/dist/src/components/ui/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../../../../src/components/ui/textarea.tsx"],"sourcesContent":["import type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\r\n  return (\r\n    <textarea\r\n      data-slot=\"textarea\"\r\n      className={cn(\r\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Textarea };\r\n"],"mappings":";;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,QACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,sbACA,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/src/components/ui/timeline.d.mts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/timeline.d.ts
+interface TimelineEntry {
+  title: string;
+  subtitle?: string;
+  description?: string;
+  content: ReactNode;
+}
+declare const Timeline: ({
+  data
+}: {
+  data: TimelineEntry[];
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Timeline };
+//# sourceMappingURL=timeline.d.mts.map

package/dist/src/components/ui/timeline.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useScroll, useTransform } from "motion/react";
+//#region src/components/ui/timeline.tsx
+const Timeline = ({ data }) => {
+	const ref = useRef(null);
+	const containerRef = useRef(null);
+	const [height, setHeight] = useState(0);
+	useEffect(() => {
+		if (ref.current) setHeight(ref.current.getBoundingClientRect().height);
+	}, [ref, data.length]);
+	const { scrollYProgress } = useScroll({
+		target: containerRef,
+		offset: ["start 10%", "end 50%"]
+	});
+	const heightTransform = useTransform(scrollYProgress, [0, 1], [0, height]);
+	const opacityTransform = useTransform(scrollYProgress, [0, .1], [0, 1]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full bg-white dark:bg-neutral-950 font-sans md:px-10",
+		ref: containerRef,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref,
+			className: "relative max-w-7xl mx-auto pb-20",
+			children: [data.map((item, index) => /* @__PURE__ */ jsxs("div", {
+				className: "flex justify-start pt-10 md:pt-40 md:gap-10",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "h-10 absolute left-3 md:left-3 w-10 rounded-full bg-white dark:bg-black flex items-center justify-center",
+						children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded-full bg-neutral-200 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 p-2" })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "hidden md:block md:pl-20 ",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-xl md:text-3xl font-bold text-neutral-300 dark:text-neutral-300",
+								children: item.title
+							}),
+							item.subtitle && /* @__PURE__ */ jsx("h4", {
+								className: "text-neutral-700 dark:text-neutral-400 text-xl font-bold",
+								children: item.subtitle
+							}),
+							item.description && /* @__PURE__ */ jsx("h5", {
+								className: "text-neutral-700 dark:text-neutral-500 text-sm italic",
+								children: item.description
+							})
+						]
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "relative pl-20 pr-4 md:pl-4 w-full",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "md:hidden block mb-4",
+							children: [
+								/* @__PURE__ */ jsx("h3", {
+									className: "text-3xl text-left font-bold text-neutral-300 dark:text-neutral-300",
+									children: item.title
+								}),
+								item.subtitle && /* @__PURE__ */ jsx("h4", {
+									className: "text-neutral-700 dark:text-neutral-400 text-xl font-bold",
+									children: item.subtitle
+								}),
+								item.description && /* @__PURE__ */ jsx("h5", {
+									className: "text-neutral-700 dark:text-neutral-500 text-sm italic",
+									children: item.description
+								})
+							]
+						}),
+						item.content,
+						" "
+					]
+				})]
+			}, index)), /* @__PURE__ */ jsx("div", {
+				style: { height: height + "px" },
+				className: "absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-200 dark:via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ",
+				children: /* @__PURE__ */ jsx(motion.div, {
+					style: {
+						height: heightTransform,
+						opacity: opacityTransform
+					},
+					className: "absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-lime-500 via-emerald-500 to-transparent from-[0%] via-[10%] rounded-full"
+				})
+			})]
+		})
+	});
+};
+//#endregion
+export { Timeline };
+
+//# sourceMappingURL=timeline.mjs.map

package/dist/src/components/ui/timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.mjs","names":[],"sources":["../../../../src/components/ui/timeline.tsx"],"sourcesContent":["\"use client\";\r\nimport { motion, useScroll, useTransform } from \"motion/react\";\r\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\r\n\r\ninterface TimelineEntry {\r\n  title: string;\r\n  subtitle?: string;\r\n  description?: string;\r\n  content: ReactNode;\r\n}\r\n\r\nexport const Timeline = ({ data }: { data: TimelineEntry[] }) => {\r\n  const ref = useRef<HTMLDivElement>(null);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [height, setHeight] = useState(0);\r\n\r\n  useEffect(() => {\r\n    if (ref.current) {\r\n      const rect = ref.current.getBoundingClientRect();\r\n      setHeight(rect.height);\r\n    }\r\n  }, [ref, data.length]);\r\n\r\n  const { scrollYProgress } = useScroll({\r\n    target: containerRef,\r\n    offset: [\"start 10%\", \"end 50%\"],\r\n  });\r\n\r\n  const heightTransform = useTransform(scrollYProgress, [0, 1], [0, height]);\r\n  const opacityTransform = useTransform(scrollYProgress, [0, 0.1], [0, 1]);\r\n\r\n  return (\r\n    <div className=\"w-full bg-white dark:bg-neutral-950 font-sans md:px-10\" ref={containerRef}>\r\n      <div ref={ref} className=\"relative max-w-7xl mx-auto pb-20\">\r\n        {data.map((item, index) => (\r\n          <div key={index} className=\"flex justify-start pt-10 md:pt-40 md:gap-10\">\r\n            <div className=\"sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full\">\r\n              <div className=\"h-10 absolute left-3 md:left-3 w-10 rounded-full bg-white dark:bg-black flex items-center justify-center\">\r\n                <div className=\"h-4 w-4 rounded-full bg-neutral-200 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 p-2\" />\r\n              </div>\r\n              <div className=\"hidden md:block md:pl-20 \">\r\n                <h3 className=\"text-xl md:text-3xl font-bold text-neutral-300 dark:text-neutral-300\">\r\n                  {item.title}\r\n                </h3>\r\n                {item.subtitle && (\r\n                  <h4 className=\"text-neutral-700 dark:text-neutral-400 text-xl font-bold\">\r\n                    {item.subtitle}\r\n                  </h4>\r\n                )}\r\n                {item.description && (\r\n                  <h5 className=\"text-neutral-700 dark:text-neutral-500 text-sm italic\">\r\n                    {item.description}\r\n                  </h5>\r\n                )}\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"relative pl-20 pr-4 md:pl-4 w-full\">\r\n              <div className=\"md:hidden block mb-4\">\r\n                <h3 className=\"text-3xl text-left font-bold text-neutral-300 dark:text-neutral-300\">\r\n                  {item.title}\r\n                </h3>\r\n                {item.subtitle && (\r\n                  <h4 className=\"text-neutral-700 dark:text-neutral-400 text-xl font-bold\">\r\n                    {item.subtitle}\r\n                  </h4>\r\n                )}\r\n                {item.description && (\r\n                  <h5 className=\"text-neutral-700 dark:text-neutral-500 text-sm italic\">\r\n                    {item.description}\r\n                  </h5>\r\n                )}\r\n              </div>\r\n              {item.content}{\" \"}\r\n            </div>\r\n          </div>\r\n        ))}\r\n        <div\r\n          style={{\r\n            height: height + \"px\",\r\n          }}\r\n          className=\"absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-200 dark:via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] \"\r\n        >\r\n          <motion.div\r\n            style={{\r\n              height: heightTransform,\r\n              opacity: opacityTransform,\r\n            }}\r\n            className=\"absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-lime-500 via-emerald-500 to-transparent from-[0%] via-[10%] rounded-full\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAWA,MAAa,YAAY,EAAE,WAAsC;CAC/D,MAAM,MAAM,OAAuB,KAAK;CACxC,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,QAAQ,aAAa,SAAS,EAAE;AAEvC,iBAAgB;AACd,MAAI,IAAI,QAEN,WADa,IAAI,QAAQ,uBAAuB,CACjC,OAAO;IAEvB,CAAC,KAAK,KAAK,OAAO,CAAC;CAEtB,MAAM,EAAE,oBAAoB,UAAU;EACpC,QAAQ;EACR,QAAQ,CAAC,aAAa,UAAU;EACjC,CAAC;CAEF,MAAM,kBAAkB,aAAa,iBAAiB,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC;CAC1E,MAAM,mBAAmB,aAAa,iBAAiB,CAAC,GAAG,GAAI,EAAE,CAAC,GAAG,EAAE,CAAC;AAExE,QACE,oBAAC,OAAD;EAAK,WAAU;EAAyD,KAAK;YAC3E,qBAAC,OAAD;GAAU;GAAK,WAAU;aAAzB,CACG,KAAK,KAAK,MAAM,UACf,qBAAC,OAAD;IAAiB,WAAU;cAA3B,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,OAAD,EAAK,WAAU,iHAAkH,CAAA;MAC7H,CAAA,EACN,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,oBAAC,MAAD;QAAI,WAAU;kBACX,KAAK;QACH,CAAA;OACJ,KAAK,YACJ,oBAAC,MAAD;QAAI,WAAU;kBACX,KAAK;QACH,CAAA;OAEN,KAAK,eACJ,oBAAC,MAAD;QAAI,WAAU;kBACX,KAAK;QACH,CAAA;OAEH;QACF;QAEN,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,oBAAC,MAAD;SAAI,WAAU;mBACX,KAAK;SACH,CAAA;QACJ,KAAK,YACJ,oBAAC,MAAD;SAAI,WAAU;mBACX,KAAK;SACH,CAAA;QAEN,KAAK,eACJ,oBAAC,MAAD;SAAI,WAAU;mBACX,KAAK;SACH,CAAA;QAEH;;MACL,KAAK;MAAS;MACX;OACF;MAxCI,MAwCJ,CACN,EACF,oBAAC,OAAD;IACE,OAAO,EACL,QAAQ,SAAS,MAClB;IACD,WAAU;cAEV,oBAAC,OAAO,KAAR;KACE,OAAO;MACL,QAAQ;MACR,SAAS;MACV;KACD,WAAU;KACV,CAAA;IACE,CAAA,CACF;;EACF,CAAA"}

package/dist/src/components/ui/toast.d.mts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/toast.d.ts
+declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const Toast: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
+//#endregion
+export { Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport };
+//# sourceMappingURL=toast.d.mts.map

package/dist/src/components/ui/toast.mjs

@@ -0,0 +1,59 @@
+import { cn } from "../../lib/utils.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { cva } from "class-variance-authority";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+//#region src/components/ui/toast.tsx
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Viewport, {
+	ref,
+	className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className),
+	...props
+}));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+	variants: { variant: {
+		default: "border bg-background text-foreground",
+		destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Toast = React$1.forwardRef(({ className, variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(ToastPrimitives.Root, {
+		ref,
+		className: cn(toastVariants({ variant }), className),
+		...props
+	});
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Action, {
+	ref,
+	className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className),
+	...props
+}));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Close, {
+	ref,
+	className: cn("absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+	"toast-close": "",
+	...props,
+	children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+}));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Title, {
+	ref,
+	className: cn("text-sm font-semibold [&+div]:text-xs", className),
+	...props
+}));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Description, {
+	ref,
+	className: cn("text-sm opacity-90", className),
+	...props
+}));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+//#endregion
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };
+
+//# sourceMappingURL=toast.mjs.map