@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/components/ui/dialog.js

@@ -0,0 +1,97 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_runtime.__toESM(_radix_ui_react_dialog);
+//#region src/components/ui/dialog.tsx
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: require_src_lib_utils.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
+		...props
+	});
+}
+function DialogContent({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Content, {
+			"data-slot": "dialog-content",
+			className: require_src_lib_utils.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 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 p-6 shadow-lg duration-200 sm:max-w-lg", className),
+			...props,
+			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Close, {
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: require_src_lib_utils.cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-footer",
+		className: require_src_lib_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+		"data-slot": "dialog-title",
+		className: require_src_lib_utils.cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+		"data-slot": "dialog-description",
+		className: require_src_lib_utils.cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+//#endregion
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+
+//# sourceMappingURL=dialog.js.map

package/dist/src/components/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["DialogPrimitive","cn","XIcon"],"sources":["../../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\nimport { XIcon } from \"lucide-react\";\r\nimport type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\r\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\r\n}\r\n\r\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\r\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\r\n}\r\n\r\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\r\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\r\n}\r\n\r\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\r\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\r\n}\r\n\r\nfunction DialogOverlay({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\r\n  return (\r\n    <DialogPrimitive.Overlay\r\n      data-slot=\"dialog-overlay\"\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction DialogContent({\r\n  className,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\r\n  return (\r\n    <DialogPortal data-slot=\"dialog-portal\">\r\n      <DialogOverlay />\r\n      <DialogPrimitive.Content\r\n        data-slot=\"dialog-content\"\r\n        className={cn(\r\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 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 p-6 shadow-lg duration-200 sm:max-w-lg\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\r\n          <XIcon />\r\n          <span className=\"sr-only\">Close</span>\r\n        </DialogPrimitive.Close>\r\n      </DialogPrimitive.Content>\r\n    </DialogPortal>\r\n  );\r\n}\r\n\r\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-header\"\r\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-footer\"\r\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\r\n  return (\r\n    <DialogPrimitive.Title\r\n      data-slot=\"dialog-title\"\r\n      className={cn(\"text-lg leading-none font-semibold\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction DialogDescription({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\r\n  return (\r\n    <DialogPrimitive.Description\r\n      data-slot=\"dialog-description\"\r\n      className={cn(\"text-muted-foreground text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogOverlay,\r\n  DialogPortal,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n};\r\n"],"mappings":";;;;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAA4D;AAC/E,QAAO,iBAAA,GAAA,kBAAA,KAACA,uBAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,cAAc,EAAE,GAAG,SAA+D;AACzF,QAAO,iBAAA,GAAA,kBAAA,KAACA,uBAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QAAO,iBAAA,GAAA,kBAAA,KAACA,uBAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,iBAAA,GAAA,kBAAA,KAACA,uBAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,iBAAA,GAAA,kBAAA,KAACA,uBAAgB,SAAjB;EACE,aAAU;EACV,WAAWC,sBAAAA,GACT,0JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,iBAAA,GAAA,kBAAA,MAAC,cAAD;EAAc,aAAU;YAAxB,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAiB,CAAA,EACjB,iBAAA,GAAA,kBAAA,MAACD,uBAAgB,SAAjB;GACE,aAAU;GACV,WAAWC,sBAAAA,GACT,+WACA,UACD;GACD,GAAI;aANN,CAQG,UACD,iBAAA,GAAA,kBAAA,MAACD,uBAAgB,OAAjB;IAAuB,WAAU;cAAjC,CACE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,OAAD,EAAS,CAAA,EACT,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAU;KAAY,CAAA,CAChB;MACA;KACb;;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWD,sBAAAA,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GAAG,0DAA0D,UAAU;EAClF,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,iBAAA,GAAA,kBAAA,KAACD,uBAAgB,OAAjB;EACE,aAAU;EACV,WAAWC,sBAAAA,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,iBAAA,GAAA,kBAAA,KAACD,uBAAgB,aAAjB;EACE,aAAU;EACV,WAAWC,sBAAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,35 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/ui/dropdown-menu.d.ts
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+  ({
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLSpanElement>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/src/components/ui/dropdown-menu.js

@@ -0,0 +1,100 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_runtime.__toESM(_radix_ui_react_dropdown_menu);
+//#region src/components/ui/dropdown-menu.tsx
+const DropdownMenu = _radix_ui_react_dropdown_menu.Root;
+const DropdownMenuTrigger = _radix_ui_react_dropdown_menu.Trigger;
+const DropdownMenuGroup = _radix_ui_react_dropdown_menu.Group;
+const DropdownMenuPortal = _radix_ui_react_dropdown_menu.Portal;
+const DropdownMenuSub = _radix_ui_react_dropdown_menu.Sub;
+const DropdownMenuRadioGroup = _radix_ui_react_dropdown_menu.RadioGroup;
+const DropdownMenuSubTrigger = react.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.SubTrigger, {
+	ref,
+	className: require_src_lib_utils.cn("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "ml-auto" })]
+}));
+DropdownMenuSubTrigger.displayName = _radix_ui_react_dropdown_menu.SubTrigger.displayName;
+const DropdownMenuSubContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
+	ref,
+	className: require_src_lib_utils.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = _radix_ui_react_dropdown_menu.SubContent.displayName;
+const DropdownMenuContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
+	ref,
+	sideOffset,
+	className: require_src_lib_utils.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = _radix_ui_react_dropdown_menu.Content.displayName;
+const DropdownMenuItem = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+	ref,
+	className: require_src_lib_utils.cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = _radix_ui_react_dropdown_menu.Item.displayName;
+const DropdownMenuCheckboxItem = react.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
+	ref,
+	className: require_src_lib_utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = _radix_ui_react_dropdown_menu.CheckboxItem.displayName;
+const DropdownMenuRadioItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.RadioItem, {
+	ref,
+	className: require_src_lib_utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Circle, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = _radix_ui_react_dropdown_menu.RadioItem.displayName;
+const DropdownMenuLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, {
+	ref,
+	className: require_src_lib_utils.cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = _radix_ui_react_dropdown_menu.Label.displayName;
+const DropdownMenuSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, {
+	ref,
+	className: require_src_lib_utils.cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = _radix_ui_react_dropdown_menu.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_src_lib_utils.cn("ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+//#endregion
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/src/components/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenuPrimitive","React","cn","ChevronRight","Check","Circle"],"sources":["../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\r\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root;\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\r\n\r\nconst DropdownMenuSubTrigger = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, children, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <ChevronRight className=\"ml-auto\" />\r\n  </DropdownMenuPrimitive.SubTrigger>\r\n));\r\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst DropdownMenuSubContent = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\r\n>(({ className, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\r\n\r\nconst DropdownMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.Portal>\r\n    <DropdownMenuPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  </DropdownMenuPrimitive.Portal>\r\n));\r\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\r\n\r\nconst DropdownMenuItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\r\n\r\nconst DropdownMenuCheckboxItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\r\n>(({ className, children, checked, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className\r\n    )}\r\n    checked={checked}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Check className=\"h-4 w-4\" />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.CheckboxItem>\r\n));\r\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst DropdownMenuRadioItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\r\n>(({ className, children, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Circle className=\"h-2 w-2 fill-current\" />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.RadioItem>\r\n));\r\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\r\n\r\nconst DropdownMenuLabel = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({ className, inset, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\r\n\r\nconst DropdownMenuSeparator = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <DropdownMenuPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\r\n\r\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\r\n  );\r\n};\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuGroup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuRadioGroup,\r\n};\r\n"],"mappings":";;;;;;;;;;AAMA,MAAM,eAAeA,8BAAsB;AAE3C,MAAM,sBAAsBA,8BAAsB;AAElD,MAAM,oBAAoBA,8BAAsB;AAEhD,MAAM,qBAAqBA,8BAAsB;AAEjD,MAAM,kBAAkBA,8BAAsB;AAE9C,MAAM,yBAAyBA,8BAAsB;AAErD,MAAM,yBAAyBC,MAAM,YAKlC,EAAE,WAAW,OAAO,UAAU,GAAG,SAAS,QAC3C,iBAAA,GAAA,kBAAA,MAACD,8BAAsB,YAAvB;CACO;CACL,WAAWE,sBAAAA,GACT,0MACA,SAAS,QACT,UACD;CACD,GAAI;WAPN,CASG,UACD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,cAAD,EAAc,WAAU,WAAY,CAAA,CACH;GACnC;AACF,uBAAuB,cAAcH,8BAAsB,WAAW;AAEtE,MAAM,yBAAyBC,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAACD,8BAAsB,YAAvB;CACO;CACL,WAAWE,sBAAAA,GACT,ybACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,uBAAuB,cAAcF,8BAAsB,WAAW;AAEtE,MAAM,sBAAsBC,MAAM,YAG/B,EAAE,WAAW,aAAa,GAAG,GAAG,SAAS,QAC1C,iBAAA,GAAA,kBAAA,KAACD,8BAAsB,QAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACA,8BAAsB,SAAvB;CACO;CACO;CACZ,WAAWE,sBAAAA,GACT,wGACA,oVACA,UACD;CACD,GAAI;CACJ,CAAA,EAC2B,CAAA,CAC/B;AACF,oBAAoB,cAAcF,8BAAsB,QAAQ;AAEhE,MAAM,mBAAmBC,MAAM,YAK5B,EAAE,WAAW,OAAO,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,KAACD,8BAAsB,MAAvB;CACO;CACL,WAAWE,sBAAAA,GACT,yQACA,SAAS,QACT,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,iBAAiB,cAAcF,8BAAsB,KAAK;AAE1D,MAAM,2BAA2BC,MAAM,YAGpC,EAAE,WAAW,UAAU,SAAS,GAAG,SAAS,QAC7C,iBAAA,GAAA,kBAAA,MAACD,8BAAsB,cAAvB;CACO;CACL,WAAWE,sBAAAA,GACT,wOACA,UACD;CACQ;CACT,GAAI;WAPN,CASE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,KAACF,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACI,aAAAA,OAAD,EAAO,WAAU,WAAY,CAAA,EACO,CAAA;EACjC,CAAA,EACN,SACkC;GACrC;AACF,yBAAyB,cAAcJ,8BAAsB,aAAa;AAE1E,MAAM,wBAAwBC,MAAM,YAGjC,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,iBAAA,GAAA,kBAAA,MAACD,8BAAsB,WAAvB;CACO;CACL,WAAWE,sBAAAA,GACT,wOACA,UACD;CACD,GAAI;WANN,CAQE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,KAACF,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACK,aAAAA,QAAD,EAAQ,WAAU,wBAAyB,CAAA,EACP,CAAA;EACjC,CAAA,EACN,SAC+B;GAClC;AACF,sBAAsB,cAAcL,8BAAsB,UAAU;AAEpE,MAAM,oBAAoBC,MAAM,YAK7B,EAAE,WAAW,OAAO,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,KAACD,8BAAsB,OAAvB;CACO;CACL,WAAWE,sBAAAA,GAAG,qCAAqC,SAAS,QAAQ,UAAU;CAC9E,GAAI;CACJ,CAAA,CACF;AACF,kBAAkB,cAAcF,8BAAsB,MAAM;AAE5D,MAAM,wBAAwBC,MAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAACD,8BAAsB,WAAvB;CACO;CACL,WAAWE,sBAAAA,GAAG,4BAA4B,UAAU;CACpD,GAAI;CACJ,CAAA,CACF;AACF,sBAAsB,cAAcF,8BAAsB,UAAU;AAEpE,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAmD;AAC/F,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAWE,sBAAAA,GAAG,8CAA8C,UAAU;EAAE,GAAI;EAAS,CAAA;;AAG/F,qBAAqB,cAAc"}

package/dist/src/components/ui/floating-navbar.d.ts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/ui/floating-navbar.d.ts
+declare const FloatingNav: ({
+  navItems,
+  className
+}: {
+  navItems: {
+    name: string;
+    link: string;
+    icon?: React.ReactNode;
+  }[];
+  className?: string;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FloatingNav };
+//# sourceMappingURL=floating-navbar.d.ts.map

package/dist/src/components/ui/floating-navbar.js

@@ -0,0 +1,54 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react = require("motion/react");
+//#region src/components/ui/floating-navbar.tsx
+const FloatingNav = ({ navItems, className }) => {
+	const { scrollYProgress } = (0, motion_react.useScroll)();
+	const [visible, setVisible] = (0, react.useState)(true);
+	(0, motion_react.useMotionValueEvent)(scrollYProgress, "change", (current) => {
+		if (typeof current === "number") {
+			const direction = current - scrollYProgress.getPrevious();
+			if (scrollYProgress.get() < .05) setVisible(false);
+			else if (direction < 0) setVisible(true);
+			else if (current === 1) setVisible(true);
+			else setVisible(false);
+		}
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
+		mode: "wait",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+			initial: {
+				opacity: 0,
+				y: 0
+			},
+			animate: {
+				y: visible ? 0 : -100,
+				opacity: visible ? 1 : 0
+			},
+			transition: { duration: .2 },
+			className: require_src_lib_utils.cn("flex max-w-fit  fixed top-6 inset-x-0 mx-auto border border-transparent dark:border-white/[0.2] rounded-full dark:bg-black bg-white shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] z-[5000] pr-2 pl-8 py-2  items-center justify-center space-x-4", className),
+			children: [navItems.map((navItem, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+				href: navItem.link,
+				className: require_src_lib_utils.cn("relative dark:text-neutral-50 items-center flex space-x-1 text-neutral-600 dark:hover:text-neutral-300 hover:text-neutral-500"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "block sm:hidden",
+					children: navItem.icon
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "hidden sm:block text-sm",
+					children: navItem.name
+				})]
+			}, `link=${idx}`)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "text-sm font-medium relative text-black bg-white  px-4 py-2 rounded-full",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Get in touch" })
+			})]
+		})
+	});
+};
+//#endregion
+exports.FloatingNav = FloatingNav;
+
+//# sourceMappingURL=floating-navbar.js.map

package/dist/src/components/ui/floating-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-navbar.js","names":["AnimatePresence","motion","cn"],"sources":["../../../../src/components/ui/floating-navbar.tsx"],"sourcesContent":["\"use client\";\r\nimport { AnimatePresence, motion, useMotionValueEvent, useScroll } from \"motion/react\";\r\nimport type React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport const FloatingNav = ({\r\n  navItems,\r\n  className,\r\n}: {\r\n  navItems: {\r\n    name: string;\r\n    link: string;\r\n    icon?: React.ReactNode;\r\n  }[];\r\n  className?: string;\r\n}) => {\r\n  const { scrollYProgress } = useScroll();\r\n\r\n  const [visible, setVisible] = useState(true);\r\n\r\n  useMotionValueEvent(scrollYProgress, \"change\", (current) => {\r\n    // Check if current is not undefined and is a number\r\n    if (typeof current === \"number\") {\r\n      const direction = current! - scrollYProgress.getPrevious()!;\r\n\r\n      if (scrollYProgress.get() < 0.05) {\r\n        setVisible(false);\r\n      } else {\r\n        if (direction < 0) {\r\n          setVisible(true);\r\n        } else if (current === 1) {\r\n          setVisible(true);\r\n        } else {\r\n          setVisible(false);\r\n        }\r\n      }\r\n    }\r\n  });\r\n\r\n  return (\r\n    <AnimatePresence mode=\"wait\">\r\n      <motion.div\r\n        initial={{\r\n          opacity: 0,\r\n          y: 0,\r\n        }}\r\n        animate={{\r\n          y: visible ? 0 : -100,\r\n          opacity: visible ? 1 : 0,\r\n        }}\r\n        transition={{\r\n          duration: 0.2,\r\n        }}\r\n        className={cn(\r\n          \"flex max-w-fit  fixed top-6 inset-x-0 mx-auto border border-transparent dark:border-white/[0.2] rounded-full dark:bg-black bg-white shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] z-[5000] pr-2 pl-8 py-2  items-center justify-center space-x-4\",\r\n          className\r\n        )}\r\n      >\r\n        {navItems.map((navItem: any, idx: number) => (\r\n          <a\r\n            key={`link=${idx}`}\r\n            href={navItem.link}\r\n            className={cn(\r\n              \"relative dark:text-neutral-50 items-center flex space-x-1 text-neutral-600 dark:hover:text-neutral-300 hover:text-neutral-500\"\r\n            )}\r\n          >\r\n            <span className=\"block sm:hidden\">{navItem.icon}</span>\r\n            <span className=\"hidden sm:block text-sm\">{navItem.name}</span>\r\n          </a>\r\n        ))}\r\n        <button className=\"text-sm font-medium relative text-black bg-white  px-4 py-2 rounded-full\">\r\n          <span>Get in touch</span>\r\n        </button>\r\n      </motion.div>\r\n    </AnimatePresence>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;AAMA,MAAa,eAAe,EAC1B,UACA,gBAQI;CACJ,MAAM,EAAE,qBAAA,GAAA,aAAA,YAA+B;CAEvC,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;AAE5C,EAAA,GAAA,aAAA,qBAAoB,iBAAiB,WAAW,YAAY;AAE1D,MAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,YAAY,UAAW,gBAAgB,aAAa;AAE1D,OAAI,gBAAgB,KAAK,GAAG,IAC1B,YAAW,MAAM;YAEb,YAAY,EACd,YAAW,KAAK;YACP,YAAY,EACrB,YAAW,KAAK;OAEhB,YAAW,MAAM;;GAIvB;AAEF,QACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,iBAAD;EAAiB,MAAK;YACpB,iBAAA,GAAA,kBAAA,MAACC,aAAAA,OAAO,KAAR;GACE,SAAS;IACP,SAAS;IACT,GAAG;IACJ;GACD,SAAS;IACP,GAAG,UAAU,IAAI;IACjB,SAAS,UAAU,IAAI;IACxB;GACD,YAAY,EACV,UAAU,IACX;GACD,WAAWC,sBAAAA,GACT,wTACA,UACD;aAfH,CAiBG,SAAS,KAAK,SAAc,QAC3B,iBAAA,GAAA,kBAAA,MAAC,KAAD;IAEE,MAAM,QAAQ;IACd,WAAWA,sBAAAA,GACT,gIACD;cALH,CAOE,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAmB,QAAQ;KAAY,CAAA,EACvD,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAA2B,QAAQ;KAAY,CAAA,CAC7D;MARG,QAAQ,MAQX,CACJ,EACF,iBAAA,GAAA,kBAAA,KAAC,UAAD;IAAQ,WAAU;cAChB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAM,gBAAmB,CAAA;IAClB,CAAA,CACE;;EACG,CAAA"}

package/dist/src/components/ui/form.d.ts

@@ -0,0 +1,32 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as _$react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+import * as _$_radix_ui_react_slot0 from "@radix-ui/react-slot";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/form.d.ts
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => _$react_jsx_runtime0.JSX.Element;
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: _$react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_$_radix_ui_react_slot0.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+//# sourceMappingURL=form.d.ts.map

package/dist/src/components/ui/form.js

@@ -0,0 +1,102 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+const require_src_components_ui_label = require("./label.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let react_hook_form = require("react-hook-form");
+//#region src/components/ui/form.tsx
+const Form = react_hook_form.FormProvider;
+const FormFieldContext = react.createContext({});
+const FormField = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.Controller, { ...props })
+	});
+};
+const useFormField = () => {
+	const fieldContext = react.useContext(FormFieldContext);
+	const itemContext = react.useContext(FormItemContext);
+	const { getFieldState, formState } = (0, react_hook_form.useFormContext)();
+	const fieldState = getFieldState(fieldContext.name, formState);
+	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
+	const { id } = itemContext;
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${id}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState
+	};
+};
+const FormItemContext = react.createContext({});
+const FormItem = react.forwardRef(({ className, ...props }, ref) => {
+	const id = react.useId();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: require_src_lib_utils.cn("space-y-2", className),
+			...props
+		})
+	});
+});
+FormItem.displayName = "FormItem";
+const FormLabel = react.forwardRef(({ className, ...props }, ref) => {
+	const { error, formItemId } = useFormField();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_label.Label, {
+		ref,
+		className: require_src_lib_utils.cn(error && "text-destructive", className),
+		htmlFor: formItemId,
+		...props
+	});
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = react.forwardRef(({ ...props }, ref) => {
+	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		id: formItemId,
+		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+		"aria-invalid": !!error,
+		...props
+	});
+});
+FormControl.displayName = "FormControl";
+const FormDescription = react.forwardRef(({ className, ...props }, ref) => {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		ref,
+		id: formDescriptionId,
+		className: require_src_lib_utils.cn("text-[0.8rem] text-muted-foreground", className),
+		...props
+	});
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = react.forwardRef(({ className, children, ...props }, ref) => {
+	const { error, formMessageId } = useFormField();
+	const body = error ? String(error?.message) : children;
+	if (!body) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		ref,
+		id: formMessageId,
+		className: require_src_lib_utils.cn("text-[0.8rem] font-medium text-destructive", className),
+		...props,
+		children: body
+	});
+});
+FormMessage.displayName = "FormMessage";
+//#endregion
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.useFormField = useFormField;
+
+//# sourceMappingURL=form.js.map

package/dist/src/components/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["FormProvider","React","Controller","cn","Label","Slot"],"sources":["../../../../src/components/ui/form.tsx"],"sourcesContent":["import type * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport * as React from \"react\";\r\nimport {\r\n  Controller,\r\n  type ControllerProps,\r\n  type FieldPath,\r\n  type FieldValues,\r\n  FormProvider,\r\n  useFormContext,\r\n} from \"react-hook-form\";\r\n\r\nimport { Label } from \"./label\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Form = FormProvider;\r\n\r\ntype FormFieldContextValue<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = {\r\n  name: TName;\r\n};\r\n\r\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\r\n\r\nconst FormField = <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>({\r\n  ...props\r\n}: ControllerProps<TFieldValues, TName>) => {\r\n  return (\r\n    <FormFieldContext.Provider value={{ name: props.name }}>\r\n      <Controller {...props} />\r\n    </FormFieldContext.Provider>\r\n  );\r\n};\r\n\r\nconst useFormField = () => {\r\n  const fieldContext = React.useContext(FormFieldContext);\r\n  const itemContext = React.useContext(FormItemContext);\r\n  const { getFieldState, formState } = useFormContext();\r\n\r\n  const fieldState = getFieldState(fieldContext.name, formState);\r\n\r\n  if (!fieldContext) {\r\n    throw new Error(\"useFormField should be used within <FormField>\");\r\n  }\r\n\r\n  const { id } = itemContext;\r\n\r\n  return {\r\n    id,\r\n    name: fieldContext.name,\r\n    formItemId: `${id}-form-item`,\r\n    formDescriptionId: `${id}-form-item-description`,\r\n    formMessageId: `${id}-form-item-message`,\r\n    ...fieldState,\r\n  };\r\n};\r\n\r\ntype FormItemContextValue = {\r\n  id: string;\r\n};\r\n\r\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\r\n\r\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ className, ...props }, ref) => {\r\n    const id = React.useId();\r\n\r\n    return (\r\n      <FormItemContext.Provider value={{ id }}>\r\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\r\n      </FormItemContext.Provider>\r\n    );\r\n  }\r\n);\r\nFormItem.displayName = \"FormItem\";\r\n\r\nconst FormLabel = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  const { error, formItemId } = useFormField();\r\n\r\n  return (\r\n    <Label\r\n      ref={ref}\r\n      className={cn(error && \"text-destructive\", className)}\r\n      htmlFor={formItemId}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nFormLabel.displayName = \"FormLabel\";\r\n\r\nconst FormControl = React.forwardRef<\r\n  React.ElementRef<typeof Slot>,\r\n  React.ComponentPropsWithoutRef<typeof Slot>\r\n>(({ ...props }, ref) => {\r\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\r\n\r\n  return (\r\n    <Slot\r\n      ref={ref}\r\n      id={formItemId}\r\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\r\n      aria-invalid={!!error}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nFormControl.displayName = \"FormControl\";\r\n\r\nconst FormDescription = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => {\r\n  const { formDescriptionId } = useFormField();\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formDescriptionId}\r\n      className={cn(\"text-[0.8rem] text-muted-foreground\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nFormDescription.displayName = \"FormDescription\";\r\n\r\nconst FormMessage = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, children, ...props }, ref) => {\r\n  const { error, formMessageId } = useFormField();\r\n  const body = error ? String(error?.message) : children;\r\n\r\n  if (!body) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formMessageId}\r\n      className={cn(\"text-[0.8rem] font-medium text-destructive\", className)}\r\n      {...props}\r\n    >\r\n      {body}\r\n    </p>\r\n  );\r\n});\r\nFormMessage.displayName = \"FormMessage\";\r\n\r\nexport {\r\n  useFormField,\r\n  Form,\r\n  FormItem,\r\n  FormLabel,\r\n  FormControl,\r\n  FormDescription,\r\n  FormMessage,\r\n  FormField,\r\n};\r\n"],"mappings":";;;;;;;;;;AAeA,MAAM,OAAOA,gBAAAA;AASb,MAAM,mBAAmBC,MAAM,cAAqC,EAAE,CAA0B;AAEhG,MAAM,aAGJ,EACA,GAAG,YACuC;AAC1C,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,YAAD,EAAY,GAAI,OAAS,CAAA;EACC,CAAA;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAeD,MAAM,WAAW,iBAAiB;CACvD,MAAM,cAAcA,MAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,eAAe,eAAA,GAAA,gBAAA,iBAA8B;CAErD,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;AAE9D,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,iDAAiD;CAGnE,MAAM,EAAE,OAAO;AAEf,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,GAAG;EAClB,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkBA,MAAM,cAAoC,EAAE,CAAyB;AAE7F,MAAM,WAAWA,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,MAAM,KAAKA,MAAM,OAAO;AAExB,QACE,iBAAA,GAAA,kBAAA,KAAC,gBAAgB,UAAjB;EAA0B,OAAO,EAAE,IAAI;YACrC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAU;GAAK,WAAWE,sBAAAA,GAAG,aAAa,UAAU;GAAE,GAAI;GAAS,CAAA;EAC1C,CAAA;EAGhC;AACD,SAAS,cAAc;AAEvB,MAAM,YAAYF,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,iBAAA,GAAA,kBAAA,KAACG,gCAAAA,OAAD;EACO;EACL,WAAWD,sBAAAA,GAAG,SAAS,oBAAoB,UAAU;EACrD,SAAS;EACT,GAAI;EACJ,CAAA;EAEJ;AACF,UAAU,cAAc;AAExB,MAAM,cAAcF,MAAM,YAGvB,EAAE,GAAG,SAAS,QAAQ;CACvB,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAAkB,cAAc;AAE9E,QACE,iBAAA,GAAA,kBAAA,KAACI,qBAAAA,MAAD;EACO;EACL,IAAI;EACJ,oBAAkB,CAAC,QAAQ,GAAG,sBAAsB,GAAG,kBAAkB,GAAG;EAC5E,gBAAc,CAAC,CAAC;EAChB,GAAI;EACJ,CAAA;EAEJ;AACF,YAAY,cAAc;AAE1B,MAAM,kBAAkBJ,MAAM,YAG3B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACO;EACL,IAAI;EACJ,WAAWE,sBAAAA,GAAG,uCAAuC,UAAU;EAC/D,GAAI;EACJ,CAAA;EAEJ;AACF,gBAAgB,cAAc;AAE9B,MAAM,cAAcF,MAAM,YAGvB,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,QAAQ,GAAG;AAE9C,KAAI,CAAC,KACH,QAAO;AAGT,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACO;EACL,IAAI;EACJ,WAAWE,sBAAAA,GAAG,8CAA8C,UAAU;EACtE,GAAI;YAEH;EACC,CAAA;EAEN;AACF,YAAY,cAAc"}

package/dist/src/components/ui/image.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+
+//#region src/components/ui/image.d.ts
+interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+  fallback?: React.ReactNode;
+}
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+export = Image;
+//# sourceMappingURL=image.d.ts.map

package/dist/src/components/ui/image.js

@@ -0,0 +1,57 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ui/image.tsx
+const Image = react.default.forwardRef(({ className, src, alt, fallback, ...props }, ref) => {
+	const [error, setError] = react.default.useState(false);
+	const handleError = () => {
+		setError(true);
+	};
+	if (error || !src) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_src_lib_utils.cn("flex items-center justify-center bg-muted text-muted-foreground", className),
+		...props,
+		children: fallback || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "h-8 w-8",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					width: "18",
+					height: "18",
+					x: "3",
+					y: "3",
+					rx: "2",
+					ry: "2"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "9",
+					cy: "9",
+					r: "2"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+			]
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		ref,
+		src,
+		alt,
+		onError: handleError,
+		className,
+		...props
+	});
+});
+Image.displayName = "Image";
+//#endregion
+module.exports = Image;
+
+//# sourceMappingURL=image.js.map

package/dist/src/components/ui/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","names":["React","cn"],"sources":["../../../../src/components/ui/image.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\ninterface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\r\n  fallback?: React.ReactNode;\r\n}\r\n\r\nconst Image = React.forwardRef<HTMLImageElement, ImageProps>(\r\n  ({ className, src, alt, fallback, ...props }, ref) => {\r\n    const [error, setError] = React.useState(false);\r\n\r\n    const handleError = () => {\r\n      setError(true);\r\n    };\r\n\r\n    if (error || !src) {\r\n      return (\r\n        <div\r\n          className={cn(\r\n            \"flex items-center justify-center bg-muted text-muted-foreground\",\r\n            className\r\n          )}\r\n          {...props}\r\n        >\r\n          {fallback || (\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              className=\"h-8 w-8\"\r\n            >\r\n              <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\r\n              <circle cx=\"9\" cy=\"9\" r=\"2\" />\r\n              <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\r\n            </svg>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <img ref={ref} src={src} alt={alt} onError={handleError} className={className} {...props} />\r\n    );\r\n  }\r\n);\r\n\r\nImage.displayName = \"Image\";\r\n\r\nexport default Image;\r\n"],"mappings":";;;;;;AAOA,MAAM,QAAQA,MAAAA,QAAM,YACjB,EAAE,WAAW,KAAK,KAAK,UAAU,GAAG,SAAS,QAAQ;CACpD,MAAM,CAAC,OAAO,YAAYA,MAAAA,QAAM,SAAS,MAAM;CAE/C,MAAM,oBAAoB;AACxB,WAAS,KAAK;;AAGhB,KAAI,SAAS,CAAC,IACZ,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,WAAWC,sBAAAA,GACT,mEACA,UACD;EACD,GAAI;YAEH,YACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GACE,OAAM;GACN,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,WAAU;aAVZ;IAYE,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,OAAM;KAAK,QAAO;KAAK,GAAE;KAAI,GAAE;KAAI,IAAG;KAAI,IAAG;KAAM,CAAA;IACzD,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAI,GAAE;KAAM,CAAA;IAC9B,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,GAAE,6CAA8C,CAAA;IAClD;;EAEJ,CAAA;AAIV,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAU;EAAU;EAAU;EAAK,SAAS;EAAwB;EAAW,GAAI;EAAS,CAAA;EAGjG;AAED,MAAM,cAAc"}

package/dist/src/components/ui/input.d.ts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/ui/input.d.ts
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/src/components/ui/input.js

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ui/input.tsx
+const Input = react.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		type,
+		className: require_src_lib_utils.cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+exports.Input = Input;
+
+//# sourceMappingURL=input.js.map

package/dist/src/components/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["React","cn"],"sources":["../../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\r\n  ({ className, type, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        className={cn(\r\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n          className\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nInput.displayName = \"Input\";\r\n\r\nexport { Input };\r\n"],"mappings":";;;;;;;AAIA,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;AACtC,QACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACQ;EACN,WAAWC,sBAAAA,GACT,2WACA,UACD;EACI;EACL,GAAI;EACJ,CAAA;EAGP;AACD,MAAM,cAAc"}