@tetherto/dev-websites-core 0.2.1 → 0.3.0

package/dist/ui/components/CollapsibleSection/CollapsibleSection.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+//#region src/ui/components/CollapsibleSection/CollapsibleSection.tsx
+function ChevronDownIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		className,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 6 8 10.5 12.5 6",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CollapsibleSection({ collapsedHeight, toggleLabel, defaultOpen = false, className, children }) {
+	const [open, setOpen] = useState(defaultOpen);
+	const bodyId = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx("div", {
+				id: bodyId,
+				className: "overflow-hidden",
+				style: !open ? { maxHeight: collapsedHeight } : void 0,
+				children
+			}), !open ? /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-surface/0 to-surface"
+			}) : null]
+		}), /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			type: "button",
+			onClick: () => setOpen((value) => !value),
+			"aria-expanded": open,
+			"aria-controls": bodyId,
+			className: "gap-1.5 self-center",
+			children: [/* @__PURE__ */ jsx(ChevronDownIcon, { className: open ? "rotate-180" : void 0 }), toggleLabel]
+		})]
+	});
+}
+//#endregion
+export { CollapsibleSection };
+
+//# sourceMappingURL=CollapsibleSection.mjs.map

package/dist/ui/components/CollapsibleSection/CollapsibleSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.mjs","names":[],"sources":["../../../../src/ui/components/CollapsibleSection/CollapsibleSection.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\n\nimport { Button } from '../Button/Button.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type CollapsibleSectionProps = {\n  collapsedHeight: number\n  toggleLabel: string\n  defaultOpen?: boolean\n  className?: string\n  children: ReactNode\n}\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      className={className}\n    >\n      <path\n        d=\"M3.5 6 8 10.5 12.5 6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CollapsibleSection({\n  collapsedHeight,\n  toggleLabel,\n  defaultOpen = false,\n  className,\n  children,\n}: CollapsibleSectionProps) {\n  const [open, setOpen] = useState(defaultOpen)\n  const bodyId = useId()\n\n  return (\n    <div className={cn('flex flex-col gap-4', className)}>\n      <div className=\"relative\">\n        <div\n          id={bodyId}\n          className=\"overflow-hidden\"\n          style={!open ? { maxHeight: collapsedHeight } : undefined}\n        >\n          {children}\n        </div>\n\n        {!open ? (\n          <div\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-surface/0 to-surface\"\n          />\n        ) : null}\n      </div>\n\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        className=\"gap-1.5 self-center\"\n      >\n        <ChevronDownIcon className={open ? 'rotate-180' : undefined} />\n        {toggleLabel}\n      </Button>\n    </div>\n  )\n}\n\nexport { CollapsibleSection }\n"],"mappings":";;;;;;AAiBA,SAAS,gBAAgB,EAAE,aAAqC;CAC9D,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,SAAQ;EACR,OAAM;EACN,QAAO;EACP,MAAK;EACM;EAEX,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAS,mBAAmB,EAC1B,iBACA,aACA,cAAc,OACd,WACA,YAC0B;CAC1B,MAAM,CAAC,MAAM,WAAW,SAAS,WAAW;CAC5C,MAAM,SAAS,MAAM;CAErB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,SAAS;EAAnD,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,OAAD;IACE,IAAI;IACJ,WAAU;IACV,OAAO,CAAC,OAAO,EAAE,WAAW,gBAAgB,IAAI;IAE/C;GACE,CAAA,GAEJ,CAAC,OACA,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;GACX,CAAA,IACC,IACD;EAEL,CAAA,GAAA,qBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,MAAK;GACL,eAAe,SAAS,UAAU,CAAC,KAAK;GACxC,iBAAe;GACf,iBAAe;GACf,WAAU;GAPZ,UAAA,CASE,oBAAC,iBAAD,EAAiB,WAAW,OAAO,eAAe,OAAY,CAAA,GAC7D,WACK;EACL,CAAA,CAAA;;AAET"}

package/dist/ui/components/CollapsibleSection/index.d.mts

@@ -0,0 +1,2 @@
+import { CollapsibleSection, CollapsibleSectionProps } from "./CollapsibleSection.mjs";
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/ui/components/CollapsibleSection/index.mjs

@@ -0,0 +1,2 @@
+import { CollapsibleSection } from "./CollapsibleSection.mjs";
+export { CollapsibleSection };

package/dist/ui/components/CopyButton/CopyButton.d.mts

@@ -0,0 +1,12 @@
+import { IconButtonProps } from "../IconButton/IconButton.mjs";
+//#region src/ui/components/CopyButton/CopyButton.d.ts
+type CopyButtonProps = Omit<IconButtonProps, 'children' | 'onClick' | 'value'> & {
+  text: string;
+  copiedAriaLabel?: string;
+  iconSize?: number;
+  onCopied?: () => void;
+};
+declare function CopyButton({ text, copiedAriaLabel, iconSize, className, 'aria-label': ariaLabel, onCopied, ...props }: CopyButtonProps): import("react").JSX.Element;
+//#endregion
+export { CopyButton, CopyButtonProps };
+//# sourceMappingURL=CopyButton.d.mts.map

package/dist/ui/components/CopyButton/CopyButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.mts","names":[],"sources":["../../../../src/ui/components/CopyButton/CopyButton.tsx"],"mappings":";;KAUY,kBAAkB,KAAK;EACjC;EACA;EACA;EACA;;iBAGO,aACP,MACA,iBACA,UACA,yBACc,WACd,aACG,SACF,kCAAe,IAAA"}

package/dist/ui/components/CopyButton/CopyButton.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { IconButton } from "../IconButton/IconButton.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { MdCheck, MdContentCopy } from "react-icons/md";
+//#region src/ui/components/CopyButton/CopyButton.tsx
+const COPIED_DISPLAY_MS = 1500;
+function CopyButton({ text, copiedAriaLabel, iconSize = 14, className, "aria-label": ariaLabel, onCopied, ...props }) {
+	const [copied, setCopied] = useState(false);
+	const timerRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+		};
+	}, []);
+	function handleCopy() {
+		if (typeof navigator === "undefined" || !navigator.clipboard) return;
+		navigator.clipboard.writeText(text).then(() => {
+			setCopied(true);
+			onCopied?.();
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = setTimeout(() => setCopied(false), COPIED_DISPLAY_MS);
+		}).catch(() => {});
+	}
+	return /* @__PURE__ */ jsx(IconButton, {
+		type: "button",
+		...props,
+		onClick: handleCopy,
+		"aria-label": copied && copiedAriaLabel ? copiedAriaLabel : ariaLabel,
+		className: cn("size-7", className),
+		children: copied ? /* @__PURE__ */ jsx(MdCheck, {
+			size: iconSize,
+			"aria-hidden": "true",
+			className: "text-success"
+		}) : /* @__PURE__ */ jsx(MdContentCopy, {
+			size: iconSize,
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
+export { CopyButton };
+
+//# sourceMappingURL=CopyButton.mjs.map

package/dist/ui/components/CopyButton/CopyButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../../src/ui/components/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { MdCheck, MdContentCopy } from 'react-icons/md'\n\nimport { IconButton, type IconButtonProps } from '../IconButton/IconButton.js'\nimport { cn } from '../../utils/cn.js'\n\nconst COPIED_DISPLAY_MS = 1500\n\nexport type CopyButtonProps = Omit<IconButtonProps, 'children' | 'onClick' | 'value'> & {\n  text: string\n  copiedAriaLabel?: string\n  iconSize?: number\n  onCopied?: () => void\n}\n\nfunction CopyButton({\n  text,\n  copiedAriaLabel,\n  iconSize = 14,\n  className,\n  'aria-label': ariaLabel,\n  onCopied,\n  ...props\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false)\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  function handleCopy() {\n    if (typeof navigator === 'undefined' || !navigator.clipboard) return\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        setCopied(true)\n        onCopied?.()\n        if (timerRef.current) clearTimeout(timerRef.current)\n        timerRef.current = setTimeout(() => setCopied(false), COPIED_DISPLAY_MS)\n      })\n      .catch(() => {\n        // Silent — caller's value remains visible for manual copy.\n      })\n  }\n\n  return (\n    <IconButton\n      type=\"button\"\n      {...props}\n      onClick={handleCopy}\n      aria-label={copied && copiedAriaLabel ? copiedAriaLabel : ariaLabel}\n      className={cn('size-7', className)}\n    >\n      {copied ? (\n        <MdCheck size={iconSize} aria-hidden=\"true\" className=\"text-success\" />\n      ) : (\n        <MdContentCopy size={iconSize} aria-hidden=\"true\" />\n      )}\n    </IconButton>\n  )\n}\n\nexport { CopyButton }\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB;AAS1B,SAAS,WAAW,EAClB,MACA,iBACA,WAAW,IACX,WACA,cAAc,WACd,UACA,GAAG,SACe;CAClB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,WAAW,OAA6C,IAAI;CAElE,gBAAgB;EACd,aAAa;GACX,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;EACrD;CACF,GAAG,CAAC,CAAC;CAEL,SAAS,aAAa;EACpB,IAAI,OAAO,cAAc,eAAe,CAAC,UAAU,WAAW;EAC9D,UAAU,UACP,UAAU,IAAI,CAAC,CACf,WAAW;GACV,UAAU,IAAI;GACd,WAAW;GACX,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;GACnD,SAAS,UAAU,iBAAiB,UAAU,KAAK,GAAG,iBAAiB;EACzE,CAAC,CAAC,CACD,YAAY,CAEb,CAAC;CACL;CAEA,OACE,oBAAC,YAAD;EACE,MAAK;EACL,GAAI;EACJ,SAAS;EACT,cAAY,UAAU,kBAAkB,kBAAkB;EAC1D,WAAW,GAAG,UAAU,SAAS;EAEhC,UAAA,SACC,oBAAC,SAAD;GAAS,MAAM;GAAU,eAAY;GAAO,WAAU;EAAgB,CAAA,IAEtE,oBAAC,eAAD;GAAe,MAAM;GAAU,eAAY;EAAQ,CAAA;CAE3C,CAAA;AAEhB"}

package/dist/ui/components/CopyButton/index.d.mts

@@ -0,0 +1,2 @@
+import { CopyButton, CopyButtonProps } from "./CopyButton.mjs";
+export { CopyButton, type CopyButtonProps };

package/dist/ui/components/CopyButton/index.mjs

@@ -0,0 +1,2 @@
+import { CopyButton } from "./CopyButton.mjs";
+export { CopyButton };

package/dist/ui/components/Dialog/Dialog.d.mts

@@ -0,0 +1,26 @@
+import { ComponentProps, HTMLAttributes } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Dialog/Dialog.d.ts
+declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const dialogFullscreenOnMobile: string;
+type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): import("react").JSX.Element;
+type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
+  closeLabel?: string;
+  showClose?: boolean;
+  closeClassName?: string;
+};
+declare function DialogContent({ className, children, closeLabel, showClose, closeClassName, ...props }: DialogContentProps): import("react").JSX.Element;
+declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
+type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react").JSX.Element;
+//#endregion
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile };
+//# sourceMappingURL=Dialog.d.mts.map

package/dist/ui/components/Dialog/Dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.mts","names":[],"sources":["../../../../src/ui/components/Dialog/Dialog.tsx"],"mappings":";;;cAQM,wBAAM,GAAA,gBAAA;cACN,+BAAa,0BAAA,gBAAA,qCAAA,cAAA;cACb,8BAAY,GAAA,gBAAA;cACZ,6BAAW,0BAAA,gBAAA,mCAAA,cAAA;cAEX;KAOM,qBAAqB,sBAAsB,gBAAgB;iBAE9D,gBAAgB,cAAc,SAAS,qCAAkB,IAAA;KAqBtD,qBAAqB,sBAAsB,gBAAgB;EACrE;EACA;EACA;;iBAGO,gBACP,WACA,UACA,YACA,WACA,mBACG,SACF,qCAAkB,IAAA;iBAqCZ,eAAe,cAAc,SAAS,eAAe,kCAAe,IAAA;iBAUpE,aAAa,cAAc,SAAS,wCAAqB,IAAA;iBAUzD,eAAe,cAAc,SAAS,eAAe,kCAAe,IAAA;KAajE,mBAAmB,sBAAsB,gBAAgB;iBAE5D,cAAc,cAAc,SAAS,mCAAgB,IAAA;KASlD,yBAAyB,sBAAsB,gBAAgB;iBAElE,oBAAoB,cAAc,SAAS,yCAAsB,IAAA"}

package/dist/ui/components/Dialog/Dialog.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Dialog/Dialog.tsx
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const dialogFullscreenOnMobile = cn("max-md:top-0 max-md:right-0 max-md:bottom-0 max-md:left-0", "max-md:h-dvh max-md:max-h-none max-md:w-full max-md:max-w-none", "max-md:translate-x-0 max-md:translate-y-0", "max-md:rounded-none max-md:border-0");
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-background/75 backdrop-blur-sm transition-opacity duration-150", "data-[state=closed]:opacity-0 data-[state=open]:opacity-100", className),
+		...props
+	});
+}
+function CloseIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 14 14",
+		width: "14",
+		height: "14",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3 3l8 8M11 3l-8 8",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function DialogContent({ className, children, closeLabel = "Close", showClose = true, closeClassName, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		className: cn("fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2", "flex max-h-[calc(100vh-2rem)] w-[calc(100vw-2rem)] max-w-md flex-col overflow-hidden", "rounded-card border border-border bg-surface text-foreground shadow-xl", "transition-opacity duration-150 data-[state=closed]:opacity-0 data-[state=open]:opacity-100", "focus:outline-none", className),
+		...props,
+		children: [children, showClose ? /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+			"aria-label": closeLabel,
+			className: cn("absolute top-6 right-5 inline-flex size-7 cursor-pointer items-center justify-center rounded-control", "border border-border text-secondary transition-colors", "hover:bg-card hover:text-foreground", "focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed", closeClassName),
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		}) : null]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-1.5 px-5 pt-6 pr-14", className),
+		...props
+	});
+}
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-body",
+		className: cn("flex flex-col gap-3.5 overflow-y-auto px-5 py-5", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 border-t border-border px-5 py-4 sm:flex-row sm:justify-between", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		className: cn("text-lg font-semibold text-foreground", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: cn("text-sm font-normal text-secondary", className),
+		...props
+	});
+}
+//#endregion
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile };
+
+//# sourceMappingURL=Dialog.mjs.map

package/dist/ui/components/Dialog/Dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.mjs","names":[],"sources":["../../../../src/ui/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps, HTMLAttributes } from 'react'\n\nconst Dialog = DialogPrimitive.Root\nconst DialogTrigger = DialogPrimitive.Trigger\nconst DialogPortal = DialogPrimitive.Portal\nconst DialogClose = DialogPrimitive.Close\n\nconst dialogFullscreenOnMobile = cn(\n  'max-md:top-0 max-md:right-0 max-md:bottom-0 max-md:left-0',\n  'max-md:h-dvh max-md:max-h-none max-md:w-full max-md:max-w-none',\n  'max-md:translate-x-0 max-md:translate-y-0',\n  'max-md:rounded-none max-md:border-0'\n)\n\nexport type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      className={cn(\n        'fixed inset-0 z-50 bg-background/75 backdrop-blur-sm transition-opacity duration-150',\n        'data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CloseIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\">\n      <path d=\"M3 3l8 8M11 3l-8 8\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nexport type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {\n  closeLabel?: string\n  showClose?: boolean\n  closeClassName?: string\n}\n\nfunction DialogContent({\n  className,\n  children,\n  closeLabel = 'Close',\n  showClose = true,\n  closeClassName,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'flex max-h-[calc(100vh-2rem)] w-[calc(100vw-2rem)] max-w-md flex-col overflow-hidden',\n          'rounded-card border border-border bg-surface text-foreground shadow-xl',\n          'transition-opacity duration-150 data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n          'focus:outline-none',\n          className\n        )}\n        {...props}\n      >\n        {children}\n\n        {showClose ? (\n          <DialogPrimitive.Close\n            aria-label={closeLabel}\n            className={cn(\n              'absolute top-6 right-5 inline-flex size-7 cursor-pointer items-center justify-center rounded-control',\n              'border border-border text-secondary transition-colors',\n              'hover:bg-card hover:text-foreground',\n              'focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none',\n              'disabled:pointer-events-none disabled:cursor-not-allowed',\n              closeClassName\n            )}\n          >\n            <CloseIcon />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-1.5 px-5 pt-6 pr-14', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex flex-col gap-3.5 overflow-y-auto px-5 py-5', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 border-t border-border px-5 py-4 sm:flex-row sm:justify-between',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      className={cn('text-lg font-semibold text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nexport type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-sm font-normal text-secondary', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  dialogFullscreenOnMobile,\n}\n"],"mappings":";;;;;AAQA,MAAM,SAAS,gBAAgB;AAC/B,MAAM,gBAAgB,gBAAgB;AACtC,MAAM,eAAe,gBAAgB;AACrC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,2BAA2B,GAC/B,6DACA,kEACA,6CACA,qCACF;AAIA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;CAClE,OACE,oBAAC,gBAAgB,SAAjB;EACE,WAAW,GACT,wFACA,+DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY;CACnB,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,OAAM;EAAK,QAAO;EAAK,MAAK;EACtE,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAqB,QAAO;GAAe,aAAY;GAAM,eAAc;EAAS,CAAA;CACzF,CAAA;AAET;AAQA,SAAS,cAAc,EACrB,WACA,UACA,aAAa,SACb,YAAY,MACZ,gBACA,GAAG,SACkB;CACrB,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAAC,gBAAgB,SAAjB;EACE,WAAW,GACT,iEACA,wFACA,0EACA,+FACA,sBACA,SACF;EACA,GAAI;EATN,UAAA,CAWG,UAEA,YACC,oBAAC,gBAAgB,OAAjB;GACE,cAAY;GACZ,WAAW,GACT,wGACA,yDACA,uCACA,6EACA,4DACA,cACF;GAEA,UAAA,oBAAC,WAAD,CAAY,CAAA;EACS,CAAA,IACrB,IACmB;CACb,CAAA,CAAA,EAAA,CAAA;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAyC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAgC;CAClE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mDAAmD,SAAS;EAC1E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAyC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,+FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;CAC9D,OACE,oBAAC,gBAAgB,OAAjB;EACE,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CAC1E,OACE,oBAAC,gBAAgB,aAAjB;EACE,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/Dialog/index.d.mts

@@ -0,0 +1,2 @@
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile } from "./Dialog.mjs";
+export { Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile };

package/dist/ui/components/Dialog/index.mjs

@@ -0,0 +1,2 @@
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile } from "./Dialog.mjs";
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile };

package/dist/ui/components/EmptyState/EmptyState.d.mts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/ui/components/EmptyState/EmptyState.d.ts
+declare const emptyStateVariants: (props?: ({
+  tone?: "dark" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & VariantProps<typeof emptyStateVariants> & {
+  icon?: ReactNode;
+  title: ReactNode;
+  description?: ReactNode;
+  actions?: ReactNode;
+  titleClassName?: string;
+  descriptionClassName?: string;
+};
+declare function EmptyState({ icon, title, description, actions, tone, className, titleClassName, descriptionClassName, ...props }: EmptyStateProps): import("react").JSX.Element;
+//#endregion
+export { EmptyState, EmptyStateProps, emptyStateVariants };
+//# sourceMappingURL=EmptyState.d.mts.map

package/dist/ui/components/EmptyState/EmptyState.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../../src/ui/components/EmptyState/EmptyState.tsx"],"mappings":";;;cAMM,qBAAkB;;6CAavB;KAEW,kBAAkB,KAAK,eAAe,4BAChD,oBAAoB;EAClB,OAAO;EACP,OAAO;EACP,cAAc;EACd,UAAU;EACV;EACA;;iBAGK,aACP,MACA,OACA,aACA,SACA,MACA,WACA,gBACA,yBACG,SACF,kCAAe,IAAA"}

package/dist/ui/components/EmptyState/EmptyState.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/ui/components/EmptyState/EmptyState.tsx
+const emptyStateVariants = cva("flex w-full flex-col items-center justify-center gap-6 rounded-card px-10 py-20 text-center", {
+	variants: { tone: {
+		dark: "bg-card/40",
+		light: "bg-foreground/5"
+	} },
+	defaultVariants: { tone: "dark" }
+});
+function EmptyState({ icon, title, description, actions, tone, className, titleClassName, descriptionClassName, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(emptyStateVariants({ tone }), className),
+		...props,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("h2", {
+				className: cn("text-2xl font-semibold text-foreground", titleClassName),
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx("div", {
+				className: cn("max-w-[560px] text-base text-secondary", descriptionClassName),
+				children: description
+			}) : null,
+			actions ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap items-center justify-center gap-3 pt-4",
+				children: actions
+			}) : null
+		]
+	});
+}
+//#endregion
+export { EmptyState, emptyStateVariants };
+
+//# sourceMappingURL=EmptyState.mjs.map

package/dist/ui/components/EmptyState/EmptyState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","names":[],"sources":["../../../../src/ui/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { HTMLAttributes, ReactNode } from 'react'\n\nconst emptyStateVariants = cva(\n  'flex w-full flex-col items-center justify-center gap-6 rounded-card px-10 py-20 text-center',\n  {\n    variants: {\n      tone: {\n        dark: 'bg-card/40',\n        light: 'bg-foreground/5',\n      },\n    },\n    defaultVariants: {\n      tone: 'dark',\n    },\n  }\n)\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> &\n  VariantProps<typeof emptyStateVariants> & {\n    icon?: ReactNode\n    title: ReactNode\n    description?: ReactNode\n    actions?: ReactNode\n    titleClassName?: string\n    descriptionClassName?: string\n  }\n\nfunction EmptyState({\n  icon,\n  title,\n  description,\n  actions,\n  tone,\n  className,\n  titleClassName,\n  descriptionClassName,\n  ...props\n}: EmptyStateProps) {\n  return (\n    <div className={cn(emptyStateVariants({ tone }), className)} {...props}>\n      {icon}\n\n      <h2 className={cn('text-2xl font-semibold text-foreground', titleClassName)}>{title}</h2>\n\n      {description ? (\n        <div className={cn('max-w-[560px] text-base text-secondary', descriptionClassName)}>\n          {description}\n        </div>\n      ) : null}\n\n      {actions ? (\n        <div className=\"flex flex-wrap items-center justify-center gap-3 pt-4\">{actions}</div>\n      ) : null}\n    </div>\n  )\n}\n\nexport { EmptyState, emptyStateVariants }\n"],"mappings":";;;;AAMA,MAAM,qBAAqB,IACzB,+FACA;CACE,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CACF;AAYA,SAAS,WAAW,EAClB,MACA,OACA,aACA,SACA,MACA,WACA,gBACA,sBACA,GAAG,SACe;CAClB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;EAAG,GAAI;EAAjE,UAAA;GACG;GAED,oBAAC,MAAD;IAAI,WAAW,GAAG,0CAA0C,cAAc;IAAI,UAAA;GAAU,CAAA;GAEvF,cACC,oBAAC,OAAD;IAAK,WAAW,GAAG,0CAA0C,oBAAoB;IAC9E,UAAA;GACE,CAAA,IACH;GAEH,UACC,oBAAC,OAAD;IAAK,WAAU;IAAyD,UAAA;GAAa,CAAA,IACnF;EACD;;AAET"}

package/dist/ui/components/EmptyState/index.d.mts

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateProps, emptyStateVariants } from "./EmptyState.mjs";
+export { EmptyState, type EmptyStateProps, emptyStateVariants };

package/dist/ui/components/EmptyState/index.mjs

@@ -0,0 +1,2 @@
+import { EmptyState, emptyStateVariants } from "./EmptyState.mjs";
+export { EmptyState, emptyStateVariants };

package/dist/ui/components/FieldError/FieldError.d.mts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+//#region src/ui/components/FieldError/FieldError.d.ts
+type FieldErrorProps = {
+  id?: string;
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Presentational field error. Apps wire react-hook-form (or other) and pass the message.
+ */
+declare function FieldError({ id, children, className }: FieldErrorProps): import("react").JSX.Element | null;
+//#endregion
+export { FieldError, FieldErrorProps };
+//# sourceMappingURL=FieldError.d.mts.map

package/dist/ui/components/FieldError/FieldError.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.d.mts","names":[],"sources":["../../../../src/ui/components/FieldError/FieldError.tsx"],"mappings":";;KAIY;EACV;EACA,WAAW;EACX;;;;;iBAMO,aAAa,IAAI,UAAU,aAAa,kCAAe,IAAA"}

package/dist/ui/components/FieldError/FieldError.mjs

@@ -0,0 +1,19 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/FieldError/FieldError.tsx
+/**
+* Presentational field error. Apps wire react-hook-form (or other) and pass the message.
+*/
+function FieldError({ id, children, className }) {
+	if (!children) return null;
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		"data-slot": "field-error",
+		className: cn("text-xs text-destructive", className),
+		children
+	});
+}
+//#endregion
+export { FieldError };
+
+//# sourceMappingURL=FieldError.mjs.map

package/dist/ui/components/FieldError/FieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.mjs","names":[],"sources":["../../../../src/ui/components/FieldError/FieldError.tsx"],"sourcesContent":["import { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type FieldErrorProps = {\n  id?: string\n  children?: ReactNode\n  className?: string\n}\n\n/**\n * Presentational field error. Apps wire react-hook-form (or other) and pass the message.\n */\nfunction FieldError({ id, children, className }: FieldErrorProps) {\n  if (!children) return null\n\n  return (\n    <p id={id} data-slot=\"field-error\" className={cn('text-xs text-destructive', className)}>\n      {children}\n    </p>\n  )\n}\n\nexport { FieldError }\n"],"mappings":";;;;;;AAaA,SAAS,WAAW,EAAE,IAAI,UAAU,aAA8B;CAChE,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,oBAAC,KAAD;EAAO;EAAI,aAAU;EAAc,WAAW,GAAG,4BAA4B,SAAS;EACnF;CACA,CAAA;AAEP"}

package/dist/ui/components/FieldError/index.d.mts

@@ -0,0 +1,2 @@
+import { FieldError, FieldErrorProps } from "./FieldError.mjs";
+export { FieldError, type FieldErrorProps };

package/dist/ui/components/FieldError/index.mjs

@@ -0,0 +1,2 @@
+import { FieldError } from "./FieldError.mjs";
+export { FieldError };

package/dist/ui/components/FormattedDate/FormattedDate.d.mts

@@ -0,0 +1,15 @@
+//#region src/ui/components/FormattedDate/FormattedDate.d.ts
+type FormatDateOptions = {
+  month?: 'short' | 'long';
+};
+type FormattedDateProps = {
+  iso: string | null | undefined;
+  locale: string;
+  className?: string;
+  month?: FormatDateOptions['month'];
+};
+declare function formatDate(iso: string | null | undefined, locale: string, options?: FormatDateOptions): string;
+declare function FormattedDate({ iso, locale, className, month }: FormattedDateProps): import("react").JSX.Element | null;
+//#endregion
+export { FormatDateOptions, FormattedDate, FormattedDateProps, formatDate };
+//# sourceMappingURL=FormattedDate.d.mts.map

package/dist/ui/components/FormattedDate/FormattedDate.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedDate.d.mts","names":[],"sources":["../../../../src/ui/components/FormattedDate/FormattedDate.tsx"],"mappings":";KAEY;EACV;;KAGU;EACV;EACA;EACA;EACA,QAAQ;;iBAGD,WACP,gCACA,gBACA,UAAU;iBAUH,gBAAgB,KAAK,QAAQ,WAAW,SAAS,qCAAkB,IAAA"}

package/dist/ui/components/FormattedDate/FormattedDate.mjs

@@ -0,0 +1,23 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/FormattedDate/FormattedDate.tsx
+function formatDate(iso, locale, options) {
+	if (!iso) return "";
+	return new Date(iso).toLocaleDateString(locale, {
+		year: "numeric",
+		month: options?.month ?? "long",
+		day: "numeric"
+	});
+}
+function FormattedDate({ iso, locale, className, month }) {
+	if (!iso) return null;
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: iso,
+		className: cn(className),
+		children: formatDate(iso, locale, { month })
+	});
+}
+//#endregion
+export { FormattedDate, formatDate };
+
+//# sourceMappingURL=FormattedDate.mjs.map

package/dist/ui/components/FormattedDate/FormattedDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedDate.mjs","names":[],"sources":["../../../../src/ui/components/FormattedDate/FormattedDate.tsx"],"sourcesContent":["import { cn } from '../../utils/cn.js'\n\nexport type FormatDateOptions = {\n  month?: 'short' | 'long'\n}\n\nexport type FormattedDateProps = {\n  iso: string | null | undefined\n  locale: string\n  className?: string\n  month?: FormatDateOptions['month']\n}\n\nfunction formatDate(\n  iso: string | null | undefined,\n  locale: string,\n  options?: FormatDateOptions\n): string {\n  if (!iso) return ''\n  return new Date(iso).toLocaleDateString(locale, {\n    year: 'numeric',\n    month: options?.month ?? 'long',\n    day: 'numeric',\n  })\n}\n\nfunction FormattedDate({ iso, locale, className, month }: FormattedDateProps) {\n  if (!iso) return null\n\n  return (\n    <time dateTime={iso} className={cn(className)}>\n      {formatDate(iso, locale, { month })}\n    </time>\n  )\n}\n\nexport { FormattedDate, formatDate }\n"],"mappings":";;;AAaA,SAAS,WACP,KACA,QACA,SACQ;CACR,IAAI,CAAC,KAAK,OAAO;CACjB,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC,mBAAmB,QAAQ;EAC9C,MAAM;EACN,OAAO,SAAS,SAAS;EACzB,KAAK;CACP,CAAC;AACH;AAEA,SAAS,cAAc,EAAE,KAAK,QAAQ,WAAW,SAA6B;CAC5E,IAAI,CAAC,KAAK,OAAO;CAEjB,OACE,oBAAC,QAAD;EAAM,UAAU;EAAK,WAAW,GAAG,SAAS;EACzC,UAAA,WAAW,KAAK,QAAQ,EAAE,MAAM,CAAC;CAC9B,CAAA;AAEV"}

package/dist/ui/components/FormattedDate/index.d.mts

@@ -0,0 +1,2 @@
+import { FormatDateOptions, FormattedDate, FormattedDateProps, formatDate } from "./FormattedDate.mjs";
+export { type FormatDateOptions, FormattedDate, type FormattedDateProps, formatDate };

package/dist/ui/components/FormattedDate/index.mjs

@@ -0,0 +1,2 @@
+import { FormattedDate, formatDate } from "./FormattedDate.mjs";
+export { FormattedDate, formatDate };

package/dist/ui/components/IconButton/IconButton.d.mts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/IconButton/IconButton.d.ts
+type IconButtonProps = ComponentProps<typeof Primitive.button> & {
+  asChild?: boolean;
+};
+declare function IconButton({ className, asChild, ...props }: IconButtonProps): import("react").JSX.Element;
+//#endregion
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=IconButton.d.mts.map

package/dist/ui/components/IconButton/IconButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.mts","names":[],"sources":["../../../../src/ui/components/IconButton/IconButton.tsx"],"mappings":";;;KAUY,kBAAkB,sBAAsB,UAAU;EAC5D;;iBAGO,aAAa,WAAW,YAAoB,SAAS,kCAAe,IAAA"}

package/dist/ui/components/IconButton/IconButton.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { focusRingClassName } from "../../a11y/focus.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/IconButton/IconButton.tsx
+function IconButton({ className, asChild = false, ...props }) {
+	const Comp = asChild ? Slot : Primitive.button;
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "icon-button",
+		className: cn("inline-flex h-10 w-10 items-center justify-center rounded-btn text-foreground transition-colors outline-none hover:bg-foreground/5 focus:bg-foreground/5 disabled:pointer-events-none disabled:opacity-50", focusRingClassName, className),
+		...props
+	});
+}
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=IconButton.mjs.map

package/dist/ui/components/IconButton/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","names":[],"sources":["../../../../src/ui/components/IconButton/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { focusRingClassName } from '../../a11y/focus.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type IconButtonProps = ComponentProps<typeof Primitive.button> & {\n  asChild?: boolean\n}\n\nfunction IconButton({ className, asChild = false, ...props }: IconButtonProps) {\n  const Comp = asChild ? Slot : Primitive.button\n\n  return (\n    <Comp\n      data-slot=\"icon-button\"\n      className={cn(\n        'inline-flex h-10 w-10 items-center justify-center rounded-btn text-foreground transition-colors outline-none hover:bg-foreground/5 focus:bg-foreground/5 disabled:pointer-events-none disabled:opacity-50',\n        focusRingClassName,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { IconButton }\n"],"mappings":";;;;;;;AAcA,SAAS,WAAW,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;CAC7E,MAAM,OAAO,UAAU,OAAO,UAAU;CAExC,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,6MACA,oBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/IconButton/index.d.mts

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonProps } from "./IconButton.mjs";
+export { IconButton, type IconButtonProps };

package/dist/ui/components/IconButton/index.mjs

@@ -0,0 +1,2 @@
+import { IconButton } from "./IconButton.mjs";
+export { IconButton };

package/dist/ui/components/Input/Input.d.mts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Input/Input.d.ts
+type InputProps = Omit<ComponentProps<typeof Primitive.input>, 'children'> & {
+  error?: boolean | string;
+  leftIcon?: ReactNode;
+  rightIcon?: ReactNode;
+};
+declare function Input({ className, error, leftIcon, rightIcon, id, ref, ...props }: InputProps): import("react").JSX.Element;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=Input.d.mts.map

package/dist/ui/components/Input/Input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../../src/ui/components/Input/Input.tsx"],"mappings":";;;KAQY,aAAa,KAAK,sBAAsB,UAAU;EAC5D;EACA,WAAW;EACX,YAAY;;iBAGL,QAAQ,WAAW,OAAO,UAAU,WAAW,IAAI,QAAQ,SAAS,6BAAU,IAAA"}

package/dist/ui/components/Input/Input.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Input/Input.tsx
+function Input({ className, error, leftIcon, rightIcon, id, ref, ...props }) {
+	const errorId = id ? `${id}-error` : void 0;
+	const hasError = Boolean(error);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-col gap-1",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative flex items-center",
+			children: [
+				leftIcon ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "pointer-events-none absolute left-4 flex items-center",
+					children: leftIcon
+				}) : null,
+				/* @__PURE__ */ jsx(Primitive.input, {
+					ref,
+					id,
+					"data-slot": "input",
+					"aria-invalid": hasError || void 0,
+					"aria-describedby": hasError && errorId ? errorId : void 0,
+					className: cn("h-11 w-full rounded-btn border border-border-subtle bg-background px-3.5 text-sm text-foreground", "placeholder:text-muted", "transition-colors hover:border-border", "focus-visible:border-accent focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", hasError && "border-destructive focus-visible:border-destructive", leftIcon && "pl-11", rightIcon && "pr-11", className),
+					...props
+				}),
+				rightIcon ? /* @__PURE__ */ jsx("span", {
+					className: "absolute right-3.5 flex items-center",
+					children: rightIcon
+				}) : null
+			]
+		}), typeof error === "string" ? /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			className: "text-xs text-destructive",
+			children: error
+		}) : null]
+	});
+}
+//#endregion
+export { Input };
+
+//# sourceMappingURL=Input.mjs.map

package/dist/ui/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","names":[],"sources":["../../../../src/ui/components/Input/Input.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps, ReactNode } from 'react'\n\nexport type InputProps = Omit<ComponentProps<typeof Primitive.input>, 'children'> & {\n  error?: boolean | string\n  leftIcon?: ReactNode\n  rightIcon?: ReactNode\n}\n\nfunction Input({ className, error, leftIcon, rightIcon, id, ref, ...props }: InputProps) {\n  const errorId = id ? `${id}-error` : undefined\n  const hasError = Boolean(error)\n\n  return (\n    <div className=\"flex w-full flex-col gap-1\">\n      <div className=\"relative flex items-center\">\n        {leftIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute left-4 flex items-center\"\n          >\n            {leftIcon}\n          </span>\n        ) : null}\n\n        <Primitive.input\n          ref={ref}\n          id={id}\n          data-slot=\"input\"\n          aria-invalid={hasError || undefined}\n          aria-describedby={hasError && errorId ? errorId : undefined}\n          className={cn(\n            'h-11 w-full rounded-btn border border-border-subtle bg-background px-3.5 text-sm text-foreground',\n            'placeholder:text-muted',\n            'transition-colors hover:border-border',\n            'focus-visible:border-accent focus-visible:outline-none',\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            hasError && 'border-destructive focus-visible:border-destructive',\n            leftIcon && 'pl-11',\n            rightIcon && 'pr-11',\n            className\n          )}\n          {...props}\n        />\n\n        {rightIcon ? (\n          <span className=\"absolute right-3.5 flex items-center\">{rightIcon}</span>\n        ) : null}\n      </div>\n\n      {typeof error === 'string' ? (\n        <p id={errorId} className=\"text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAcA,SAAS,MAAM,EAAE,WAAW,OAAO,UAAU,WAAW,IAAI,KAAK,GAAG,SAAqB;CACvF,MAAM,UAAU,KAAK,GAAG,GAAG,UAAU;CACrC,MAAM,WAAW,QAAQ,KAAK;CAE9B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,WACC,oBAAC,QAAD;KACE,eAAY;KACZ,WAAU;KAET,UAAA;IACG,CAAA,IACJ;IAEJ,oBAAC,UAAU,OAAX;KACO;KACD;KACJ,aAAU;KACV,gBAAc,YAAY;KAC1B,oBAAkB,YAAY,UAAU,UAAU;KAClD,WAAW,GACT,oGACA,0BACA,yCACA,0DACA,mDACA,YAAY,uDACZ,YAAY,SACZ,aAAa,SACb,SACF;KACA,GAAI;IACL,CAAA;IAEA,YACC,oBAAC,QAAD;KAAM,WAAU;KAAwC,UAAA;IAAgB,CAAA,IACtE;GACD;EAEJ,CAAA,GAAA,OAAO,UAAU,WAChB,oBAAC,KAAD;GAAG,IAAI;GAAS,WAAU;GACvB,UAAA;EACA,CAAA,IACD,IACD;;AAET"}

package/dist/ui/components/Input/index.d.mts

@@ -0,0 +1,2 @@
+import { Input, InputProps } from "./Input.mjs";
+export { Input, type InputProps };

package/dist/ui/components/Input/index.mjs

@@ -0,0 +1,2 @@
+import { Input } from "./Input.mjs";
+export { Input };