@walidsj/react-ui 0.1.5 → 0.3.0

package/dist/switch-C-i7Mmdd.js

@@ -0,0 +1,14 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+// src/components/switch/switch.tsx
+function Switch$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		...props,
+		className: cn("data-[checked]:bg-ring focus-visible:border-ring focus-visible:ring-ring/40 inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-muted transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		children: /* @__PURE__ */ jsx(Switch.Thumb, { className: "bg-white pointer-events-none block size-4 translate-x-0 rounded-full shadow-sm transition-transform data-[checked]:translate-x-4" })
+	});
+}
+export { Switch$1 as t };
+
+//# sourceMappingURL=switch-C-i7Mmdd.js.map

package/dist/switch-C-i7Mmdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-C-i7Mmdd.js","names":["Switch","BaseSwitch"],"sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport function Switch({ className, ...props }: ComponentProps<typeof BaseSwitch.Root>) {\n  return (\n    <BaseSwitch.Root {...props} className={cn(\"data-[checked]:bg-ring focus-visible:border-ring focus-visible:ring-ring/40 inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-muted transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50\", className)}>\n      <BaseSwitch.Thumb className=\"bg-white pointer-events-none block size-4 translate-x-0 rounded-full shadow-sm transition-transform data-[checked]:translate-x-4\" />\n    </BaseSwitch.Root>\n  );\n}\n"],"mappings":";;;;AAIA,SAAgBA,SAAO,EAAE,WAAW,GAAG,SAAiD;CACtF,OACE,oBAACC,OAAW,MAAZ;EAAiB,GAAI;EAAO,WAAW,GAAG,8RAA8R,SAAS;EAC/U,UAAA,oBAACA,OAAW,OAAZ,EAAkB,WAAU,mIAAoI,CAAA;CACjJ,CAAA;AAErB"}

package/dist/table-CH0H16pL.js

@@ -0,0 +1,75 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/table/table.tsx
+var TableRoot = forwardRef(function Table({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative w-full overflow-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			...props,
+			ref,
+			className: cn("w-full caption-bottom text-sm", className)
+		})
+	});
+});
+var TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("thead", {
+		...props,
+		ref,
+		className: cn("[&_tr]:border-b-border [&_tr]:border-b", className)
+	});
+});
+var TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tbody", {
+		...props,
+		ref,
+		className: cn("[&_tr:last-child]:border-0", className)
+	});
+});
+var TableFooter = forwardRef(function TableFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		...props,
+		ref,
+		className: cn("bg-muted/50 border-t-border font-medium [&>tr]:last:border-b-0", className)
+	});
+});
+var TableRow = forwardRef(function TableRow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tr", {
+		...props,
+		ref,
+		className: cn("border-b-border hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)
+	});
+});
+var TableHead = forwardRef(function TableHead({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("th", {
+		...props,
+		ref,
+		className: cn("text-muted-foreground h-10 px-3 text-left align-middle text-xs font-medium", className)
+	});
+});
+var TableCell = forwardRef(function TableCell({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		ref,
+		className: cn("text-foreground px-3 py-3 align-middle", className)
+	});
+});
+var TableCaption = forwardRef(function TableCaption({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("caption", {
+		...props,
+		ref,
+		className: cn("text-muted-foreground mt-4 text-sm", className)
+	});
+});
+var Table = Object.assign(TableRoot, {
+	Header: TableHeader,
+	Body: TableBody,
+	Footer: TableFooter,
+	Row: TableRow,
+	Head: TableHead,
+	Cell: TableCell,
+	Caption: TableCaption
+});
+export { Table as t };
+
+//# sourceMappingURL=table-CH0H16pL.js.map

package/dist/table-CH0H16pL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CH0H16pL.js","names":[],"sources":["../src/components/table/table.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst TableRoot = forwardRef<HTMLTableElement, ComponentPropsWithoutRef<\"table\">>(\n  function Table({ className, ...props }, ref) {\n    return <div className=\"relative w-full overflow-auto\"><table {...props} ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} /></div>;\n  },\n);\n\nconst TableHeader = forwardRef<HTMLTableSectionElement, ComponentPropsWithoutRef<\"thead\">>(\n  function TableHeader({ className, ...props }, ref) {\n    return <thead {...props} ref={ref} className={cn(\"[&_tr]:border-b-border [&_tr]:border-b\", className)} />;\n  },\n);\n\nconst TableBody = forwardRef<HTMLTableSectionElement, ComponentPropsWithoutRef<\"tbody\">>(\n  function TableBody({ className, ...props }, ref) {\n    return <tbody {...props} ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} />;\n  },\n);\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, ComponentPropsWithoutRef<\"tfoot\">>(\n  function TableFooter({ className, ...props }, ref) {\n    return <tfoot {...props} ref={ref} className={cn(\"bg-muted/50 border-t-border font-medium [&>tr]:last:border-b-0\", className)} />;\n  },\n);\n\nconst TableRow = forwardRef<HTMLTableRowElement, ComponentPropsWithoutRef<\"tr\">>(\n  function TableRow({ className, ...props }, ref) {\n    return <tr {...props} ref={ref} className={cn(\"border-b-border hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)} />;\n  },\n);\n\nconst TableHead = forwardRef<HTMLTableCellElement, ComponentPropsWithoutRef<\"th\">>(\n  function TableHead({ className, ...props }, ref) {\n    return <th {...props} ref={ref} className={cn(\"text-muted-foreground h-10 px-3 text-left align-middle text-xs font-medium\", className)} />;\n  },\n);\n\nconst TableCell = forwardRef<HTMLTableCellElement, ComponentPropsWithoutRef<\"td\">>(\n  function TableCell({ className, ...props }, ref) {\n    return <td {...props} ref={ref} className={cn(\"text-foreground px-3 py-3 align-middle\", className)} />;\n  },\n);\n\nconst TableCaption = forwardRef<HTMLTableCaptionElement, ComponentPropsWithoutRef<\"caption\">>(\n  function TableCaption({ className, ...props }, ref) {\n    return <caption {...props} ref={ref} className={cn(\"text-muted-foreground mt-4 text-sm\", className)} />;\n  },\n);\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"mappings":";;;;AAGA,IAAM,YAAY,WAChB,SAAS,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK;CAC3C,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAgC,UAAA,oBAAC,SAAD;GAAO,GAAI;GAAY;GAAK,WAAW,GAAG,iCAAiC,SAAS;EAAI,CAAA;CAAM,CAAA;AACtJ,CACF;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAY;EAAK,WAAW,GAAG,0CAA0C,SAAS;CAAI,CAAA;AAC1G,CACF;AAEA,IAAM,YAAY,WAChB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAY;EAAK,WAAW,GAAG,8BAA8B,SAAS;CAAI,CAAA;AAC9F,CACF;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAY;EAAK,WAAW,GAAG,kEAAkE,SAAS;CAAI,CAAA;AAClI,CACF;AAEA,IAAM,WAAW,WACf,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;CAC9C,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,+FAA+F,SAAS;CAAI,CAAA;AAC5J,CACF;AAEA,IAAM,YAAY,WAChB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,8EAA8E,SAAS;CAAI,CAAA;AAC3I,CACF;AAEA,IAAM,YAAY,WAChB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,0CAA0C,SAAS;CAAI,CAAA;AACvG,CACF;AAEA,IAAM,eAAe,WACnB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAS,KAAK;CAClD,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAY;EAAK,WAAW,GAAG,sCAAsC,SAAS;CAAI,CAAA;AACxG,CACF;AAEA,IAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACN,MAAM;CACN,SAAS;AACX,CAAC"}

package/dist/tabs-VnWSV0RD.js

@@ -0,0 +1,33 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+// src/components/tabs/tabs.tsx
+function TabsRoot(props) {
+	return /* @__PURE__ */ jsx(Tabs.Root, { ...props });
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		...props,
+		className: cn("bg-muted inline-flex h-9 items-center justify-center rounded-ui-md p-1", className)
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		...props,
+		className: cn("text-muted-foreground data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm focus-visible:ring-ring inline-flex items-center justify-center rounded-ui-sm px-3 py-1 text-sm font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", className)
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		...props,
+		className: cn("focus-visible:ring-ring mt-2 rounded-ui-md outline-none focus-visible:ring-2", className)
+	});
+}
+var Tabs$1 = Object.assign(TabsRoot, {
+	List: TabsList,
+	Trigger: TabsTrigger,
+	Content: TabsContent
+});
+export { Tabs$1 as t };
+
+//# sourceMappingURL=tabs-VnWSV0RD.js.map

package/dist/tabs-VnWSV0RD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-VnWSV0RD.js","names":["BaseTabs","Tabs"],"sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction TabsRoot(props: ComponentProps<typeof BaseTabs.Root>) {\n  return <BaseTabs.Root {...props} />;\n}\n\nfunction TabsList({ className, ...props }: ComponentProps<typeof BaseTabs.List>) {\n  return <BaseTabs.List {...props} className={cn(\"bg-muted inline-flex h-9 items-center justify-center rounded-ui-md p-1\", className)} />;\n}\n\nfunction TabsTrigger({ className, ...props }: ComponentProps<typeof BaseTabs.Tab>) {\n  return <BaseTabs.Tab {...props} className={cn(\"text-muted-foreground data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm focus-visible:ring-ring inline-flex items-center justify-center rounded-ui-sm px-3 py-1 text-sm font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50\", className)} />;\n}\n\nfunction TabsContent({ className, ...props }: ComponentProps<typeof BaseTabs.Panel>) {\n  return <BaseTabs.Panel {...props} className={cn(\"focus-visible:ring-ring mt-2 rounded-ui-md outline-none focus-visible:ring-2\", className)} />;\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n"],"mappings":";;;;AAIA,SAAS,SAAS,OAA6C;CAC7D,OAAO,oBAACA,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA+C;CAC/E,OAAO,oBAACA,KAAS,MAAV;EAAe,GAAI;EAAO,WAAW,GAAG,0EAA0E,SAAS;CAAI,CAAA;AACxI;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA8C;CACjF,OAAO,oBAACA,KAAS,KAAV;EAAc,GAAI;EAAO,WAAW,GAAG,8UAA8U,SAAS;CAAI,CAAA;AAC3Y;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAgD;CACnF,OAAO,oBAACA,KAAS,OAAV;EAAgB,GAAI;EAAO,WAAW,GAAG,gFAAgF,SAAS;CAAI,CAAA;AAC/I;AAEA,IAAaC,SAAO,OAAO,OAAO,UAAU;CAC1C,MAAM;CACN,SAAS;CACT,SAAS;AACX,CAAC"}

package/dist/{textarea-BrjTLlfm.js → textarea-oT7xw8CO.js}

@@ -1,8 +1,9 @@
-import { n as cva, t as cn } from "./cn-BtC0eFBk.js";
+import { t as cva } from "./dist-hY1s01yz.js";
+import { t as cn } from "./cn-Ccwc28Yd.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/components/textarea/textarea.tsx
-var textareaVariants = cva("rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/30 flex w-full resize-y border py-2 shadow-sm transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", {
+var textareaVariants = cva("rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground aria-invalid:border-danger focus-visible:border-ring focus-visible:ring-ring/40 flex w-full resize-y border py-2 transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", {
 	variants: {
 		size: {
 			sm: "min-h-16 px-2.5 text-sm",
@@ -10,7 +11,7 @@ var textareaVariants = cva("rounded-ui-md border-border bg-background text-foreg
 			lg: "min-h-28 px-4 text-base"
 		},
 		invalid: {
-			true: "border-danger focus-visible:ring-danger/30",
+			true: "border-danger focus-visible:border-danger focus-visible:ring-danger/30",
 			false: ""
 		}
 	},
@@ -32,4 +33,4 @@ var Textarea = forwardRef(function Textarea({ className, invalid = false, size =
 });
 export { Textarea as t };
 
-//# sourceMappingURL=textarea-BrjTLlfm.js.map
+//# sourceMappingURL=textarea-oT7xw8CO.js.map

package/dist/textarea-oT7xw8CO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-oT7xw8CO.js","names":[],"sources":["../src/components/textarea/textarea.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst textareaVariants = cva(\n  \"rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground aria-invalid:border-danger focus-visible:border-ring focus-visible:ring-ring/40 flex w-full resize-y border py-2 transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      size: {\n        sm: \"min-h-16 px-2.5 text-sm\",\n        md: \"min-h-20 px-3 text-sm\",\n        lg: \"min-h-28 px-4 text-base\",\n      },\n      invalid: {\n        true: \"border-danger focus-visible:border-danger focus-visible:ring-danger/30\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      invalid: false,\n    },\n  },\n);\n\nexport type TextareaSize = NonNullable<\n  VariantProps<typeof textareaVariants>[\"size\"]\n>;\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  invalid?: boolean;\n  size?: TextareaSize;\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      className,\n      invalid = false,\n      size = \"md\",\n      \"aria-invalid\": ariaInvalid,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <textarea\n        {...props}\n        ref={ref}\n        aria-invalid={invalid || ariaInvalid}\n        className={cn(textareaVariants({ size, invalid }), className)}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAIA,IAAM,mBAAmB,IACvB,oTACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CACF;AAWA,IAAa,WAAW,WACtB,SAAS,SACP,EACE,WACA,UAAU,OACV,OAAO,MACP,gBAAgB,aAChB,GAAG,SAEL,KACA;CACA,OACE,oBAAC,YAAD;EACE,GAAI;EACC;EACL,gBAAc,WAAW;EACzB,WAAW,GAAG,iBAAiB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;CAC7D,CAAA;AAEL,CACF"}

package/dist/toast-BkDQhrZ5.js

@@ -0,0 +1,56 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconX } from "@tabler/icons-react";
+import { Toast } from "@base-ui/react/toast";
+// src/components/toast/toast.tsx
+var ToastProvider = Toast.Provider;
+var useToastManager = Toast.useToastManager;
+var ToastRoot = Toast.Root;
+var ToastClose = Toast.Close;
+var ToastAction = Toast.Action;
+var ToastTitle = Toast.Title;
+var ToastDescription = Toast.Description;
+var ToastViewport = Toast.Viewport;
+function ToastContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		...props,
+		className: cn("flex items-start gap-3 p-4", className)
+	});
+}
+var Toast$1 = Object.assign(ToastRoot, {
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Action: ToastAction,
+	Close: ToastClose,
+	Content: ToastContent,
+	Viewport: ToastViewport
+});
+function Toaster() {
+	const { toasts } = Toast.useToastManager();
+	return /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+		className: "fixed right-4 bottom-4 z-50 flex w-[min(22rem,calc(100vw-2rem))] flex-col gap-2 outline-none",
+		children: toasts.map((toast) => /* @__PURE__ */ jsx(Toast.Root, {
+			toast,
+			swipeDirection: ["down", "right"],
+			className: "rounded-ui-lg border-border bg-background text-foreground w-full border p-0 shadow-[0_8px_30px_rgb(0,0,0,0.12)] transition-[transform,opacity] data-ending-style:translate-y-2 data-ending-style:opacity-0 data-limited:hidden data-starting-style:translate-y-2 data-starting-style:opacity-0",
+			children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [/* @__PURE__ */ jsx(Toast.Title, { className: "text-sm font-medium" }), /* @__PURE__ */ jsx(Toast.Description, { className: "text-muted-foreground text-sm" })]
+				}),
+				/* @__PURE__ */ jsx(Toast.Action, { className: "text-link focus-visible:ring-ring shrink-0 rounded-ui-sm px-1 text-sm font-medium outline-none focus-visible:ring-2" }),
+				/* @__PURE__ */ jsx(Toast.Close, {
+					"aria-label": "Dismiss notification",
+					className: "text-muted-foreground hover:bg-muted focus-visible:ring-ring -m-1 shrink-0 rounded-ui-sm p-1 leading-none outline-none focus-visible:ring-2",
+					children: /* @__PURE__ */ jsx(IconX, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				})
+			] })
+		}, toast.id))
+	}) });
+}
+export { useToastManager as i, ToastProvider as n, Toaster as r, Toast$1 as t };
+
+//# sourceMappingURL=toast-BkDQhrZ5.js.map

package/dist/toast-BkDQhrZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-BkDQhrZ5.js","names":["BaseToast","Toast"],"sources":["../src/components/toast/toast.tsx"],"sourcesContent":["import { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { IconX } from \"@tabler/icons-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const ToastProvider = BaseToast.Provider;\nexport const useToastManager = BaseToast.useToastManager;\nconst ToastRoot = BaseToast.Root;\nconst ToastClose = BaseToast.Close;\nconst ToastAction = BaseToast.Action;\nconst ToastTitle = BaseToast.Title;\nconst ToastDescription = BaseToast.Description;\nconst ToastViewport = BaseToast.Viewport;\n\nfunction ToastContent({ className, ...props }: ComponentProps<typeof BaseToast.Content>) {\n  return <BaseToast.Content {...props} className={cn(\"flex items-start gap-3 p-4\", className)} />;\n}\n\nexport const Toast = Object.assign(ToastRoot, {\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n  Content: ToastContent,\n  Viewport: ToastViewport,\n});\n\nexport function Toaster() {\n  const { toasts } = BaseToast.useToastManager();\n\n  return (\n    <BaseToast.Portal>\n      <BaseToast.Viewport className=\"fixed right-4 bottom-4 z-50 flex w-[min(22rem,calc(100vw-2rem))] flex-col gap-2 outline-none\">\n        {toasts.map((toast) => (\n          <BaseToast.Root\n            key={toast.id}\n            toast={toast}\n            swipeDirection={[\"down\", \"right\"]}\n            className=\"rounded-ui-lg border-border bg-background text-foreground w-full border p-0 shadow-[0_8px_30px_rgb(0,0,0,0.12)] transition-[transform,opacity] data-ending-style:translate-y-2 data-ending-style:opacity-0 data-limited:hidden data-starting-style:translate-y-2 data-starting-style:opacity-0\"\n          >\n            <ToastContent>\n              <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n                <BaseToast.Title className=\"text-sm font-medium\" />\n                <BaseToast.Description className=\"text-muted-foreground text-sm\" />\n              </div>\n              <BaseToast.Action className=\"text-link focus-visible:ring-ring shrink-0 rounded-ui-sm px-1 text-sm font-medium outline-none focus-visible:ring-2\" />\n              <BaseToast.Close\n                aria-label=\"Dismiss notification\"\n                className=\"text-muted-foreground hover:bg-muted focus-visible:ring-ring -m-1 shrink-0 rounded-ui-sm p-1 leading-none outline-none focus-visible:ring-2\"\n              >\n                <IconX size={16} aria-hidden=\"true\" />\n              </BaseToast.Close>\n            </ToastContent>\n          </BaseToast.Root>\n        ))}\n      </BaseToast.Viewport>\n    </BaseToast.Portal>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAa,gBAAgBA,MAAU;AACvC,IAAa,kBAAkBA,MAAU;AACzC,IAAM,YAAYA,MAAU;AAC5B,IAAM,aAAaA,MAAU;AAC7B,IAAM,cAAcA,MAAU;AAC9B,IAAM,aAAaA,MAAU;AAC7B,IAAM,mBAAmBA,MAAU;AACnC,IAAM,gBAAgBA,MAAU;AAEhC,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmD;CACvF,OAAO,oBAACA,MAAU,SAAX;EAAmB,GAAI;EAAO,WAAW,GAAG,8BAA8B,SAAS;CAAI,CAAA;AAChG;AAEA,IAAaC,UAAQ,OAAO,OAAO,WAAW;CAC5C,OAAO;CACP,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,UAAU;AACZ,CAAC;AAED,SAAgB,UAAU;CACxB,MAAM,EAAE,WAAWD,MAAU,gBAAgB;CAE7C,OACE,oBAACA,MAAU,QAAX,EAAA,UACE,oBAACA,MAAU,UAAX;EAAoB,WAAU;EAC3B,UAAA,OAAO,KAAK,UACX,oBAACA,MAAU,MAAX;GAES;GACP,gBAAgB,CAAC,QAAQ,OAAO;GAChC,WAAU;GAEV,UAAA,qBAAC,cAAD,EAAA,UAAA;IACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAACA,MAAU,OAAX,EAAiB,WAAU,sBAAuB,CAAA,GAClD,oBAACA,MAAU,aAAX,EAAuB,WAAU,gCAAiC,CAAA,CAC/D;;IACL,oBAACA,MAAU,QAAX,EAAkB,WAAU,sHAAuH,CAAA;IACnJ,oBAACA,MAAU,OAAX;KACE,cAAW;KACX,WAAU;KAEV,UAAA,oBAAC,OAAD;MAAO,MAAM;MAAI,eAAY;KAAQ,CAAA;IACtB,CAAA;GACL,EAAA,CAAA;EACA,GAlBT,MAAM,EAkBG,CACjB;CACiB,CAAA,EACJ,CAAA;AAEtB"}

package/dist/toggle-CNd5ja2h.js

@@ -0,0 +1,13 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+// src/components/toggle/toggle.tsx
+function Toggle$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		className: cn("bg-background text-muted-foreground data-[pressed]:bg-primary data-[pressed]:text-primary-foreground border-border focus-visible:ring-ring inline-flex h-9 min-w-9 items-center justify-center rounded-ui-md border px-3 text-sm font-medium outline-none transition-colors focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", className)
+	});
+}
+export { Toggle$1 as t };
+
+//# sourceMappingURL=toggle-CNd5ja2h.js.map

package/dist/toggle-CNd5ja2h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-CNd5ja2h.js","names":["Toggle","BaseToggle"],"sources":["../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport function Toggle({ className, ...props }: ComponentProps<typeof BaseToggle>) {\n  return <BaseToggle {...props} className={cn(\"bg-background text-muted-foreground data-[pressed]:bg-primary data-[pressed]:text-primary-foreground border-border focus-visible:ring-ring inline-flex h-9 min-w-9 items-center justify-center rounded-ui-md border px-3 text-sm font-medium outline-none transition-colors focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50\", className)} />;\n}\n"],"mappings":";;;;AAIA,SAAgBA,SAAO,EAAE,WAAW,GAAG,SAA4C;CACjF,OAAO,oBAACC,QAAD;EAAY,GAAI;EAAO,WAAW,GAAG,qVAAqV,SAAS;CAAI,CAAA;AAChZ"}

package/dist/toggle-group-B8vnkGCk.js

@@ -0,0 +1,21 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+// src/components/toggle-group/toggle-group.tsx
+function ToggleGroupRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		...props,
+		className: cn("bg-muted inline-flex w-fit items-center rounded-ui-md p-1", className)
+	});
+}
+function ToggleGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		className: cn("text-muted-foreground data-[pressed]:bg-background data-[pressed]:text-foreground data-[pressed]:shadow-sm focus-visible:ring-ring inline-flex h-8 min-w-8 items-center justify-center rounded-ui-sm px-2 text-sm outline-none transition-colors focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", className)
+	});
+}
+var ToggleGroup$1 = Object.assign(ToggleGroupRoot, { Item: ToggleGroupItem });
+export { ToggleGroup$1 as t };
+
+//# sourceMappingURL=toggle-group-B8vnkGCk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-B8vnkGCk.js","names":["BaseToggleGroup","ToggleGroup"],"sources":["../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["import { Toggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction ToggleGroupRoot({ className, ...props }: ComponentProps<typeof BaseToggleGroup>) {\n  return <BaseToggleGroup {...props} className={cn(\"bg-muted inline-flex w-fit items-center rounded-ui-md p-1\", className)} />;\n}\n\nfunction ToggleGroupItem({ className, ...props }: ComponentProps<typeof Toggle>) {\n  return <Toggle {...props} className={cn(\"text-muted-foreground data-[pressed]:bg-background data-[pressed]:text-foreground data-[pressed]:shadow-sm focus-visible:ring-ring inline-flex h-8 min-w-8 items-center justify-center rounded-ui-sm px-2 text-sm outline-none transition-colors focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50\", className)} />;\n}\n\nexport const ToggleGroup = Object.assign(ToggleGroupRoot, { Item: ToggleGroupItem });\n"],"mappings":";;;;;AAKA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAiD;CACxF,OAAO,oBAACA,aAAD;EAAiB,GAAI;EAAO,WAAW,GAAG,6DAA6D,SAAS;CAAI,CAAA;AAC7H;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAwC;CAC/E,OAAO,oBAAC,QAAD;EAAQ,GAAI;EAAO,WAAW,GAAG,0TAA0T,SAAS;CAAI,CAAA;AACjX;AAEA,IAAaC,gBAAc,OAAO,OAAO,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/toolbar-BVA36_dH.js

@@ -0,0 +1,50 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Toolbar } from "@base-ui/react/toolbar";
+// src/components/toolbar/toolbar.tsx
+function ToolbarRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Root, {
+		...props,
+		className: cn("rounded-ui-md border-border bg-background flex w-fit items-center gap-1 border p-1", className)
+	});
+}
+function ToolbarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Group, {
+		...props,
+		className: cn("flex items-center gap-1", className)
+	});
+}
+function ToolbarButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		...props,
+		className: cn("rounded-ui-sm text-foreground data-[pressed]:bg-muted hover:bg-muted focus-visible:ring-ring inline-flex h-8 min-w-8 items-center justify-center px-2 text-sm outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", className)
+	});
+}
+function ToolbarLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Link, {
+		...props,
+		className: cn("rounded-ui-sm text-foreground hover:bg-muted focus-visible:ring-ring inline-flex h-8 items-center px-2 text-sm outline-none focus-visible:ring-2", className)
+	});
+}
+function ToolbarInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Input, {
+		...props,
+		className: cn("rounded-ui-sm border-border bg-background text-foreground focus-visible:ring-ring h-8 min-w-0 border px-2 text-sm outline-none focus-visible:ring-2", className)
+	});
+}
+function ToolbarSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Separator, {
+		...props,
+		className: cn("bg-border mx-1 h-5 w-px", className)
+	});
+}
+var Toolbar$1 = Object.assign(ToolbarRoot, {
+	Button: ToolbarButton,
+	Group: ToolbarGroup,
+	Input: ToolbarInput,
+	Link: ToolbarLink,
+	Separator: ToolbarSeparator
+});
+export { Toolbar$1 as t };
+
+//# sourceMappingURL=toolbar-BVA36_dH.js.map

package/dist/toolbar-BVA36_dH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-BVA36_dH.js","names":["BaseToolbar","Toolbar"],"sources":["../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction ToolbarRoot({ className, ...props }: ComponentProps<typeof BaseToolbar.Root>) {\n  return <BaseToolbar.Root {...props} className={cn(\"rounded-ui-md border-border bg-background flex w-fit items-center gap-1 border p-1\", className)} />;\n}\n\nfunction ToolbarGroup({ className, ...props }: ComponentProps<typeof BaseToolbar.Group>) {\n  return <BaseToolbar.Group {...props} className={cn(\"flex items-center gap-1\", className)} />;\n}\n\nfunction ToolbarButton({ className, ...props }: ComponentProps<typeof BaseToolbar.Button>) {\n  return <BaseToolbar.Button {...props} className={cn(\"rounded-ui-sm text-foreground data-[pressed]:bg-muted hover:bg-muted focus-visible:ring-ring inline-flex h-8 min-w-8 items-center justify-center px-2 text-sm outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50\", className)} />;\n}\n\nfunction ToolbarLink({ className, ...props }: ComponentProps<typeof BaseToolbar.Link>) {\n  return <BaseToolbar.Link {...props} className={cn(\"rounded-ui-sm text-foreground hover:bg-muted focus-visible:ring-ring inline-flex h-8 items-center px-2 text-sm outline-none focus-visible:ring-2\", className)} />;\n}\n\nfunction ToolbarInput({ className, ...props }: ComponentProps<typeof BaseToolbar.Input>) {\n  return <BaseToolbar.Input {...props} className={cn(\"rounded-ui-sm border-border bg-background text-foreground focus-visible:ring-ring h-8 min-w-0 border px-2 text-sm outline-none focus-visible:ring-2\", className)} />;\n}\n\nfunction ToolbarSeparator({ className, ...props }: ComponentProps<typeof BaseToolbar.Separator>) {\n  return <BaseToolbar.Separator {...props} className={cn(\"bg-border mx-1 h-5 w-px\", className)} />;\n}\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n  Button: ToolbarButton,\n  Group: ToolbarGroup,\n  Input: ToolbarInput,\n  Link: ToolbarLink,\n  Separator: ToolbarSeparator,\n});\n"],"mappings":";;;;AAIA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkD;CACrF,OAAO,oBAACA,QAAY,MAAb;EAAkB,GAAI;EAAO,WAAW,GAAG,sFAAsF,SAAS;CAAI,CAAA;AACvJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmD;CACvF,OAAO,oBAACA,QAAY,OAAb;EAAmB,GAAI;EAAO,WAAW,GAAG,2BAA2B,SAAS;CAAI,CAAA;AAC7F;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAoD;CACzF,OAAO,oBAACA,QAAY,QAAb;EAAoB,GAAI;EAAO,WAAW,GAAG,oPAAoP,SAAS;CAAI,CAAA;AACvT;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkD;CACrF,OAAO,oBAACA,QAAY,MAAb;EAAkB,GAAI;EAAO,WAAW,GAAG,oJAAoJ,SAAS;CAAI,CAAA;AACrN;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmD;CACvF,OAAO,oBAACA,QAAY,OAAb;EAAmB,GAAI;EAAO,WAAW,GAAG,uJAAuJ,SAAS;CAAI,CAAA;AACzN;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuD;CAC/F,OAAO,oBAACA,QAAY,WAAb;EAAuB,GAAI;EAAO,WAAW,GAAG,2BAA2B,SAAS;CAAI,CAAA;AACjG;AAEA,IAAaC,YAAU,OAAO,OAAO,aAAa;CAChD,QAAQ;CACR,OAAO;CACP,OAAO;CACP,MAAM;CACN,WAAW;AACb,CAAC"}

package/dist/tooltip-a7t8wv2L.js

@@ -0,0 +1,24 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+// src/components/tooltip/tooltip.tsx
+var TooltipProvider = Tooltip.Provider;
+var TooltipRoot = Tooltip.Root;
+var TooltipTrigger = Tooltip.Trigger;
+function TooltipContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		sideOffset: 6,
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+			...props,
+			className: cn("rounded-ui-sm bg-foreground text-background px-3 py-1.5 text-xs shadow-[0_4px_12px_rgb(0,0,0,0.12)]", className)
+		})
+	}) });
+}
+var Tooltip$1 = Object.assign(TooltipRoot, {
+	Trigger: TooltipTrigger,
+	Content: TooltipContent,
+	Provider: TooltipProvider
+});
+export { Tooltip$1 as t };
+
+//# sourceMappingURL=tooltip-a7t8wv2L.js.map

package/dist/tooltip-a7t8wv2L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-a7t8wv2L.js","names":["BaseTooltip","Tooltip"],"sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst TooltipProvider = BaseTooltip.Provider;\nconst TooltipRoot = BaseTooltip.Root;\nconst TooltipTrigger = BaseTooltip.Trigger;\n\nfunction TooltipContent({ className, ...props }: ComponentProps<typeof BaseTooltip.Popup>) {\n  return <BaseTooltip.Portal><BaseTooltip.Positioner sideOffset={6}><BaseTooltip.Popup {...props} className={cn(\"rounded-ui-sm bg-foreground text-background px-3 py-1.5 text-xs shadow-[0_4px_12px_rgb(0,0,0,0.12)]\", className)} /></BaseTooltip.Positioner></BaseTooltip.Portal>;\n}\n\nexport const Tooltip = Object.assign(TooltipRoot, {\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n  Provider: TooltipProvider,\n});\n"],"mappings":";;;;AAIA,IAAM,kBAAkBA,QAAY;AACpC,IAAM,cAAcA,QAAY;AAChC,IAAM,iBAAiBA,QAAY;AAEnC,SAAS,eAAe,EAAE,WAAW,GAAG,SAAmD;CACzF,OAAO,oBAACA,QAAY,QAAb,EAAA,UAAoB,oBAACA,QAAY,YAAb;EAAwB,YAAY;EAAG,UAAA,oBAACA,QAAY,OAAb;GAAmB,GAAI;GAAO,WAAW,GAAG,uGAAuG,SAAS;EAAI,CAAA;CAAyB,CAAA,EAAqB,CAAA;AAClR;AAEA,IAAaC,YAAU,OAAO,OAAO,aAAa;CAChD,SAAS;CACT,SAAS;CACT,UAAU;AACZ,CAAC"}

package/dist/visually-hidden-C8KngZTo.js

@@ -0,0 +1,14 @@
+import { t as cn } from "./cn-Ccwc28Yd.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/visually-hidden/visually-hidden.tsx
+var VisuallyHidden = forwardRef(function VisuallyHidden({ className, focusable = false, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cn("sr-only", focusable && "focus:not-sr-only focus:absolute focus:z-50 focus:outline-ring focus:outline-2", className)
+	});
+});
+export { VisuallyHidden as t };
+
+//# sourceMappingURL=visually-hidden-C8KngZTo.js.map

package/dist/visually-hidden-C8KngZTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden-C8KngZTo.js","names":[],"sources":["../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface VisuallyHiddenProps extends ComponentPropsWithoutRef<\"span\"> {\n  /** Reveal the content when it receives keyboard focus, for skip links. */\n  focusable?: boolean;\n}\n\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  function VisuallyHidden({ className, focusable = false, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cn(\n          \"sr-only\",\n          focusable && \"focus:not-sr-only focus:absolute focus:z-50 focus:outline-ring focus:outline-2\",\n          className,\n        )}\n      />\n    );\n  },\n);\n"],"mappings":";;;;AAQA,IAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,YAAY,OAAO,GAAG,SAAS,KAAK;CACvE,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,WACA,aAAa,kFACb,SACF;CACD,CAAA;AAEL,CACF"}