@lssm/lib.ui-kit-web 1.2.0

package/dist/ui/atoms/Pagination/Pagination.js

@@ -0,0 +1,157 @@
+import { Button } from "../../button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import React from "react";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/Pagination/Pagination.tsx
+const Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, disabled = false, className = "", showItemsPerPage = true, itemsPerPageOptions = [
+	10,
+	25,
+	50,
+	100
+] }) => {
+	const startItem = (currentPage - 1) * itemsPerPage + 1;
+	const endItem = Math.min(currentPage * itemsPerPage, totalItems);
+	const canGoPrevious = currentPage > 1 && !disabled;
+	const canGoNext = currentPage < totalPages && !disabled;
+	const getVisiblePageNumbers = () => {
+		if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
+		if (currentPage <= 3) return [
+			1,
+			2,
+			3,
+			4,
+			5,
+			-1,
+			totalPages
+		];
+		if (currentPage >= totalPages - 2) return [
+			1,
+			-1,
+			totalPages - 4,
+			totalPages - 3,
+			totalPages - 2,
+			totalPages - 1,
+			totalPages
+		];
+		return [
+			1,
+			-1,
+			currentPage - 1,
+			currentPage,
+			currentPage + 1,
+			-1,
+			totalPages
+		];
+	};
+	if (totalPages === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground order-2 text-base sm:order-1",
+				children: [
+					"Affichage de ",
+					startItem,
+					" à ",
+					endItem,
+					" sur ",
+					totalItems,
+					" résultats"
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "order-1 flex items-center gap-2 sm:order-2",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(1),
+						disabled: !canGoPrevious,
+						className: "hidden h-8 w-8 p-0 sm:flex",
+						children: [/* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Première page"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(currentPage - 1),
+						disabled: !canGoPrevious,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Page précédente"
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-1",
+						children: getVisiblePageNumbers().map((page, index) => {
+							if (page === -1) return /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground px-2 py-1",
+								children: "..."
+							}, `ellipsis-${index}`);
+							return /* @__PURE__ */ jsx(Button, {
+								variant: page === currentPage ? "default" : "outline",
+								size: "sm",
+								onClick: () => onPageChange(page),
+								disabled,
+								className: "h-8 min-w-8 px-2",
+								children: page
+							}, page);
+						})
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(currentPage + 1),
+						disabled: !canGoNext,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Page suivante"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(totalPages),
+						disabled: !canGoNext,
+						className: "hidden h-8 w-8 p-0 sm:flex",
+						children: [/* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Dernière page"
+						})]
+					})
+				]
+			}),
+			showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs("div", {
+				className: "order-3 flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Afficher:"
+				}), /* @__PURE__ */ jsxs(Select, {
+					value: itemsPerPage.toString(),
+					onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
+					disabled,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "h-8 w-16",
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, {
+						className: "bg-background",
+						children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.toString(),
+							children: option
+						}, option))
+					})]
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/ui/atoms/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["Pagination: React.FC<PaginationProps>"],"sources":["../../../../ui/atoms/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../select';\nimport type { PaginationProps } from './types';\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  totalPages,\n  totalItems,\n  itemsPerPage,\n  onPageChange,\n  onItemsPerPageChange,\n  disabled = false,\n  className = '',\n  showItemsPerPage = true,\n  itemsPerPageOptions = [10, 25, 50, 100],\n}) => {\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\n  const canGoPrevious = currentPage > 1 && !disabled;\n  const canGoNext = currentPage < totalPages && !disabled;\n\n  const getVisiblePageNumbers = () => {\n    if (totalPages <= 7) {\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    if (currentPage <= 3) {\n      return [1, 2, 3, 4, 5, -1, totalPages]; // -1 represents ellipsis\n    }\n\n    if (currentPage >= totalPages - 2) {\n      return [\n        1,\n        -1,\n        totalPages - 4,\n        totalPages - 3,\n        totalPages - 2,\n        totalPages - 1,\n        totalPages,\n      ];\n    }\n\n    return [\n      1,\n      -1,\n      currentPage - 1,\n      currentPage,\n      currentPage + 1,\n      -1,\n      totalPages,\n    ];\n  };\n\n  if (totalPages === 0) return null;\n\n  return (\n    <div\n      className={`flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`}\n    >\n      {/* Items info */}\n      <div className=\"text-muted-foreground order-2 text-base sm:order-1\">\n        Affichage de {startItem} à {endItem} sur {totalItems} résultats\n      </div>\n\n      {/* Pagination controls */}\n      <div className=\"order-1 flex items-center gap-2 sm:order-2\">\n        {/* First page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(1)}\n          disabled={!canGoPrevious}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Première page</span>\n        </Button>\n\n        {/* Previous page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage - 1)}\n          disabled={!canGoPrevious}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Page précédente</span>\n        </Button>\n\n        {/* Page numbers */}\n        <div className=\"flex items-center gap-1\">\n          {getVisiblePageNumbers().map((page, index) => {\n            if (page === -1) {\n              return (\n                <span\n                  key={`ellipsis-${index}`}\n                  className=\"text-muted-foreground px-2 py-1\"\n                >\n                  ...\n                </span>\n              );\n            }\n\n            return (\n              <Button\n                key={page}\n                variant={page === currentPage ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => onPageChange(page)}\n                disabled={disabled}\n                className=\"h-8 min-w-8 px-2\"\n              >\n                {page}\n              </Button>\n            );\n          })}\n        </div>\n\n        {/* Next page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage + 1)}\n          disabled={!canGoNext}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Page suivante</span>\n        </Button>\n\n        {/* Last page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Dernière page</span>\n        </Button>\n      </div>\n\n      {/* Items per page */}\n      {showItemsPerPage && onItemsPerPageChange && (\n        <div className=\"order-3 flex items-center gap-2 text-base\">\n          <span className=\"text-muted-foreground\">Afficher:</span>\n          <Select\n            value={itemsPerPage.toString()}\n            onValueChange={(value) => onItemsPerPageChange(parseInt(value))}\n            disabled={disabled}\n          >\n            <SelectTrigger className=\"h-8 w-16\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent className=\"bg-background\">\n              {itemsPerPageOptions.map((option) => (\n                <SelectItem key={option} value={option.toString()}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,MAAaA,cAAyC,EACpD,aACA,YACA,YACA,cACA,cACA,sBACA,WAAW,OACX,YAAY,IACZ,mBAAmB,MACnB,sBAAsB;CAAC;CAAI;CAAI;CAAI;CAAI,OACnC;CACJ,MAAM,aAAa,cAAc,KAAK,eAAe;CACrD,MAAM,UAAU,KAAK,IAAI,cAAc,cAAc,WAAW;CAEhE,MAAM,gBAAgB,cAAc,KAAK,CAAC;CAC1C,MAAM,YAAY,cAAc,cAAc,CAAC;CAE/C,MAAM,8BAA8B;AAClC,MAAI,cAAc,EAChB,QAAO,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,MAAM,IAAI,EAAE;AAG5D,MAAI,eAAe,EACjB,QAAO;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAI;GAAW;AAGxC,MAAI,eAAe,aAAa,EAC9B,QAAO;GACL;GACA;GACA,aAAa;GACb,aAAa;GACb,aAAa;GACb,aAAa;GACb;GACD;AAGH,SAAO;GACL;GACA;GACA,cAAc;GACd;GACA,cAAc;GACd;GACA;GACD;;AAGH,KAAI,eAAe,EAAG,QAAO;AAE7B,QACE,qBAAC;EACC,WAAW,gEAAgE;;GAG3E,qBAAC;IAAI,WAAU;;KAAqD;KACpD;KAAU;KAAI;KAAQ;KAAM;KAAW;;KACjD;GAGN,qBAAC;IAAI,WAAU;;KAEb,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,EAAE;MAC9B,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,eAAY,WAAU,YAAY,EACnC,oBAAC;OAAK,WAAU;iBAAU;QAAsB;OACzC;KAGT,oBAAC;MAAI,WAAU;gBACZ,uBAAuB,CAAC,KAAK,MAAM,UAAU;AAC5C,WAAI,SAAS,GACX,QACE,oBAAC;QAEC,WAAU;kBACX;UAFM,YAAY,QAIZ;AAIX,cACE,oBAAC;QAEC,SAAS,SAAS,cAAc,YAAY;QAC5C,MAAK;QACL,eAAe,aAAa,KAAK;QACvB;QACV,WAAU;kBAET;UAPI,KAQE;QAEX;OACE;KAGN,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,WAAW;MACvC,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,iBAAc,WAAU,YAAY,EACrC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;;KACL;GAGL,oBAAoB,wBACnB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAwB;MAAgB,EACxD,qBAAC;KACC,OAAO,aAAa,UAAU;KAC9B,gBAAgB,UAAU,qBAAqB,SAAS,MAAM,CAAC;KACrD;gBAEV,oBAAC;MAAc,WAAU;gBACvB,oBAAC,gBAAc;OACD,EAChB,oBAAC;MAAc,WAAU;gBACtB,oBAAoB,KAAK,WACxB,oBAAC;OAAwB,OAAO,OAAO,UAAU;iBAC9C;SADc,OAEJ,CACb;OACY;MACT;KACL;;GAEJ"}

package/dist/ui/atoms/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from "./types.js";
+import { Pagination } from "./Pagination.js";
+export { Pagination, type PaginationProps };

package/dist/ui/atoms/Pagination/index.js

@@ -0,0 +1,3 @@
+import { Pagination } from "./Pagination.js";
+
+export { Pagination };

package/dist/ui/atoms/Pagination/types.d.ts

@@ -0,0 +1,16 @@
+//#region ui/atoms/Pagination/types.d.ts
+interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  itemsPerPage: number;
+  onPageChange: (page: number) => void;
+  onItemsPerPageChange?: (itemsPerPage: number) => void;
+  disabled?: boolean;
+  className?: string;
+  showItemsPerPage?: boolean;
+  itemsPerPageOptions?: number[];
+}
+//#endregion
+export { PaginationProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/atoms/Pagination/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/Pagination/types.ts"],"sourcesContent":[],"mappings":";UAAiB,eAAA;EAAA,WAAA,EAAA,MAAe"}

package/dist/ui/atoms/Pagination/types.js

@@ -0,0 +1 @@
+export {  };

package/dist/ui/atoms/SearchInput/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import { SearchInputProps } from "./types.js";
+import React from "react";
+
+//#region ui/atoms/SearchInput/SearchInput.d.ts
+declare const SearchInput: React.FC<SearchInputProps>;
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/ui/atoms/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","names":[],"sources":["../../../../ui/atoms/SearchInput/SearchInput.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,aAAa,KAAA,CAAM,GAAG"}

package/dist/ui/atoms/SearchInput/SearchInput.js

@@ -0,0 +1,50 @@
+import { Button } from "../../button.js";
+import { Input } from "../../input.js";
+import React from "react";
+import { Search, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/SearchInput/SearchInput.tsx
+const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear, disabled = false, className = "", autoFocus = false }) => {
+	const handleClear = () => {
+		onChange("");
+		onClear?.();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `relative w-full ${className}`,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
+				children: /* @__PURE__ */ jsx(Search, { className: "text-muted-foreground h-4 w-4" })
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				type: "text",
+				value,
+				onChange: (e) => onChange(e.target.value),
+				placeholder,
+				disabled,
+				autoFocus,
+				className: "pr-10 pl-10"
+			}),
+			value && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-y-0 right-0 flex items-center pr-3",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: handleClear,
+					disabled,
+					className: "h-6 w-6 p-0 hover:bg-transparent",
+					children: [/* @__PURE__ */ jsx(X, { className: "text-muted-foreground hover:text-foreground h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Effacer la recherche"
+					})]
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=SearchInput.js.map

package/dist/ui/atoms/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["SearchInput: React.FC<SearchInputProps>"],"sources":["../../../../ui/atoms/SearchInput/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Search, X } from 'lucide-react';\nimport { Input } from '../../input';\nimport { Button } from '../../button';\nimport type { SearchInputProps } from './types';\n\nexport const SearchInput: React.FC<SearchInputProps> = ({\n  value,\n  onChange,\n  placeholder = 'Rechercher...',\n  onClear,\n  disabled = false,\n  className = '',\n  autoFocus = false,\n}) => {\n  const handleClear = () => {\n    onChange('');\n    onClear?.();\n  };\n\n  return (\n    <div className={`relative w-full ${className}`}>\n      <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n        <Search className=\"text-muted-foreground h-4 w-4\" />\n      </div>\n\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={placeholder}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        className=\"pr-10 pl-10\"\n      />\n\n      {value && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleClear}\n            disabled={disabled}\n            className=\"h-6 w-6 p-0 hover:bg-transparent\"\n          >\n            <X className=\"text-muted-foreground hover:text-foreground h-4 w-4\" />\n            <span className=\"sr-only\">Effacer la recherche</span>\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAaA,eAA2C,EACtD,OACA,UACA,cAAc,iBACd,SACA,WAAW,OACX,YAAY,IACZ,YAAY,YACR;CACJ,MAAM,oBAAoB;AACxB,WAAS,GAAG;AACZ,aAAW;;AAGb,QACE,qBAAC;EAAI,WAAW,mBAAmB;;GACjC,oBAAC;IAAI,WAAU;cACb,oBAAC,UAAO,WAAU,kCAAkC;KAChD;GAEN,oBAAC;IACC,MAAK;IACE;IACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IAC5B;IACH;IACC;IACX,WAAU;KACV;GAED,SACC,oBAAC;IAAI,WAAU;cACb,qBAAC;KACC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,SAAS;KACC;KACV,WAAU;gBAEV,oBAAC,KAAE,WAAU,wDAAwD,EACrE,oBAAC;MAAK,WAAU;gBAAU;OAA2B;MAC9C;KACL;;GAEJ"}

package/dist/ui/atoms/SearchInput/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchInputProps } from "./types.js";
+import { SearchInput } from "./SearchInput.js";
+export { SearchInput, type SearchInputProps };

package/dist/ui/atoms/SearchInput/index.js

@@ -0,0 +1,3 @@
+import { SearchInput } from "./SearchInput.js";
+
+export { SearchInput };

package/dist/ui/atoms/SearchInput/types.d.ts

@@ -0,0 +1,13 @@
+//#region ui/atoms/SearchInput/types.d.ts
+interface SearchInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  onClear?: () => void;
+  disabled?: boolean;
+  className?: string;
+  autoFocus?: boolean;
+}
+//#endregion
+export { SearchInputProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/atoms/SearchInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/SearchInput/types.ts"],"sourcesContent":[],"mappings":";UAAiB,gBAAA;EAAA,KAAA,EAAA,MAAA"}

package/dist/ui/atoms/SearchInput/types.js

@@ -0,0 +1 @@
+export {  };

package/dist/ui/avatar.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime202 from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime202.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime202.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime202.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAa3C,WAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,SAAM,oBAAA,CAAA,GAAA,CAAA;iBAU5C,cAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,YAAS,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/avatar.js

@@ -0,0 +1,34 @@
+'use client';
+
+
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region ui/avatar.tsx
+function Avatar({ className,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+}
+function AvatarImage({ className,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full", className),
+		...props
+	});
+}
+function AvatarFallback({ className,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+		...props
+	});
+}
+
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\n\nimport { cn } from './utils';\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative flex size-8 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('aspect-square size-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'bg-muted flex size-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;;;;AAOA,SAAS,OAAO,EACd,UACA,GAAG,SACiD;AACpD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,8DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,GAAG,SACqD;AACxD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime248 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types22 from "class-variance-authority/types";
+
+//#region ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types22.ClassProp) | undefined) => string;
+declare function Badge({
+  className,
+  variant,
+  asChild,
+  ...props
+}: React$1.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime248.JSX.Element;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;IAmBL,gCAAA,CAAA;iBAEQ,KAAA;;;;;GAKN,OAAA,CAAM,yBACP,oBAAoB;EA3BhB,OAAA,CAAA,EAAA,OAmBL;IAQ2D,oBAAA,CAAA,GAAA,CAAA,OAN9C"}

package/dist/ui/badge.js

@@ -0,0 +1,27 @@
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+//#region ui/badge.tsx
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		"data-slot": "badge",
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from './utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,IACpB,kZACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,UAAU,MACV,GAAG,SAEyD;AAG5D,QACE,oBAHW,UAAU,OAAO;EAI1B,aAAU;EACV,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;GACJ"}

package/dist/ui/breadcrumb.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
+
+//#region ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React$1.ComponentProps<'nav'>): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentProps<'ol'>): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentProps<'li'>): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React$1.ComponentProps<'a'> & {
+  asChild?: boolean;
+}): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentProps<'span'>): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentProps<'li'>): react_jsx_runtime213.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<'span'>): react_jsx_runtime213.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/ui/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../ui/breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,UAAA;;GAAyB,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAIpD,cAAA;;;GAAwC,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;iBAalE,cAAA;;;GAAwC,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;AAvB5C,iBAiCtB,cAAA,CA3ByB;EAAA,OAAM;EAAA,SAAA;EAAqB,GAAA;CAAA,EA+B1D,OAAA,CAAM,cA/BoD,CAAA,GAAA,CAAA,GAAA;EAIpD,OAAA,CAAA,EAAA,OAAc;CAAG,CAAA,EA6BzB,oBAAA,CAAA,GAAA,CAAA,OA7ByB;iBAyCjB,cAAA,CAzC8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCN,OAAA,CAAM,cAzCA,CAAA,MAAA,CAAA,CAAA,EAyCsB,oBAAA,CAAA,GAAA,CAAA,OAzCtB;iBAsD9C,mBAAA,CAtDkE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0DxE,OAAA,CAAM,cA1DkE,CAAA,IAAA,CAAA,CAAA,EA0D9C,oBAAA,CAAA,GAAA,CAAA,OA1D8C;iBAwElE,kBAAA,CAxEkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2ExE,OAAA,CAAM,cA3EkE,CAAA,MAAA,CAAA,CAAA,EA2E5C,oBAAA,CAAA,GAAA,CAAA,OA3E4C"}

package/dist/ui/breadcrumb.js

@@ -0,0 +1,72 @@
+import { cn } from "./utils.js";
+import "react";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ui/breadcrumb.tsx
+function Breadcrumb({ ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
+}
+function BreadcrumbList({ className,...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ asChild, className,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn("hover:text-foreground transition-colors", className),
+		...props
+	});
+}
+function BreadcrumbPage({ className,...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("text-foreground font-normal", className),
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+	});
+}
+function BreadcrumbEllipsis({ className,...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../ui/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('hover:text-foreground transition-colors', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-foreground font-normal', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC;EAAI,cAAW;EAAa,aAAU;EAAa,GAAI;GAAS;;AAG1E,SAAS,eAAe,EAAE,UAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,UAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,SACA,UACA,GAAG,SAGF;AAGD,QACE,oBAHW,UAAU,OAAO;EAI1B,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,UAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,UACA,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YAAY,oBAAC,iBAAe;GAC1B;;AAIT,SAAS,mBAAmB,EAC1B,UACA,GAAG,SAC4B;AAC/B,QACE,qBAAC;EACC,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;aAEJ,oBAAC,kBAAe,WAAU,WAAW,EACrC,oBAAC;GAAK,WAAU;aAAU;IAAW;GAChC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,23 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types21 from "class-variance-authority/types";
+
+//#region ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types21.ClassProp) | undefined) => string;
+type ButtonProps = React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: ButtonProps): react_jsx_runtime211.JSX.Element;
+//#endregion
+export { Button, ButtonProps, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../ui/button.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;;IA4BL,gCAAA,CAAA;AA5BK,KA8BM,WAAA,GAAc,OAAA,CAAM,cAF/B,CAAA,QAAA,CAAA,GAGC,YAHD,CAAA,OAGqB,cAHrB,CAAA,GAAA;EAEW,OAAA,CAAA,EAAA,OAAW;CAAG;iBAKjB,MAAA,CAJa;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAUnB,WAVmB,CAAA,EAUR,oBAAA,CAAA,GAAA,CAAA,OAVQ"}

package/dist/ui/button.js

@@ -0,0 +1,44 @@
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+//#region ui/button.tsx
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant, size, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map