@lfrprazeres/ui 0.1.0

package/dist/components/streaming-dots.d.ts

@@ -0,0 +1,19 @@
+//#region src/components/streaming-dots.d.ts
+interface StreamingDotsProps {
+  className?: string;
+  /** Announced to assistive tech. */
+  label?: string;
+}
+/**
+ * Three dots for a pending response.
+ *
+ * Under reduced motion the bounce is swapped for an opacity pulse rather than
+ * removed. This is a loop, so there is no final state to collapse toward, but
+ * killing it outright would drop the only "something is happening" cue a
+ * sighted user has. Reduced motion targets vestibular triggers, which means
+ * movement, so fading in place stays within it.
+ */
+declare function StreamingDots({ label, className }: StreamingDotsProps): import("react").JSX.Element;
+//#endregion
+export { StreamingDots, StreamingDotsProps };
+//# sourceMappingURL=streaming-dots.d.ts.map

package/dist/components/streaming-dots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-dots.d.ts","names":[],"sources":["../../src/components/streaming-dots.tsx"],"mappings":";UAQiB;EACf;;EAEA;;;;;;;;;;;iBAYc,gBACd,OACA,aACC,qCAAkB,IAAA"}

package/dist/components/streaming-dots.js

@@ -0,0 +1,29 @@
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/streaming-dots.tsx
+const DOTS = [
+	"[animation-delay:-320ms]",
+	"[animation-delay:-160ms]",
+	"[animation-delay:0ms]"
+];
+/**
+* Three dots for a pending response.
+*
+* Under reduced motion the bounce is swapped for an opacity pulse rather than
+* removed. This is a loop, so there is no final state to collapse toward, but
+* killing it outright would drop the only "something is happening" cue a
+* sighted user has. Reduced motion targets vestibular triggers, which means
+* movement, so fading in place stays within it.
+*/
+function StreamingDots({ label = "Loading", className }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-label": label,
+		className: cn("inline-flex items-center gap-1", className),
+		role: "status",
+		children: DOTS.map((delay) => /* @__PURE__ */ jsx("span", { className: cn("size-1.5 animate-bounce rounded-full bg-current opacity-60", "motion-reduce:animate-pulse motion-reduce:[animation-delay:0ms]", delay) }, delay))
+	});
+}
+//#endregion
+export { StreamingDots };
+
+//# sourceMappingURL=streaming-dots.js.map

package/dist/components/streaming-dots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-dots.js","names":[],"sources":["../../src/components/streaming-dots.tsx"],"sourcesContent":["import { cn } from \"@/lib/cn\";\n\nconst DOTS = [\n  \"[animation-delay:-320ms]\",\n  \"[animation-delay:-160ms]\",\n  \"[animation-delay:0ms]\",\n];\n\nexport interface StreamingDotsProps {\n  className?: string;\n  /** Announced to assistive tech. */\n  label?: string;\n}\n\n/**\n * Three dots for a pending response.\n *\n * Under reduced motion the bounce is swapped for an opacity pulse rather than\n * removed. This is a loop, so there is no final state to collapse toward, but\n * killing it outright would drop the only \"something is happening\" cue a\n * sighted user has. Reduced motion targets vestibular triggers, which means\n * movement, so fading in place stays within it.\n */\nexport function StreamingDots({\n  label = \"Loading\",\n  className,\n}: StreamingDotsProps) {\n  return (\n    <span\n      aria-label={label}\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      role=\"status\"\n    >\n      {DOTS.map((delay) => (\n        <span\n          className={cn(\n            \"size-1.5 animate-bounce rounded-full bg-current opacity-60\",\n            \"motion-reduce:animate-pulse motion-reduce:[animation-delay:0ms]\",\n            delay\n          )}\n          key={delay}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":";;;AAEA,MAAM,OAAO;CACX;CACA;CACA;AACF;;;;;;;;;;AAiBA,SAAgB,cAAc,EAC5B,QAAQ,WACR,aACqB;CACrB,OACE,oBAAC,QAAD;EACE,cAAY;EACZ,WAAW,GAAG,kCAAkC,SAAS;EACzD,MAAK;EAEJ,UAAA,KAAK,KAAK,UACT,oBAAC,QAAD,EACE,WAAW,GACT,8DACA,mEACA,KACF,EAED,GADM,KACN,CACF;CACG,CAAA;AAEV"}

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,13 @@
+//#region src/components/theme-toggle.d.ts
+type ThemeMode = "light" | "dark" | "system";
+interface ThemeToggleProps {
+  className?: string;
+  onValueChange: (value: ThemeMode) => void;
+  /** The active mode. This component is controlled and holds no state. */
+  value: ThemeMode;
+}
+/** Controlled. Holds no state and reads no theme provider. */
+declare function ThemeToggle({ value, onValueChange, className }: ThemeToggleProps): import("react").JSX.Element;
+//#endregion
+export { ThemeMode, ThemeToggle, ThemeToggleProps };
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","names":[],"sources":["../../src/components/theme-toggle.tsx"],"mappings":";KAOY;UA4CK;EACf;EACA,gBAAgB,OAAO;;EAEvB,OAAO;;;iBAIO,cACd,OACA,eACA,aACC,mCAAgB,IAAA"}

package/dist/components/theme-toggle.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { Button } from "../elements/button.js";
+import { jsx } from "react/jsx-runtime";
+import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
+import { useCallback } from "react";
+//#region src/components/theme-toggle.tsx
+const MODES = [
+	{
+		icon: SunIcon,
+		label: "Light",
+		value: "light"
+	},
+	{
+		icon: MoonIcon,
+		label: "Dark",
+		value: "dark"
+	},
+	{
+		icon: MonitorIcon,
+		label: "System",
+		value: "system"
+	}
+];
+function ThemeToggleOption({ mode, active, onSelect }) {
+	const handleClick = useCallback(() => onSelect(mode.value), [mode.value, onSelect]);
+	const Icon = mode.icon;
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": mode.label,
+		"aria-pressed": active,
+		className: cn("size-8", active && "bg-accent text-accent-foreground"),
+		onClick: handleClick,
+		size: "icon-sm",
+		title: mode.label,
+		variant: "ghost",
+		children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
+	});
+}
+/** Controlled. Holds no state and reads no theme provider. */
+function ThemeToggle({ value, onValueChange, className }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		"aria-label": "Colour theme",
+		className: cn("inline-flex items-center gap-1 rounded-md border border-border bg-card p-1", className),
+		children: MODES.map((mode) => /* @__PURE__ */ jsx(ThemeToggleOption, {
+			active: mode.value === value,
+			mode,
+			onSelect: onValueChange
+		}, mode.value))
+	});
+}
+//#endregion
+export { ThemeToggle };
+
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","names":[],"sources":["../../src/components/theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport { Button } from \"@/elements/button\";\nimport { cn } from \"@/lib/cn\";\n\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\ninterface Mode {\n  icon: LucideIcon;\n  label: string;\n  value: ThemeMode;\n}\n\nconst MODES = [\n  { icon: SunIcon, label: \"Light\", value: \"light\" },\n  { icon: MoonIcon, label: \"Dark\", value: \"dark\" },\n  { icon: MonitorIcon, label: \"System\", value: \"system\" },\n] satisfies Mode[];\n\nfunction ThemeToggleOption({\n  mode,\n  active,\n  onSelect,\n}: {\n  mode: Mode;\n  active: boolean;\n  onSelect: (value: ThemeMode) => void;\n}) {\n  const handleClick = useCallback(\n    () => onSelect(mode.value),\n    [mode.value, onSelect]\n  );\n  const Icon = mode.icon;\n\n  return (\n    <Button\n      aria-label={mode.label}\n      aria-pressed={active}\n      className={cn(\"size-8\", active && \"bg-accent text-accent-foreground\")}\n      onClick={handleClick}\n      size=\"icon-sm\"\n      title={mode.label}\n      variant=\"ghost\"\n    >\n      <Icon aria-hidden=\"true\" />\n    </Button>\n  );\n}\n\nexport interface ThemeToggleProps {\n  className?: string;\n  onValueChange: (value: ThemeMode) => void;\n  /** The active mode. This component is controlled and holds no state. */\n  value: ThemeMode;\n}\n\n/** Controlled. Holds no state and reads no theme provider. */\nexport function ThemeToggle({\n  value,\n  onValueChange,\n  className,\n}: ThemeToggleProps) {\n  return (\n    <fieldset\n      aria-label=\"Colour theme\"\n      className={cn(\n        \"inline-flex items-center gap-1 rounded-md border border-border bg-card p-1\",\n        className\n      )}\n    >\n      {MODES.map((mode) => (\n        <ThemeToggleOption\n          active={mode.value === value}\n          key={mode.value}\n          mode={mode}\n          onSelect={onValueChange}\n        />\n      ))}\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,QAAQ;CACZ;EAAE,MAAM;EAAS,OAAO;EAAS,OAAO;CAAQ;CAChD;EAAE,MAAM;EAAU,OAAO;EAAQ,OAAO;CAAO;CAC/C;EAAE,MAAM;EAAa,OAAO;EAAU,OAAO;CAAS;AACxD;AAEA,SAAS,kBAAkB,EACzB,MACA,QACA,YAKC;CACD,MAAM,cAAc,kBACZ,SAAS,KAAK,KAAK,GACzB,CAAC,KAAK,OAAO,QAAQ,CACvB;CACA,MAAM,OAAO,KAAK;CAElB,OACE,oBAAC,QAAD;EACE,cAAY,KAAK;EACjB,gBAAc;EACd,WAAW,GAAG,UAAU,UAAU,kCAAkC;EACpE,SAAS;EACT,MAAK;EACL,OAAO,KAAK;EACZ,SAAQ;EAER,UAAA,oBAAC,MAAD,EAAM,eAAY,OAAQ,CAAA;CACpB,CAAA;AAEZ;;AAUA,SAAgB,YAAY,EAC1B,OACA,eACA,aACmB;CACnB,OACE,oBAAC,YAAD;EACE,cAAW;EACX,WAAW,GACT,8EACA,SACF;EAEC,UAAA,MAAM,KAAK,SACV,oBAAC,mBAAD;GACE,QAAQ,KAAK,UAAU;GAEjB;GACN,UAAU;EACX,GAHM,KAAK,KAGX,CACF;CACO,CAAA;AAEd"}

package/dist/elements/avatar.d.ts

@@ -0,0 +1,14 @@
+import { Avatar } from "radix-ui";
+import * as React from "react";
+//#region src/elements/avatar.d.ts
+declare function Avatar$1({ className, size, ...props }: React.ComponentProps<typeof Avatar.Root> & {
+  size?: "default" | "sm" | "lg";
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/elements/avatar.tsx"],"mappings":";;;iBAOS,WACP,WACA,SACG,SACF,MAAM,sBAAsB,OAAgB;EAC7C;IACD,MAAA,IAAA;iBAcQ,cACP,cACG,SACF,MAAM,sBAAsB,OAAgB,SAAM,MAAA,IAAA;iBAU5C,iBACP,cACG,SACF,MAAM,sBAAsB,OAAgB,YAAS,MAAA,IAAA;iBAa/C,cAAc,cAAc,SAAS,MAAM,yBAAsB,MAAA,IAAA;iBAgBjE,cAAc,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAahE,mBACP,cACG,SACF,MAAM,wBAAqB,MAAA,IAAA"}

package/dist/elements/avatar.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "radix-ui";
+//#region src/elements/avatar.tsx
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		className: cn("group/avatar relative flex size-8 shrink-0 select-none overflow-hidden rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6", className),
+		"data-size": size,
+		"data-slot": "avatar",
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		className: cn("aspect-square size-full", className),
+		"data-slot": "avatar-image",
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs", className),
+		"data-slot": "avatar-fallback",
+		...props
+	});
+}
+function AvatarBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
+		"data-slot": "avatar-badge",
+		...props
+	});
+}
+function AvatarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+		"data-slot": "avatar-group",
+		...props
+	});
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground text-sm ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className),
+		"data-slot": "avatar-group-count",
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+
+//# sourceMappingURL=avatar.js.map

package/dist/elements/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["Avatar","AvatarPrimitive"],"sources":["../../src/elements/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 select-none overflow-hidden rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"avatar\"\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      className={cn(\"aspect-square size-full\", className)}\n      data-slot=\"avatar-image\"\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      data-slot=\"avatar-fallback\"\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      data-slot=\"avatar-badge\"\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      data-slot=\"avatar-group\"\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground text-sm ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className\n      )}\n      data-slot=\"avatar-group-count\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"mappings":";;;;;AAOA,SAASA,SAAO,EACd,WACA,OAAO,WACP,GAAG,SAGF;CACD,OACE,oBAACC,OAAgB,MAAjB;EACE,WAAW,GACT,oIACA,SACF;EACA,aAAW;EACX,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAgB,OAAjB;EACE,WAAW,GAAG,2BAA2B,SAAS;EAClD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,OAAgB,UAAjB;EACE,WAAW,GACT,sIACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuC;CAC1E,OACE,oBAAC,QAAD;EACE,WAAW,GACT,6JACA,iFACA,6FACA,iFACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,WAAW,GACT,uGACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,WAAW,GACT,4VACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/badge.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/elements/badge.tsx"],"mappings":";;;cAMM,gBAAa;;6CAoBlB;iBAEQ,QACP,WACA,SACA,YACG,SACF,MAAM,yBACP,oBAAoB;EAAmB;IAAmB,MAAA,IAAA"}

package/dist/elements/badge.js

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

package/dist/elements/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/elements/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nconst badgeVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border border-transparent px-2 py-0.5 font-medium text-xs transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3\",\n  {\n    defaultVariants: {\n      variant: \"default\",\n    },\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90\",\n        ghost: \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 [a&]:hover:underline\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n      },\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\";\n\n  return (\n    <Comp\n      className={cn(badgeVariants({ variant }), className)}\n      data-slot=\"badge\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB,IACpB,uaACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACF,OAAO;EACP,MAAM;EACN,SACE;EACF,WACE;CACJ,EACF;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,UAAU,WACV,UAAU,OACV,GAAG,SAEyD;CAC5D,MAAM,OAAO,UAAU,KAAK,OAAO;CAEnC,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,aAAU;EACV,gBAAc;EACd,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/button.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/elements/button.tsx"],"mappings":";;;cAMM,iBAAc;;;6CAgCnB;iBAEQ,SACP,WACA,SACA,MACA,YACG,SACF,MAAM,2BACP,oBAAoB;EAClB;IACD,MAAA,IAAA"}

package/dist/elements/button.js

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

package/dist/elements/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../src/elements/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        icon: \"size-9\",\n        \"icon-lg\": \"size-10\",\n        \"icon-sm\": \"size-8\",\n        \"icon-xs\": \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      },\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n      },\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ className, size, variant }))}\n      data-size={size}\n      data-slot=\"button\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB,+bACA;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;CACA,UAAU;EACR,MAAM;GACJ,SAAS;GACT,MAAM;GACN,WAAW;GACX,WAAW;GACX,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,aACE;GACF,OACE;GACF,MAAM;GACN,SACE;GACF,WACE;EACJ;CACF;AACF,CACF;AAEA,SAAS,OAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,UAAU,OACV,GAAG,SAIA;CACH,MAAM,OAAO,UAAU,KAAK,OAAO;CAEnC,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,eAAe;GAAE;GAAW;GAAM;EAAQ,CAAC,CAAC;EAC1D,aAAW;EACX,aAAU;EACV,gBAAc;EACd,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/card.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+//#region src/elements/card.d.ts
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/elements/card.tsx"],"mappings":";;iBAIS,OAAO,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAazD,aAAa,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAa/D,YAAY,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAU9D,kBAAkB,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAUpE,aAAa,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAa/D,cAAc,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAUhE,aAAa,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA"}

package/dist/elements/card.js

@@ -0,0 +1,56 @@
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/elements/card.tsx
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className),
+		"data-slot": "card",
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+		"data-slot": "card-header",
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("font-semibold leading-none", className),
+		"data-slot": "card-title",
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "card-description",
+		...props
+	});
+}
+function CardAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		"data-slot": "card-action",
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("px-6", className),
+		"data-slot": "card-content",
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+		"data-slot": "card-footer",
+		...props
+	});
+}
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

package/dist/elements/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../src/elements/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm\",\n        className\n      )}\n      data-slot=\"card\"\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"font-semibold leading-none\", className)}\n      data-slot=\"card-title\"\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"card-description\"\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"px-6\", className)}\n      data-slot=\"card-content\"\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      data-slot=\"card-footer\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"mappings":";;;AAIA,SAAS,KAAK,EAAE,WAAW,GAAG,SAAsC;CAClE,OACE,oBAAC,OAAD;EACE,WAAW,GACT,qFACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,WAAW,GACT,4JACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,8BAA8B,SAAS;EACrD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,iCAAiC,SAAS;EACxD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,WAAW,GACT,kEACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,QAAQ,SAAS;EAC/B,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,2CAA2C,SAAS;EAClE,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { Checkbox } from "radix-ui";
+import * as React from "react";
+//#region src/elements/checkbox.d.ts
+declare function Checkbox$1({ className, ...props }: React.ComponentProps<typeof Checkbox.Root>): React.JSX.Element;
+//#endregion
+export { Checkbox$1 as Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/elements/checkbox.tsx"],"mappings":";;;iBAQS,aACP,cACG,SACF,MAAM,sBAAsB,SAAkB,QAAK,MAAA,IAAA"}

package/dist/elements/checkbox.js

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { Checkbox } from "radix-ui";
+//#region src/elements/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		className: cn("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40", className),
+		"data-slot": "checkbox",
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			className: "grid place-content-center text-current transition-none",
+			"data-slot": "checkbox-indicator",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+export { Checkbox$1 as Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

package/dist/elements/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["Checkbox","CheckboxPrimitive"],"sources":["../../src/elements/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(\n        \"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className=\"grid place-content-center text-current transition-none\"\n        data-slot=\"checkbox-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAQA,SAASA,WAAS,EAChB,WACA,GAAG,SACmD;CACtD,OACE,oBAACC,SAAkB,MAAnB;EACE,WAAW,GACT,+eACA,SACF;EACA,aAAU;EACV,GAAI;EAEJ,UAAA,oBAACA,SAAkB,WAAnB;GACE,WAAU;GACV,aAAU;GAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;EACN,CAAA;CACP,CAAA;AAE5B"}

package/dist/elements/dialog.d.ts

@@ -0,0 +1,20 @@
+import { Dialog } from "radix-ui";
+import * as React from "react";
+//#region src/elements/dialog.d.ts
+declare function Dialog$1({ ...props }: React.ComponentProps<typeof Dialog.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog.Content> & {
+  showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog.Description>): React.JSX.Element;
+//#endregion
+export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/elements/dialog.tsx"],"mappings":";;;iBAQS,cACJ,SACF,MAAM,sBAAsB,OAAgB,QAAK,MAAA,IAAA;iBAI3C,mBACJ,SACF,MAAM,sBAAsB,OAAgB,WAAQ,MAAA,IAAA;iBAI9C,kBACJ,SACF,MAAM,sBAAsB,OAAgB,UAAO,MAAA,IAAA;iBAI7C,iBACJ,SACF,MAAM,sBAAsB,OAAgB,SAAM,MAAA,IAAA;iBAI5C,gBACP,cACG,SACF,MAAM,sBAAsB,OAAgB,WAAQ,MAAA,IAAA;iBAa9C,gBACP,WACA,UACA,oBACG,SACF,MAAM,sBAAsB,OAAgB;EAC7C;IACD,MAAA,IAAA;iBA2BQ,eAAe,cAAc,SAAS,MAAM,wBAAqB,MAAA,IAAA;iBAUjE,eACP,WACA,iBACA,aACG,SACF,MAAM;EACP;IACD,MAAA,IAAA;iBAoBQ,cACP,cACG,SACF,MAAM,sBAAsB,OAAgB,SAAM,MAAA,IAAA;iBAU5C,oBACP,cACG,SACF,MAAM,sBAAsB,OAAgB,eAAY,MAAA,IAAA"}

package/dist/elements/dialog.js

@@ -0,0 +1,95 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { Button } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Dialog } from "radix-ui";
+//#region src/elements/dialog.tsx
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		"data-slot": "dialog-overlay",
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg outline-none duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg", className),
+			"data-slot": "dialog-content",
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
+				className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				"data-slot": "dialog-close",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		"data-slot": "dialog-header",
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		"data-slot": "dialog-footer",
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		className: cn("font-semibold text-lg leading-none", className),
+		"data-slot": "dialog-title",
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "dialog-description",
+		...props
+	});
+}
+//#endregion
+export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+
+//# sourceMappingURL=dialog.js.map