@m5kdev/web-ui 0.8.7 → 0.8.8

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/form.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../../lib/utils.mjs";
 import { Label } from "./label.mjs";
 import * as React$1 from "react";
-import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext } from "react-hook-form";
 //#region src/components/ui/form.tsx
 const Form = FormProvider;

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"}

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

@@ -0,0 +1,10 @@
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/label.d.ts
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: _$class_variance_authority_types0.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1,21 @@
+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 class_variance_authority = require("class-variance-authority");
+let _radix_ui_react_label = require("@radix-ui/react-label");
+_radix_ui_react_label = require_runtime.__toESM(_radix_ui_react_label);
+//#region src/components/ui/label.tsx
+const labelVariants = (0, class_variance_authority.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_label.Root, {
+	ref,
+	className: require_src_lib_utils.cn(labelVariants(), className),
+	...props
+}));
+Label.displayName = _radix_ui_react_label.Root.displayName;
+//#endregion
+exports.Label = Label;
+
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["React","LabelPrimitive","cn"],"sources":["../../../../src/components/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n);\r\n\r\nconst Label = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\r\n>(({ className, ...props }, ref) => (\r\n  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport { Label };\r\n"],"mappings":";;;;;;;;;;AAMA,MAAM,iBAAA,GAAA,yBAAA,KACJ,6FACD;AAED,MAAM,QAAQA,MAAM,YAGjB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAACC,sBAAe,MAAhB;CAA0B;CAAK,WAAWC,sBAAAA,GAAG,eAAe,EAAE,UAAU;CAAE,GAAI;CAAS,CAAA,CACvF;AACF,MAAM,cAAcD,sBAAe,KAAK"}

package/dist/src/components/ui/label.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.mjs";
 import * as React$1 from "react";
-import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import * as LabelPrimitive from "@radix-ui/react-label";
 //#region src/components/ui/label.tsx
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");

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

@@ -0,0 +1,40 @@
+import { Button } from "./button.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React$1.ComponentProps<"nav">): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React$1.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink>): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationNext({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink>): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1,87 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+const require_src_components_ui_button = require("./button.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+//#region src/components/ui/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: require_src_lib_utils.cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		"data-slot": "pagination-content",
+		className: require_src_lib_utils.cn("flex flex-row items-center gap-1", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		"aria-current": isActive ? "page" : void 0,
+		"data-slot": "pagination-link",
+		"data-active": isActive,
+		className: require_src_lib_utils.cn(require_src_components_ui_button.buttonVariants({
+			variant: isActive ? "outline" : "ghost",
+			size
+		}), className),
+		...props
+	});
+}
+function PaginationPrevious({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: require_src_lib_utils.cn("gap-1 px-2.5 sm:pl-2.5", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeftIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "hidden sm:block",
+			children: "Previous"
+		})]
+	});
+}
+function PaginationNext({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: require_src_lib_utils.cn("gap-1 px-2.5 sm:pr-2.5", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "hidden sm:block",
+			children: "Next"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, {})]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: require_src_lib_utils.cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreHorizontalIcon, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+//#endregion
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon"],"sources":["../../../../src/components/ui/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\";\r\nimport type * as React from \"react\";\r\nimport { type Button, buttonVariants } from \"./button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      aria-label=\"pagination\"\r\n      data-slot=\"pagination\"\r\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\r\n  return (\r\n    <ul\r\n      data-slot=\"pagination-content\"\r\n      className={cn(\"flex flex-row items-center gap-1\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\r\n  return <li data-slot=\"pagination-item\" {...props} />;\r\n}\r\n\r\ntype PaginationLinkProps = {\r\n  isActive?: boolean;\r\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\r\n  React.ComponentProps<\"a\">;\r\n\r\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\r\n  return (\r\n    <a\r\n      aria-current={isActive ? \"page\" : undefined}\r\n      data-slot=\"pagination-link\"\r\n      data-active={isActive}\r\n      className={cn(\r\n        buttonVariants({\r\n          variant: isActive ? \"outline\" : \"ghost\",\r\n          size,\r\n        }),\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\r\n  return (\r\n    <PaginationLink\r\n      aria-label=\"Go to previous page\"\r\n      size=\"default\"\r\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\r\n      {...props}\r\n    >\r\n      <ChevronLeftIcon />\r\n      <span className=\"hidden sm:block\">Previous</span>\r\n    </PaginationLink>\r\n  );\r\n}\r\n\r\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\r\n  return (\r\n    <PaginationLink\r\n      aria-label=\"Go to next page\"\r\n      size=\"default\"\r\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\r\n      {...props}\r\n    >\r\n      <span className=\"hidden sm:block\">Next</span>\r\n      <ChevronRightIcon />\r\n    </PaginationLink>\r\n  );\r\n}\r\n\r\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      aria-hidden\r\n      data-slot=\"pagination-ellipsis\"\r\n      className={cn(\"flex size-9 items-center justify-center\", className)}\r\n      {...props}\r\n    >\r\n      <MoreHorizontalIcon className=\"size-4\" />\r\n      <span className=\"sr-only\">More pages</span>\r\n    </span>\r\n  );\r\n}\r\n\r\nexport {\r\n  Pagination,\r\n  PaginationContent,\r\n  PaginationLink,\r\n  PaginationItem,\r\n  PaginationPrevious,\r\n  PaginationNext,\r\n  PaginationEllipsis,\r\n};\r\n"],"mappings":";;;;;;;AAKA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAWA,sBAAAA,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAqC;AAC9E,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,SAA8B;AAC7F,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,gBAAc,WAAW,SAAS,KAAA;EAClC,aAAU;EACV,eAAa;EACb,WAAWA,sBAAAA,GACTC,iCAAAA,eAAe;GACb,SAAS,WAAW,YAAY;GAChC;GACD,CAAC,EACF,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAsD;AAChG,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAWD,sBAAAA,GAAG,0BAA0B,UAAU;EAClD,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAACE,aAAAA,iBAAD,EAAmB,CAAA,EACnB,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAkB;GAAe,CAAA,CAClC;;;AAIrB,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsD;AAC5F,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAWF,sBAAAA,GAAG,0BAA0B,UAAU;EAClD,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAkB;GAAW,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAACG,aAAAA,kBAAD,EAAoB,CAAA,CACL;;;AAIrB,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;AACjF,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAWH,sBAAAA,GAAG,2CAA2C,UAAU;EACnE,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAACI,aAAAA,oBAAD,EAAoB,WAAU,UAAW,CAAA,EACzC,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}

package/dist/src/components/ui/pagination.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.mjs";
 import { buttonVariants } from "./button.mjs";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 //#region src/components/ui/pagination.tsx
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

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

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+
+//#region src/components/ui/progress.d.ts
+declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1,23 @@
+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 _radix_ui_react_progress = require("@radix-ui/react-progress");
+_radix_ui_react_progress = require_runtime.__toESM(_radix_ui_react_progress);
+//#region src/components/ui/progress.tsx
+const Progress = react.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_progress.Root, {
+	ref,
+	className: require_src_lib_utils.cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_progress.Indicator, {
+		className: "h-full w-full flex-1 bg-primary transition-all",
+		style: { transform: `translateX(-${100 - (value || 0)}%)` }
+	})
+}));
+Progress.displayName = _radix_ui_react_progress.Root.displayName;
+//#endregion
+exports.Progress = Progress;
+
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["React","ProgressPrimitive","cn"],"sources":["../../../../src/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Progress = React.forwardRef<\r\n  React.ElementRef<typeof ProgressPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\r\n>(({ className, value, ...props }, ref) => (\r\n  <ProgressPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\r\n    {...props}\r\n  >\r\n    <ProgressPrimitive.Indicator\r\n      className=\"h-full w-full flex-1 bg-primary transition-all\"\r\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\r\n    />\r\n  </ProgressPrimitive.Root>\r\n));\r\nProgress.displayName = ProgressPrimitive.Root.displayName;\r\n\r\nexport { Progress };\r\n"],"mappings":";;;;;;;;;AAKA,MAAM,WAAWA,MAAM,YAGpB,EAAE,WAAW,OAAO,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,KAACC,yBAAkB,MAAnB;CACO;CACL,WAAWC,sBAAAA,GAAG,kEAAkE,UAAU;CAC1F,GAAI;WAEJ,iBAAA,GAAA,kBAAA,KAACD,yBAAkB,WAAnB;EACE,WAAU;EACV,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,KAAK;EAC3D,CAAA;CACqB,CAAA,CACzB;AACF,SAAS,cAAcA,yBAAkB,KAAK"}

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

@@ -0,0 +1,97 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/ui/resizable-navbar.d.ts
+interface NavbarProps {
+  children: React.ReactNode;
+  className?: string;
+}
+interface NavBodyProps {
+  children: React.ReactNode;
+  className?: string;
+  visible?: boolean;
+}
+interface NavItemsProps {
+  items: {
+    name: string;
+    link: string;
+  }[];
+  className?: string;
+  onItemClick?: () => void;
+}
+interface MobileNavProps {
+  children: React.ReactNode;
+  className?: string;
+  visible?: boolean;
+}
+interface MobileNavHeaderProps {
+  children: React.ReactNode;
+  className?: string;
+}
+interface MobileNavMenuProps {
+  children: React.ReactNode;
+  className?: string;
+  isOpen: boolean;
+  onClose: () => void;
+}
+declare const Navbar: ({
+  children,
+  className
+}: NavbarProps) => _$react_jsx_runtime0.JSX.Element;
+declare const NavBody: ({
+  children,
+  className,
+  visible
+}: NavBodyProps) => _$react_jsx_runtime0.JSX.Element;
+declare const NavItems: ({
+  items,
+  className,
+  onItemClick
+}: NavItemsProps) => _$react_jsx_runtime0.JSX.Element;
+declare const MobileNav: ({
+  children,
+  className,
+  visible
+}: MobileNavProps) => _$react_jsx_runtime0.JSX.Element;
+declare const MobileNavHeader: ({
+  children,
+  className
+}: MobileNavHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+declare const MobileNavMenu: ({
+  children,
+  className,
+  isOpen
+}: MobileNavMenuProps) => _$react_jsx_runtime0.JSX.Element;
+declare const MobileNavToggle: ({
+  isOpen,
+  onClick
+}: {
+  isOpen: boolean;
+  onClick: () => void;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const NavbarLogo: ({
+  logo,
+  title,
+  alt
+}: {
+  logo?: string;
+  title?: string;
+  alt?: string;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const NavbarButton: ({
+  href,
+  as: Tag,
+  children,
+  className,
+  variant,
+  ...props
+}: {
+  href?: string;
+  as?: React.ElementType;
+  children: React.ReactNode;
+  className?: string;
+  variant?: "primary" | "secondary" | "dark" | "gradient";
+} & (React.ComponentPropsWithoutRef<"a"> | React.ComponentPropsWithoutRef<"button">)) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MobileNav, MobileNavHeader, MobileNavMenu, MobileNavToggle, NavBody, NavItems, Navbar, NavbarButton, NavbarLogo };
+//# sourceMappingURL=resizable-navbar.d.ts.map

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

@@ -0,0 +1,149 @@
+"use client";
+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 motion_react = require("motion/react");
+//#region src/components/ui/resizable-navbar.tsx
+const Navbar = ({ children, className }) => {
+	const ref = (0, react.useRef)(null);
+	const { scrollY } = (0, motion_react.useScroll)({
+		target: ref,
+		offset: ["start start", "end start"]
+	});
+	const [visible, setVisible] = (0, react.useState)(false);
+	(0, motion_react.useMotionValueEvent)(scrollY, "change", (latest) => {
+		if (latest > 20) setVisible(true);
+		else setVisible(false);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		ref,
+		className: require_src_lib_utils.cn("fixed inset-x-0 top-8 z-100 w-full", className),
+		children: react.default.Children.map(children, (child) => react.default.isValidElement(child) ? react.default.cloneElement(child, { visible }) : child)
+	});
+};
+const NavBody = ({ children, className, visible }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		animate: {
+			backdropFilter: visible ? "blur(10px)" : "none",
+			boxShadow: visible ? "0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset" : "none",
+			width: visible ? "40%" : "100%",
+			y: visible ? 20 : 0
+		},
+		transition: {
+			type: "spring",
+			stiffness: 200,
+			damping: 50
+		},
+		style: { minWidth: "800px" },
+		className: require_src_lib_utils.cn("relative z-[60] mx-auto hidden w-full max-w-7xl flex-row items-center justify-between self-start rounded-full bg-transparent px-4 py-2 lg:flex dark:bg-transparent", visible && "bg-white/80 dark:bg-neutral-950/80", className),
+		children
+	});
+};
+const NavItems = ({ items, className, onItemClick }) => {
+	const [hovered, setHovered] = (0, react.useState)(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		onMouseLeave: () => setHovered(null),
+		className: require_src_lib_utils.cn("absolute inset-0 hidden flex-1 flex-row items-center justify-center space-x-2 text-sm font-medium text-zinc-600 transition duration-200 hover:text-zinc-800 lg:flex lg:space-x-2", className),
+		children: items.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+			onMouseEnter: () => setHovered(idx),
+			onClick: onItemClick,
+			className: "relative px-4 py-2 text-neutral-600 dark:text-neutral-300",
+			href: item.link,
+			children: [hovered === idx && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				layoutId: "hovered",
+				className: "absolute inset-0 h-full w-full rounded-full bg-gray-100 dark:bg-neutral-800"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "relative z-20",
+				children: item.name
+			})]
+		}, `link-${idx}`))
+	});
+};
+const MobileNav = ({ children, className, visible }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		animate: {
+			backdropFilter: visible ? "blur(10px)" : "none",
+			boxShadow: visible ? "0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset" : "none",
+			width: visible ? "90%" : "100%",
+			paddingRight: visible ? "12px" : "0px",
+			paddingLeft: visible ? "12px" : "0px",
+			borderRadius: visible ? "4px" : "2rem",
+			y: visible ? 20 : 0
+		},
+		transition: {
+			type: "spring",
+			stiffness: 200,
+			damping: 50
+		},
+		className: require_src_lib_utils.cn("relative z-50 mx-auto flex w-full max-w-[calc(100vw-2rem)] flex-col items-center justify-between bg-transparent px-0 py-2 lg:hidden", visible && "bg-white/80 dark:bg-neutral-950/80", className),
+		children
+	});
+};
+const MobileNavHeader = ({ children, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_src_lib_utils.cn("flex w-full flex-row items-center justify-between", className),
+		children
+	});
+};
+const MobileNavMenu = ({ children, className, isOpen }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		className: require_src_lib_utils.cn("absolute inset-x-0 top-16 z-50 flex w-full flex-col items-start justify-start gap-4 rounded-lg bg-white px-4 py-8 shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset] dark:bg-neutral-950", className),
+		children
+	}) });
+};
+const MobileNavToggle = ({ isOpen, onClick }) => {
+	return isOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, {
+		className: "text-black dark:text-white",
+		onClick
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MenuIcon, {
+		className: "text-black dark:text-white",
+		onClick
+	});
+};
+const NavbarLogo = ({ logo = "/mk.png", title = "Kowalkowski", alt }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href: "/",
+		className: "relative z-20 mr-4 flex items-center space-x-2 px-2 py-1 text-sm font-normal text-black",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: logo,
+			alt: alt || `${title} logo`,
+			width: 30,
+			height: 30
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "font-medium text-black dark:text-white",
+			children: title
+		})]
+	});
+};
+const NavbarButton = ({ href, as: Tag = "a", children, className, variant = "primary", ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+		href: href || void 0,
+		className: require_src_lib_utils.cn("px-4 py-2 rounded-md bg-white button bg-white text-black text-sm font-bold relative cursor-pointer hover:-translate-y-0.5 transition duration-200 inline-block text-center", {
+			primary: "shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]",
+			secondary: "bg-transparent shadow-none dark:text-white",
+			dark: "bg-black text-white shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]",
+			gradient: "bg-gradient-to-b from-blue-500 to-blue-700 text-white shadow-[0px_2px_0px_0px_rgba(255,255,255,0.3)_inset]"
+		}[variant], className),
+		...props,
+		children
+	});
+};
+//#endregion
+exports.MobileNav = MobileNav;
+exports.MobileNavHeader = MobileNavHeader;
+exports.MobileNavMenu = MobileNavMenu;
+exports.MobileNavToggle = MobileNavToggle;
+exports.NavBody = NavBody;
+exports.NavItems = NavItems;
+exports.Navbar = Navbar;
+exports.NavbarButton = NavbarButton;
+exports.NavbarLogo = NavbarLogo;
+
+//# sourceMappingURL=resizable-navbar.js.map